-
Notifications
You must be signed in to change notification settings - Fork 0
/
feature.html
135 lines (133 loc) · 4.45 KB
/
feature.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
<!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/icon.ico" type="image/x-icon" />
<link rel="stylesheet" href="webhose css/style.css" />
<link rel="stylesheet" href="webhose css/utility.css" />
<link rel="stylesheet" href="webhose css/feature.css" />
<title>Webhose || Cloud hosting for everyone</title>
</head>
<body>
<header class="head">
<div class="container flex">
<div class="logo">
<h1 class="logotext">Webhose.</h1>
</div>
<nav class="navbar">
<ul>
<li><a href="index.html">Home </a></li>
<li><a href="feature.html">Features</a></li>
<li><a href="docs.html">Docs</a></li>
</ul>
</nav>
</div>
</header>
<!-- features-head -->
<section class="features-head py-3">
<div class="container grid">
<div>
<h1 class="xl">Features</h1>
<p class="lead">
Check out the feature of Webhose that seperate us from the
competition
</p>
</div>
<img src="images/server.png" alt="server" />
</div>
</section>
<!-- sub head -->
<section class="sub-head py-1">
<div class="container grid">
<div class="sub-heading-para">
<h1 class="md">The Webhose platform</h1>
<p class="lead">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.Itaque modi
sequi, earum repellendus alias, fugit mollitia saepe at commodi
nostrum aspernatur ducimus obcaecati eos,tenetur voluptas accusamus
magnam. Enim, sit.
</p>
</div>
<img src="images/server2.png" alt="server" />
</div>
</section>
<!-- feature main -->
<section class="feature-main my-2">
<div class="container grid grid-3">
<div class="form-card flex">
<img src="images/icon/sub.svg" alt="" />
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt
molestiae dolorum ab aliquam error rerum.
</p>
</div>
<div class="form-card flex">
<img src="images/icon/support.svg" alt="" />
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt
molestiae dolorum ab aliquam error rerum.
</p>
</div>
<div class="form-card flex">
<img src="images/icon/extension.svg" alt="" />
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt
molestiae dolorum ab aliquam error rerum.
</p>
</div>
<div class="form-card flex">
<img src="images/icon/helpcen.svg" alt="" />
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt
molestiae dolorum ab aliquam error rerum.
</p>
</div>
<div class="form-card flex">
<img src="images/icon/privacy.svg" alt="" />
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt
molestiae dolorum ab aliquam error rerum.
</p>
</div>
<div class="form-card flex">
<img src="images/icon/reply.svg" alt="" />
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt
molestiae dolorum ab aliquam error rerum.
</p>
</div>
</div>
</section>
<!-- footer -->
<section class="footer py-2 footer-dark">
<div class="container grid grid-3">
<div>
<h1>Webhose</h1>
<p>Copyright © 2021</p>
</div>
<nav>
<ul>
<li class="flex text-center">
<a href="index.html">Home</a>
<a href="features.html">Features</a>
<a href="docs.html">Docs</a>
</li>
</ul>
</nav>
<div class="social-icon">
<a href="#"
><img src="images/icon/fb2.svg" alt="" class="icon-img"
/></a>
<a href="#"
><img src="images/icon/language.svg" alt="" class="icon-img"
/></a>
<a href="#"
><img src="images/icon/help.svg" alt="" class="icon-img"
/></a>
</div>
</div>
</section>
</body>
</html>