-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
144 lines (138 loc) · 7.16 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
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
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="frontend/libraries/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="frontend/libraries/scroll-top/scrolltotop_arrow_style.css">
<link rel="stylesheet" href="frontend/styles/main.css">
</head>
<body>
<div class="back">
<!-- Navbar -->
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="#">
<img src="frontend/images/logo.png" alt="Logo KA">
</a>
<button class="navbar-toggler bg-light" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav ml-auto mr-3">
<li class="nav-item">
<button class="btn btn-outline-info rounded-pill ml-2 d-none d-lg-block">
<a class="nav-link active" href="#" id="navbarLg">Home<span class="sr-only">(current)</span></a>
</button>
<a class="nav-link d-lg-none d-sm-block d-print-block text-white" href="#" id="navbarLg">Home<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<button class="btn btn-outline-info rounded-pill ml-2 d-none d-lg-block">
<a class="nav-link" href="profil.html" id="navbarLg">Profile<span class="sr-only"></a>
</button>
<a class="nav-link d-lg-none d-sm-block d-print-block text-white" href="profil.html" id="navbarLg">Profile</a>
</li>
<li class="nav-item">
<button class="btn btn-outline-info rounded-pill ml-2 d-none d-lg-block">
<a class="nav-link" href="contact.html" id="navbarLg">Contact<span class="sr-only"></a>
</button>
<a class="nav-link d-lg-none d-sm-block d-print-block text-white" href="contact.html" id="navbarLg">Contact</a>
</li>
<li class="nav-item dropdown">
<button class="btn btn-outline-info rounded-pill ml-2 d-none d-lg-block" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<a class="nav-link dropdown-toggle" href="#">
Bonus
</a></button>
<a class="nav-link dropdown-toggle d-lg-none d-sm-block d-print-block text-white" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Bonus
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="https://github.com/k-ardliyan/landing-page">Github</a>
<a class="dropdown-item" href="https://youtube.com/KArdliyan">Youtube</a>
<a class="dropdown-item" href="https://www.linkedin.com/in/k-ardliyan/">LinkedIn</a>
</div>
</li>
</ul>
</div>
</nav>
</div>
<!-- Header -->
<div class="jumbotron text-center bg-transparent">
<h1 class="display-4">Hello, world!</h1>
<p class="lead">Welcome to My Landing Page - Build with Bootstraps</p>
<p>Web Programming Assignment</p>
<p class="lead">
<a class="btn btn-light rounded-pill" href="#lets" role="button">Let's Start</a>
</p>
</div>
</div>
<!-- Main Build-->
<div class="container text-center">
<h3>This page was build with :</h3>
<div class="row align-items-center">
<div class="col ml-auto">
<img src="frontend/images/html.png" alt="" class="image-logo">
</div>
<div class="col">
<img src="frontend/images/css.png" alt="" class="image-logo">
</div>
<div class="col">
<img src="frontend/images/logo-bootstrap.png" alt="" class="image-logo">
</div>
<div class="col mr-auto">
<img src="frontend/images/download_vectorized.png" alt="" class="image-logo">
</div>
</div>
</div>
<!-- Main Activity-->
<div class="container mt-5" id="lets">
<h3>My Activity :</h3>
<div class="card-deck">
<div class="card">
<img class="card-img-top" src="frontend/images/card2.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Study</h5>
<p class="card-text">Learn and keep learning to get information that is not yet known and always strive for never give up in learning.</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
<div class="card">
<img class="card-img-top" src="frontend/images/card1.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Coding</h5>
<p class="card-text">What has been learned, it needs to be implemented and I try to implement it through coding that is so complicated but can be enjoyed by everyone comfortably and beautifully.</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 23 mins ago</small>
</div>
</div>
<div class="card">
<img class="card-img-top" src="frontend/images/card3.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Coffee</h5>
<p class="card-text">Drinking coffee is only for distraction from the fatigue of coding and hoping that after resting with coffee it will get a new inspiration.</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 53 mins ago</small>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div class="container text-center pt-5">
<p class="text-muted">© 2020 Kitari • All rights reserved • Love from Semarang Regency</p>
</div>
<!-- Scroll Top -->
<div id="scrolltotop_parent" class="scrolltotop_hide_onload">
<div tabindex="0" id="scrolltotop_arrow">
</div>
</div>
<script src="frontend/libraries/jquery/jquery-3.4.1.min.js"></script>
<script src="frontend/libraries/scroll-top/scrolltotop_arrow_code.js"></script>
<script src="frontend/libraries/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>