/
index.html
115 lines (106 loc) · 4.31 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
<!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" />
<link
rel="shortcut icon"
href="./images/hosting-services.png"
type="image/x-icon"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"
integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link rel="stylesheet" href="./styles/common.css" />
<link rel="stylesheet" href="./styles/index.css" />
<link rel="stylesheet" href="./styles/navbar.css" />
<title>Hostque</title>
</head>
<body>
<section class="home-main">
<nav>
<div class="brand">
<img src="./images/hosting-services.png" alt="hosting" />
<a href="/">Hostque</a>
</div>
<i class="fa fa-bars" aria-hidden="true"></i>
<ul>
<i class="fa fa-times" aria-hidden="true"></i>
<li><a href="/">Home</a></li>
<li><a href="./pricing">Pricing</a></li>
<li><a href="./contact">Contact</a></li>
<li><a href="./login.html">Sign in</a></li>
</ul>
</nav>
<div class="main-content">
<h1>Dreams are real</h1>
<p>
We take your dream project online in a matter of seconds. With few
clicks we get your quick website running on the internet with a
shareable link.
</p>
<a href="./login.html" class="gradient-btn">Try for free</a>
</div>
</section>
<section class="about">
<h1>About</h1>
<div class="about-sub">
<img src="./images/going_up.svg" alt="upload" />
<div class="sub-sub-about">
<h2>Why we do</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut atque
repellendus tempore magnam nihil quibusdam beatae quod ipsum
molestias? Doloribus esse culpa, sit nisi recusandae facere deleniti
ducimus asperiores! Inventore? Ut aut deleniti distinctio labore
nisi possimus voluptatem dolores modi doloribus expedita at qui esse
necessitatibus provident sapiente praesentium.
</p>
<a href="./login.html" class="gradient-btn">Get started</a>
</div>
</div>
<div class="about-sub">
<div class="sub-sub-about">
<h2>Ease of use</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut atque
repellendus tempore magnam nihil quibusdam beatae quod ipsum
molestias? Doloribus esse culpa, sit nisi recusandae facere deleniti
ducimus asperiores! Inventore? Ut aut deleniti distinctio labore
nisi possimus voluptatem dolores modi doloribus expedita at qui esse
necessitatibus provident sapiente praesentium.
</p>
<a href="./login.html" class="gradient-btn">Try for free</a>
</div>
<img src="./images/Image_post_.svg" alt="upload" />
</div>
<div class="about-companies">
<h1>Proudly used by the <span> world's best</span>.</h1>
<div class="company-logos">
<i class="fa fa-google"></i>
<i class="fa fa-facebook"></i>
<i class="fa fa-spotify"></i>
<i class="fa fa-github"></i>
<i class="fa fa-reddit"></i>
<i class="fa fa-twitter"></i>
</div>
</div>
</section>
<div class="subscribe">
<h2>Stay up to date with all Hostque offers & news</h2>
<form action="https://formsubmit.co/3c8b0efbdd8eccc2a6cbbbf3edbfd0a6 " method="POST" class="subscribe-box">
<input required type="email" name="subscription_email" placeholder="Enter your email address" />
<button>Subscribe</button>
</form>
</div>
<div class="copyright">
© All rights reserved by Hostque && Made with ♥ by Aashish
</div>
<script src="./js/navbar.js"></script>
</body>
</html>