-
Notifications
You must be signed in to change notification settings - Fork 0
/
features.html
139 lines (129 loc) · 4.67 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style/style.css">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
crossorigin="anonymous"
/>
<title>Features</title>
</head>
<body>
<!-- navbar -->
<div class="navbar">
<div class="container flex">
<h1 class="logo">Loruki.</h1>
<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>
</div>
<!-- features showcase -->
<section class="feature py-2">
<div class="container grid">
<div class="feature-text">
<h1>Features</h1>
<p>
Check out the features of Loruki that separate us from the competition
</p>
</div>
<div class="feature-img">
<img src="Img/server.png" alt="">
</div>
</div>
</section>
<!-- platform -->
<section class="platform py-2">
<div class="container grid">
<div class="platform-text">
<h1>The Loruki Platform</h1>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Dolor cupiditate dignissimos temporibus perspiciatis quae!
Suscipit qui, consectetur ea consequatur,
doloribus repellendus quasi, aut corporis nam alias culpa.
Nostrum, inventore accusantium!
</p>
</div>
<div class="platform-img">
<img src="Img/server2.png" alt="">
</div>
</div>
</section>
<!-- cards -->
<section class="cards my-2 py-1">
<div class="container grid">
<div class="card first p-1">
<i class="fas fa-server fa-3x"></i>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Voluptas nemo saepe corrupti et dolorem voluptate at,
nostrum rem voluptatem ab alias quia molestiae ea, libero nihil deserunt.
Molestias, eum? Necessitatibus!
</p>
</div>
<div class="card second p-1">
<i class="fas fa-power-off fa-3x"></i>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Voluptas nemo saepe corrupti et dolorem voluptate at
</p>
</div>
<div class="card third p-1">
<i class="fas fa-network-wired fa-3x"></i>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
</div>
<div class="card rest p-1">
<i class="fas fa-laptop-code fa-3x"></i>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
</p>
</div>
<div class="card rest p-1">
<i class="fas fa-database fa-3x"></i>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
</p>
</div>
<div class="card rest p-1">
<i class="fas fa-upload fa-3x"></i>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
</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"></a>Home</li>
<li><a href="features.html"></a>Features</li>
<li><a href="docs.html"></a>Docs</li>
</ul>
</nav>
<div class="social">
<a href="#"><img src="Img/git.png" alt="github"></a>
<a href="#"><img src="Img/tw.png" alt="tweeter"></a>
<a href="#"><img src="Img/ig.png" alt="instagram"></a>
<a href="#"><img src="Img/fb.png" alt="faceboo"></a>
</div>
</div>
</footer>
</body>
</html>