-
Notifications
You must be signed in to change notification settings - Fork 0
/
features.html
100 lines (100 loc) · 4.35 KB
/
features.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Loruki | Cloud Hosting For Events</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" charset="UTF-8">
<link rel="stylesheet" href="CSS/style.css">
<link rel="stylesheet" href="CSS/utilities.css">
<script src="https://kit.fontawesome.com/d9de173ff4.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body>
<!-- navbar -->
<div class="navbar">
<div class="container flex">
<h1>Loruki.</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="features.html">Feature</a></li>
<li><a href="docs.html">Docs</a></li>
</ul>
</nav>
</div>
</div>
<!-- head area -->
<section class="features-head bg-primary py-3">
<div class="container grid">
<div>
<h1 class="xl">Features</h1>
<p>
Check out the features of Loruki that seperates us from the competition
</p>
</div>
<img src="images/server.png" alt="server images">
</div>
</section>
<!-- sub head -->
<section class="features-sub-head bg-light py-3">
<div class="container grid">
<div>
<h1 class="md">The Loruki Platform</h1>
<p >
Check out the features of Loruki that seperates us from the competition Check out the features of Loruki that seperates us from the competition Check out the features of Loruki that seperates us from the competition
</p>
</div>
<img src="images/server2.png" alt="server images">
</div>
</section>
<section class="features-main my-2">
<div class="container grid grid-3">
<div class="card flex">
<i class="fas fa-server fa-3x"></i>
<p>Check out the features of Loruki that seperates us from the competition Check out the features of Loruki that seperates us from the competition Check out the features of Loruki that seperates us from the competition</p>
</div>
<div class="card flex">
<i class="fas fa-server fa-3x"></i>
<p>Check out the features of Loruki that seperates us from the competition Check out the features of Loruki that seperates us from the competition Check out the features of Loruki that seperates us from the competition</p>
</div>
<div class="card flex">
<i class="fas fa-laptop-code fa-3x"></i>
<p>Check out the features of Loruki that seperates us from the competition </p>
</div>
<div class="card flex">
<i class="fas fa-database fa-3x"></i>
<p>Check out the features of Loruki that seperates us from the competition </p>
</div>
<div class="card flex">
<i class="fas fa-power-off fa-3x"></i>
<p>Check out the features of Loruki that seperates us from the competition </p>
</div>
<div class="card flex">
<i class="fas fa-upload fa-3x"></i>
<p>Check out the features of Loruki that seperates us from the competition </p>
</div>
</div>
</section>
<!-- footer -->
<footer class="footer bg-dark py-5">
<div class="container grid grid-3">
<div>
<h1>Loruki</h1>
<p>Copyright © 2020</p>
</div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="features.html">Features</a></li>
<li><a href="docs.html">Docs</a></li>
</ul>
</nav>
<div class=" social">
<a href="#"><i class="fa fa-github fa-2x" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-facebook fa-2x" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a>
</div>
</div>
</footer>
</body>
</html>