-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
53 lines (49 loc) · 1.91 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Landing Page Dicoding Indonesia</title>
<!-- CSS Utama -->
<link rel="stylesheet" href="css/app.css">
<!--Awesone Fonts-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<body>
<header class="navbar-container">
<div class="logo">
<img src="img/dicoding-header-logo.png" alt="Dicoding Indonesia">
</div>
<nav class="nav-list">
<ul>
<li><a href="#">Beranda</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Apa yang Baru</a></li>
<li><a href="#">Kontak</a></li>
</ul>
</nav>
</header>
<main>
<div class="content">
<div class="content-description">
<h1 class="title">Dicoding Indonesia</h1>
<p>Kami yakin pendidikan teknologi adalah fondasi bagi setiap bangsa agar menjadi yang terdepan dalam menghadapi dunia digital. Dicoding hadir sebagai platform pendidikan teknologi yang membantu menghasilkan talenta digital berstandar global. Semua demi mengakselerasi Indonesia agar menjadi yang terdepan.</p>
<button>Lebih lanjut</button>
</div>
<div class="content-image">
<img src="img/circle-g.jpg" alt="Dicoding Indonesia">
</div>
</div>
<aside>
<div class="social-media">
<ul>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-facebook"></i></a></li>
</ul>
</div>
</aside>
</main>
</body>
</html>