-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
160 lines (142 loc) · 8.17 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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html>
<title>@fazriachyar</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="css/style.css">
<body class="w3-light-grey">
<!-- w3-content defines a container for fixed size centered content,
and is wrapped around the whole page content, except for the footer in this example -->
<div class="w3-content" style="max-width:1400px">
<!-- Header -->
<header class="w3-container w3-center w3-padding-32">
<h1><b>FAZRIACHYAR</b></h1>
<p>catatan kaum penikmat <span class="w3-tag">senja</span></p>
</header>
<!-- Grid -->
<div class="w3-row">
<!-- Blog entries -->
<div class="w3-col l8 s12">
<!-- Blog entry -->
<div class="w3-card-4 w3-margin w3-white">
<img src="/img/afternoon.jpg" alt="mereka" style="width:100%">
<div class="w3-container">
<h3><b>ufuk timur berkata ini sudah saatnya</b></h3>
<h5>@fazriachyar <span class="w3-opacity">Agustus 16, 2020</span></h5>
</div>
<div class="w3-container">
<p>biar kuteguk basah yang cair,atau ampas yang getir,atau menyumblim deru nafasmu</p>
<div class="w3-row">
<div class="w3-col m8 s12">
<a href="post/post2.html"><button class="w3-button w3-padding-large w3-white w3-border"><b>Baca selengkapnya
»</b></button></a>
</div>
<div class="w3-col m4 w3-hide-small">
<p><span class="w3-padding-large w3-right"><b>Komentar </b> <span
class="w3-tag">0</span></span></p>
</div>
</div>
</div>
</div>
<hr>
<!-- Blog entry -->
<div class="w3-card-4 w3-margin w3-white">
<img src="/img/people.jpg" alt="mereka" style="width:100%">
<div class="w3-container">
<h3><b>Kalimat tentang mereka</b></h3>
<h5>@fazriachyar, <span class="w3-opacity">Agustus 16, 2020</span></h5>
</div>
<div class="w3-container">
<p>mereka tak tau asalnya seperti apa, seakan mereka tau segalanya. berbicara tak sadar waktu memakan masanya.
validasi makna kini tak ada artinya. berbicara tentang apa yang mereka inginkan,mereka justru tau apa yang saat ini tak sepatutnya mereka ucapkan.
</p>
<div class="w3-row">
<div class="w3-col m8 s12">
<a href="post/post1.html"><button class="w3-button w3-padding-large w3-white w3-border"><b>Baca selengkapnya
»</b></button></a>
</div>
<div class="w3-col m4 w3-hide-small">
<p><span class="w3-padding-large w3-right"><b>Komentar </b> <span
class="w3-badge">0</span></span></p>
</div>
</div>
</div>
</div>
<!-- END BLOG ENTRIES -->
</div>
<!-- Introduction menu -->
<div class="w3-col l4">
<!-- About Card -->
<div class="w3-card w3-margin w3-margin-top">
<img src="/img/fazriachyar.jpg" style="width:100%">
<div class="w3-container w3-white">
<h4><b>Fazri Achyar Rozaq</b></h4>
<p>Just me, myself and I, exploring the universe of uknownment. I have a heart of love and a
interest of words. I want to share my world with you.</p>
</div>
</div>
<hr>
<!-- Posts -->
<div class="w3-card w3-margin">
<div class="w3-container w3-padding">
<h4>Postingan Populer</h4>
</div>
<ul class="w3-ul w3-hoverable w3-white">
<li class="w3-padding-16">
<span class="w3-large"><strong>ufuk timur berkata ini sudah saatnya</strong></span><br>
<span>biar kuteguk basah yang cair...</span>
</li>
<li class="w3-padding-16">
<span class="w3-large"><strong>kalimat tentang mereka</strong></span><br>
<span>mereka tak tau asalnya seperti apa, seakan...</span>
</li>
<li class="w3-padding-16">
<span class="w3-large"><strong>mereka bilang ini merdeka</strong></span><br>
<span>makna kemerdekaan yang seharusnya bisa diterima masyarakat...</span>
</li>
<li class="w3-padding-16 w3-hide-medium w3-hide-small">
<span class="w3-large">Kosong</span><br>
<span>Mungkin perlu waktu untuk mengisi semua ini</span>
</li>
</ul>
</div>
<hr>
<!-- Labels / tags -->
<div class="w3-card w3-margin">
<div class="w3-container w3-padding">
<h4>Tags</h4>
</div>
<div class="w3-container w3-white">
<p><span class="w3-tag w3-black w3-margin-bottom">fazriachyar</span> <span
class="w3-tag w3-light-grey w3-small w3-margin-bottom">Cikondang</span> <span
class="w3-tag w3-light-grey w3-small w3-margin-bottom">Sendirian</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Dimanapun</span> <span
class="w3-tag w3-light-grey w3-small w3-margin-bottom">NORWAY</span> <span
class="w3-tag w3-light-grey w3-small w3-margin-bottom">DIY</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Ideas</span> <span
class="w3-tag w3-light-grey w3-small w3-margin-bottom">Black</span> <span
class="w3-tag w3-light-grey w3-small w3-margin-bottom">White</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">News</span> <span
class="w3-tag w3-light-grey w3-small w3-margin-bottom">Refrain</span> <span
class="w3-tag w3-light-grey w3-small w3-margin-bottom">Food</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Sports</span> <span
class="w3-tag w3-light-grey w3-small w3-margin-bottom">Games</span>
</p>
</div>
</div>
<!-- END Introduction Menu -->
</div>
<!-- END GRID -->
</div><br>
<!-- END w3-content -->
</div>
<!-- Footer -->
<footer class="w3-container w3-dark-grey w3-padding-32 w3-margin-top">
<button class="w3-button w3-black w3-disabled w3-padding-large w3-margin-bottom">Previous</button>
<button onclick="window.location.href='/index2.html';" class="w3-button w3-black w3-padding-large w3-margin-bottom">Next »</button>
<p>Made with ❤ by <a href="https://instagram.com/fazriachyar" target="_blank">Fazri Achyar</a></p>
</footer>
</body>
</html>