-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (128 loc) · 4.84 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/images/favicon-32x32.png">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="./style.css">
<title>Workit landing page</title>
</head>
<body>
<section class="wrapper">
<div class="container text-layer">
<nav class="row mt-5 px-5">
<div class=" logo-link col pl-0">
<img src="./assets/images/logo-light.svg"/>
</div>
<a class="nav-links access-link">Apply for access</a>
</nav>
<div class="text-center mt-5">
<div class="hero-text">Data <span class="access-link">tailored</span> to <br> your needs.</div>
<button class="learn-more-btn mt-3 p-3 px-4">Learn more</button>
</div>
</div>
<div class="hero-bg-1">
<img class="hero-img-1" src="./assets/images/bg-pattern-1.svg"/>
<img class="hero-img-2" src="./assets/images/bg-pattern-2.svg" />
</div>
</section>
<section class="wrapper-2">
<div class="hero-phone-img text-center">
<img src="./assets/images/image-hero.webp" />
<div class="container">
<div class="home-text">
<div class="row col-12 col-lg-4">
<div class="col-12 col-md-3 col-lg-12 my-auto">
<div class="copy-num">
1
</div>
</div>
<div class="col-12 col-md-9 col-lg-12 text-md-left text-lg-center">
<div class="copy-title">
Actionable insights
</div>
<div class="copy-text">
Optimize your products, improve customer satisfaction and stay ahead of the competition
with our product data analytics.
</div>
</div>
</div>
<div class="row col-12 col-lg-4">
<div class="col-12 col-md-3 col-lg-12 my-auto">
<div class="copy-num">
2
</div>
</div>
<div class="col-12 col-md-9 col-lg-12 text-md-left text-lg-center">
<div class="copy-title">
Data-driven decisions
</div>
<div class="copy-text">
Make data-driven decisions with our product data analytics. Our AI-generated reports help
you unlock insights hidden in your product data.
</div>
</div>
</div>
<div class="row col-12 col-lg-4">
<div class="col-12 col-md-3 col-lg-12 my-auto">
<div class="copy-num">
3
</div>
</div>
<div class="col-12 col-md-9 col-lg-12 text-md-left text-lg-center">
<div class="copy-title">
Always affordable
</div>
<div class="copy-text">
Always affordable pricing that scales with your business. Get top-quality product data
analytics services without hidden costs or unexpected fees.
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="founder">
<div class="founder-img">
<img src="./assets/images/image-founder.webp" />
</div>
<div class="founder-wrapper text-center text-md-left mx-3 p-5">
<div class="founder-title mt-2">
Be the first to test
</div>
<div class="founder-text mt-3">
Hi, I'm Louis Graham, the founder of the company. Book a demo call with me to become a
beta tester for our app and kickstart your company. Apply for access below and I’ll be
in touch to schedule a call.
</div>
<div >
<button class="learn-more-btn mt-4 mb-2 p-3 px-4">Apply for access</button>
</div>
<div class="founder-svg">
<img src="./assets/images/bg-pattern-1.svg" />
</div>
</div>
<div class="container logo-beneath text-center">
<div>
<img src="./assets/images/logo-dark.svg" />
</div>
<div class="row w-50 mx-auto my-4">
<div class="col text-md-right">
<img src="./assets/images/icon-facebook.svg" />
</div>
<div class="col">
<img src="./assets/images/icon-twitter.svg"/>
</div>
<div class="col text-md-left">
<img src="./assets/images/icon-instagram.svg"/>
</div>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>