-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfeatures.html
138 lines (129 loc) · 3.83 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
<!DOCTYPE html>
<html lang="de">
<head>
<link rel="stylesheet" href="CSS/Website.css" />
<link
rel="stylesheet"
href="FONT/fontawesome-free-6.6.0-web/css/all.min.css"
/>
<meta charset="UTF-8" />
<title>Loruki || Merkmale</title>
</head>
<body>
<!-- NavBar -->
<div class="navbar">
<div class="container flex">
<h1 class="logo">Loruki</h1>
<nav>
<ul>
<li>
<a href="index.html">Startseite</a>
</li>
<li>
<a href="features.html">Merkmale</a>
</li>
<li>
<a href="docs.html">Docs</a>
</li>
</ul>
</nav>
</div>
</div>
<!-- HEAD -->
<section class="features-head bg-primary py-3">
<div class="container grid">
<div>
<h1 class="xl">Merkmale</h1>
<p class="lead">
Schauen Sie sich die Funktionen von Loruki an, die uns vom
Wettbewerb trennen
</p>
</div>
<img src="IMAGE/image.png" alt="" />
</div>
</section>
<!-- SUB-HEAD -->
<section class="features-sub-head bg-light py-3">
<div class="container grid">
<div>
<h1 class="md">Die Loruki-Plattform</h1>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ipsam
harum molestiae nulla minima deleniti quidem aliquam sit laboriosam
beatae illo laudantium quo nobis, quos rem quis dolorum repellendus
neque maiores.
</p>
</div>
<img src="IMAGE/image.png" alt="" />
</div>
</section>
<section class="features-main my-2">
<div class="container grid grid-3">
<div class="card flex">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis
quas neque similique. Voluptatibus repellat ipsam aut nam tenetur
alias, consequuntur, impedit ullam magni fugit optio nihil omnis
repudiandae nisi dignissimos.
</p>
</div>
<div class="card flex">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam,
maxime.
</p>
</div>
<div class="card flex">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi eius
quaerat reiciendis ex eos dolorem.
</p>
</div>
<div class="card flex">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Consequuntur corporis tempora neque minima necessitatibus quo
laborum cumque ipsum itaque nihil.
</p>
</div>
<div class="card flex">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor vero
amet, quisquam tempore suscipit et quo fuga!
</p>
</div>
<div class="card flex">
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Voluptatibus?
</p>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="footer bg-dark py-5">
<div class="container grid grid-3">
<div>
<h1>Loruki</h1>
<p>Copyright © 2024</p>
</div>
<nav>
<ul>
<li><a href="index.html">Startseite</a></li>
<li><a href="features.html">Merkmale</a></li>
<li><a href="docs.html">Docs</a></li>
</ul>
</nav>
<p>
Tutorial Website; Traversy Media
<a
href="https://youtube.com/@traversymedia?si=rlugzAA0gD6-DKwj"
target="_blank"
title="VISIT-Kanal"
><i class="fa-brands fa-youtube"></i
></a>
</p>
</div>
</footer>
</body>
</html>