-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
71 lines (65 loc) · 2.42 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
65
66
67
68
69
70
71
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bima Sakti</title>
<script src="https://kit.fontawesome.com/3acbc53641.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="stylesheet.css">
<link rel="stylesheet" href="responsive.css">
</head>
<body>
<header class="showcase">
<div class="content">
<img src="img/behance-bs.png" class="logo" alt="Bima Sakti">
<div class="title">
Welcome to Bima Sakti
</div>
<div class="welcome">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eveniet, doloremque!
</div>
</div>
</header>
<!-- Main 1 -->
<div class="main">
<div class="container grid-3 center">
<div>
<i class="fab fa-youtube fa-3x"></i>
<h3>YouTube</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Non, explicabo.</p>
</div>
<div>
<i class="fas fa-chalkboard-teacher fa-3x"></i>
<h3>YouTube</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur, voluptates!</p>
</div>
<div>
<i class="fas fa-briefcase fa-3x"></i>
<h3>YouTube</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aperiam, eius.</p>
</div>
</div>
</div>
<!-- Main 2 -->
<div 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. Consequuntur autem, soluta consectetur
sed tenetur minus. Totam, est. Animi saepe quibusdam dolorem, quam incidunt deleniti quisquam
impedit quaerat exercitationem eos unde temporibus repellendus pariatur atque magni illo quia
accusantium, autem ea.</p>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="center bg-dark">
<p>Bima Sakti © 2020</p>
</footer>
</body>
</html>