-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
64 lines (61 loc) · 2.48 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Lennart K | Landing Page</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
</head>
<body>
<header class="showcase">
<div class="content">
<img src="img/plux.png" class="logo" alt="Plux - L.K.">
<div class="title">
Welcome To Plux
</div>
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, voluptatibus!
</div>
</div>
</header>
<!-- Services -->
<section class="services">
<div class="container grid-3 center">
<div>
<i class="fab fa-instagram fa-3x"></i>
<h3>Instagram</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint, aut.</p>
</div>
<div>
<i class="fab fa-github fa-3x"></i>
<h3>Portfolio</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint, aut.</p>
</div>
<div>
<i class="fas fa-address-book fa-3x"></i>
<h3>Contact</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint, aut.</p>
</div>
</div>
</section>
<!-- About -->
<section class="about bg-light">
<div class="container">
<div class="grid-2">
<div class="center">
<i class="fas fa-laptop-code fa-10x"> </i></div>
<div>
<h3>About Us</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde odio incidunt ut atque nostrum consequuntur voluptate dicta, tempora, nihil commodi architecto ipsam modi est ea fugit, necessitatibus impedit. Ratione iste culpa repellat nesciunt iusto quae. At ea odio voluptates quam!</p>
</div>
</div>
</div>
</div>
</section>
<footer class="center bg-dark">
<p>Lennart K. © 2018</p>
</footer>
</body>
</html>