-
Notifications
You must be signed in to change notification settings - Fork 0
/
blogs.html
122 lines (117 loc) · 5.85 KB
/
blogs.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
<!DOCTYPE html>
<html style="scroll-behavior: smooth;" id="top">
<head>
<title>P-Site - Blog</title>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/css3.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<header>
<div class="jumbotron" id="jumbotron">
<h1>Blog</h1>
<p>Berbagai informasi dan pengetahuan dibagikan disini</p>
</div>
<nav id="nav" class="nav">
<ul>
<li id="iconNav"><a href="#openMenu" onclick="menu()">☰</a></li>
<li><a href="index.html">Home</a></li>
<li><a href="blogs.html">Blog</a></li>
<li class="right"> <input type="radio" class="mode" name="mode" id="rgb" value="rgb"><label for="rgb">RGB</label></li>
<li class="right"> <input type="radio" class="mode" name="mode" id="light" value="light" checked><label for="light">Light</label></li>
<li class="right"> <input type="radio" class="mode" name="mode" id="dark" value="dark"><label for="dark">Dark</label></li>
</ul>
</nav>
</header>
<main id="main">
<div id="mainContent">
<div id="content">
<article id="article" class="card article">
<h2>Kesan Pertama Prakerin di Dexeos</h2>
<div class="featured-image">
<img src="assets/upload/day1Prakerin.jpeg" alt="Kesan Pertama Prakerin di Dexeos">
</div>
<p>PRAKERIN (Praktek Kerja Industri) adalah kegiatan pendidikan, pelatihan dan pembelajaran yang dilaksanakan di Dunia Usaha Atau Dunia Industri dalam upaya pendekatan ataupun untuk meningkatkan mutu siswa-siswi Sekolah Menengah Kejuruan (...</p>
<div class="readmore">
<a onclick="saveRecent(1,'Kesan Pertama Prakerin di Dexeos','day1Prakerin.jpeg');"
href="blog-1.html">Read More >></a>
</div>
</article>
<article id="article" class="card article">
<h2>Hari Ketujuhbelas Prakerin di Duxeos Software House</h2>
<div class="featured-image">
<img src="assets/upload/django.jpg" alt="Hari Ketujuhbelas Prakerin di Duxeos Software House">
</div>
<p>Hari ketujuhbelas, tepatnya hari jumat. Pada hari ini saya berangkat pagi-pagi ke duxeos.com hanya untuk menyelesaikan tugas saya dari pelatihan online Framework Django. Saya tidak menyangka ternyata tugas ...</p>
<div class="readmore">
<a onclick="saveRecent(2,'Hari Ketujuhbelas Prakerin di Duxeos Software House','django.jpg');"
href="blog-2.html">Read More >></a>
</div>
</article>
<article id="article" class="card article">
<h2>Hari Kedelapanbelas Prakerin di Duxeos Software House</h2>
<div class="featured-image">
<img src="assets/upload/mogok.jpg" alt="Hari Kedelapanbelas Prakerin di Duxeos Software House">
</div>
<p>Saya berangkat sedikit terlambat di hari delelapanbelas Prakerin di duxeos.com. Karena menurut saya tugas website Alumni yang saya kerjakan sudah selesai, saya mencoba untuk mempresentasikan ke mentor saya. ...</p>
<div class="readmore">
<a onclick="saveRecent(3,'Hari Kedelapanbelas Prakerin di Duxeos Software House','mogok.jpg');"
href="blog-3.html">Read More >></a>
</div>
</article>
</div>
<div class="pagination">
<ul>
<li><a href="#" onclick="myAjax(1);return false;">1</a></li>
<li><a href="#" onclick="myAjax(2);return false;">2</a></li>
</ul>
</div>
</div>
<aside>
<article class="card" id="aside">
<div id="recent-post">
</div>
<div class="profile">
<header>
<h2>Tentang</h2>
<figure>
<img src="assets/image/profile.jpg">
</figure>
</header>
<section>
<table>
<tr>
<th>Nama</th>
<td>Paulus Lestyo A</td>
</tr>
<tr>
<th>Tempat Lahir</th>
<td>Surakarta</td>
</tr>
<tr>
<th>Tgl Lahir</th>
<td>9 Maret 2002</td>
</tr>
<tr>
<th>Email</th>
<td>[email protected]</td>
</tr>
<tr>
<th>No HP</th>
<td>+6281239466830</td>
</tr>
</table>
</section>
</div>
</article>
</aside>
</main>
<footer id="footer">
<p>Belajar Dasar Pemrograman Web © 2019, Dicoding Academy</p>
</footer>
<script type="text/javascript" src="assets/js/data.js"></script>
<script type="text/javascript" src="assets/js/myAjax.js"></script>
<script type="text/javascript" src="assets/js/storage.js"></script>
<script type="text/javascript" src="assets/js/main.js"></script>
</body>
</html>