-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
226 lines (226 loc) · 7.23 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
<!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>Lawyer</title>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="mobile.css" />
<link rel="stylesheet" href="tablet.css" />
</head>
<body>
<nav class="navbar">
<div class="nav__left center">
<img src="./Assets/logo.png" alt="Brand Logo" />
<span>Lawliet</span>
</div>
<div class="nav__right center">
<ul>
<li>CONTACT</li>
<li>TESTIMONIALS</li>
<li>ABOUT</li>
<li>TERMS</li>
</ul>
<input type="text" />
<img src="./Assets/search__icon.png" alt="Search Icon" />
</div>
</nav>
<section class="banner">
<div class="banner__right">
<img
id="banner__image"
src="./Assets/hero__image.png"
alt="Banner Image"
/>
<div class="hero__desc center">
<p>Tiara Andini</p>
<p>-Lawyer</p>
</div>
</div>
<div class="banner__toast">
<span>New</span>
<span>Stay connected to the upcoming & Recent jobs</span>
</div>
<h1>
Your Solution <br />
Legal Consultacy
</h1>
<p>
We are here to help you take care of your legality <br />
with the best service especially for you.
</p>
<button class="banner__button">GET STARTED</button>
<p>Trusted by 10+ companies in indonesia</p>
<img src="./Assets/company__logo.png" alt="Our Partner Brand Logo" />
</section>
<section class="help center">
<div class="help__content">
<h1>Why do we help with legalization?</h1>
<p>
We are here for UMKM in Indonesia to carry out the legalization
process, which is sometimes complicated.
</p>
</div>
<div class="help__boxes center">
<div>
<img src="./Assets/circle__layer.png" alt="Circle Icon" />
<h3>Enviromental Law</h3>
<p>
Environmental Legal Issue might occur since the planned business
activities are designed
</p>
</div>
<div>
<img src="./Assets/bag.png" alt="Bag Icon" />
<h3>Enviromental Law</h3>
<p>
Environmental Legal Issue might occur since the planned business
activities are designed
</p>
</div>
<div>
<img src="./Assets/rocket.png" alt="Rocket Icon" />
<h3>Enviromental Law</h3>
<p>
Environmental Legal Issue might occur since the planned business
activities are designed
</p>
</div>
<div>
<img src="./Assets/user__arrows.png" alt="Arrow Icon" />
<h3>Enviromental Law</h3>
<p>
Environmental Legal Issue might occur since the planned business
activities are designed
</p>
</div>
</div>
</section>
<section class="count center">
<h1>Some count that matters</h1>
<p>Our achievement in the journey depicted in numbers</p>
<div class="count__boxes center">
<div class="center" id="count__leftBox">
<h1>30</h1>
<p>Clients</p>
</div>
<div class="center" id="count__centerBox">
<h1>300+</h1>
<p>Taken business legalities</p>
</div>
<div class="center">
<h1>8</h1>
<p>Years of Journey</p>
</div>
</div>
</section>
<section class="testimonial center">
<h1>Clients Testimonial</h1>
<div class="testimonial__content center">
<div class="testimonial__div center">
<div class="center">
<h3>Incredible Experience</h3>
<p>
We had an incredible experience working with Landify and were
impressed they made such a big difference in only three weeks. Our
team is so grateful for the wonderful improvements they made and
their ability to get familiar with the concept so quickly.
</p>
<div class="triangle"></div>
</div>
<div class="testimonial__testimony center">
<img src="./Assets/testimony__image.png" alt="Testimonial Image" />
<div>
<h4>Anya Tailor Joy</h4>
<p>CEO, SF Industires</p>
</div>
</div>
</div>
<div class="testimonial__div center">
<div class="center">
<h3>Dependable, Responsive, Professional Partner</h3>
<p>
Fermin Apps has collaborated with Landify team for several
projects such as Photo Sharing Apps and Custom Social Networking
Apps. The experience has been pleasant, professional and exceeding
our expectations.
</p>
<div class="triangle"></div>
</div>
<div class="testimonial__testimony center">
<img src="./Assets/testimony__image.png" alt="Testimonial Image" />
<div>
<h4>Sri Alam</h4>
<p>CEO, Membagongkan GROUP</p>
</div>
</div>
</div>
</div>
</section>
<section class="question center">
<div>
<h1>Complex Questions?</h1>
<p>
Request for a personalized budget for your legal problem. We will send
you a coupe options in 24 hours. You can have free consult , if a our
first customer
</p>
<div class="question__button center">
<img src="./Assets/call__logo.png" alt="Call Logo" />
<span>Call now</span>
</div>
</div>
<img src="./Assets/man__image.png" alt="Man Image" />
</section>
<footer class="footer">
<div class="footer__brand">
<div class="footer_brand__icon center">
<img src="./Assets/footer__logo.png" alt="Logo" />
<span>Lawliet</span>
</div>
</div>
<div class="footer__content center">
<div>
<h3>Product</h3>
<ul>
<li>Overview</li>
<li>Features</li>
<li>Tutorials</li>
<li>Pricing</li>
<li>Releases</li>
</ul>
</div>
<div>
<h3>Company</h3>
<ul>
<li>About</li>
<li>Press</li>
<li>Careers</li>
<li>Contact</li>
<li>Partners</li>
</ul>
</div>
<div>
<h3>Support</h3>
<ul>
<li>Help Center</li>
<li>Terms of service</li>
<li>Legal</li>
<li>Privacy Policy</li>
<li>Status</li>
</ul>
</div>
</div>
</footer>
<section class="copyright center">
<span>© 2021 Lawliet. All rights reserved</span>
<div>
<img src="./Assets/insta__logo.png" alt="Instagram Logo" />
<img src="./Assets/social__logo.png" alt="Social Logo" />
<img src="./Assets/twitter__logo.png" alt="Twitter Logo" />
<img src="./Assets/youtube__logo.png" alt="Youtube Logo" />
</div>
</section>
</body>
</html>