-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
154 lines (146 loc) · 5.85 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
<!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>SAAS Landing Page</title>
<link rel="stylesheet" href="style/style.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css"
integrity="sha512-1sCRPdkRXhBV2PBLUdRb4tMg1w2YPf37qatUFeS7zlBy7jJI8Lf4VHwWfZZfpXtYSLy85pkm9GaYVYMfw5BC1A=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<div class="container">
<div class="header">
<nav class="navbar">
<div class="logo">
<img src="./assets/Logo.png" alt="logo" />
</div>
<ul class="nav-list">
<li class="list-item active">Home</li>
<li class="list-item">Services</li>
<li class="list-item">Pricing</li>
<li class="list-item">Testimonials</li>
<li class="list-item">Blog</li>
<li class="list-item btn">Free Trial</li>
</ul>
<i class="fa-solid fa-bars fa-2xl"></i>
</nav>
<!-- hero-section -->
<section class="hero">
<div class="left">
<h1>
Codext one of
the base system in SAAS
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Pariatur ipsam, eum rem dolores odit tempora unde rerum perspiciatis
quod consectetur sunt. Fugit, perspiciatis amet!
</p>
</div>
<div class="right">
<img src="./assets/30495 [Converted]-01(1).svg" alt="image" />
</div>
</section>
</div>
<!-- application-section -->
<section class="application">
<div class="left">
<img src="./assets/Saas illustration-01.svg" alt="image" />
</div>
<div class="right">
<h1>
It's helpfulfor operating
system
</h1>
<ul class="application-list">
<li class="list-item">
<h4><i class="arrow orange">⮫ </i>Ultrafast & secure</h4>
<p>
Lorem, ipsum dolor sit amet consectetur
adipisicing elit. Ratione, non.
</p>
</li>
<li class="list-item">
<h4><i class="arrow green">⮫ </i>Allow Customization</h4>
<p>
Lorem ipsum dolor sit amet consectetur
adipisicing elit. Aperiam, aliquid!
</p>
</li>
<li class="list-item">
<h4><i class="arrow blue">⮫ </i>Smart Contract</h4>
<p>
Lorem ipsum dolor sit amet consectetur
adipisicing elit. Saepe, quidem.
</p>
</li>
</ul>
</div>
</section>
<!-- features section -->
<section class="feature">
<h2>
We Provide Best Feature
for Customer
</h2>
<div class="feature-cards">
<!-- card-1 -->
<div class="card">
<div class="logo clean-code-logo">
<img src="./assets/web-developing.svg" alt="webdev" />
</div>
<div class="desc active">
<h1>Clean Code</h1>
<p>
Lorem ipsum dolor sit amet consectetur
adipisicing elit. Culpa, molestias!
</p>
</div>
</div>
<!-- card-2 -->
<div class="card">
<div class="logo data-analytics-logo">
<img src="./assets/data-analytics.svg" alt="data" />
</div>
<div class="desc">
<h1>Data Analytics</h1>
<p>
Lorem ipsum dolor sit amet consectetur
adipisicing elit. Culpa, molestias!
</p>
</div>
</div>
<!-- card-3 -->
<div class="card">
<div class="logo fully-secured-logo">
<img src="./assets/secured-profile.svg" alt="secure" />
</div>
<div class="desc">
<h1>Fully Secured</h1>
<p>
Lorem ipsum dolor sit amet consectetur
adipisicing elit. Culpa, molestias!
</p>
</div>
</div>
<!-- card-4 -->
<div class="card">
<div class="logo logo-24x7">
<img src="./assets/support.svg" alt="support" />
</div>
<div class="desc">
<h1>24/7 support</h1>
<p>
Lorem ipsum dolor sit amet consectetur
adipisicing elit. Culpa, molestias!
</p>
</div>
</div>
</div>
</section>
</div>
</body>
</html>