-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
232 lines (222 loc) · 7.74 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
<!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>Izzi Consulting</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,300;0,500;0,600;0,700;1,100;1,200;1,300;1,500;1,600;1,700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="css/index.css" />
<link rel="stylesheet" href="./css/vendor.css" />
<link rel="stylesheet" href="./css/animation.css" />
<link rel="stylesheet" href="./css/responsive.css" />
</head>
<body>
<div class="hero-section">
<nav class="navbar">
<a href="#"
><img src="./pictures/logo/logo1.jpg" alt="logo" class="nav-logo"
/></a>
<ul class="nav-links">
<li><a href="#why-section">Why Izzi Consultant</a></li>
<li><a href="#about-section">Services</a></li>
<li><a href="#plan-section">Payment Plan</a></li>
<li><a href="#support-section">Contact Us</a></li>
</ul>
</nav>
<div class="hero-content">
<div class="hero-text">
<h1>LIQUIDATION</h1>
<h1>CONSULTANT</h1>
</div>
</div>
<div class="hero-desc">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. <br />
Laboriosam adipisci provident facere consectetur
</p>
<div class="download-btn btn">
<a href="#">Scroll Down</a>
</div>
</div>
</div>
<div class="stats-section">
<div class="stats-1 stats">
<h3>50 mil</h3>
<p>Assets Handled</p>
</div>
<div class="stats-2 stats">
<h3>3k</h3>
<p>Users</p>
</div>
<div class="stats-3 stats">
<h3>4k</h3>
<p>Testimonials</p>
</div>
</div>
<div class="why-section" id="why-section">
<div class="why-section-left">
<h2><span style="color: #ff2441">Why</span> Izzi Consultant?</h2>
<br />
<br />
<h4>
To ensure that all the company's affairs have been dealt with and all
its assets realised. When this has been done, the liquidator will
apply to have the company removed from the register at the Companies
House and dissolved, which means it ceases to exist.
</h4>
<ul class="key-point">
<li>
<h4>Personalize Services</h4>
<p>
Delivering customized services that cater to the exact needs and
wants of the customer. This way, a customer can feel more
connected to your company.
</p>
</li>
<li>
<h4>Quick Response Time</h4>
<p>
It allows for you to optimize your process, meeting the needs of
your customers in short order
</p>
</li>
<li>
<h4>Pay for value not time</h4>
<p>
True value is never based on time or even effort. It is based on
intellectual property, ability, and the value of the service to
the customer. Each item needs to be carefully evaluated when you
are pricing your products, services, or time in the marketplace.
</p>
</li>
</ul>
</div>
<div class="why-section-right">
<img src="./pictures/legal/liquidation.jpg" alt="image" />
</div>
</div>
<div class="about-section" id="about-section">
<div class="about-section-content">
<img src="./pictures/legal/pic1.jfif" alt="image" />
<p>
<span class="about-span">Izzi Consulting</span> Lorem ipsum dolor sit,
amet consectetur adipisicing elit. Voluptatem rerum eaque fuga
assumenda quidem ipsum!
</p>
</div>
</div>
<div class="about-section">
<div class="about-section-content">
<p>
<span class="about-span">Hassle-Free Communication</span> Lorem ipsum
dolor sit amet consectetur adipisicing elit. Voluptatum ad perferendis
vitae ea a architecto nostrum blanditiis earum placeat quo.
</p>
<img src="./pictures/legal/pic3.jfif" alt="image" />
</div>
</div>
<!-- Plan Section -->
<div class="plan-section" id="plan-section">
<div class="plan-title">
<h2>Premium Plan</h2>
<p>
Switch to premium Plan and unlock
<span style="color: #00ffe0">unlimited services</span>
</p>
</div>
<div class="card-section">
<div class="card-1 card">
<header class="card-header">
<h3>Basis Plan</h3>
<p>Under Million. assets</p>
</header>
<div class="card-plan">
<h3>$Free</h3>
<p>Newsletter</p>
<p>Allocating File</p>
<button>Buy Now</button>
</div>
</div>
<div class="card-2 card">
<header class="card-header">
<h3>Starter Plan</h3>
<p>1 - 10 Million</p>
</header>
<div class="card-plan">
<h3>R250/hr</h3>
<p>Allocation file</p>
<p>Legal Counsel</p>
<p>Submit file at master's office</p>
<button>Buy Now</button>
</div>
</div>
<div class="card-3 card">
<header class="card-header">
<h3>Exclusive Plan</h3>
<p>> 10 Million</p>
</header>
<div class="card-plan">
<h3>$500/hr</h3>
<p>Allocation File</p>
<p>Legal Counsel</p>
<p>Search for lost assest</p>
</div>
</div>
</div>
</div>
<!-- support section -->
<div class="support-section" id="support-section">
<div class="support-header">
<h2>Contact Us</h2>
</div>
<div class="support-article">
<form>
<div class="container">
<h2>Fill in the Form below</h2>
<input type="text" placeholder="Name" required />
<input type="email" placeholder="Email Address" required />
<select>
<option value="optoins">Select your profession</option>
<option value="option-1">Students</option>
<option value="option-2">Business Organisation</option>
<option value="option-3">Other</option>
</select>
<label class="checkbox">Comments:</label>
<br />
<textarea id="story" name="story" rows="5" cols="33">
Write here...
</textarea
>
<input type="submit" value="Submit" />
</div>
</form>
<img src="./pictures/miles-burke-idhx-MOCDSk-unsplash.jpg" alt="help" />
</div>
</div>
<footer class="footer">
<div class="footer-top footer-nav">
<a href="/"
><img
src="./pictures/logo/logo1.jpg"
alt="logo"
class="footer-logo"
/>
</a>
</div>
<div class="footer-bottom footer-nav">
<p>IZZI CONSULTING © ALL RIGHTS RESERVED 2021</p>
<ul class="footer-links">
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Cookie Policy</a></li>
<li><a href="#">Terms of Use</a></li>
</ul>
</div>
</footer>
</body>
</html>