-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathBlog-moree.html
More file actions
193 lines (180 loc) · 8.91 KB
/
Blog-moree.html
File metadata and controls
193 lines (180 loc) · 8.91 KB
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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" />
<title>BLOG MORE</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,800i,700" rel="stylesheet">
<link href="asset/css/materialize.css" rel="stylesheet" type="text/css">
<link href="asset/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="asset/css/style.css" rel="stylesheet" type="text/css">
</head>
<!-- dropdown untuk navbar logout -->
<div id="dropdown1" class="dropdown-content" style="color: black;">
<div class="row">
<div class="col l2">
<img src="avatar.jpg" alt="" class="circle" width="50px" style="margin-top: 10px ">
</div>
<div class="col l5" style="margin-left: 20px">
<p>Naufal Andika
<br> andikaa.naufal@gmail.com</p>
</div>
</div>
<div class="divider"></div>
<div>
<a class="waves-effect waves-light btn" style="margin: 25px">logout</a>
</div>
</div>
<!-- dropdown untuk navbar logout -->
<!-- Dropdown Test -->
<ul id="dropdown2" class="dropdown-content">
<li><a href="#!" class="wangsit-text"><b>Blog</b></a></li>
<li><a href="#!" class="wangsit-text">Portfolio</a></li>
<li><a href="#!" class="wangsit-text">Profile</a></li>
<li class="divider" tabindex="-1"></li>
<li><a href="#!" class="wangsit-text"><i class="material-icons">settings</i>Setting</a></li>
<li><a href="#!" class="wangsit-text"><i class="material-icons">exit_to_app</i>Log Out</a></li>
</ul>
<!-- Sidenav Test -->
<ul id="slide-out" class="sidenav">
<li>
<div class="user-view">
<div class="background">
<img src="asset/img/bg-bawah.jpg">
</div>
<a href=""><img class="circle" src="avatar.jpg"></a>
<span class="white-text name"><b>@ihramsyahfs</b></span>
<span class="white-text email">Ihramsyah Faisal S</span>
</div>
</li>
<li><a href="#!" class="wangsit-text"><i class="material-icons">school</i><b>Academy</b></a></li>
<li><a href="#!" class="wangsit-text"><i class="material-icons">shopping_cart</i><b>Market</b></a></li>
<li class="divider" tabindex="-1"></li>
<li><a href="#!" class="wangsit-text"><i class="material-icons">edit</i>Write Your Blog</a></li>
<li><a href="#!" class="wangsit-text"><i class="material-icons">work</i>Portfolio</a></li>
<li class="divider" tabindex="-1"></li>
<li><a href="#!" class="wangsit-text"><i class="material-icons">person</i>Profile</a></li>
<li><a href="#!" class="wangsit-text"><i class="material-icons">settings</i>Setting</a></li>
<li><a href="#!" class="wangsit-text"><i class="material-icons">exit_to_app</i>Log Out</a></li>
</ul>
<!-- Dropdown Test -->
<div class="navbar-fixed">
<nav class="z-depth-1 white">
<div class="nav-wrapper white">
<div class="container">
<a href="#" data-target="slide-out" class="sidenav-trigger hide-on-large-only">
<i class="material-icons icon-wangsit">menu</i>
</a>
<a href="#" class="brand-logo fontt"><img class="center-align" src="asset/img/logoo.png" style="width: 45px; vertical-align: middle"
alt=""></a>
<ul class="right hide-on-med-and-down" style="margin-right: -100px;">
<li><a href=""><b>Academy</b></a></li>
<li><a href=""><b>Market</b></a></li>
<li><a class="dropdown-trigger" href="#!" data-target="dropdown2"><img class="circle" src="avatar.jpg" style="width: 40px; vertical-align:middle; margin-right: 10px; margin-top: -5px"
alt=""><b>Mufadho</b><i class="material-icons right" style="margin-left: 10px;">arrow_drop_down</i></a></li>
</ul>
<div id="nav-mobile" class="right hide-on-med-and-down" style="margin-right: 30px">
</div>
</div>
</div>
</nav>
</div>
<body>
<div class="container">
<div class="section">
<div class="row">
<div class="col m8">
<div class="card">
<div class="card-content " style="padding-bottom: 0px">
<div class="row">
<div class="col l1"><a href="">
<img class="circle" src="avatar.jpg" style="width: 60px; vertical-align:middle; margin-right: 10px; margin-top: -5px"
alt=""></a>
</div>
<div class="col l3 left black-text" style="margin-left : 20px">
<p>Naufal Andika <br> <a href="">@_nopaleon</a></p>
</div>
<div class="col l3 grey-text right">30 September 2018</div>
</div>
</div>
<div class="card-content" style="padding-bottom: 10px; padding-top: 10px">
<div class="card-title left">Java 11 Launch</div>
<br><br><br>
<p style="line-height: 1.5;"> Lorem ipsum dolor sit
amet, consectetur adipisicing elit. Accusantium maiores
similique doloribus repellendus quae consequatur voluptatum, dolore voluptatem error nihil. Quibusdam veniam,
aliquid rerum doloribus ab. Ratione consequuntur quos, debitis.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsam, eligendi repudiandae, molestias nihil neque
quasi, atque aperiam odio similique ea quia? Illo possimus voluptatibus quos culpa eius corrupti harum tempore.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae ut voluptas aliquam harum molestias
voluptatibus?
Sint sunt delectus officiis nostrum quam sit, ratione eius tenetur ipsam consequuntur totam quasi voluptatem.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga nostrum adipisci ab quos unde quo eum? Ab
accusantium corrupti, exercitationem possimus a doloribus neque architecto, obcaecati sed provident rem
nostrum.
<br><br> Lorem ipsum dolor sit, amet consectetur
adipisicing elit. Aliquid sapiente quo necessitatibus quos ipsam tempore blanditiis nobis, voluptas veritatis
cupiditate accusantium doloremque obcaecati officia autem dolorum minus! Sunt, totam velit.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem excepturi esse nostrum molestias. Deleniti et
sunt saepe. Voluptatibus, delectus ratione. Deserunt id iste cupiditate odio vitae incidunt dolore,
exercitationem eos.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptates accusantium distinctio, provident quod
eveniet possimus, corporis tenetur deserunt illum consequuntur mollitia ducimus rerum eos? Libero blanditiis
earum tenetur magnam omnis.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus, nesciunt est itaque corporis unde vero quas
officia tempora sapiente accusantium nam perspiciatis similique soluta. Doloremque nihil ad dicta ea aliquid!
</p>
<br>
</div>
</div>
</div>
<div class="col l4 s12">
<div class="card">
<div class="collection">
<div class="collection-item wangsit-color white-text" style="padding: 10px 30px 10px 15px;">
<div class="fontt"><b>New Posts</b></div>
</div>
<a href="" class="collection-item">
<div class="row">
<div class="left blue-text" style="margin : 5px 10px -20px 10px">@nopaleon</div>
<div class="right grey-text" style="margin : 5px 10px -20px 10px">1 jam yang lalu</div>
</div>
<div class="wangsit-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae laudantium
quis alias officia dignissimos at, cumque doloribus atque mollitia, soluta eaque quam ab excepturi illum sequi
adipisci placeat exercitationem officiis.
</div>
</a>
<a href="" class="collection-item">
<div class="row">
<div class="left blue-text" style="margin : 5px 10px -20px 10px">@nopaleon</div>
<div class="right grey-text" style="margin : 5px 10px -20px 10px">1 jam yang lalu</div>
</div>
<div class="wangsit-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae laudantium
quis alias officia dignissimos at, cumque doloribus atque mollitia, soluta eaque quam ab excepturi illum sequi
adipisci placeat exercitationem officiis.
</div>
</a>
<a href="" class="collection-item">
<div class="row">
<div class="left blue-text" style="margin : 5px 10px -20px 10px">@nopaleon</div>
<div class="right grey-text" style="margin : 5px 10px -20px 10px">1 jam yang lalu</div>
</div>
<div class="wangsit-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae laudantium
quis alias officia dignissimos at, cumque doloribus atque mollitia, soluta eaque quam ab excepturi illum sequi
adipisci placeat exercitationem officiis.
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="asset/js/materialize.js"></script>
<script src="asset/js/init.js"></script>
</body>
</html>