-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
278 lines (278 loc) · 24.4 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="./css/vector.css">
<link rel="stylesheet" href="./css/style.css">
<title>Document</title>
</head>
<body>
<header class="header">
<div class="container header-container">
<a href="#" class="logo">MNTN7</a>
<nav class="header-menu">
<a href="#home" class="header-link">home</a>
<a href="#about" class="header-link">about</a>
<a href="#team" class="header-link">team</a>
<a href="#contact" class="header-link">contacts</a>
</nav>
</div>
</header>
<main>
<section class="hero">
<h1 class="hero-title">WELCOME ON <span>mntn7</span></h1>
<p class="hero-desc">We are a digital agency with <span>years of experience</span> and <span>with extraordinary people</span>
</p>
</section>
<section class="about" id="about">
<div class="container">
<div class="about-row">
<div class="col-6">
<div class="about-img-box">
<img src="./images/mac.png" alt="mac">
</div>
</div>
<div class="col-6">
<div class="about-box">
<h3 class="about-us-title">ABOUT US</h3>
<h2 class="about-title"><span>SOME WORDS</span> ABOUT US</h2>
<p class="about-desc">We love building and rebuilding brands through our specific skills. Using
colour, fonts, and illustration, we brand companies in a way they will never forget.</p>
<div class="icon-Vector mission">
<span>Mission </span>- We deliver uniqueness and quality
</div>
<div class="icon-Vector skills">
<span>Skills </span>- Delivering fast and excellent results
</div>
<div class="icon-Vector client">
<span>Clients </span>- Satisfied clients thanks to our experience
</div>
</div>
</div>
</div>
</div>
</section>
<section class="team" id="team">
<div class="container">
<h2 class="section-title">MEET OUR <span>TEAM</span></h2>
<div class="row">
<div class="col-3">
<div class="team-box">
<img src="./images/dualipa.jpeg" alt="Dua Lipa" class="team-img">
<h3 class="team-title">Jenn Gwaha</h3>
<p class="team-subtitle">CEO/ Founder</p>
<p class="team-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
<div class="col-3">
<div class="team-box">
<img src="./images/dualipa.jpeg" alt="Dua Lipa" class="team-img">
<h3 class="team-title">Jenn Gwaha</h3>
<p class="team-subtitle">CEO/ Founder</p>
<p class="team-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
<div class="col-3">
<div class="team-box">
<img src="./images/dualipa.jpeg" alt="Dua Lipa" class="team-img">
<h3 class="team-title">Jenn Gwaha</h3>
<p class="team-subtitle">CEO/ Founder</p>
<p class="team-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
<div class="col-3">
<div class="team-box">
<img src="./images/dualipa.jpeg" alt="Dua Lipa" class="team-img">
<h3 class="team-title">Jenn Gwaha</h3>
<p class="team-subtitle">CEO/ Founder</p>
<p class="team-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
</div>
</section>
<section class="services" id="services">
<div class="container">
<h2 class="section-title">TAKE A LOOK AT <span>OUR SERVICES</span></h2>
<p class="section-desc">Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et
Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the
theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor
sit amet..", comes from a line in section 1.10.32.</p>
<div class="row">
<div class="col-3">
<div class="services-box">
<div class="services-icon">
<svg width="54" height="55" viewBox="0 0 54 55" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M48.902 2.17297H5.09804C2.28688 2.17297 0 4.50231 0 7.36542V36.9885C0 39.8523 2.28688 42.1821 5.09794 42.1821H19.5463C19.4163 45.0463 18.9131 47.8226 18.0459 50.4611H14.5161C13.8748 50.4611 13.3548 50.9907 13.3548 51.644C13.3548 52.2972 13.8748 52.8268 14.5161 52.8268H39.4838C40.1251 52.8268 40.6451 52.2972 40.6451 51.644C40.6451 50.9907 40.1251 50.4611 39.4838 50.4611H35.954C35.0868 47.8224 34.5836 45.0461 34.4536 42.1821H48.9019C51.713 42.1821 53.9999 39.8523 53.9999 36.9885V7.36542C54 4.50231 51.7131 2.17297 48.902 2.17297ZM2.32253 7.36542C2.32253 5.80673 3.56769 4.53851 5.09794 4.53851H48.9019C50.4323 4.53851 51.6774 5.80663 51.6774 7.36542V34.378H2.32253V7.36542ZM20.4866 50.4612C21.2874 47.8076 21.7519 45.0335 21.8724 42.1822H32.1276C32.2482 45.0332 32.7127 47.8073 33.5134 50.4612H20.4866ZM51.6776 36.9886H51.6775C51.6775 38.5481 50.4323 39.8167 48.902 39.8167H5.09804C3.56769 39.8167 2.32263 38.5481 2.32263 36.9886V36.7438H51.6776V36.9886Z"
fill="#494C51"/>
<path d="M42.4847 29.6472H17.4797C16.8385 29.6472 16.3184 30.1768 16.3184 30.83C16.3184 31.4833 16.8385 32.0129 17.4797 32.0129H42.4848C43.126 32.0129 43.6461 31.4833 43.6461 30.83C43.646 30.1767 43.126 29.6472 42.4847 29.6472Z"
fill="#494C51"/>
<path d="M11.7023 29.6472H11.5153C10.874 29.6472 10.3539 30.1768 10.3539 30.83C10.3539 31.4833 10.874 32.0129 11.5153 32.0129H11.7022C12.3434 32.0129 12.8635 31.4833 12.8635 30.83C12.8635 30.1767 12.3436 29.6472 11.7023 29.6472Z"
fill="#494C51"/>
<path d="M33.8519 11.9579L40.6976 17.9191L33.8519 23.8802C33.3644 24.3048 33.3071 25.0514 33.7238 25.5479C33.9536 25.8215 34.2791 25.9621 34.607 25.9621C34.874 25.9621 35.1423 25.8687 35.361 25.6784L43.2393 18.8182C43.4975 18.5935 43.646 18.265 43.646 17.9192C43.646 17.5734 43.4976 17.2449 43.2394 17.0202L35.361 10.1599C34.8738 9.73537 34.1406 9.7938 33.7237 10.2904C33.3069 10.7868 33.3642 11.5334 33.8519 11.9579Z"
fill="#494C51"/>
<path d="M10.7607 18.8182L18.6389 25.6784C18.8577 25.869 19.126 25.9621 19.3929 25.9621C19.7206 25.9621 20.0465 25.8216 20.2761 25.5479C20.6929 25.0514 20.6357 24.3048 20.1481 23.8803L13.3024 17.9191L20.1481 11.958C20.6356 11.5334 20.6928 10.7868 20.2761 10.2903C19.8594 9.79383 19.1263 9.73539 18.6388 10.1598L10.7606 17.02C10.5024 17.2447 10.3539 17.5732 10.3539 17.919C10.3539 18.2648 10.5025 18.5935 10.7607 18.8182Z"
fill="#494C51"/>
<path d="M23.6792 28.3094C23.7986 28.3491 23.9198 28.3679 24.039 28.3679C24.5283 28.3679 24.9834 28.0505 25.143 27.5509L31.0656 9.0197C31.2642 8.39859 30.9307 7.73107 30.3209 7.5289C29.7109 7.32662 29.0557 7.66629 28.8572 8.28751L22.9346 26.8189C22.7359 27.4398 23.0694 28.1073 23.6792 28.3094Z"
fill="#494C51"/>
</svg>
</div>
<h3 class="services-title">WEB DESIGN</h3>
<p class="services-desc">The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes
from a line in section 1.10.32.</p>
</div>
</div>
<div class="col-3">
<div class="services-box">
<div class="services-icon">
<svg width="54" height="55" viewBox="0 0 54 55" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M48.902 2.17297H5.09804C2.28688 2.17297 0 4.50231 0 7.36542V36.9885C0 39.8523 2.28688 42.1821 5.09794 42.1821H19.5463C19.4163 45.0463 18.9131 47.8226 18.0459 50.4611H14.5161C13.8748 50.4611 13.3548 50.9907 13.3548 51.644C13.3548 52.2972 13.8748 52.8268 14.5161 52.8268H39.4838C40.1251 52.8268 40.6451 52.2972 40.6451 51.644C40.6451 50.9907 40.1251 50.4611 39.4838 50.4611H35.954C35.0868 47.8224 34.5836 45.0461 34.4536 42.1821H48.9019C51.713 42.1821 53.9999 39.8523 53.9999 36.9885V7.36542C54 4.50231 51.7131 2.17297 48.902 2.17297ZM2.32253 7.36542C2.32253 5.80673 3.56769 4.53851 5.09794 4.53851H48.9019C50.4323 4.53851 51.6774 5.80663 51.6774 7.36542V34.378H2.32253V7.36542ZM20.4866 50.4612C21.2874 47.8076 21.7519 45.0335 21.8724 42.1822H32.1276C32.2482 45.0332 32.7127 47.8073 33.5134 50.4612H20.4866ZM51.6776 36.9886H51.6775C51.6775 38.5481 50.4323 39.8167 48.902 39.8167H5.09804C3.56769 39.8167 2.32263 38.5481 2.32263 36.9886V36.7438H51.6776V36.9886Z"
fill="#494C51"/>
<path d="M42.4847 29.6472H17.4797C16.8385 29.6472 16.3184 30.1768 16.3184 30.83C16.3184 31.4833 16.8385 32.0129 17.4797 32.0129H42.4848C43.126 32.0129 43.6461 31.4833 43.6461 30.83C43.646 30.1767 43.126 29.6472 42.4847 29.6472Z"
fill="#494C51"/>
<path d="M11.7023 29.6472H11.5153C10.874 29.6472 10.3539 30.1768 10.3539 30.83C10.3539 31.4833 10.874 32.0129 11.5153 32.0129H11.7022C12.3434 32.0129 12.8635 31.4833 12.8635 30.83C12.8635 30.1767 12.3436 29.6472 11.7023 29.6472Z"
fill="#494C51"/>
<path d="M33.8519 11.9579L40.6976 17.9191L33.8519 23.8802C33.3644 24.3048 33.3071 25.0514 33.7238 25.5479C33.9536 25.8215 34.2791 25.9621 34.607 25.9621C34.874 25.9621 35.1423 25.8687 35.361 25.6784L43.2393 18.8182C43.4975 18.5935 43.646 18.265 43.646 17.9192C43.646 17.5734 43.4976 17.2449 43.2394 17.0202L35.361 10.1599C34.8738 9.73537 34.1406 9.7938 33.7237 10.2904C33.3069 10.7868 33.3642 11.5334 33.8519 11.9579Z"
fill="#494C51"/>
<path d="M10.7607 18.8182L18.6389 25.6784C18.8577 25.869 19.126 25.9621 19.3929 25.9621C19.7206 25.9621 20.0465 25.8216 20.2761 25.5479C20.6929 25.0514 20.6357 24.3048 20.1481 23.8803L13.3024 17.9191L20.1481 11.958C20.6356 11.5334 20.6928 10.7868 20.2761 10.2903C19.8594 9.79383 19.1263 9.73539 18.6388 10.1598L10.7606 17.02C10.5024 17.2447 10.3539 17.5732 10.3539 17.919C10.3539 18.2648 10.5025 18.5935 10.7607 18.8182Z"
fill="#494C51"/>
<path d="M23.6792 28.3094C23.7986 28.3491 23.9198 28.3679 24.039 28.3679C24.5283 28.3679 24.9834 28.0505 25.143 27.5509L31.0656 9.0197C31.2642 8.39859 30.9307 7.73107 30.3209 7.5289C29.7109 7.32662 29.0557 7.66629 28.8572 8.28751L22.9346 26.8189C22.7359 27.4398 23.0694 28.1073 23.6792 28.3094Z"
fill="#494C51"/>
</svg>
</div>
<h3 class="services-title">WEB DESIGN</h3>
<p class="services-desc">The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes
from a line in section 1.10.32.</p>
</div>
</div>
<div class="col-3">
<div class="services-box">
<div class="services-icon">
<svg width="54" height="55" viewBox="0 0 54 55" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M48.902 2.17297H5.09804C2.28688 2.17297 0 4.50231 0 7.36542V36.9885C0 39.8523 2.28688 42.1821 5.09794 42.1821H19.5463C19.4163 45.0463 18.9131 47.8226 18.0459 50.4611H14.5161C13.8748 50.4611 13.3548 50.9907 13.3548 51.644C13.3548 52.2972 13.8748 52.8268 14.5161 52.8268H39.4838C40.1251 52.8268 40.6451 52.2972 40.6451 51.644C40.6451 50.9907 40.1251 50.4611 39.4838 50.4611H35.954C35.0868 47.8224 34.5836 45.0461 34.4536 42.1821H48.9019C51.713 42.1821 53.9999 39.8523 53.9999 36.9885V7.36542C54 4.50231 51.7131 2.17297 48.902 2.17297ZM2.32253 7.36542C2.32253 5.80673 3.56769 4.53851 5.09794 4.53851H48.9019C50.4323 4.53851 51.6774 5.80663 51.6774 7.36542V34.378H2.32253V7.36542ZM20.4866 50.4612C21.2874 47.8076 21.7519 45.0335 21.8724 42.1822H32.1276C32.2482 45.0332 32.7127 47.8073 33.5134 50.4612H20.4866ZM51.6776 36.9886H51.6775C51.6775 38.5481 50.4323 39.8167 48.902 39.8167H5.09804C3.56769 39.8167 2.32263 38.5481 2.32263 36.9886V36.7438H51.6776V36.9886Z"
fill="#494C51"/>
<path d="M42.4847 29.6472H17.4797C16.8385 29.6472 16.3184 30.1768 16.3184 30.83C16.3184 31.4833 16.8385 32.0129 17.4797 32.0129H42.4848C43.126 32.0129 43.6461 31.4833 43.6461 30.83C43.646 30.1767 43.126 29.6472 42.4847 29.6472Z"
fill="#494C51"/>
<path d="M11.7023 29.6472H11.5153C10.874 29.6472 10.3539 30.1768 10.3539 30.83C10.3539 31.4833 10.874 32.0129 11.5153 32.0129H11.7022C12.3434 32.0129 12.8635 31.4833 12.8635 30.83C12.8635 30.1767 12.3436 29.6472 11.7023 29.6472Z"
fill="#494C51"/>
<path d="M33.8519 11.9579L40.6976 17.9191L33.8519 23.8802C33.3644 24.3048 33.3071 25.0514 33.7238 25.5479C33.9536 25.8215 34.2791 25.9621 34.607 25.9621C34.874 25.9621 35.1423 25.8687 35.361 25.6784L43.2393 18.8182C43.4975 18.5935 43.646 18.265 43.646 17.9192C43.646 17.5734 43.4976 17.2449 43.2394 17.0202L35.361 10.1599C34.8738 9.73537 34.1406 9.7938 33.7237 10.2904C33.3069 10.7868 33.3642 11.5334 33.8519 11.9579Z"
fill="#494C51"/>
<path d="M10.7607 18.8182L18.6389 25.6784C18.8577 25.869 19.126 25.9621 19.3929 25.9621C19.7206 25.9621 20.0465 25.8216 20.2761 25.5479C20.6929 25.0514 20.6357 24.3048 20.1481 23.8803L13.3024 17.9191L20.1481 11.958C20.6356 11.5334 20.6928 10.7868 20.2761 10.2903C19.8594 9.79383 19.1263 9.73539 18.6388 10.1598L10.7606 17.02C10.5024 17.2447 10.3539 17.5732 10.3539 17.919C10.3539 18.2648 10.5025 18.5935 10.7607 18.8182Z"
fill="#494C51"/>
<path d="M23.6792 28.3094C23.7986 28.3491 23.9198 28.3679 24.039 28.3679C24.5283 28.3679 24.9834 28.0505 25.143 27.5509L31.0656 9.0197C31.2642 8.39859 30.9307 7.73107 30.3209 7.5289C29.7109 7.32662 29.0557 7.66629 28.8572 8.28751L22.9346 26.8189C22.7359 27.4398 23.0694 28.1073 23.6792 28.3094Z"
fill="#494C51"/>
</svg>
</div>
<h3 class="services-title">WEB DESIGN</h3>
<p class="services-desc">The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes
from a line in section 1.10.32.</p>
</div>
</div>
<div class="col-3">
<div class="services-box">
<div class="services-icon">
<svg width="54" height="55" viewBox="0 0 54 55" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M48.902 2.17297H5.09804C2.28688 2.17297 0 4.50231 0 7.36542V36.9885C0 39.8523 2.28688 42.1821 5.09794 42.1821H19.5463C19.4163 45.0463 18.9131 47.8226 18.0459 50.4611H14.5161C13.8748 50.4611 13.3548 50.9907 13.3548 51.644C13.3548 52.2972 13.8748 52.8268 14.5161 52.8268H39.4838C40.1251 52.8268 40.6451 52.2972 40.6451 51.644C40.6451 50.9907 40.1251 50.4611 39.4838 50.4611H35.954C35.0868 47.8224 34.5836 45.0461 34.4536 42.1821H48.9019C51.713 42.1821 53.9999 39.8523 53.9999 36.9885V7.36542C54 4.50231 51.7131 2.17297 48.902 2.17297ZM2.32253 7.36542C2.32253 5.80673 3.56769 4.53851 5.09794 4.53851H48.9019C50.4323 4.53851 51.6774 5.80663 51.6774 7.36542V34.378H2.32253V7.36542ZM20.4866 50.4612C21.2874 47.8076 21.7519 45.0335 21.8724 42.1822H32.1276C32.2482 45.0332 32.7127 47.8073 33.5134 50.4612H20.4866ZM51.6776 36.9886H51.6775C51.6775 38.5481 50.4323 39.8167 48.902 39.8167H5.09804C3.56769 39.8167 2.32263 38.5481 2.32263 36.9886V36.7438H51.6776V36.9886Z"
fill="#494C51"/>
<path d="M42.4847 29.6472H17.4797C16.8385 29.6472 16.3184 30.1768 16.3184 30.83C16.3184 31.4833 16.8385 32.0129 17.4797 32.0129H42.4848C43.126 32.0129 43.6461 31.4833 43.6461 30.83C43.646 30.1767 43.126 29.6472 42.4847 29.6472Z"
fill="#494C51"/>
<path d="M11.7023 29.6472H11.5153C10.874 29.6472 10.3539 30.1768 10.3539 30.83C10.3539 31.4833 10.874 32.0129 11.5153 32.0129H11.7022C12.3434 32.0129 12.8635 31.4833 12.8635 30.83C12.8635 30.1767 12.3436 29.6472 11.7023 29.6472Z"
fill="#494C51"/>
<path d="M33.8519 11.9579L40.6976 17.9191L33.8519 23.8802C33.3644 24.3048 33.3071 25.0514 33.7238 25.5479C33.9536 25.8215 34.2791 25.9621 34.607 25.9621C34.874 25.9621 35.1423 25.8687 35.361 25.6784L43.2393 18.8182C43.4975 18.5935 43.646 18.265 43.646 17.9192C43.646 17.5734 43.4976 17.2449 43.2394 17.0202L35.361 10.1599C34.8738 9.73537 34.1406 9.7938 33.7237 10.2904C33.3069 10.7868 33.3642 11.5334 33.8519 11.9579Z"
fill="#494C51"/>
<path d="M10.7607 18.8182L18.6389 25.6784C18.8577 25.869 19.126 25.9621 19.3929 25.9621C19.7206 25.9621 20.0465 25.8216 20.2761 25.5479C20.6929 25.0514 20.6357 24.3048 20.1481 23.8803L13.3024 17.9191L20.1481 11.958C20.6356 11.5334 20.6928 10.7868 20.2761 10.2903C19.8594 9.79383 19.1263 9.73539 18.6388 10.1598L10.7606 17.02C10.5024 17.2447 10.3539 17.5732 10.3539 17.919C10.3539 18.2648 10.5025 18.5935 10.7607 18.8182Z"
fill="#494C51"/>
<path d="M23.6792 28.3094C23.7986 28.3491 23.9198 28.3679 24.039 28.3679C24.5283 28.3679 24.9834 28.0505 25.143 27.5509L31.0656 9.0197C31.2642 8.39859 30.9307 7.73107 30.3209 7.5289C29.7109 7.32662 29.0557 7.66629 28.8572 8.28751L22.9346 26.8189C22.7359 27.4398 23.0694 28.1073 23.6792 28.3094Z"
fill="#494C51"/>
</svg>
</div>
<h3 class="services-title">WEB DESIGN</h3>
<p class="services-desc">The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes
from a line in section 1.10.32.</p>
</div>
</div>
</div>
</div>
</section>
<section class="clients" id="contacts">
<div class="container">
<h2 class="section-title">SOME OF<span>OUR CLIENTS</span></h2>
<div class="row">
<div class="col-4">
<div class="clients-box">
<img src="./images/airbnb.png" alt="Airbnb Logo">
</div>
</div>
<div class="col-4">
<div class="clients-box">
<img src="./images/hubspot.png" alt="HubSpot Logo">
</div>
</div>
<div class="col-4">
<div class="clients-box">
<img src="./images/google.png" alt="Google Logo">
</div>
</div>
<div class="col-4">
<div class="clients-box">
<img src="./images/microsoft.png" alt="Microsoft Logo">
</div>
</div>
<div class="col-4">
<div class="clients-box">
<img src="./images/walmart.png" alt="Walmart Logo">
</div>
</div>
<div class="col-4">
<div class="clients-box">
<img src="./images/fedex.png" alt="FedEx Logo">
</div>
</div>
</div>
</div>
</section>
<section class="testimonials" id="testimonials">
<div class="container">
<h2 class="section-title">OUR CLIENTS’<span> TESTIMONIALS</span></h2>
<p class="section-info">Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et<br>
Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a <br>treatise on the
theory of ethics, very popular during the Renaissance. </p>
<p class="section-desc">David Martin, <span>CEO Acme Inc.</span></p>
</div>
</section>
<section class="contact" id="contact">
<div class="container contact-container">
<svg width="148" height="113" viewBox="0 0 148 113" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M138.75 77.6875H37C31.894 77.6875 27.75 74.5235 27.75 70.625V14.125C27.75 10.2265 31.894 7.0625 37 7.0625H138.75C143.856 7.0625 148 10.2265 148 14.125V70.625C148 74.5235 143.856 77.6875 138.75 77.6875Z" fill="#B0BEC5"/>
<path d="M138.75 77.6875H37C31.8108 77.6875 27.75 74.5871 27.75 70.625C27.75 69.5021 28.453 68.4427 29.637 67.7788L85.137 35.9976C85.951 35.5385 86.913 35.3125 87.875 35.3125C88.837 35.3125 89.799 35.5385 90.613 35.9976L146.113 67.7788C147.297 68.4427 148 69.5021 148 70.625C148 74.5871 143.939 77.6875 138.75 77.6875Z" fill="#CFD8DC"/>
<path d="M138.75 7.0625H37C31.8108 7.0625 27.75 10.1629 27.75 14.125C27.75 15.2479 28.453 16.3073 29.637 16.9712L85.137 48.7524C85.951 49.2115 86.913 49.4375 87.875 49.4375C88.837 49.4375 89.799 49.2115 90.613 48.7524L146.113 16.9712C147.297 16.3073 148 15.2479 148 14.125C148 10.1629 143.939 7.0625 138.75 7.0625Z" fill="#ECEFF1"/>
<path d="M111 105.938H9.25C4.144 105.938 0 102.773 0 98.875V42.375C0 38.4765 4.144 35.3125 9.25 35.3125H111C116.106 35.3125 120.25 38.4765 120.25 42.375V98.875C120.25 102.773 116.106 105.938 111 105.938Z" fill="#ADFF00"/>
<path d="M111 105.938H9.25C4.06075 105.938 0 102.837 0 98.875C0 97.7521 0.703 96.6927 1.887 96.0288L57.387 64.2476C58.201 63.7885 59.163 63.5625 60.125 63.5625C61.087 63.5625 62.049 63.7885 62.863 64.2476L118.363 96.0288C119.547 96.6927 120.25 97.7521 120.25 98.875C120.25 102.837 116.189 105.938 111 105.938Z" fill="#A0EB00"/>
<path d="M111 35.3125H9.25C4.06075 35.3125 0 38.4129 0 42.375C0 43.4979 0.703 44.5573 1.887 45.2212L57.387 77.0024C58.201 77.4615 59.163 77.6875 60.125 77.6875C61.087 77.6875 62.049 77.4615 62.863 77.0024L118.363 45.2212C119.547 44.5573 120.25 43.4979 120.25 42.375C120.25 38.4129 116.189 35.3125 111 35.3125Z" fill="#9EFF00"/>
</svg>
<h2 class="contact-title">FEEL FREE TO <span>CONTACT US</span></h2>
<form class="contact-form">
<div class="contact-upper-form">
<input type="text" placeholder="name *" required>
<input type="text" placeholder="surname">
</div>
<input type="email" class="contact-email" required placeholder="email *">
<button class="contact-btn">Submit</button>
</form>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<p class="footer-policy">All Right Reserved</p>
</div>
</footer>
</body>
</html>