generated from DeNepo/template-html-css
-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathfeatures.html
130 lines (129 loc) · 4.24 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
<!DOCTYPE html>
<html lang="en">
<head>
<!--header-->
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="./client/assets/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Features</title>
<link href="./styles/something.css" rel="stylesheet" />
<link href="./styles/fontello.css" rel="stylesheet" />
<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"
/>
</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>
<!--body-->
<section class="features-head bg-primary py-3">
<div class="container grid">
<div>
<h1 class="xl">Features</h1>
<p class="lead">
With loruki do not worry about your projects being not available
anywhere just upload your files and loruki does the rest
</p>
</div>
<div class="img2">
<img src="./assets/cloud.png" alt="cloud" />
</div>
</div>
</section>
<section class="features-sub-head bg-light py-3">
<div class="container grid">
<div>
<h1>The Loruki Platform</h1>
<p>
Want to try something new? with our powerful services worry not
about your files, we have multiple functionalities to offer, however
if this does not convince you why not running it yourself. Try it
with our free beta!
</p>
<button type="submit" class="btn btn-primary">Try it</button>
</div>
<div class="img2">
<img src="./assets/hamster.gif" alt="hamster" />
</div>
</div>
</section>
<section class="features-main my-2">
<div class="container grid grid-3">
<div class="card flex btn-2">
<i class="fa fas fa-3x icon-search"></i>
<p>No more headaches</p>
</div>
<div class="card flex btn-2">
<i class="fa fas fa-3x icon-user-o"></i>
<p>interactive system and simple to use</p>
</div>
<div class="card flex btn-2">
<i class="fa fas fa-3x icon-file-code"></i>
<p>available in almost any device</p>
</div>
<div class="card flex btn-2">
<i class="fa fas fa-3x icon-mixcloud"></i>
<p>Ready to use it</p>
</div>
<div class="card flex btn-2">
<i class="fa fas fa-3x icon-rss"></i>
<p>fast and efficient</p>
</div>
<div class="card flex btn-2">
<i class="fa fas fa-3x icon-usb"></i>
<p>No delays in your uploads</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
aria-label="github"
href="https://github.com/lab-brussels-1/loruki-group-5"
><i class="fab fa-github fa-2x"></i
></a>
<a
aria-label="facebook"
href="https://www.facebook.com/HackYFutureBE/"
><i class="fab fa-facebook fa-2x"></i
></a>
<a
aria-label="instagram"
href="https://www.instagram.com/hackyourfuture.be/"
><i class="fab fa-instagram fa-2x"></i
></a>
<a aria-label="twitter" href="https://twitter.com/HackYFutureBE"
><i class="fab fa-twitter fa-2x"></i
></a>
</div>
</div>
</footer>
</body>
</html>