-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproducts.html
212 lines (200 loc) · 13.6 KB
/
products.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
<!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>Products</title>
<link rel="stylesheet" href="./css/style.min.css">
</head>
<body class="body__products-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">Tools that transform how businesses work</h1>
<div class="hero__text">We help manage businesses better with our applications, plugins, extensions and offer productive experiences for teams and customers alike.</div>
</div>
</div>
</div>
<div class="hero__image"><img src="./img/ProductsPage/hero__img.svg" alt=""></div>
</section>
</div>
<!-- Main Page -->
<main>
<section class="section products-info__section">
<div class="container">
<div class="products-info__block">
<div class="products-info__items">
<div class="products-info__item products-info-item">
<div class="products-info-item__content">
<div class="products-info-item__logo"><img src="./img/products__logo1.svg" alt="logo"></div>
<div class="products-info-item__text section__text">
<p>Build brand trust and minimize legal risks with the market-leading consent management platform that helps businesses comply with global privacy regulations. Display cookie consent banners, manage consent, generate policy documents and privacy-proof websites with CookieYes.</p>
<p>CookieYes is the #1 cookie compliance technology with over 1.2 million user base, powering global brands to startups across US, UK and Europe.</p>
</div>
<a href="#" class="products-info-item__btn btn btn-outline">Visit Webtoffee</a>
</div>
<div class="products-info-item__img">
<img src="./img/ProductsPage/products-info-item__img1.png" alt="img">
</div>
</div>
<div class="products-info__item products-info-item">
<div class="products-info-item__content">
<div class="products-info-item__logo"><img src="./img/products__logo2.svg" alt="logo"></div>
<div class="products-info-item__text section__text">
<p>Streamline eCommerce businesses and create amazing customer experiences with our WordPress/WooCommerce plugins and extensions. Manage your day-to-day operations with extensions for product imports, smart coupons, payment gateways, subscriptions and more.</p>
<p>WebToffee builds some of the most popular and top-rated plugins in the marketplace and powers over 1.3 million online stores and websites.</p>
</div>
<a href="#" class="products-info-item__btn btn btn-outline">Visit Webtoffee</a>
</div>
<div class="products-info-item__img">
<img src="./img/ProductsPage/products-info-item__img2.png" alt="img">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section products-future__section">
<div class="container">
<div class="products-future__content">
<h3 class="products-future__title section__title">Want to know how we build products for the future?</h3>
<div class="products-future__text section__text">Then be a part of our remarkable journey and let’s learn together!</div>
<div class="products-future__btns">
<a href="#" class="products-future__btn btn">About us</a>
<a href="#" class="products-future__btn btn btn-outline">Join the team</a>
</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>