-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcards.html
51 lines (45 loc) · 1.6 KB
/
cards.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="cards.css">
<title>Document</title>
</head>
<body style="background: rgb(33, 33, 33);">
<div class="containerSVG">
<ul class="listSvg">
<li class="elementPointSvg">
<h3 class="date">étude</h3>
</li>
<li class="elementPointSvg">
<h3 class="date">conception</h3>
</li>
<li class="elementPointSvg">
<h3 class="date">prototypage</h3>
</li>
<li class="elementPointSvg">
<h3 class="date">design thinking</h3>
</li>
<li class="elementPointSvg">
<h3 class="date">production</h3>
</li>
<li class="elementPointSvg">
<h3 class="date">publication</h3>
</li>
</ul>
<svg class="svgContainer" viewBox="0 0 400 200"> <!-- La vue de la zone SVG -->
<path class="linePath" fill="none" stroke="#000000" stroke-width="0.2" stroke-miterlimit="10" d="M0,91.333
C9,91.333,34.667,60,69.333,70S97,120.334,136.667,124.667s48.667-25,86.667-36.333s82.334,13.667,97,27
s61.333,17.333,87.333-24.667" />
</svg>
</div>
<div class="piechart"></div>
<div id="chart">
<button class="chartStart">
voir
</button>
</div>
<script src="pathAncor.js"></script>
</body>
</html>