-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
95 lines (92 loc) · 3.11 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Web Developer Path." />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Web Development</title>
<link rel="stylesheet" href="assets/styles/style.css" />
<script src="assets/scripts/index.js" defer></script>
</head>
<body>
<header>
<h1 id="main-title">Web Developer Path</h1>
<div class="jumbotron">
<!-- Ref: CSS-Only Carousel
https://css-tricks.com/css-only-carousel/ -->
<div class="slider">
<div id="slides" class="slides">
<!-- <div class="slide">
<div>
<h1>Bandung</h1>
<p>
Kota metropolitan terbesar di Provinsi Jawa Barat, sekaligus
menjadi ibu kota provinsi tersebut.
</p>
</div>
</div> -->
</div>
<button id="prev-button" class="slider-button">❮</button>
<button id="next-button" class="slider-button">❯</button>
</div>
</div>
<nav>
<ul id="dropdown">
<!-- <li><a href="#front-end">Front End</a></li> -->
</ul>
<button id="dropdown-button"><p>❯</p></button>
</nav>
</header>
<main>
<div id="content">
<!-- <article id="front-end" class="card">
<h2>Front End</h2>
<p>
Sejak dibukanya Jalan Tol Cipularang, kota Bandung telah menjadi
tujuan utama dalam menikmati liburan akhir pekan terutama dari
masyarakat yang berasal dari Jakarta sekitarnya. Selain menjadi kota
wisata belanja, kota Bandung juga dikenal dengan sejumlah besar
bangunan lama berarsitektur peninggalan Belanda.
</p>
<section>
<h3>Farm House Lembang</h3>
<img
src="assets/image/farm-house.jpg"
class="featured-image"
alt="farm house"
/>
<p>
Berada di jalur utama Bandung-Lembang, Farm House menjadi objek
wisata yang tidak pernah sepi pengunjung. Selain karena letaknya
strategis, kawasan ini juga menghadirkan nuansa wisata khas Eropa.
Semua itu diterapkan dalam bentuk spot swafoto Instagramable.
</p>
</section>
</article> -->
</div>
<aside>
<article class="profile card">
<header>
<h2>Author Information</h2>
<figure>
<img
src="assets/img/author.png"
alt="Author Picture"
width="150"
height="150"
/>
<figcaption>Author Picture</figcaption>
</figure>
</header>
<section>
<h3>Fikry Fahrezy Ramadhan</h3>
</section>
</article>
</aside>
</main>
<footer>
<p>Web Developer Path © 2021, Fikry Fahrezy Ramadhan</p>
</footer>
</body>
</html>