-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexample-3.html
211 lines (158 loc) · 24.2 KB
/
example-3.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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
<!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 | Chicca 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 ][ container ]">
<a href="#content" class="skip-link">Skip to content</a>
<header 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>
</header>
<main id="content">
<article class="[ post ][ container flow section ]">
<section class="[ post__header ][ grid grid--4-5 ]" data-gap="gap">
<header>
<time datetime="2023-05-25">25 mai 2023</time>
<h1 class="text-primary-color">Porsche pushes boundaries of automotive</h1>
<p class="primary-msg">Unleashing the Power of Precision Engineering</p>
</header>
<aside aria-label="biography" class="flow bio">
<img class="ratio" src="https://images.unsplash.com/photo-1502823403499-6ccfcf4fb453?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8NjV8fGFzaWFuJTIwZGVzaWduZXJ8ZW58MHx8MHx8&auto=format&fit=crop&w=800&q=60" alt="jerome kalumbu" loading="lazy" width="200" height="200">
<p class="small text-grey-dark-color">Hi, I am Mary Ming.<br> For the last 12 years, I’ve been writing articles about automotive and innovation.</p>
</aside>
<aside aria-label="Table of Contents">
<details open="" class="flow">
<summary><strong>On this article:</strong></summary>
<nav class="toc">
<ol>
<li><a href="#">#</a></li>
<li><a href="#">#</a></li>
<li><a href="#">#</a></li>
<li><a href="#">#</a></li>
<li><a href="#">#</a></li>
</ol>
</nav>
</details>
</aside>
<figure class="lead">
<img
rel="preload"
class="ratio"
src="https://images.unsplash.com/photo-1626622226365-952baa01c2f3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
alt="Porsche car"
>
</figure>
</section>
<div class="[ post__main ][ grid flow grid--4-5 ]">
<p class="dropcap">When it comes to luxury sports cars, one name consistently rises above the rest: Porsche. With a rich heritage spanning over seven decades, this German automaker has established itself as an icon of automotive excellence. From the sleek and aerodynamic designs to the powerful engines that roar beneath the hood, Porsche cars represent the perfect fusion of performance, craftsmanship, and style.</p>
<h2>A Legacy of Innovation</h2>
<p>Porsche's commitment to pushing the boundaries of automotive engineering is unmatched. The company has consistently introduced groundbreaking technologies and design principles that have redefined the industry. Ferdinand Porsche, the visionary founder, set the stage for this legacy of innovation when he created the world's first gasoline-electric hybrid vehicle in 1900.</p>
<blockquote>
<p>"I couldn't find the sports car of my dreams, so I built it myself."
</p>
<figcaption>- Ferdinand Porsche</figcaption>
</blockquote>
<h2>The Perfect Balance: Form and Function</h2>
<p>Porsche's meticulous attention to detail is evident in every curve and contour of their cars. From the iconic 911 to the sleek Panamera, each model is a testament to the perfect balance between form and function. The aerodynamic designs not only enhance the car's performance but also turn heads wherever they go.</p>
<h2>Performance Redefined</h2>
<p>At the heart of every Porsche lies a powerful engine that embodies the spirit of pure performance. The engineers at Porsche leave no stone unturned in their pursuit of automotive perfection. From the efficient flat-six engines to the lightning-fast acceleration, driving a Porsche is an exhilarating experience unlike any other.</p>
<blockquote>
<p>"The Porsche driver wants to drive."
</p>
<figcaption>- Ferdinand Porsche</figcaption>
</blockquote>
<h2>Craftsmanship and Luxury</h2>
<p>Step inside a Porsche, and you'll be greeted by a world of luxury and craftsmanship. The interior of each car is meticulously crafted with the finest materials, offering a blend of comfort and sophistication. From the supple leather seats to the cutting-edge infotainment systems, Porsche ensures that every detail enhances the driving experience.</p>
<figure class="post__image post__image--medium">
<img src="https://images.unsplash.com/photo-1565128446913-4433ca388a53?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1329&q=80" alt="valencia ride" loading="lazy" width="2800" height="1600">
</figure>
<h3>Driving Pleasure, Everyday Practicality</h3>
<p>While Porsche cars are renowned for their high-performance capabilities, they also excel in everyday practicality. Whether you're embarking on a long road trip or navigating through city streets, Porsche's engineering prowess ensures a smooth and comfortable ride. With advanced safety features and intuitive technology, these cars are designed to adapt to the demands of modern life.</p>
<h2>Embracing Sustainability</h2>
<p>In an era where sustainability has become a global priority, Porsche remains at the forefront of environmentally conscious automobile manufacturing. The company has made significant strides in developing electric and hybrid vehicles, with models like the Taycan leading the charge. By combining performance with sustainability, Porsche paves the way for a greener future.</p>
<blockquote>
<p>"Sustainability is a challenge that concerns us all."
</p>
<figcaption>- Oliver Blume, CEO of Porsche AG </figcaption>
</blockquote>
<h2>Conclusion</h2>
<p>Porsche's unwavering commitment to excellence has made it a symbol of prestige and innovation in the automotive world. From its humble beginnings to its present-day success, the brand continues to redefine what it means to drive a luxury sports car. With each new model, Porsche raises the bar higher, showcasing their dedication to delivering driving pleasure, cutting-edge technology, and a sustainable future. When you get behind the wheel of a Porsche, you enter a world where precision engineering and unrivaled performance combine to create an experience that is truly extraordinary.</p>
</div>
</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>
<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>