-
Notifications
You must be signed in to change notification settings - Fork 0
/
nahe.html
321 lines (297 loc) · 29 KB
/
nahe.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
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>NAH I. MANA</title>
</head>
<body>
<header>
<div class="top-menu">
<div class="menu-toggle">☰ Menu</div>
<div class="menu">
<div class="gost">
</div>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="Bouton-whatsapp">
<a href="https://wa.me/+25771096196" class="whatsapp-button" target="_blank">WhatsApp
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#fff" d="M4.868,43.303l2.694-9.835C5.9,30.59,5.026,27.324,5.027,23.979C5.032,13.514,13.548,5,24.014,5c5.079,0.002,9.845,1.979,13.43,5.566c3.584,3.588,5.558,8.356,5.556,13.428c-0.004,10.465-8.522,18.98-18.986,18.98c-0.001,0,0,0,0,0h-0.008c-3.177-0.001-6.3-0.798-9.073-2.311L4.868,43.303z"/><path fill="#fff" d="M4.868,43.803c-0.132,0-0.26-0.052-0.355-0.148c-0.125-0.127-0.174-0.312-0.127-0.483l2.639-9.636c-1.636-2.906-2.499-6.206-2.497-9.556C4.532,13.238,13.273,4.5,24.014,4.5c5.21,0.002,10.105,2.031,13.784,5.713c3.679,3.683,5.704,8.577,5.702,13.781c-0.004,10.741-8.746,19.48-19.486,19.48c-3.189-0.001-6.344-0.788-9.144-2.277l-9.875,2.589C4.953,43.798,4.911,43.803,4.868,43.803z"/><path fill="#cfd8dc" d="M24.014,5c5.079,0.002,9.845,1.979,13.43,5.566c3.584,3.588,5.558,8.356,5.556,13.428c-0.004,10.465-8.522,18.98-18.986,18.98h-0.008c-3.177-0.001-6.3-0.798-9.073-2.311L4.868,43.303l2.694-9.835C5.9,30.59,5.026,27.324,5.027,23.979C5.032,13.514,13.548,5,24.014,5 M24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974 M24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974 M24.014,4C24.014,4,24.014,4,24.014,4C12.998,4,4.032,12.962,4.027,23.979c-0.001,3.367,0.849,6.685,2.461,9.622l-2.585,9.439c-0.094,0.345,0.002,0.713,0.254,0.967c0.19,0.192,0.447,0.297,0.711,0.297c0.085,0,0.17-0.011,0.254-0.033l9.687-2.54c2.828,1.468,5.998,2.243,9.197,2.244c11.024,0,19.99-8.963,19.995-19.98c0.002-5.339-2.075-10.359-5.848-14.135C34.378,6.083,29.357,4.002,24.014,4L24.014,4z"/><path fill="#40c351" d="M35.176,12.832c-2.98-2.982-6.941-4.625-11.157-4.626c-8.704,0-15.783,7.076-15.787,15.774c-0.001,2.981,0.833,5.883,2.413,8.396l0.376,0.597l-1.595,5.821l5.973-1.566l0.577,0.342c2.422,1.438,5.2,2.198,8.032,2.199h0.006c8.698,0,15.777-7.077,15.78-15.776C39.795,19.778,38.156,15.814,35.176,12.832z"/><path fill="#fff" fill-rule="evenodd" d="M19.268,16.045c-0.355-0.79-0.729-0.806-1.068-0.82c-0.277-0.012-0.593-0.011-0.909-0.011c-0.316,0-0.83,0.119-1.265,0.594c-0.435,0.475-1.661,1.622-1.661,3.956c0,2.334,1.7,4.59,1.937,4.906c0.237,0.316,3.282,5.259,8.104,7.161c4.007,1.58,4.823,1.266,5.693,1.187c0.87-0.079,2.807-1.147,3.202-2.255c0.395-1.108,0.395-2.057,0.277-2.255c-0.119-0.198-0.435-0.316-0.909-0.554s-2.807-1.385-3.242-1.543c-0.435-0.158-0.751-0.237-1.068,0.238c-0.316,0.474-1.225,1.543-1.502,1.859c-0.277,0.317-0.554,0.357-1.028,0.119c-0.474-0.238-2.002-0.738-3.815-2.354c-1.41-1.257-2.362-2.81-2.639-3.285c-0.277-0.474-0.03-0.731,0.208-0.968c0.213-0.213,0.474-0.554,0.712-0.831c0.237-0.277,0.316-0.475,0.474-0.791c0.158-0.317,0.079-0.594-0.04-0.831C20.612,19.329,19.69,16.983,19.268,16.045z" clip-rule="evenodd"/></svg>
</a>
<a href="https://wame/" target="_blank" class="Bouton-map"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="none" stroke="#FF5A00" stroke-linejoin="round" stroke-width="1.5" d="M17.6,16.8 c3.3,0.6,5.5,1.6,5.5,2.9c0,1.8-5,3.3-11.1,3.3S0.9,21.5,0.9,19.7c0-1.2,2.2-2.3,5.5-2.9" />
<path d="M12,0C8.7,0,6,2.7,6,6c0,5.2,6,14.6,6,14.6s6-9.5,6-14.6C18,2.7,15.3,0,12,0z M12,8c-1.1,0-2-0.9-2-2 c0-1.1,0.9-2,2-2s2,0.9,2,2C14,7.1,13.1,8,12,8z" fill="#FF5A00" />
</svg></a>
</div>
</div>
</div>
<div class="hero">
<div class="titre">
<div class="recherch">
<div>
<h1>NAH INVESTIMENT</h1>
<h1>&</h1>
<h1>MANAGEMENT</h1></div>
<div>
<div id="search-container">
<input type="text" id="search-input" placeholder="type your Search here">
<button id="search-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M13.262,14.868l2.479,2.478c-0.376,0.725-0.415,1.445-0.017,1.843l4.525,4.526 c0.571,0.571,1.812,0.257,2.768-0.7c0.956-0.955,1.269-2.195,0.697-2.766l-4.524-4.526c-0.399-0.398-1.119-0.36-1.842,0.016 l-2.48-2.478L13.262,14.868z M8.5,0C3.806,0,0,3.806,0,8.5C0,13.194,3.806,17,8.5,17S17,13.194,17,8.5C17,3.806,13.194,0,8.5,0z M8.5,15C4.91,15,2,12.09,2,8.5S4.91,2,8.5,2S15,4.91,15,8.5S12.09,15,8.5,15z" fill="#FFFFFF" />
</svg></button>
</div></div>
</div>
</div>
<div class="titre">
<div>
<img src="./src/OIG.png" alt="Image 3" class="image13">
</div>
</div>
</div>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
<path d="M15,3C8.373,3,3,8.373,3,15c0,6.016,4.432,10.984,10.206,11.852V18.18h-2.969v-3.154h2.969v-2.099c0-3.475,1.693-5,4.581-5c1.383,0,2.115,0.103,2.461,0.149v2.753h-1.97c-1.226,0-1.654,1.163-1.654,2.473v1.724h3.593L19.73,18.18h-3.106v8.697C22.481,26.083,27,21.075,27,15C27,8.373,21.627,3,15,3z" fill="#FF5A00" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
<path d="M15,3C8.373,3,3,8.373,3,15c0,6.627,5.373,12,12,12s12-5.373,12-12C27,8.373,21.627,3,15,3z M21.464,12.535c0.006,0.133,0.009,0.265,0.009,0.397c0,4.068-3.095,8.756-8.756,8.756c-1.739,0-3.356-0.509-4.717-1.383c0.241,0.029,0.486,0.042,0.735,0.042c1.443,0,2.769-0.491,3.821-1.318c-1.347-0.025-2.484-0.915-2.875-2.137c0.188,0.036,0.381,0.055,0.579,0.055c0.281,0,0.554-0.038,0.811-0.108c-1.408-0.282-2.469-1.526-2.469-3.017c0-0.013,0-0.026,0-0.039c0.415,0.231,0.889,0.369,1.394,0.385c-0.825-0.551-1.369-1.494-1.369-2.561c0-0.565,0.151-1.094,0.416-1.547c1.518,1.862,3.786,3.088,6.343,3.216c-0.052-0.225-0.079-0.46-0.079-0.701c0-1.699,1.378-3.078,3.077-3.078c0.885,0,1.685,0.374,2.246,0.972c0.701-0.139,1.36-0.394,1.955-0.747c-0.23,0.719-0.718,1.321-1.354,1.703c0.622-0.074,1.215-0.239,1.768-0.484C22.588,11.559,22.067,12.1,21.464,12.535z" fill="#FF5A00" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
<path d="M15 11A4 4 0 1 0 15 19A4 4 0 1 0 15 11Z" fill="#FF5A00" />
<path d="M19.999,3h-10C6.14,3,3,6.141,3,10.001v10C3,23.86,6.141,27,10.001,27h10C23.86,27,27,23.859,27,19.999v-10C27,6.14,23.859,3,19.999,3z M15,21c-3.309,0-6-2.691-6-6s2.691-6,6-6s6,2.691,6,6S18.309,21,15,21z M22,9c-0.552,0-1-0.448-1-1c0-0.552,0.448-1,1-1s1,0.448,1,1C23,8.552,22.552,9,22,9z" fill="#FF5A00" />
</svg>
</div>
</header>
<section>
<div class="nahe">
<div class="nahreft">
<h1>NAHE</h1>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Est voluptatum dignissimos dicta placeat saepe, molestias exercitationem qui eaque earum atque aut, deserunt illum. Porro magni quos excepturi eligendi. Ipsam voluptates suscipit laudantium delectus sint tenetur unde laboriosam. Natus, maiores ad!</p>
<div class="mission">
<div class="goal">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<path d="M60,31C60,16.1,47.9,4,33,4c-4.6,0-9.2,1.2-13.2,3.4L14.4,2c-0.6-0.6-1.4-0.7-2.2-0.4c-0.8,0.3-1.2,1-1.2,1.8v4.2L9.7,6.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4L9.6,9H5.4c-0.8,0-1.5,0.5-1.8,1.2S3.4,11.8,4,12.4l5.4,5.4C7.2,21.8,6,26.4,6,31c0,9,4.5,17.1,11.3,22l-3.1,4.5c-0.3,0.5-0.2,1.1,0.2,1.4c0.2,0.1,0.4,0.2,0.6,0.2c0.3,0,0.6-0.1,0.8-0.4l3.2-4.5c4.1,2.5,8.9,3.9,14,3.9s9.9-1.4,14-3.9l3.2,4.5c0.2,0.3,0.5,0.4,0.8,0.4c0.2,0,0.4-0.1,0.6-0.2c0.5-0.3,0.6-0.9,0.2-1.4L48.7,53C55.5,48.1,60,40,60,31z M13,3.4l6.4,6.4c0.4,0.4,0.6,0.9,0.6,1.4v5.3l-7-7V3.4z M5.4,11h6.2l7,7h-5.3c-0.5,0-1-0.2-1.4-0.6L5.4,11z M33,56C19.2,56,8,44.8,8,31c0-4.1,1-8.1,2.9-11.7c0.7,0.5,1.5,0.7,2.3,0.7h7.3l11.7,11.7c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L22,18.6v-7.3c0-0.8-0.3-1.6-0.7-2.3C24.9,7,28.9,6,33,6c13.8,0,25,11.2,25,25S46.8,56,33,56z" fill="#FFFFFF" />
<path d="M13.9,24.9c0.1,0,0.2,0.1,0.4,0.1c0.4,0,0.8-0.2,0.9-0.6c0.2-0.6,0.5-1.3,0.8-1.9c0.2-0.5,0-1.1-0.4-1.3c-0.5-0.2-1.1,0-1.3,0.4c-0.3,0.7-0.7,1.4-0.9,2.1C13.1,24.2,13.4,24.7,13.9,24.9z" fill="#FFFFFF" />
<path d="M33,10c-3.3,0-6.5,0.8-9.5,2.2c-0.5,0.2-0.7,0.8-0.4,1.3c0.2,0.5,0.8,0.7,1.3,0.4c2.7-1.3,5.5-2,8.5-2c10.5,0,19,8.5,19,19s-8.5,19-19,19s-19-8.5-19-19c0-1,0.1-1.9,0.2-2.9c0.1-0.5-0.3-1.1-0.8-1.1c-0.5-0.1-1.1,0.3-1.1,0.8c-0.2,1-0.2,2.1-0.2,3.1c0,11.6,9.4,21,21,21s21-9.4,21-21S44.6,10,33,10z" fill="#FFFFFF" />
<path d="M33 38c3.9 0 7-3.1 7-7s-3.1-7-7-7c-.4 0-.8 0-1.2.1-.5.1-.9.6-.8 1.2.1.5.6.9 1.2.8.3 0 .6-.1.8-.1 2.8 0 5 2.2 5 5s-2.2 5-5 5-5-2.2-5-5c0-.3 0-.6.1-.8.1-.5-.3-1.1-.8-1.2-.6-.1-1.1.3-1.2.8C26 30.2 26 30.6 26 31 26 34.9 29.1 38 33 38zM32 42v2c0 .6.4 1 1 1s1-.4 1-1v-2c0-.6-.4-1-1-1S32 41.4 32 42zM20 32h2c.6 0 1-.4 1-1s-.4-1-1-1h-2c-.6 0-1 .4-1 1S19.4 32 20 32zM26 43.1c.2.1.3.1.5.1.3 0 .7-.2.9-.5l1-1.7c.3-.5.1-1.1-.4-1.4-.5-.3-1.1-.1-1.4.4l-1 1.7C25.4 42.2 25.5 42.8 26 43.1zM21.2 25.4l1.7 1c.2.1.3.1.5.1.3 0 .7-.2.9-.5.3-.5.1-1.1-.4-1.4l-1.7-1c-.5-.3-1.1-.1-1.4.4C20.6 24.5 20.8 25.1 21.2 25.4zM23 35.6l-1.7 1c-.5.3-.6.9-.4 1.4.2.3.5.5.9.5.2 0 .3 0 .5-.1l1.7-1c.5-.3.6-.9.4-1.4C24.1 35.5 23.4 35.4 23 35.6z" fill="#FFFFFF" />
<path d="M45,31c0,4.5-2.5,8.6-6.5,10.6c-0.5,0.3-0.7,0.9-0.4,1.3c0.2,0.3,0.5,0.5,0.9,0.5c0.2,0,0.3,0,0.5-0.1C44.1,41,47,36.2,47,31c0-7.7-6.3-14-14-14c-2.2,0-4.5,0.5-6.5,1.6c-0.5,0.3-0.7,0.9-0.4,1.3c0.3,0.5,0.9,0.7,1.3,0.4c1.7-0.9,3.6-1.4,5.5-1.4C39.6,19,45,24.4,45,31z" fill="#FFFFFF" />
</svg>
</div>
<p><strong>Mission & Vision</strong></p>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Rem, similique eaque? Ullam, dolor itaque. Veritatis tempore, provident at hic reprehenderit delectus eos laborum voluptate deleniti, natus commodi officiis alias saepe. Nesciunt officiis ea ratione quod. Officia maxime ex at dicta, consequatur ipsam distinctio totam repellendus dolor fugit, soluta quibusdam illo eos voluptatem corrupti deserunt incidunt corporis recusandae blanditiis quod. Ratione!</p>
</div>
</div>
<div class="nahright">
<div class="noble">
<div class="nobleicon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80">
<path fill="none" stroke="#FFFFFF" stroke-width="2" d="M30.033 26.007C28.831 27.256 28 28.921 28 31.053v1.508C27.467 32.249 27.003 32 26.875 32 25.839 32 25 32.806 25 33.8c0 .725.625 2.281.625 2.7 0 .828.7 1.5 1.562 1.5H28v.368c0 5.904 4.267 10.801 9.883 11.802C38.444 50.681 39.182 51 40 51s1.556-.319 2.117-.829C47.733 49.169 52 44.272 52 38.368V38h.812c.863 0 1.563-.672 1.563-1.5 0-.419.625-1.975.625-2.7 0-.994-.839-1.8-1.875-1.8-.128 0-.592.249-1.125.561V31c0-3-2-4.997-2-4.997M25 26c0 3.603 0 8 0 8M55 34c0 0 0-4.603 0-8M33 53c0 0-18 5-18 12v5h50v-5c0-7-18-12-18-12" />
<path fill="none" stroke="#FFFFFF" stroke-width="2" d="M47,48c0,0,0,3,0,6s-3,7-7,7s-7-3-7-7s0-6,0-6" />
<path d="M44 65A1 1 0 1 0 44 67 1 1 0 1 0 44 65zM40 20A1 1 0 1 0 40 22 1 1 0 1 0 40 20zM40 7A2 2 0 1 0 40 11 2 2 0 1 0 40 7zM55 10A2 2 0 1 0 55 14 2 2 0 1 0 55 10zM25 10A2 2 0 1 0 25 14 2 2 0 1 0 25 10zM44 20A1 1 0 1 0 44 22 1 1 0 1 0 44 20zM48 20A1 1 0 1 0 48 22 1 1 0 1 0 48 20zM52 20A1 1 0 1 0 52 22 1 1 0 1 0 52 20zM28 20A1 1 0 1 0 28 22 1 1 0 1 0 28 20zM32 20A1 1 0 1 0 32 22 1 1 0 1 0 32 20zM36 20A1 1 0 1 0 36 22 1 1 0 1 0 36 20zM40 65A1 1 0 1 0 40 67 1 1 0 1 0 40 65zM45.5 33A1.5 1.5 0 1 0 45.5 36 1.5 1.5 0 1 0 45.5 33zM34.5 33A1.5 1.5 0 1 0 34.5 36 1.5 1.5 0 1 0 34.5 33zM36 65A1 1 0 1 0 36 67 1 1 0 1 0 36 65zM32 65A1 1 0 1 0 32 67 1 1 0 1 0 32 65zM28 65A1 1 0 1 0 28 67 1 1 0 1 0 28 65zM24 65A1 1 0 1 0 24 67 1 1 0 1 0 24 65zM20 65A1 1 0 1 0 20 67 1 1 0 1 0 20 65zM56 65A1 1 0 1 0 56 67 1 1 0 1 0 56 65zM60 65A1 1 0 1 0 60 67 1 1 0 1 0 60 65zM52 65A1 1 0 1 0 52 67 1 1 0 1 0 52 65zM48 65A1 1 0 1 0 48 67 1 1 0 1 0 48 65z" fill="#FFFFFF" />
<path fill="none" stroke="#FFFFFF" stroke-width="2" d="M55,26H25c0-6,0-14,0-14l8,3l7-6l7,6l8-3C55,12,55,20,55,26z" />
</svg>
</div>
<div>
<p><strong>Noble</strong></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam ut quis quia. Accusantium nam quis inventore unde vero, enim omnis.</p>
</div>
</div>
<div class="noble">
<div class="nobleicon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80">
<path d="M40 17A1 1 0 1 0 40 19 1 1 0 1 0 40 17zM40 10A1 1 0 1 0 40 12 1 1 0 1 0 40 10zM40 58A1 1 0 1 0 40 60 1 1 0 1 0 40 58zM64 34A1 1 0 1 0 64 36 1 1 0 1 0 64 34zM16 34A1 1 0 1 0 16 36 1 1 0 1 0 16 34z" fill="#FFFFFF" />
<path d="M56.97 17.03A1 1 0 1 0 56.97 19.03A1 1 0 1 0 56.97 17.03Z" transform="rotate(-45.001 56.97 18.03)" fill="#FFFFFF" />
<path d="M23.029 50.971A1 1 0 1 0 23.029 52.971A1 1 0 1 0 23.029 50.971Z" transform="rotate(-45.001 23.029 51.971)" fill="#FFFFFF" />
<path d="M56.97 50.971A1 1 0 1 0 56.97 52.971A1 1 0 1 0 56.97 50.971Z" transform="rotate(-45.001 56.97 51.972)" fill="#FFFFFF" />
<path d="M23.029 17.03A1 1 0 1 0 23.029 19.03A1 1 0 1 0 23.029 17.03Z" transform="rotate(-45.001 23.03 18.03)" fill="#FFFFFF" />
<path d="M30.815 11.827A1 1 0 1 0 30.815 13.827A1 1 0 1 0 30.815 11.827Z" transform="rotate(-22.5 30.814 12.827)" fill="#FFFFFF" />
<path d="M49.184 56.173A1 1 0 1 0 49.184 58.173A1 1 0 1 0 49.184 56.173Z" transform="rotate(-22.5 49.182 57.171)" fill="#FFFFFF" />
<path d="M62.173 24.816A1 1 0 1 0 62.173 26.816A1 1 0 1 0 62.173 24.816Z" transform="rotate(-22.5 62.17 25.815)" fill="#FFFFFF" />
<path d="M17.827 43.185A1 1 0 1 0 17.827 45.185A1 1 0 1 0 17.827 43.185Z" transform="rotate(-22.5 17.826 44.183)" fill="#FFFFFF" />
<path d="M49.184 11.827A1 1 0 1 0 49.184 13.827A1 1 0 1 0 49.184 11.827Z" transform="rotate(-67.5 49.183 12.827)" fill="#FFFFFF" />
<path d="M30.815 56.173A1 1 0 1 0 30.815 58.173A1 1 0 1 0 30.815 56.173Z" transform="rotate(-67.5 30.815 57.172)" fill="#FFFFFF" />
<path d="M62.173 43.185A1 1 0 1 0 62.173 45.185A1 1 0 1 0 62.173 43.185Z" transform="rotate(-67.5 62.172 44.184)" fill="#FFFFFF" />
<path d="M17.827 24.816A1 1 0 1 0 17.827 26.816A1 1 0 1 0 17.827 24.816Z" transform="rotate(-67.5 17.826 25.815)" fill="#FFFFFF" />
<path d="M40 51A1 1 0 1 0 40 53 1 1 0 1 0 40 51zM57 34A1 1 0 1 0 57 36 1 1 0 1 0 57 34zM23 34A1 1 0 1 0 23 36 1 1 0 1 0 23 34z" fill="#FFFFFF" />
<path d="M31.5 19.278A1 1 0 1 0 31.5 21.278A1 1 0 1 0 31.5 19.278Z" transform="rotate(-30 31.498 20.279)" fill="#FFFFFF" />
<path d="M48.5 48.723A1 1 0 1 0 48.5 50.723A1 1 0 1 0 48.5 48.723Z" transform="rotate(-30 48.497 49.724)" fill="#FFFFFF" />
<path d="M54.722 25.5A1 1 0 1 0 54.722 27.5A1 1 0 1 0 54.722 25.5Z" transform="rotate(-30 54.72 26.502)" fill="#FFFFFF" />
<path d="M25.277 42.5A1 1 0 1 0 25.277 44.5A1 1 0 1 0 25.277 42.5Z" transform="rotate(-30 25.275 43.5)" fill="#FFFFFF" />
<path d="M25.277 25.5A1 1 0 1 0 25.277 27.5A1 1 0 1 0 25.277 25.5Z" transform="rotate(-60 25.278 26.501)" fill="#FFFFFF" />
<path d="M54.722 42.5A1 1 0 1 0 54.722 44.5A1 1 0 1 0 54.722 42.5Z" transform="rotate(-60 54.723 43.502)" fill="#FFFFFF" />
<path d="M48.5 19.278A1 1 0 1 0 48.5 21.278A1 1 0 1 0 48.5 19.278Z" transform="rotate(-60 48.5 20.279)" fill="#FFFFFF" />
<path d="M31.5 48.723A1 1 0 1 0 31.5 50.723A1 1 0 1 0 31.5 48.723Z" transform="rotate(-60 31.5 49.724)" fill="#FFFFFF" />
<path d="M35.6 17.58A1 1 0 1 0 35.6 19.58A1 1 0 1 0 35.6 17.58Z" transform="rotate(-14.999 35.603 18.58)" fill="#FFFFFF" />
<path d="M44.4 50.421A1 1 0 1 0 44.4 52.421A1 1 0 1 0 44.4 50.421Z" transform="rotate(-14.999 44.403 51.424)" fill="#FFFFFF" />
<path d="M56.42 29.6A1 1 0 1 0 56.42 31.6A1 1 0 1 0 56.42 29.6Z" transform="rotate(-14.999 56.425 30.602)" fill="#FFFFFF" />
<path d="M23.579 38.4A1 1 0 1 0 23.579 40.4A1 1 0 1 0 23.579 38.4Z" transform="rotate(-14.999 23.58 39.403)" fill="#FFFFFF" />
<path d="M27.979 21.979A1 1 0 1 0 27.979 23.979A1 1 0 1 0 27.979 21.979Z" transform="rotate(-45.001 27.979 22.98)" fill="#FFFFFF" />
<path d="M52.021 46.021A1 1 0 1 0 52.021 48.021A1 1 0 1 0 52.021 46.021Z" transform="rotate(-45.001 52.02 47.022)" fill="#FFFFFF" />
<path d="M52.021 21.979A1 1 0 1 0 52.021 23.979A1 1 0 1 0 52.021 21.979Z" transform="rotate(-45.001 52.02 22.98)" fill="#FFFFFF" />
<path d="M27.979 46.021A1 1 0 1 0 27.979 48.021A1 1 0 1 0 27.979 46.021Z" transform="rotate(-45.001 27.978 47.022)" fill="#FFFFFF" />
<path d="M23.579 29.6A1 1 0 1 0 23.579 31.6A1 1 0 1 0 23.579 29.6Z" transform="rotate(-75.001 23.58 30.601)" fill="#FFFFFF" />
<path d="M56.42 38.4A1 1 0 1 0 56.42 40.4A1 1 0 1 0 56.42 38.4Z" transform="rotate(-75.001 56.422 39.401)" fill="#FFFFFF" />
<path d="M44.4 17.58A1 1 0 1 0 44.4 19.58A1 1 0 1 0 44.4 17.58Z" transform="rotate(-75.001 44.4 18.58)" fill="#FFFFFF" />
<path d="M35.6 50.421A1 1 0 1 0 35.6 52.421A1 1 0 1 0 35.6 50.421Z" transform="rotate(-75.001 35.6 51.422)" fill="#FFFFFF" />
<path fill="none" stroke="#FFFFFF" stroke-width="2" d="M51 62L62 73 62 62 73 62 61.484 50.484M29 62L18 73 18 62 7 62 18.541 50.459" />
<path fill="none" stroke="#FFFFFF" stroke-width="2" d="M68.073,32.762l-2.791-2.791l1.511-3.647c0.669-1.615-0.098-3.466-1.713-4.135l-3.647-1.511v-3.947c0-1.748-1.417-3.164-3.164-3.164h-3.948L52.81,9.92c-0.669-1.615-2.52-2.381-4.135-1.713l-3.647,1.511l-2.791-2.791c-1.236-1.236-3.239-1.236-4.475,0l-2.791,2.791l-3.647-1.511c-1.615-0.669-3.466,0.098-4.135,1.713l-1.511,3.647h-3.948c-1.748,0-3.164,1.417-3.164,3.164v3.947L14.92,22.19c-1.615,0.669-2.381,2.52-1.713,4.135l1.511,3.647l-2.791,2.791c-1.236,1.236-1.236,3.239,0,4.475l2.791,2.791l-1.511,3.647c-0.669,1.615,0.098,3.466,1.713,4.135l3.647,1.511v3.947c0,1.748,1.417,3.164,3.164,3.164h3.948l1.511,3.647c0.669,1.615,2.52,2.381,4.135,1.713l3.647-1.511l2.791,2.791c1.236,1.236,3.239,1.236,4.475,0l2.791-2.791l3.647,1.511c1.615,0.669,3.466-0.098,4.135-1.713l1.511-3.647h3.948c1.748,0,3.164-1.417,3.164-3.164v-3.947l3.647-1.511c1.615-0.669,2.381-2.52,1.713-4.135l-1.511-3.647l2.791-2.791C69.309,36.002,69.309,33.998,68.073,32.762z" />
</svg>
</div>
<div>
<p><strong>Authentic</strong></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam ut quis quia. Accusantium nam quis inventore unde vero, enim omnis.</p>
</div>
</div>
<div class="noble">
<div class="nobleicon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80">
<path d="M38 55A1 1 0 1 0 38 57 1 1 0 1 0 38 55zM35 54A1 1 0 1 0 35 56 1 1 0 1 0 35 54zM32 53A1 1 0 1 0 32 55 1 1 0 1 0 32 53zM29 52A1 1 0 1 0 29 54 1 1 0 1 0 29 52zM40 18A1 1 0 1 0 40 20 1 1 0 1 0 40 18zM45 13A1 1 0 1 0 45 15 1 1 0 1 0 45 13z" fill="#FFFFFF" />
<path d="M41.464 14.465A1 1 0 1 0 41.464 16.465A1 1 0 1 0 41.464 14.465Z" transform="rotate(-45.001 41.464 15.465)" fill="#FFFFFF" />
<path d="M41.464 21.536A1 1 0 1 0 41.464 23.536A1 1 0 1 0 41.464 21.536Z" transform="rotate(-45.001 41.464 22.536)" fill="#FFFFFF" />
<path fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8,62l12-4l24.844,10.508c0.022,0.01,0.052,0.018,0.079,0.028C45.557,68.827,46.256,69,47,69c0.777,0,1.504-0.193,2.16-0.509c0.071-0.022,0.135-0.045,0.184-0.069l20.568-10.917l-0.004-0.009C71.148,56.816,72,55.514,72,54c0-2.209-1.791-4-4-4c-0.552,0-1.078,0.112-1.556,0.314l-0.001-0.002l-17.269,7.139l-1.835-1.255C47.755,55.565,48,54.812,48,54c0-1.523-0.861-2.831-2.113-3.506c-0.048-0.031-0.09-0.068-0.142-0.096c0,0-12.873-6.448-19.204-9.436c-0.009-0.004-0.022-0.008-0.032-0.012C25.477,40.349,24.28,40,23,40c-0.882,0-1.722,0.17-2.499,0.468c-0.026,0.004-0.057,0.008-0.072,0.013C18.199,41.16,8,44,8,44" />
<path fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M47.413,56.086c-1.152,1.885-3.509,2.284-5.499,1.326l-0.681-0.277" />
<path fill="none" stroke="#FFFFFF" stroke-width="2" d="M61,9c-3.277,0-6.176,1.583-8,4.018C51.176,10.583,48.277,9,45,9c-5.523,0-10,4.477-10,10c0,8.688,18,20,18,20s18-11.312,18-20C71,13.477,66.523,9,61,9z" />
</svg>
</div>
<div>
<p><strong>Humble</strong></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam ut quis quia. Accusantium nam quis inventore unde vero, enim omnis.</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="ourserv">
<div class="ouservimage">
<h2>Our Service</h2>
<p>we have several type of modern electronic devices</p>
<button class="contactus-btn">
Order a device
</button>
</div>
<div class="tablegrid">
<div class="image-grid">
<!-- Image 1 -->
<div class="image-item">
<img src="./src/phone.jpg" alt="Card Image 2">
<p>smart phone</p>
</div>
<!-- Image 2 -->
<div class="image-item"><img src="./src/tv.jpg" alt="">
<p>smart tv</p>
</div>
<!-- Image 3 -->
<div class="image-item"><img src="./src/watch.jpg" alt="">
<p>smart whatch</p>
</div>
</div>
<div class="image-grid">
<!-- Image 1 -->
<div class="image-item"><img src="./src/camera.jpg" alt="">
<p>camera</p>
</div>
<!-- Image 2 -->
<div class="image-item"><img src="./src/headphone.jpg" alt="" srcset="">
<p>head phone</p>
</div>
<!-- Image 3 -->
<div class="image-item"><img src="./src/laptop.jpg" alt="" srcset="">
<p>computer</p>
</div>
</div>
</div>
</div>
</section>
<div class="contact-container">
<div class="contact container shadow" id="contact_form">
<div class="contact row body" id="contact_body">
<div class="contact-elements">
<ul>
<li class="ninde">
<div class="inline">
<p class="left">
<input type="text" name="name" id="name" required="true" class="input-field" placeholder="Name" />
</p>
<p class="pull-right">
<input type="text" name="phone2" maxlength="15" class="tel-number-field long" placeholder="Email" />
</div>
</li>
<div class="center-btn" style="position:relevant; height:5vh;">
<li>
<input type="email" name="email" required="true" class="input-field centero" placeholder="Subject" />
</li>
</div>
<li>
</li>
<li>
<textarea cols="46" rows="8" name="message" id="message" class="textarea-field" required="true" placeholder="Message"></textarea>
</li>
</ul>
</div>
<div class="center-btn" style="position:relevant; height:5vh;">
<li>
<input id="submit_btn" class="btn btn-submit" type="submit" value="Send Message" />
</li>
</div>
</div>
</div>
<div class="info">
<h2>CONTACT US</h2>
<div class="contactline">
<div class="roundicon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
<path d="M25,1C16.178,1,9,8.178,9,17c0,8.498,14.558,29.671,15.177,30.568C24.364,47.839,24.671,48,25,48s0.636-0.161,0.823-0.432C26.442,46.671,41,25.498,41,17C41,8.178,33.822,1,25,1z M25,25c-4.418,0-8-3.582-8-8s3.582-8,8-8s8,3.582,8,8S29.418,25,25,25z" fill="#FFFFFF" />
<path d="M27.5,16c-0.828,0-1.5-0.672-1.5-1.5c0-0.479,0.228-0.9,0.577-1.175C26.093,13.117,25.561,13,25,13c-2.209,0-4,1.791-4,4c0,2.209,1.791,4,4,4s4-1.791,4-4c0-0.561-0.117-1.093-0.325-1.577C28.4,15.772,27.979,16,27.5,16z" fill="#FFFFFF" />
</svg></div>
<p> <strong>Adress:</strong> Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora, consectetur.</p>
</div>
<div class="contactline">
<div class="roundicon"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26">
<path d="M22.386,18.026c-1.548-1.324-3.119-2.126-4.648-0.804l-0.913,0.799c-0.668,0.58-1.91,3.29-6.712-2.234 c-4.801-5.517-1.944-6.376-1.275-6.951l0.918-0.8c1.521-1.325,0.947-2.993-0.15-4.71l-0.662-1.04 C7.842,0.573,6.642-0.552,5.117,0.771L4.293,1.491C3.619,1.982,1.735,3.578,1.278,6.61c-0.55,3.638,1.185,7.804,5.16,12.375 c3.97,4.573,7.857,6.87,11.539,6.83c3.06-0.033,4.908-1.675,5.486-2.272l0.827-0.721c1.521-1.322,0.576-2.668-0.973-3.995 L22.386,18.026z" fill="#FFFFFF" />
</svg></div>
<p> <strong>Telephone:</strong> +1234567890</p>
</div>
<div class="contactline">
<div class="roundicon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
<path d="M46.137,6.552c-0.75-0.636-1.928-0.727-3.146-0.238l-0.002,0C41.708,6.828,6.728,21.832,5.304,22.445c-0.259,0.09-2.521,0.934-2.288,2.814c0.208,1.695,2.026,2.397,2.248,2.478l8.893,3.045c0.59,1.964,2.765,9.21,3.246,10.758c0.3,0.965,0.789,2.233,1.646,2.494c0.752,0.29,1.5,0.025,1.984-0.355l5.437-5.043l8.777,6.845l0.209,0.125c0.596,0.264,1.167,0.396,1.712,0.396c0.421,0,0.825-0.079,1.211-0.237c1.315-0.54,1.841-1.793,1.896-1.935l6.556-34.077C47.231,7.933,46.675,7.007,46.137,6.552z M22,32l-3,8l-3-10l23-17L22,32z" fill="#FFFFFF" />
</svg></div>
<p> <strong>Email:</strong>[email protected]</p>
</div>
</div>
</div>
<footer> <div class="logof">NAH .I MANA</div>
<div class="footer-content">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
<path d="M15,3C8.373,3,3,8.373,3,15c0,6.016,4.432,10.984,10.206,11.852V18.18h-2.969v-3.154h2.969v-2.099c0-3.475,1.693-5,4.581-5c1.383,0,2.115,0.103,2.461,0.149v2.753h-1.97c-1.226,0-1.654,1.163-1.654,2.473v1.724h3.593L19.73,18.18h-3.106v8.697C22.481,26.083,27,21.075,27,15C27,8.373,21.627,3,15,3z" fill="#FF5A00" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
<path d="M15,3C8.373,3,3,8.373,3,15c0,6.627,5.373,12,12,12s12-5.373,12-12C27,8.373,21.627,3,15,3z M21.464,12.535c0.006,0.133,0.009,0.265,0.009,0.397c0,4.068-3.095,8.756-8.756,8.756c-1.739,0-3.356-0.509-4.717-1.383c0.241,0.029,0.486,0.042,0.735,0.042c1.443,0,2.769-0.491,3.821-1.318c-1.347-0.025-2.484-0.915-2.875-2.137c0.188,0.036,0.381,0.055,0.579,0.055c0.281,0,0.554-0.038,0.811-0.108c-1.408-0.282-2.469-1.526-2.469-3.017c0-0.013,0-0.026,0-0.039c0.415,0.231,0.889,0.369,1.394,0.385c-0.825-0.551-1.369-1.494-1.369-2.561c0-0.565,0.151-1.094,0.416-1.547c1.518,1.862,3.786,3.088,6.343,3.216c-0.052-0.225-0.079-0.46-0.079-0.701c0-1.699,1.378-3.078,3.077-3.078c0.885,0,1.685,0.374,2.246,0.972c0.701-0.139,1.36-0.394,1.955-0.747c-0.23,0.719-0.718,1.321-1.354,1.703c0.622-0.074,1.215-0.239,1.768-0.484C22.588,11.559,22.067,12.1,21.464,12.535z" fill="#FF5A00" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
<path d="M15 11A4 4 0 1 0 15 19A4 4 0 1 0 15 11Z" fill="#FF5A00" />
<path d="M19.999,3h-10C6.14,3,3,6.141,3,10.001v10C3,23.86,6.141,27,10.001,27h10C23.86,27,27,23.859,27,19.999v-10C27,6.14,23.859,3,19.999,3z M15,21c-3.309,0-6-2.691-6-6s2.691-6,6-6s6,2.691,6,6S18.309,21,15,21z M22,9c-0.552,0-1-0.448-1-1c0-0.552,0.448-1,1-1s1,0.448,1,1C23,8.552,22.552,9,22,9z" fill="#FF5A00" />
</svg>
</div>
<div class="menuf">
<ul>
<a href="#about">About Us</a>
<a href="#services">Services</a>
<a href="#contact">Contact</a>
</ul>
</div>
<div class="gost">
</div>
</div>
<div class="line">
</div>
<p>© 2023 NAH I. MANA</p>
</footer>
<script src="script.js"></script>
</body>
</html>