-
Notifications
You must be signed in to change notification settings - Fork 0
/
example-2.html
150 lines (117 loc) · 22.4 KB
/
example-2.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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- ****************************************************
Jerome Kalumbu & Alfred Lettang
********************************************************* -->
<title>6 Simple Steps | Bari Template</title>
<link rel="stylesheet" href="assets/sass/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:slnt,wght@-10,100..900;0,100..900" rel="stylesheet">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
</head>
<body class="[ article ] [ article-template-2 ] [ article-template ]">
<a href="#content" class="skip-link">Skip to content</a>
<div class="logo">
<a href="/">
<a href="index.html">
<svg width="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Calque_1" x="0px" y="0px" viewBox="0 0 384 512" style="enable-background:new 0 0 384 512;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{enable-background:new ;}
</style>
<g>
<g>
<path d="M215.1,277.7c-6.3-4.2-13.6-6.2-21.8-6.2c-7.6,0-14.9,1.9-22,5.7c-7.1,3.8-12.8,9.6-17.2,17.4s-6.6,18-6.6,30.5 c0,14.8,1.4,27.8,4.1,38.8s7.3,19.8,13.8,26.1c6.5,6.4,15.3,9.6,26.4,9.6c8.8,0,16.3-2.2,22.5-6.6c6.3-4.4,11.2-11.6,14.7-21.5 c3.6-9.9,5.3-23,5.3-39.4c0-14.6-1.7-26.2-5-34.9C226.2,288.3,221.4,281.9,215.1,277.7L215.1,277.7z"/>
<path d="M384,0H0v512l159.1-92.8c-7.3-2.6-13.8-6.2-19.4-10.9c-12.8-10.5-21.9-24.9-27.3-42.9c-5.4-18.1-8.2-38.6-8.2-61.5 c0-20.3,1.9-40.1,5.8-59.5s10.2-37,18.8-52.9s20.1-28.4,34.2-37.7c14.2-9.2,31.5-13.9,51.8-13.9c9.5,0,19,1.7,28.7,5.1 c9.7,3.4,17.8,8.5,24.3,15.2c6.5,6.8,9.8,15.4,9.8,25.8c0,4.9-1,9.6-2.8,13.9c-1.9,4.3-4.7,7.8-8.3,10.3 c-3.7,2.6-8.1,3.9-13.3,3.9s-9.2-0.9-12.6-2.7c-3.4-1.8-6-4.2-7.8-7c-1.8-2.9-2.7-5.6-2.7-8.2c0-1.6,0.3-3.4,0.9-5.7 c0.6-2.2,1.5-4.7,2.8-7.4s2.9-5.9,4.8-9.6c-2.4-2.3-5.9-4.2-10.6-5.5s-10.1-1.9-16-1.9c-8.8,0-16.5,2.1-23.2,6.2 c-6.7,4.2-12.6,9.8-17.6,17s-9.1,15.3-12.2,24.4s-5.7,18.7-7.4,28.9s-2.9,20.3-3.4,30.4c4.7-8.1,12-15.2,21.8-21.5 c9.8-6.2,21.6-9.4,35.3-9.4s25.9,3.3,36.6,9.9c10.6,6.6,19,16.2,25,28.7s9,28,9,46.5c0,21.3-3.6,39.2-10.8,53.7 c-7.2,14.4-17.2,25.2-30,32.4c-3.6,2-7.4,3.8-11.4,5.2L384,512V0L384,0z"/>
</g>
<g>
</g>
</g>
<g>
<g>
<path d="M210.3,275.9c-6.3-4.1-13.5-6.2-21.8-6.2c-7.6,0-14.9,1.9-21.9,5.6c-7.1,3.8-12.8,9.5-17.2,17.3s-6.5,17.9-6.5,30.4 c0,14.8,1.4,27.7,4.1,38.7c2.7,11,7.3,19.7,13.8,26.1s15.3,9.5,26.4,9.5c8.7,0,16.2-2.2,22.5-6.6s11.2-11.5,14.7-21.4 s5.3-23,5.3-39.3c0-14.5-1.7-26.2-5-34.9C221.4,286.5,216.6,280,210.3,275.9z"/>
<path d="M384,0H0v512l159.9-93.3c-9.5-2.6-17.8-6.8-24.8-12.6c-12.7-10.5-21.8-24.8-27.3-42.8c-5.4-18-8.1-38.5-8.1-61.3 c0-20.2,1.9-40,5.8-59.4c3.9-19.3,10.1-36.9,18.8-52.8c8.6-15.8,20-28.4,34.2-37.6s31.4-13.8,51.7-13.8c9.4,0,19,1.7,28.7,5.1 c9.7,3.4,17.8,8.4,24.2,15.2c6.5,6.8,9.7,15.3,9.7,25.7c0,4.9-0.9,9.5-2.8,13.8s-4.7,7.7-8.3,10.3c-3.7,2.6-8.1,3.9-13.3,3.9 c-5,0-9.1-0.9-12.6-2.7c-3.4-1.8-6-4.1-7.8-7s-2.7-5.6-2.7-8.2c0-1.6,0.3-3.4,0.9-5.6c0.6-2.2,1.5-4.7,2.8-7.4s2.9-5.9,4.8-9.5 c-2.4-2.3-5.9-4.1-10.6-5.5c-4.7-1.3-10-1.9-15.9-1.9c-8.7,0-16.5,2.1-23.2,6.2c-6.7,4.2-12.6,9.8-17.5,16.9 c-5,7.1-9,15.3-12.2,24.3c-3.2,9.1-5.7,18.7-7.4,28.8s-2.9,20.2-3.4,30.4c4.7-8,12-15.2,21.8-21.4c9.8-6.2,21.5-9.3,35.2-9.3 s25.8,3.3,36.5,9.9c10.6,6.6,18.9,16.2,25,28.6c6,12.5,9,27.9,9,46.3c0,21.3-3.6,39.1-10.8,53.5c-7.2,14.4-17.2,25.2-29.9,32.3 c-3.4,1.9-6.9,3.5-10.6,4.9L384,512V0z"/>
<path class="st0" d="M260.2,378.9c7.2-14.4,10.8-32.3,10.8-53.5c0-18.4-3-33.9-9-46.3c-6-12.5-14.3-22-25-28.6 c-10.6-6.6-22.8-9.9-36.5-9.9s-25.4,3.1-35.2,9.3s-17.1,13.4-21.8,21.4c0.5-10.1,1.6-20.2,3.4-30.4s4.2-19.7,7.4-28.8 s7.3-17.2,12.2-24.3c5-7.1,10.8-12.8,17.5-16.9c6.7-4.1,14.5-6.2,23.2-6.2c5.9,0,11.2,0.7,15.9,1.9c4.7,1.3,8.3,3.1,10.6,5.5 c-1.9,3.6-3.5,6.8-4.8,9.5s-2.2,5.2-2.8,7.4s-0.9,4.1-0.9,5.6c0,2.6,0.9,5.3,2.7,8.2s4.4,5.2,7.8,7c3.4,1.8,7.6,2.7,12.6,2.7 c5.2,0,9.6-1.3,13.3-3.9c3.7-2.6,6.4-6,8.3-10.3s2.8-8.9,2.8-13.8c0-10.4-3.2-18.9-9.7-25.7c-6.5-6.7-14.6-11.8-24.2-15.2 c-9.7-3.4-19.2-5.1-28.7-5.1c-20.3,0-37.5,4.6-51.7,13.8s-25.5,21.7-34.2,37.6c-8.6,15.8-14.9,33.4-18.8,52.8 c-3.9,19.3-5.8,39.1-5.8,59.4c0,22.8,2.7,43.3,8.1,61.3s14.5,32.3,27.3,42.8c7,5.8,15.3,10,24.8,12.6L192,400l27.7,16.1 c3.7-1.4,7.2-3,10.6-4.9C243.1,404.1,253,393.3,260.2,378.9z M224.3,369.3c-3.5,9.9-8.4,17-14.7,21.4s-13.8,6.6-22.5,6.6 c-11.1,0-19.9-3.2-26.4-9.5c-6.5-6.4-11.1-15.1-13.8-26.1s-4.1-23.9-4.1-38.7c0-12.5,2.2-22.6,6.5-30.4 c4.4-7.8,10.1-13.6,17.2-17.3c7.1-3.8,14.4-5.6,21.9-5.6c8.3,0,15.5,2.1,21.8,6.2c6.3,4.2,11,10.6,14.3,19.3 c3.3,8.7,5,20.3,5,34.9C229.6,346.4,227.9,359.5,224.3,369.3z"/>
</g>
<g class="st1">
<path class="st0" d="M49.3,79c-1.2,0-2.2-0.2-3.3-0.6c-1-0.4-1.9-0.9-2.6-1.6l-0.4,1.9h-2.2L40.2,71l2.5-0.4 c0.3,0.8,0.6,1.5,1,2.2c0.4,0.6,0.8,1.2,1.3,1.6c0.5,0.4,1.1,0.8,1.7,1s1.3,0.4,1.9,0.4c0.8,0,1.4-0.1,1.9-0.4 c0.5-0.2,0.9-0.6,1.1-1c0.2-0.4,0.4-1,0.4-1.6c0-0.7-0.2-1.3-0.5-1.8c-0.3-0.5-0.8-0.9-1.5-1.3c-0.7-0.4-1.6-0.8-2.7-1.1 c-1-0.3-1.8-0.7-2.7-1.1c-0.8-0.4-1.5-0.9-2.1-1.5c-0.6-0.6-1-1.3-1.4-2.1c-0.3-0.8-0.5-1.9-0.5-3c0-0.7,0.1-1.3,0.3-2 c0.2-0.7,0.5-1.4,0.8-2c0.4-0.7,0.9-1.3,1.5-1.8s1.3-0.9,2.2-1.3c0.8-0.3,1.8-0.5,3-0.5c1,0,2,0.2,2.8,0.5 c0.8,0.3,1.5,0.7,2.2,1.3l0.4-1.8h2l0.7,7.6L54,61.4c-0.4-1.3-0.9-2.3-1.4-3c-0.6-0.7-1.2-1.2-1.8-1.5c-0.7-0.3-1.3-0.5-2.1-0.5 c-0.9,0-1.6,0.3-2.2,0.8c-0.6,0.5-0.9,1.2-0.9,2.1c0,0.7,0.2,1.3,0.5,1.7c0.3,0.5,0.8,0.9,1.5,1.2c0.7,0.3,1.5,0.7,2.5,1 c1,0.4,2,0.7,2.9,1.2c0.9,0.4,1.6,0.9,2.2,1.5c0.6,0.6,1.1,1.3,1.4,2.1c0.3,0.8,0.5,1.8,0.5,3c0,1.3-0.2,2.4-0.7,3.4 c-0.4,1-1,1.8-1.8,2.5c-0.7,0.7-1.6,1.2-2.5,1.5C51.3,78.8,50.3,79,49.3,79z"/>
<path class="st0" d="M60.1,78.5V76l1.4-0.3c0.4-0.1,0.7-0.3,0.8-0.5c0.1-0.2,0.2-0.7,0.2-1.3V58.2c0-0.6-0.1-1-0.2-1.3 c-0.1-0.2-0.4-0.4-0.9-0.4l-1.3-0.2v-2.5h10.2v2.5l-1.5,0.3c-0.4,0.1-0.6,0.2-0.8,0.5c-0.1,0.2-0.2,0.7-0.2,1.3V74 c0,0.6,0.1,1,0.2,1.2c0.1,0.2,0.4,0.3,0.8,0.4l1.4,0.3v2.5H60.1z"/>
<path class="st0" d="M72.2,78.5v-2.5l1.1-0.2c0.5-0.1,0.9-0.3,1.2-0.4c0.3-0.1,0.6-0.3,0.8-0.6c0.2-0.3,0.5-0.6,0.9-1.1l5.3-6.9 l-5.8-8.4c-0.3-0.5-0.7-0.8-1-1.1c-0.4-0.3-0.8-0.5-1.3-0.6l-1.2-0.3l0.4-2.6h10.3v2.6l-1.2,0.2c-0.4,0-0.6,0.2-0.6,0.4 c0,0.2,0.1,0.6,0.4,1l3.3,4.9l3.4-4.9c0.2-0.4,0.3-0.6,0.3-0.8s-0.2-0.3-0.7-0.5l-1.2-0.3l0.4-2.6h8v2.6l-1.2,0.2 c-0.3,0-0.6,0.1-0.8,0.2c-0.2,0.1-0.5,0.2-0.7,0.4c-0.2,0.2-0.4,0.5-0.7,0.8l-5.2,7.2l6,8.7c0.3,0.5,0.7,0.9,1,1.2 c0.3,0.3,0.8,0.5,1.3,0.6l1,0.2v2.6H85v-2.5l1.3-0.2c0.4,0,0.7-0.2,0.8-0.5c0.1-0.3-0.1-0.7-0.5-1.3l-3.3-4.9l-3.6,5.1 c-0.3,0.4-0.4,0.7-0.4,1c0,0.2,0.2,0.4,0.6,0.5l1.6,0.2v2.5H72.2z"/>
<path class="st0" d="M112.9,79c-1.2,0-2.2-0.2-3.3-0.6c-1-0.4-1.9-0.9-2.6-1.6l-0.4,1.9h-2.2l-0.5-7.7l2.5-0.4 c0.3,0.8,0.6,1.5,1,2.2c0.4,0.6,0.8,1.2,1.3,1.6c0.5,0.4,1.1,0.8,1.7,1s1.3,0.4,1.9,0.4c0.8,0,1.4-0.1,1.9-0.4 c0.5-0.2,0.9-0.6,1.1-1c0.2-0.4,0.4-1,0.4-1.6c0-0.7-0.2-1.3-0.5-1.8c-0.3-0.5-0.8-0.9-1.5-1.3c-0.7-0.4-1.6-0.8-2.7-1.1 c-1-0.3-1.8-0.7-2.7-1.1c-0.8-0.4-1.5-0.9-2.1-1.5c-0.6-0.6-1-1.3-1.4-2.1c-0.3-0.8-0.5-1.9-0.5-3c0-0.7,0.1-1.3,0.3-2 c0.2-0.7,0.5-1.4,0.8-2c0.4-0.7,0.9-1.3,1.5-1.8s1.3-0.9,2.2-1.3c0.8-0.3,1.8-0.5,3-0.5c1,0,2,0.2,2.8,0.5 c0.8,0.3,1.5,0.7,2.2,1.3l0.4-1.8h2l0.7,7.6l-2.5,0.5c-0.4-1.3-0.9-2.3-1.4-3c-0.6-0.7-1.2-1.2-1.8-1.5c-0.7-0.3-1.3-0.5-2.1-0.5 c-0.9,0-1.6,0.3-2.2,0.8c-0.6,0.5-0.9,1.2-0.9,2.1c0,0.7,0.2,1.3,0.5,1.7c0.3,0.5,0.8,0.9,1.5,1.2c0.7,0.3,1.5,0.7,2.5,1 c1,0.4,2,0.7,2.9,1.2c0.9,0.4,1.6,0.9,2.2,1.5c0.6,0.6,1.1,1.3,1.4,2.1c0.3,0.8,0.5,1.8,0.5,3c0,1.3-0.2,2.4-0.7,3.4 c-0.4,1-1,1.8-1.8,2.5c-0.7,0.7-1.6,1.2-2.5,1.5C114.9,78.8,113.9,79,112.9,79z"/>
<path class="st0" d="M123.7,78.5V76l1.4-0.3c0.4-0.1,0.7-0.3,0.8-0.5c0.1-0.2,0.2-0.7,0.2-1.3V58.2c0-0.6-0.1-1-0.2-1.3 c-0.1-0.2-0.4-0.4-0.9-0.4l-1.3-0.2v-2.5h10.2v2.5l-1.5,0.3c-0.4,0.1-0.6,0.2-0.8,0.5c-0.1,0.2-0.2,0.7-0.2,1.3V74 c0,0.6,0.1,1,0.2,1.2c0.1,0.2,0.4,0.3,0.8,0.4l1.4,0.3v2.5H123.7z"/>
<path class="st0" d="M136.8,78.5V76l1.3-0.2c0.4-0.1,0.7-0.3,0.8-0.5c0.1-0.2,0.2-0.6,0.2-1.1l0.9-16.1c0-0.5,0-0.9-0.2-1.1 c-0.1-0.2-0.4-0.3-0.9-0.4l-1.4-0.2v-2.5h8.7l4.9,14.3l0.1-0.2l5.3-14.2h8.1v2.5l-1.5,0.2c-0.3,0-0.6,0.2-0.7,0.3 s-0.2,0.6-0.2,1.2l1,16c0,0.6,0.1,1,0.2,1.2c0.1,0.2,0.4,0.4,0.8,0.5l1.4,0.3v2.5h-10.2V76l1.7-0.3c0.3-0.1,0.6-0.2,0.7-0.4 c0.1-0.2,0.2-0.6,0.1-1.1L157.4,60l-0.1-0.1l-5.4,14.6h-3.2l-5.4-14.6l-0.1,0.1l-0.7,14c0,0.5,0,0.8,0.1,1.1 c0.1,0.3,0.4,0.5,0.9,0.5L145,76v2.5H136.8z"/>
<path class="st0" d="M168.7,78.5V76l1.4-0.3c0.4-0.1,0.7-0.2,0.8-0.4c0.1-0.2,0.2-0.7,0.2-1.4V58.2c0-0.6-0.1-1-0.2-1.2 c-0.1-0.2-0.4-0.4-0.9-0.5l-1.3-0.2v-2.5h9.7c1,0,2,0.1,2.9,0.2s1.7,0.4,2.5,0.7c0.7,0.3,1.4,0.8,1.9,1.4c0.5,0.6,0.9,1.3,1.2,2.1 c0.3,0.8,0.4,1.8,0.4,2.9c0,1.2-0.2,2.3-0.5,3.2s-0.8,1.7-1.4,2.3c-0.6,0.6-1.2,1.2-1.9,1.6s-1.5,0.7-2.2,0.9 c-0.8,0.2-1.5,0.3-2.2,0.3c-0.6,0-1.1,0-1.6-0.1s-0.9-0.1-1.1-0.1v4.8c0,0.6,0.1,1.1,0.2,1.3c0.1,0.3,0.5,0.4,1,0.5l2.2,0.3v2.5 H168.7z M177.9,66.1c1.3,0,2.3-0.4,3-1.3c0.7-0.8,1-2.1,1-3.8c0-1-0.1-1.9-0.4-2.5c-0.3-0.7-0.7-1.1-1.3-1.5 c-0.6-0.3-1.4-0.5-2.3-0.5h-1.4V66c0.2,0,0.4,0,0.6,0.1C177.3,66.1,177.6,66.1,177.9,66.1z"/>
<path class="st0" d="M189.6,78.5V76l1.4-0.3c0.4-0.1,0.6-0.2,0.8-0.4c0.1-0.2,0.2-0.7,0.2-1.4V58.2c0-0.6-0.1-1-0.2-1.2 s-0.4-0.4-0.8-0.4l-1.3-0.2v-2.5h10.5v2.5l-1.7,0.3c-0.4,0.1-0.7,0.2-0.9,0.4s-0.2,0.6-0.2,1.2v17.3h2.8c0.6,0,1.2-0.1,1.6-0.3 s0.8-0.5,1.2-0.9c0.3-0.4,0.6-1,0.9-1.7c0.3-0.7,0.5-1.6,0.8-2.7h2.9l-0.8,8.5H189.6z"/>
<path class="st0" d="M210.4,78.5V76l1.4-0.3c0.4-0.1,0.7-0.2,0.8-0.4c0.1-0.2,0.2-0.7,0.2-1.4V58.2c0-0.6-0.1-1-0.2-1.2 c-0.1-0.2-0.4-0.4-0.8-0.4l-1.3-0.2v-2.5h16.9l1.1,6.5l-2.9,0.5c-0.2-0.8-0.5-1.5-0.7-2c-0.2-0.5-0.5-1-0.8-1.3 c-0.3-0.3-0.7-0.5-1.1-0.7c-0.4-0.1-1-0.2-1.7-0.2h-3.1v7.8h1.8c0.5,0,0.9-0.1,1.2-0.2c0.3-0.1,0.5-0.4,0.6-0.7 c0.1-0.4,0.3-0.9,0.4-1.7l2.1-0.2v8.2l-2.1,0.4c-0.1-0.8-0.2-1.4-0.4-1.8c-0.1-0.4-0.4-0.7-0.7-0.8c-0.3-0.1-0.7-0.2-1.3-0.2h-1.8 v8.1h3.7c0.7,0,1.3-0.1,1.7-0.2s0.8-0.4,1.1-0.7s0.5-0.8,0.8-1.4s0.4-1.3,0.6-2.2h2.9l-0.8,7.5H210.4z"/>
<path class="st0" d="M246.9,79c-1.2,0-2.2-0.2-3.3-0.6c-1-0.4-1.9-0.9-2.6-1.6l-0.4,1.9h-2.2l-0.5-7.7l2.5-0.4 c0.3,0.8,0.6,1.5,1,2.2c0.4,0.6,0.8,1.2,1.3,1.6c0.5,0.4,1.1,0.8,1.7,1s1.3,0.4,1.9,0.4c0.8,0,1.4-0.1,1.9-0.4s0.9-0.6,1.1-1 c0.2-0.4,0.4-1,0.4-1.6c0-0.7-0.2-1.3-0.5-1.8c-0.3-0.5-0.8-0.9-1.5-1.3c-0.7-0.4-1.6-0.8-2.7-1.1c-1-0.3-1.8-0.7-2.7-1.1 c-0.8-0.4-1.5-0.9-2.1-1.5c-0.6-0.6-1-1.3-1.4-2.1c-0.3-0.8-0.5-1.9-0.5-3c0-0.7,0.1-1.3,0.3-2c0.2-0.7,0.5-1.4,0.8-2 c0.4-0.7,0.9-1.3,1.5-1.8c0.6-0.5,1.3-0.9,2.2-1.3c0.8-0.3,1.8-0.5,3-0.5c1,0,2,0.2,2.8,0.5c0.8,0.3,1.5,0.7,2.2,1.3l0.4-1.8h2 l0.7,7.6l-2.5,0.5c-0.4-1.3-0.9-2.3-1.4-3c-0.6-0.7-1.2-1.2-1.8-1.5c-0.7-0.3-1.3-0.5-2.1-0.5c-0.9,0-1.6,0.3-2.2,0.8 c-0.6,0.5-0.9,1.2-0.9,2.1c0,0.7,0.2,1.3,0.5,1.7c0.3,0.5,0.8,0.9,1.5,1.2c0.7,0.3,1.5,0.7,2.5,1c1,0.4,2,0.7,2.9,1.2 c0.9,0.4,1.6,0.9,2.2,1.5c0.6,0.6,1.1,1.3,1.4,2.1c0.3,0.8,0.5,1.8,0.5,3c0,1.3-0.2,2.4-0.7,3.4c-0.4,1-1,1.8-1.8,2.5 c-0.7,0.7-1.6,1.2-2.5,1.5C248.9,78.8,247.9,79,246.9,79z"/>
<path class="st0" d="M261.6,78.5V76l2.2-0.4c0.4,0,0.7-0.2,0.8-0.5c0.1-0.3,0.2-0.7,0.2-1.3V56.7h-1.2c-0.6,0-1.2,0.1-1.6,0.2 c-0.4,0.1-0.8,0.4-1.1,0.8s-0.6,0.9-0.9,1.6s-0.5,1.6-0.8,2.6l-3-0.7l1.1-7.5h20.3l1,7.5l-3,0.6c-0.3-1.1-0.5-2-0.8-2.7 c-0.3-0.7-0.5-1.2-0.9-1.6c-0.3-0.4-0.7-0.6-1.1-0.8c-0.4-0.1-0.9-0.2-1.5-0.2h-1.2v17.2c0,0.5,0.1,0.9,0.2,1.2 c0.1,0.3,0.4,0.5,0.9,0.5l2.2,0.4v2.5H261.6z"/>
<path class="st0" d="M281.1,78.5V76l1.4-0.3c0.4-0.1,0.7-0.2,0.8-0.4c0.1-0.2,0.2-0.7,0.2-1.4V58.2c0-0.6-0.1-1-0.2-1.2 s-0.4-0.4-0.8-0.4l-1.3-0.2v-2.5h16.9l1.1,6.5l-2.9,0.5c-0.2-0.8-0.5-1.5-0.7-2c-0.2-0.5-0.5-1-0.8-1.3c-0.3-0.3-0.7-0.5-1.1-0.7 c-0.4-0.1-1-0.2-1.7-0.2h-3.1v7.8h1.8c0.5,0,0.9-0.1,1.2-0.2c0.3-0.1,0.5-0.4,0.6-0.7c0.1-0.4,0.3-0.9,0.4-1.7l2.1-0.2v8.2 l-2.1,0.4c-0.1-0.8-0.2-1.4-0.4-1.8c-0.1-0.4-0.4-0.7-0.7-0.8c-0.3-0.1-0.7-0.2-1.3-0.2h-1.8v8.1h3.7c0.7,0,1.3-0.1,1.7-0.2 c0.5-0.2,0.8-0.4,1.1-0.7c0.3-0.3,0.5-0.8,0.8-1.4c0.2-0.6,0.4-1.3,0.6-2.2h2.9l-0.8,7.5H281.1z"/>
<path class="st0" d="M302.3,78.5V76l1.4-0.3c0.4-0.1,0.7-0.2,0.8-0.4c0.1-0.2,0.2-0.7,0.2-1.4V58.2c0-0.6-0.1-1-0.2-1.2 c-0.1-0.2-0.4-0.4-0.9-0.5l-1.3-0.2v-2.5h9.7c1,0,2,0.1,2.9,0.2s1.7,0.4,2.5,0.7c0.7,0.3,1.4,0.8,1.9,1.4c0.5,0.6,0.9,1.3,1.2,2.1 c0.3,0.8,0.4,1.8,0.4,2.9c0,1.2-0.2,2.3-0.5,3.2s-0.8,1.7-1.4,2.3c-0.6,0.6-1.2,1.2-1.9,1.6s-1.5,0.7-2.2,0.9 c-0.8,0.2-1.5,0.3-2.2,0.3c-0.6,0-1.1,0-1.6-0.1s-0.9-0.1-1.1-0.1v4.8c0,0.6,0.1,1.1,0.2,1.3c0.1,0.3,0.5,0.4,1,0.5l2.2,0.3v2.5 H302.3z M311.5,66.1c1.3,0,2.3-0.4,3-1.3c0.7-0.8,1-2.1,1-3.8c0-1-0.2-1.9-0.4-2.5c-0.3-0.7-0.7-1.1-1.3-1.5s-1.4-0.5-2.3-0.5H310 V66c0.2,0,0.4,0,0.6,0.1C310.9,66.1,311.2,66.1,311.5,66.1z"/>
<path class="st0" d="M332.1,79c-1.2,0-2.2-0.2-3.3-0.6c-1-0.4-1.9-0.9-2.6-1.6l-0.4,1.9h-2.2L323,71l2.5-0.4 c0.3,0.8,0.6,1.5,1,2.2c0.4,0.6,0.8,1.2,1.3,1.6c0.5,0.4,1.1,0.8,1.7,1s1.3,0.4,1.9,0.4c0.8,0,1.4-0.1,1.9-0.4s0.9-0.6,1.1-1 c0.2-0.4,0.4-1,0.4-1.6c0-0.7-0.2-1.3-0.5-1.8c-0.3-0.5-0.8-0.9-1.5-1.3c-0.7-0.4-1.6-0.8-2.7-1.1c-1-0.3-1.8-0.7-2.7-1.1 c-0.8-0.4-1.5-0.9-2.1-1.5c-0.6-0.6-1-1.3-1.4-2.1c-0.3-0.8-0.5-1.9-0.5-3c0-0.7,0.1-1.3,0.3-2c0.2-0.7,0.5-1.4,0.8-2 c0.4-0.7,0.9-1.3,1.5-1.8c0.6-0.5,1.3-0.9,2.2-1.3c0.8-0.3,1.8-0.5,3-0.5c1,0,2,0.2,2.8,0.5c0.8,0.3,1.5,0.7,2.2,1.3l0.4-1.8h2 l0.7,7.6l-2.5,0.5c-0.4-1.3-0.9-2.3-1.4-3c-0.6-0.7-1.2-1.2-1.8-1.5c-0.7-0.3-1.3-0.5-2.1-0.5c-0.9,0-1.6,0.3-2.2,0.8 c-0.6,0.5-0.9,1.2-0.9,2.1c0,0.7,0.2,1.3,0.5,1.7c0.3,0.5,0.8,0.9,1.5,1.2c0.7,0.3,1.5,0.7,2.5,1c1,0.4,2,0.7,2.9,1.2 c0.9,0.4,1.6,0.9,2.2,1.5c0.6,0.6,1.1,1.3,1.4,2.1c0.3,0.8,0.5,1.8,0.5,3c0,1.3-0.2,2.4-0.7,3.4c-0.4,1-1,1.8-1.8,2.5 c-0.7,0.7-1.6,1.2-2.5,1.5C334.1,78.8,333.1,79,332.1,79z"/>
</g>
</g>
</svg>
</a>
</a>
</div>
<main id="content" tabindex="-1">
<article class="flow post section">
<section class="hero">
<picture>
<img rel="preload" class="ratio" src="https://images.unsplash.com/photo-1643105095873-64c53d2a8fa6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2787&q=80" alt="Italian street
">
</picture>
</section>
<section class="grid twelve" data-gap="gap">
<header class="flow">
<time>14 juin 2023</time>
<h1 class="text-primary-color">Stadio San Siro</h1>
<p class="primary-msg">San Siro an iconic symbol of football's rich history and passion in Milan, Italy</p>
</header>
<div class="[ article__content ][ flow ]">
<h2>A Historical Marvel</h2>
<p>Built in 1925, San Siro has a storied past that captivates fans and enthusiasts alike. It was initially intended to be the new home for both Milanese clubs, A.C. Milan and Inter Milan, replacing their former grounds. The stadium was named after Giuseppe Meazza, an Italian football legend who represented both clubs with distinction. From its early days, San Siro became synonymous with football excellence and fan devotion, establishing itself as a cauldron of emotions and an iconic landmark in the city.</p>
<h2>Architectural Brilliance</h2>
<p>San Siro's architecture embodies both elegance and grandeur. Designed by architect Ulisse Stacchini, the stadium initially had a capacity of 35,000 spectators. Over the years, it has undergone several renovations and expansions, resulting in its current capacity of approximately 75,000 seats. The distinctive characteristic of San Siro lies in its unique double-tiered stands that envelop the pitch, ensuring an intimate atmosphere where fans can truly immerse themselves in the game. The impressive structure showcases the perfect blend of functionality, aesthetics, and acoustic engineering, creating an unforgettable experience for all those within its walls.</p>
<h2>Magic Moments</h2>
<p>San Siro has witnessed a plethora of unforgettable footballing moments that have solidified its place in sporting history. The stadium has hosted numerous UEFA Champions League finals, including the legendary "Battle of Champions" in 1963, where A.C. Milan triumphed over Benfica. It has also been the stage for iconic matches between Milan and Inter Milan, popularly known as the "Derby della Madonnina," which showcases the fierce rivalry between the two clubs.</p>
<p>San Siro has played host to international tournaments as well, such as the FIFA World Cup in 1934 and 1990, and the UEFA European Championship in 1980. These global events brought together footballing giants, captivating millions of fans around the world.</p>
<h2>Legacy and Future</h2>
<p>San Siro's legacy extends beyond its physical presence. It has become an emblem of Milan's cultural identity and a shrine for football enthusiasts. However, there have been discussions about the stadium's future, with plans for a new venue to replace San Siro. While the details remain uncertain, the emotional connection between the stadium and its fans cannot be erased. The memories created within its hallowed walls will forever be cherished, serving as a reminder of the indomitable spirit of football and the magic that unfolded in San Siro.</p>
<h2>Conclusion</h2>
<p>San Siro, the legendary football stadium of Milan, has stood as a testament to the sport's grandeur and passion for nearly a century. From its architectural brilliance to the unforgettable moments it has witnessed, San Siro remains an integral part of football history, etching its name in the hearts of fans worldwide.</p>
</div>
</section>
</article>
<nav role="navigation" class="layout-nav">
<ul class="l-rs">
<li><b>Layout:</b> </li>
<li>
<a href="index.html">1</a>
</li>
<li>
<a href="example-2.html">2</a>
</li>
<li>
<a href="example-3.html">3</a>
</li>
</ul>
</nav>
</main>
</main>
<footer class="[ footer ][ full-bleed ]" role="contentinfo">
<div class="certificate">
<a href="http://sixsimplesteps.art/">
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500.12 499.83" width="50"><defs><style>.cls-1{fill:#fff;}</style></defs><g id="EDY67B.tif"><g><path d="M280.01,244.67c-7.03-4.67-15.19-7.01-24.48-7.01-8.5,0-16.72,2.12-24.68,6.35-7.96,4.24-14.4,10.73-19.31,19.49-4.91,8.76-7.36,20.14-7.36,34.15,0,16.64,1.52,31.16,4.58,43.57,3.05,12.41,8.22,22.19,15.52,29.34,7.3,7.16,17.18,10.73,29.66,10.73,9.81,0,18.24-2.48,25.28-7.44,7.03-4.96,12.54-12.98,16.52-24.08,3.98-11.09,5.97-25.83,5.97-44.22,0-16.34-1.86-29.41-5.57-39.19-3.72-9.78-9.09-17-16.12-21.67Z"/><path d="M500.12,0H0V499.83l219.14-95.82c-8.96-2.95-16.88-7.23-23.72-12.88-14.33-11.82-24.55-27.87-30.65-48.16-6.11-20.29-9.16-43.27-9.16-68.96,0-22.77,2.19-45.02,6.57-66.77,4.38-21.74,11.41-41.52,21.1-59.33,9.68-17.8,22.49-31.89,38.41-42.25,15.92-10.36,35.29-15.54,58.12-15.54,10.61,0,21.36,1.9,32.24,5.69,10.88,3.8,19.96,9.49,27.27,17.08,7.3,7.59,10.95,17.23,10.95,28.9,0,5.55-1.06,10.73-3.18,15.54-2.13,4.82-5.24,8.69-9.35,11.6-4.12,2.92-9.09,4.38-14.93,4.38s-10.29-1.02-14.13-3.06c-3.85-2.04-6.77-4.67-8.76-7.88-1.99-3.21-2.99-6.27-2.99-9.19,0-1.75,.33-3.87,1-6.35,.66-2.48,1.72-5.25,3.18-8.32,1.46-3.06,3.25-6.64,5.37-10.73-2.66-2.63-6.64-4.67-11.94-6.13-5.31-1.46-11.28-2.19-17.91-2.19-9.82,0-18.51,2.34-26.07,7.01-7.56,4.67-14.13,11.02-19.7,19.05-5.57,8.03-10.15,17.15-13.73,27.37-3.58,10.22-6.37,21.02-8.36,32.4s-3.25,22.77-3.78,34.15c5.31-9.04,13.47-17.08,24.48-24.08,11.01-7.01,24.21-10.51,39.61-10.51s29.06,3.72,41,11.17c11.94,7.44,21.3,18.17,28.06,32.18,6.77,14.01,10.15,31.38,10.15,52.11,0,23.94-4.05,44-12.14,60.21-8.1,16.2-19.31,28.32-33.64,36.34-6.09,3.41-12.61,6.08-19.55,8.05l217.18,94.96V0Z"/><path class="cls-1" d="M336.14,360.48c8.09-16.2,12.14-36.27,12.14-60.21,0-20.72-3.38-38.09-10.15-52.11-6.77-14.01-16.12-24.74-28.06-32.18-11.94-7.44-25.61-11.17-41-11.17s-28.6,3.5-39.61,10.51c-11.01,7.01-19.17,15.04-24.48,24.08,.53-11.38,1.79-22.77,3.78-34.15s4.78-22.18,8.36-32.4c3.58-10.21,8.16-19.33,13.73-27.37,5.57-8.03,12.14-14.37,19.7-19.05,7.56-4.67,16.25-7.01,26.07-7.01,6.63,0,12.6,.73,17.91,2.19,5.3,1.46,9.29,3.5,11.94,6.13-2.13,4.09-3.92,7.66-5.37,10.73-1.46,3.06-2.53,5.84-3.18,8.32-.67,2.48-1,4.6-1,6.35,0,2.92,1,5.99,2.99,9.19,1.99,3.22,4.91,5.84,8.76,7.88,3.84,2.05,8.56,3.06,14.13,3.06s10.81-1.46,14.93-4.38c4.11-2.91,7.23-6.79,9.35-11.6,2.12-4.82,3.18-10,3.18-15.54,0-11.67-3.65-21.3-10.95-28.9-7.3-7.59-16.39-13.28-27.27-17.08-10.88-3.79-21.63-5.69-32.24-5.69-22.83,0-42.19,5.19-58.12,15.54-15.92,10.36-28.73,24.45-38.41,42.25-9.69,17.81-16.72,37.59-21.1,59.33-4.38,21.75-6.57,44.01-6.57,66.77,0,25.69,3.05,48.68,9.16,68.96,6.1,20.29,16.32,36.34,30.65,48.16,6.84,5.65,14.76,9.93,23.72,12.88l30.92-13.52,32.89,14.38c6.95-1.96,13.47-4.64,19.55-8.05,14.33-8.03,25.54-20.14,33.64-36.34Zm-40.4-10.73c-3.98,11.1-9.49,19.12-16.52,24.08-7.03,4.97-15.46,7.44-25.28,7.44-12.48,0-22.36-3.57-29.66-10.73-7.3-7.15-12.48-16.93-15.52-29.34-3.05-12.4-4.58-26.93-4.58-43.57,0-14.01,2.45-25.4,7.36-34.15,4.91-8.76,11.34-15.25,19.31-19.49,7.96-4.23,16.18-6.35,24.68-6.35,9.29,0,17.45,2.34,24.48,7.01,7.03,4.67,12.4,11.9,16.12,21.67,3.71,9.78,5.57,22.84,5.57,39.19,0,18.39-1.99,33.13-5.97,44.22Z"/></g></g></svg>
</a>
<p>Six Simple Steps Series</p>
</div>
<p class="copy-right">Guidelines to help you design better products<br>
<a href="https://sixsimplesteps.art/">Practical guides & resources »</a></p>
</footer>
</body>
</html>