-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
285 lines (258 loc) · 21.6 KB
/
index.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
<!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="logo"></div>
<nav>
<ul>
<li><a href="https://albin488.github.io/">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#services">Services</a></li>
<li><a href="https://albin488.github.io/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 id="home">
<h1>OUR BRANCHE</h1>
<div class="cards-section">
<div class="card">
<div class="user">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
<path fill="none" stroke="#FF0000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 25L20 25" />
<path d="M25,4H5C3.895,4,3,4.895,3,6v14c0,1.105,0.895,2,2,2h20c1.105,0,2-0.895,2-2V6C27,4.895,26.105,4,25,4z M15,21c-0.552,0-1-0.448-1-1c0-0.552,0.448-1,1-1s1,0.448,1,1C16,20.552,15.552,21,15,21z M25,18H5V6h20V18z" fill="#FF0000" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" class="phon">
<path fill="none" stroke="#FF0000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M42 15L42 34.2" />
<path d="M24 38h-9-1v8.2c0 2.096 1.705 3.8 3.8 3.8H24V38zM33.1 38H29v12h1.2c2.096 0 3.8-1.704 3.8-3.8V38H33.1zM36 0H12c-1.654 0-3 1.346-3 3v31c0 1.654 1.346 3 3 3h24c1.654 0 3-1.346 3-3V3C39 1.346 37.654 0 36 0zM14 6.3C14 5.6 14.6 5 15.3 5h17.4C33.4 5 34 5.6 34 6.3v6.4c0 .7-.6 1.3-1.3 1.3H15.3c-.7 0-1.3-.6-1.3-1.3V6.3zM18.9 32.1c0 .5-.4.9-.9.9h-4.1c-.5 0-.9-.4-.9-.9V30c0-.5.4-.9.9-.9H18c.5 0 .9.4.9.9V32.1zM18.9 26.1c0 .5-.4.9-.9.9h-4.1c-.5 0-.9-.4-.9-.9V24c0-.5.4-.9.9-.9H18c.5 0 .9.4.9.9V26.1zM18.9 20.1c0 .5-.4.9-.9.9h-4.1c-.5 0-.9-.4-.9-.9V18c0-.5.4-.9.9-.9H18c.5 0 .9.4.9.9V20.1zM27 32.1c0 .5-.4.9-.9.9H22c-.5 0-.9-.4-.9-.9V30c0-.5.4-.9.9-.9h4.1c.5 0 .9.4.9.9V32.1zM27 26.1c0 .5-.4.9-.9.9H22c-.5 0-.9-.4-.9-.9V24c0-.5.4-.9.9-.9h4.1c.5 0 .9.4.9.9V26.1zM27 20.1c0 .5-.4.9-.9.9H22c-.5 0-.9-.4-.9-.9V18c0-.5.4-.9.9-.9h4.1c.5 0 .9.4.9.9V20.1zM35 32.1c0 .5-.4.9-.9.9H30c-.5 0-.9-.4-.9-.9V30c0-.5.4-.9.9-.9h4.1c.5 0 .9.4.9.9V32.1zM35 26.1c0 .5-.4.9-.9.9H30c-.5 0-.9-.4-.9-.9V24c0-.5.4-.9.9-.9h4.1c.5 0 .9.4.9.9V26.1zM35 20.1c0 .5-.4.9-.9.9H30c-.5 0-.9-.4-.9-.9V18c0-.5.4-.9.9-.9h4.1c.5 0 .9.4.9.9V20.1z" fill="#FF0000" />
<path fill="none" stroke="#FF0000" stroke-linejoin="round" stroke-width="2" d="M15,38v8.2c0,1.5,1.2,2.8,2.8,2.8h12.5c1.5,0,2.8-1.2,2.8-2.8V38" />
</svg>
</div>
<h3>NAHE</h3>
<p>Specialized in the sale of electronic
products such as telephones,laptops,
computers and their accessories</p>
<button class="button">
Read more
</button>
</div>
<div class="card">
<div class="user">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path fill="#dff0fe" d="M39,20c0,10.578-8.618,19-19,19C9.619,39,1,30.578,1,20S9.422,1,20,1S39,9.422,39,20z"/><path fill="#98ccfd" d="M27.124 26.951c.432.215.864.215 1.081.647.647.649.647 1.728.864 2.376.215.864.432 1.727.864 2.591.216 1.081.648 2.16.864 3.023.141-.11.306-.213.463-.318C35.927 31.822 39 26.302 39 20c0-5.597-2.373-10.575-6.161-14.037-.459-.151-.93-.165-1.396.042-.648.217-1.079 1.081-1.511 1.512-.432.648-.864 1.295-1.295 1.943-.217.216-.432.648-.217.864 0 .216.217.216.432.216.432.217.649.217 1.081.432.216 0 .432.217.216.432 0 0 0 .217-.216.217-1.081 1.08-2.159 1.943-3.239 3.022-.216.216-.432.648-.432.864 0 .216.216.216.216.432 0 .217-.216.217-.432.432-.432.217-.864.432-1.08.649-.216.432 0 1.08-.216 1.511-.216 1.079-.865 1.943-1.297 3.023-.432.647-.647 1.295-1.078 1.943 0 .864-.217 1.511.215 2.159C23.67 27.166 25.612 26.302 27.124 26.951zM26.725 2.21C24.638 1.432 22.375 1 20 1c-.391 0-.776.019-1.161.041-.27.419-.485.832-.566 1.078-.216 1.079.648.864 1.511 1.079 0 0 .216 1.727.216 1.943.216 1.081-.432 1.727-.432 2.807 0 .648 0 1.727.432 2.159h.216c.216 0 .432-.216.864-.432.648-.432 1.296-1.079 1.943-1.511.649-.432 1.296-1.079 1.728-1.511.648-.432 1.079-1.295 1.295-1.944.216-.432.956-1.704.739-2.351C26.769 2.323 26.746 2.263 26.725 2.21zM1.432 20.902c.648 1.295 1.943 2.592 3.239 3.454.864.648 2.591.648 3.454 1.727.648.865.432 1.943.432 3.023 0 1.295.864 2.375 1.295 3.453.216.649.432 1.512.648 2.16 0 .216.216 1.511.216 1.727.069.035.126.114.177.212 1.153.632 2.378 1.14 3.657 1.524.016.001.037-.012.053-.008.216 0 1.08-1.296 1.08-1.512.648-.648 1.079-1.511 1.727-1.943.432-.216.864-.432 1.295-.865.432-.432.648-1.295.864-1.943.216-.431.432-1.294.216-1.942-.137-.41-.216-.648-.648-.864-1.295-.432-2.591-.432-3.67-1.512-.216-.432-.216-.864-.432-1.295-.432-.432-1.511-.648-2.159-.864h-2.807H8.557c-.648-.216-1.079-1.08-1.511-1.727 0-.216 0-.649-.432-.649-.432-.215-.864.217-1.295 0-.216-.215-.216-.432-.216-.647 0-.649.432-1.296.864-1.728C6.614 20.253 7.262 20.9 7.909 20.9c.216 0 .216 0 .432.216.648.216.864 1.079.864 1.728v.432c0 .216.216.216.432.216.216-1.079.216-2.16.432-3.239 0-1.295 1.295-2.592 2.375-3.023.432-.215.648.217 1.079 0 1.295-.432 4.534-1.727 3.886-3.453-.432-1.512-1.727-3.022-3.454-2.807-.432.217-.648.432-1.079.649-.648.432-1.943 1.727-2.591 1.727-1.079-.216-1.079-1.727-.864-2.376.216-.864 2.159-3.669 3.454-3.238.216.216.648.648.864.864.432.216 1.08.216 1.727.216.216 0 .432 0 .648-.216.216-.216.216-.216.216-.432 0-.648-.648-1.296-1.079-1.728-.432-.432-1.08-.864-1.727-1.078-1.38-.415-4.295.076-6.672.878C3.24 9.685 1 14.553 1 20c0 .091.009.18.01.271C1.164 20.489 1.312 20.702 1.432 20.902z"/><path fill="#fff" d="M20,2c10.093,0,18,7.907,18,18c0,9.925-8.075,18-18,18S2,29.925,2,20C2,9.907,9.907,2,20,2 M20,1 C9.422,1,1,9.422,1,20s8.619,19,19,19c10.382,0,19-8.422,19-19S30.578,1,20,1L20,1z"/></svg>
</div>
<h3>NGCA</h3>
<p>Visa Enforcement Services Consultancy
Agency,education abroad, travel planning,
Booking of airline tickets </p>
<button class="button">
Read more
</button>
</div>
<div class="card">
<div class="user nare">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26">
<path fill="none" stroke="#FF0000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21.9 9.1L22 24 4 24 4 9" />
<path d="M1 12L13 4.2 25 12 25 9 13 1 1 9z" fill="#FF0000" />
<path d="M22,10.1L19,6l-6-4L3,10l1,15l18-1L22,10.1z M14,19.5v1.3c0,0.1-0.1,0.2-0.2,0.2h-1.6c-0.1,0-0.2-0.1-0.2-0.2v-1.1c-1.1-0.4-1.9-1.4-2-2.5c0-0.1,0.1-0.2,0.2-0.2H12c0,0.5,0.4,0.9,1,0.9s1-0.4,1-0.9s-0.4-0.9-1-0.9c-1.7,0-3-1.3-3-2.9c0-1.3,0.8-2.3,2-2.7V9.2C12,9.1,12.1,9,12.2,9h1.6C13.9,9,14,9.1,14,9.2v1.2c1.1,0.4,1.9,1.3,2,2.4c0,0.1-0.1,0.2-0.2,0.2L14,13c0-0.5-0.4-0.8-1-0.8s-1,0.4-1,0.9s0.4,0.9,1,0.9c1.7,0,3,1.3,3,2.8C16,18.1,15.2,19.1,14,19.5z" fill="#FF0000" />
</svg>
</div>
<h3>NRE</h3>
<p>Purchase and sale of land.</p>
<button class="button">
Read more
</button>
</div>
</div>
</section>
<section id="services">
<div class="our-service">
<div class="gost">
</div>
<h1>Our Services</h1>
<div class="slider-navigation">
<button onclick="prevSlide()"><</button>
<button onclick="nextSlide()">></button>
</div>
</div>
<div class="slider">
<div class="slider-container">
<div class="slider-wrapper" id="cardSlider">
<div class="card1">
<img src="./src/sale.jpg" alt="Card Image 1">
<div class="card-body">
<h2 class="card-title">Purchase & Sale of land</h2>
</div>
</div>
<div class="card1">
<img src="./src/ticket.jpg" alt="Card Image 2">
<div class="card-body">
<h2 class="card-title">Plane ticket reservation</h2>
</div>
</div>
<!-- Add more cards as needed -->
<div class="card1">
<img src="./src/electonic.jpg" alt="Card Image 1">
<div class="card-body">
<h2 class="card-title">Sale of electronic equipment</h2>
</div>
</div>
<div class="card1">
<img src="./src/travel.jpg" alt="Card Image 2">
<div class="card-body">
<h2 class="card-title">Travel Planing</h2>
</div>
</div>
<div class="card1">
<img src="https://placekitten.com/300/150" alt="Card Image 1">
<div class="card-body">
<h2 class="card-title">Card 1</h2>
<p class="card-text">Some example text.</p>
</div>
</div>
<div class="card1">
<img src="https://placekitten.com/301/150" alt="Card Image 2">
<div class="card-body">
<h2 class="card-title">Card 2</h2>
<p class="card-text">Some example text.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="">
<div class="levelup">
<img src="./src/iog.png" alt="Card Image 2">
<div class="leveup-text">
<h2>Level Up Your Skil
we help you to Apply,
more than 100 University</h2>
<button class="contactus-btn">
contact us
</button>
</div>
</div>
</section>
<section id="about">
<div class="text-div">
<h1>Our Mission</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cum aut necessitatibus minima labore neque atque, et libero optio hic quasi inventore molestiae! Expedita nulla suscipit asperiores totam rerum culpa esse at facilis, voluptatibus corporis veniam fuga animi autem incidunt quos. Cum error esse dolorem tempore molestiae, magnam hic necessitatibus ad ullam temporibus reiciendis nam quod sit distinctio, ex, ut doloribus doloremque consequuntur? Iure mollitia voluptas vitae obcaecati illo sunt dolores minus nihil quo beatae placeat, nemo natus error iusto saepe numquam, eligendi expedita quis. Unde facilis velit fugit ex minus, aspernatur, illum aliquam sit nam aperiam consequatur repellat perferendis quibusdam!</p></div>
</section>
<section id="contact">
<div class="text-div">
<h1>About Us</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cum aut necessitatibus minima labore neque atque, et libero optio hic quasi inventore molestiae! Expedita nulla suscipit asperiores totam rerum culpa esse at facilis, voluptatibus corporis veniam fuga animi autem incidunt quos. Cum error esse dolorem tempore molestiae, magnam hic necessitatibus ad ullam temporibus reiciendis nam quod sit distinctio, ex, ut doloribus doloremque consequuntur? Iure mollitia voluptas vitae obcaecati illo sunt dolores minus nihil quo beatae placeat, nemo natus error iusto saepe numquam, eligendi expedita quis. Unde facilis velit fugit ex minus, aspernatur, illum aliquam sit nam aperiam consequatur repellat perferendis quibusdam!</p></div>
</section>
<section id="">
<div class="levelup">
<img src="./src/iod.png" alt="Card Image 2">
<div class="leveup-text">
<h2>Best quality electronic
device at an affordable
price</h2>
<button class="contactus-btn">
Order a device
</button>
</div>
</div>
</section>
<section id="house">
<div class="levelup">
<div class="leveup-text">
<h2>Buy or Sell land
Anywhere
</h2>
<div class="levelup-btn">
<button class="contactus-btn">
Buy
</button>
<button class="contactus-btn">
Sell
</button>
</div>
</div>
<img src="./src/house.png" alt="Card Image 2" class="footer-img">
</div>
</section>
<footer>
<div class="footer-content">
<div class="menuf">
<ul>
<a href="#about">About Us</a>
<a href="#services">Services</a>
<a href="#contact">Contact</a>
</ul>
</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>
</div>
<div class="line">
</div>
<p>© 2023 NAH I. MANA</p>
</footer>
<script src="script.js"></script>
</body>
</html>