-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
302 lines (289 loc) · 18 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About</title>
<link rel="stylesheet" href="./css/style.min.css">
</head>
<body class="body__about-page">
<div class="hero__wrapper">
<!-- Header -->
<header>
<!-- Navbar -->
<nav>
<div class="container">
<div class="navbar">
<div class="logo"> <a href="./index.html"> <img src="./img/logo.svg" alt=""> </a> </div>
<ul class="menu">
<li class="menu__item"><a href="./products.html" class="menu__item-link" data-scroll>Products</a></li>
<li class="menu__item"><a href="./about.html" class="menu__item-link" data-scroll>About us</a></li>
<li class="menu__item"><a href="./contact.html" class="menu__item-link" data-scroll>Contact</a></li>
<li class="menu__item"><a href="./career.html" class="menu__item-btn btn" data-scroll>We’re hiring</a></li>
</ul>
<div class="burger">
<span></span>
</div>
</div>
</div>
</nav>
</header>
<section class="hero__section ">
<div class="container">
<div class="hero__block">
<div class="hero__content">
<h1 class="hero__title">About Mozi</h1>
<div class="hero__text">Mozi is a technology company that builds products to simplify work. 1.3 million businesses of every size — from startups to global brands, use our tools to work better.</div>
</div>
</div>
</div>
<div class="hero__image"><img src="./img/AboutPage/hero__img.svg" alt=""></div>
</section>
</div>
<!-- Main Page -->
<main>
<section class="section brands__section">
<div class="container">
<div class="brands__block">
<h3 class="brands__title section__title">Over <span>1.3 million</span> users and global brands trust us </h3>
<div class="brands__list">
<div class="brands__item"><img src="./img/MainPage/brands__item1.svg" alt="brand"></div>
<div class="brands__item"><img src="./img/MainPage/brands__item2.svg" alt="brand"></div>
<div class="brands__item"><img src="./img/MainPage/brands__item3.svg" alt="brand"></div>
<div class="brands__item"><img src="./img/MainPage/brands__item4.svg" alt="brand"></div>
<div class="brands__item"><img src="./img/MainPage/brands__item5.svg" alt="brand"></div>
<div class="brands__item"><img src="./img/MainPage/brands__item6.svg" alt="brand"></div>
<div class="brands__item"><img src="./img/MainPage/brands__item7.svg" alt="brand"></div>
</div>
</div>
</div>
</section>
<section class="section info__section">
<div class="container">
<div class="info__block">
<div class="info__list">
<div class="info__item info-item">
<div class="info-item__content">
<h4 class="info-item__title">2017</h4>
<div class="info-item__text">Founded in</div>
</div>
<div class="info-item__img">
<img src="./img/AboutPage/info__item1.svg" alt="">
</div>
</div>
<div class="info__item info-item">
<div class="info-item__content">
<h4 class="info-item__title">44+</h4>
<div class="info-item__text">Employees</div>
</div>
<div class="info-item__img">
<img src="./img/AboutPage/info__item2.svg" alt="">
</div>
</div>
<div class="info__item info-item">
<div class="info-item__content">
<h4 class="info-item__title">1.3M+</h4>
<div class="info-item__text">Active users</div>
</div>
<div class="info-item__img">
<img src="./img/AboutPage/info__item3.svg" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<div class="about__wrapper">
<section class="section culture-code__section">
<div class="container">
<div class="culture-code__block">
<h3 class="section__title culture-code__title">Our culture code </h3>
<div class="section__text culture-code__text">The values that drive Mozilorians every day.</div>
<div class="culture-code__list">
<div class="culture-code__item culture-code-item">
<div class="culture-code-item__title">Integrity</div>
<div class="culture-code-item__text section__text">We value people who live by a strong moral code and act with uncompromising honesty in everything they do.</div>
</div>
<div class="culture-code__item culture-code-item">
<div class="culture-code-item__title">Accountability</div>
<div class="culture-code-item__text section__text">We take ownership of everything we do, including our mistakes. We learn from them so that we can make better mistakes next time.</div>
</div>
<div class="culture-code__item culture-code-item">
<div class="culture-code-item__title">Humility</div>
<div class="culture-code-item__text section__text">We value curiosity to learn from anyone, anywhere and the openness to acknowledge differences.</div>
</div>
<div class="culture-code__item culture-code-item">
<div class="culture-code-item__title">Autonomy</div>
<div class="culture-code-item__text section__text">We insist on individuality and care for the goals we achieve, not the procedures or ceremony in getting there. </div>
</div>
<div class="culture-code__item culture-code-item">
<div class="culture-code-item__title">Conscientiousness</div>
<div class="culture-code-item__text section__text">We seek to be principled and reliable so that we can always provide value for everyone around us.</div>
</div>
<div class="culture-code__item culture-code-item">
<div class="culture-code-item__title">Contribution</div>
<div class="culture-code-item__text section__text">We actively look for opportunities to give back to our team and the world around us.</div>
</div>
</div>
</div>
</div>
</section>
<section class="section who__section">
<div class="container">
<div class="who__block">
<div class="who__content">
<h3 class="section__title who__title">Who we are</h3>
<div class="section__text who__text">
<p>We are a bunch of thinkers and dreamers, who have come together to build products we are proud of. We come from diverse backgrounds, work in different agile teams and come together to deliver the best technology.</p>
<p>In 2017, we started as a one-person endeavour by Anvar TK, our CEO, in an incubator at National Institute of Technology Calicut. Today, we are a growing team of 40+ members with offices in London, Bangalore and Calicut.</p>
</div>
</div>
<div class="who__img">
<img src="./img/AboutPage/who__img.png" alt="img">
</div>
</div>
</div>
</section>
</div>
<section class="section what__section">
<div class="container">
<div class="what__block">
<div class="what__img">
<img src="./img/AboutPage/what__img.png" alt="img">
</div>
<div class="what__content">
<h3 class="section__title what__title">What we do</h3>
<div class="section__text what__text">
<p>We build meaningful products that help people to simplify work, are scalable and can stand the test of time. We strive to deliver solutions that can transform how businesses work so that they can focus on what matters the most.</p>
<p>At Mozilor, we see each day as a new opportunity to ideate, explore, take risks and learn. And that’s what has helped us grow and be the leaders across industries. </p>
</div>
</div>
</div>
</div>
</section>
<section class="section hiring__section">
<div class="container">
<div class="hiring__block">
<div class="hiring__content">
<h3 class="section__title hiring__title">We are hiring!</h3>
<div class="section__text hiring__text">Help us build tools for the future. We’re looking for curious and smart people to join forces with us and grow together.</div>
<a href="#" class="hiring__btn btn btn-outline hiring-btn">Join the squad
<img class="hiring-btn__img" src="./img/AboutPage/hiring-btn__img.svg" alt="">
</a>
</div>
<div class="hiring__img">
<img src="./img/AboutPage/hiring__img.svg" alt="img">
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="section footer__section">
<div class="container">
<div class="footer__block">
<div class="footer__content">
<div class="footer__logo logo"> <a href="./index.html"> <img src="./img/logo-light.svg" alt=""> </a> </div>
<div class="section__text footer__text">Mozil builds extensions, plugins and apps to simplify work for
businesses. </div>
</div>
<div class="footer__menu footer-menu">
<div class="footer-menu__section">
<ul class="footer-menu__list">
<li class="footer-menu__item_title"><a href="./products.html" class="footer-menu__link">
<h4 class="footer-menu__title">Products</h4>
</a></li>
<li class="footer-menu__item"><a href="./products.html" class="footer-menu__link">CookieYes</a></li>
<li class="footer-menu__item"><a href="./products.html" class="footer-menu__link">Webtoffee</a></li>
</ul>
</div>
<div class="footer-menu__section">
<ul class="footer-menu__list">
<li class="footer-menu__item_title"><a href="./about.html" class="footer-menu__link">
<h4 class="footer-menu__title">About</h4>
</a></li>
<li class="footer-menu__item"><a href="./about.html" class="footer-menu__link">About us</a></li>
<li class="footer-menu__item"><a href="./career.html" class="footer-menu__link">Career</a></li>
<li class="footer-menu__item"><a href="./contact.html" class="footer-menu__link">Contact</a></li>
</ul>
</div>
<div class="footer-menu__section_social">
<ul class="footer-menu__list">
<li class="footer-menu__item_title"><a href="./contact.html" class="footer-menu__link">
<h4 class="footer-menu__title">Follow us</h4>
</a></li>
<!-- <li class="footer-menu__item"><a href="#" class="footer-menu__link"><img src="./img/footer-social__item1.svg" alt="icon"></a></li> -->
<li class="footer-menu__item">
<a href="./contact.html" class="footer-menu__link">
<svg width="9" height="18" viewBox="0 0 9 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M6.95282 2.89077H8.50569V0.186185C8.23779 0.14933 7.31641 0.0664062 6.24337 0.0664062C4.00443 0.0664062 2.4707 1.47469 2.4707 4.06304V6.44514H0V9.46867H2.4707V17.0764H5.49989V9.46937H7.87065L8.247 6.44585H5.49918V4.36284C5.49989 3.48895 5.73519 2.89077 6.95282 2.89077Z"
fill="white" />
</svg>
</a>
</li>
<li class="footer-menu__item">
<a href="./contact.html" class="footer-menu__link">
<svg width="18" height="15" viewBox="0 0 18 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M17.2678 2.37425C16.6444 2.64768 15.9802 2.82892 15.2878 2.91692C16.0001 2.49158 16.5439 1.8232 16.7995 1.01758C16.1353 1.41358 15.402 1.6933 14.6204 1.84939C13.9898 1.17787 13.0909 0.761963 12.1103 0.761963C10.2079 0.761963 8.67624 2.30615 8.67624 4.1992C8.67624 4.47158 8.69929 4.73349 8.75586 4.98282C5.899 4.84349 3.3711 3.47425 1.67291 1.38844C1.37643 1.90282 1.20253 2.49158 1.20253 3.12539C1.20253 4.31549 1.81538 5.37044 2.72891 5.9812C2.17681 5.97073 1.63519 5.81044 1.17634 5.55796C1.17634 5.56844 1.17634 5.58206 1.17634 5.59568C1.17634 7.26558 2.36748 8.65263 3.92948 8.97215C3.64976 9.04863 3.34491 9.0853 3.02853 9.0853C2.80853 9.0853 2.58643 9.07272 2.37795 9.02663C2.82319 10.3875 4.08662 11.388 5.58891 11.4204C4.41976 12.335 2.93529 12.8861 1.32824 12.8861C1.04643 12.8861 0.776145 12.8735 0.505859 12.8389C2.02805 13.8205 3.83205 14.381 5.77748 14.381C12.1009 14.381 15.558 9.14292 15.558 4.60253C15.558 4.45063 15.5528 4.30396 15.5455 4.15834C16.2275 3.67434 16.8005 3.06987 17.2678 2.37425Z"
fill="white" />
</svg>
</a>
</li>
<li class="footer-menu__item">
<a href="./contact.html" class="footer-menu__link">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M5.62472 0H12.0533C15.0115 0 17.4104 2.39893 17.4104 5.35714V11.7857C17.4104 14.7439 15.0115 17.1429 12.0533 17.1429H5.62472C2.66651 17.1429 0.267578 14.7439 0.267578 11.7857V5.35714C0.267578 2.39893 2.66651 0 5.62472 0ZM12.0531 15.5357C14.1209 15.5357 15.8031 13.8536 15.8031 11.7857V5.35718C15.8031 3.28932 14.1209 1.60718 12.0531 1.60718H5.62451C3.55665 1.60718 1.87451 3.28932 1.87451 5.35718V11.7857C1.87451 13.8536 3.55665 15.5357 5.62451 15.5357H12.0531Z"
fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.55273 8.5716C4.55273 6.20482 6.47166 4.28589 8.83845 4.28589C11.2052 4.28589 13.1242 6.20482 13.1242 8.5716C13.1242 10.9384 11.2052 12.8573 8.83845 12.8573C6.47166 12.8573 4.55273 10.9384 4.55273 8.5716ZM6.15967 8.57164C6.15967 10.0481 7.36181 11.2502 8.83824 11.2502C10.3147 11.2502 11.5168 10.0481 11.5168 8.57164C11.5168 7.09414 10.3147 5.89307 8.83824 5.89307C7.36181 5.89307 6.15967 7.09414 6.15967 8.57164Z"
fill="white" />
<circle cx="13.4461" cy="3.96414" r="0.571071" fill="white" />
</svg>
</a>
</li>
<li class="footer-menu__item">
<a href="./contact.html" class="footer-menu__link">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_13630_204)">
<path
d="M4.01709 16.5715H0.780099V5.93569H4.10958V16.5715H4.01709ZM2.35236 4.45592C1.33501 4.45592 0.410156 3.62356 0.410156 2.51373C0.410156 1.49639 1.24253 0.571533 2.35236 0.571533C3.36969 0.571533 4.29454 1.4039 4.29454 2.51373C4.29454 3.62356 3.46218 4.45592 2.35236 4.45592ZM16.4102 16.5715H13.0807V11.3923C13.0807 10.19 13.0807 8.61777 11.4159 8.61777C9.65872 8.61777 9.47374 9.91257 9.47374 11.2999V16.5715H6.14426V5.93569H9.28877V7.41547C9.7512 6.58309 10.7685 5.75072 12.4333 5.75072C15.7628 5.75072 16.4102 7.97037 16.4102 10.8374V16.5715Z"
fill="white" />
</g>
<defs>
<clipPath id="clip0_13630_204">
<rect width="16" height="16" fill="white"
transform="translate(0.410156 0.571533)" />
</clipPath>
</defs>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer__copyright">
<div class="container">
<div class="footer__copy footer-copy">
<div class="footer-copy__item">
© 2022 Mozi - All right reserved
</div>
<div class="footer-copy__item">
<a href="#">Terms & Conditions</a>
</div>
</div>
</div>
</div>
</footer>
</body>
<script src="./js/scripts.min.js"></script>
</html>