forked from je170522/belajar
-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
139 lines (121 loc) · 4.3 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
<!DOCTYPE html>
<html>
<head>
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="assets/materialize/css/materialize.min.css" media="screen,projection" />
<title>Belajar Git</title>
<link rel="icon" href="assets/img/favicon.jpg">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
/* fallback */
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: local('Material Icons'), local('MaterialIcons-Regular'), url(assets/materialize/fonts/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}
/* OVERRIDE */
.pl-20 {
padding-left: 20px !important;
}
</style>
</head>
<body>
<nav>
<div class="nav-wrapper teal lighten-2">
<a href="#" class="brand-logo pl-20 ">Belajar Git</a>
</div>
</nav>
<div class="row">
<div class="col s6 m4">
<div class="card blue-grey darken-1">
<div class="card-content white-text">
<span class="card-title">Kallen Kozuki</span>
<p>Code Geass</p>
</div>
</div>
</div>
<div class="col s6 m4">
<div class="card blue darken-1">
<div class="card-content white-text">
<span class="card-title">Misa Amane</span>
<p>Death Note</p>
</div>
</div>
</div>
<div class="col s6 m4">
<div class="card green darken-4">
<div class="card-content white-text">
<span class="card-title">Nao Kanzaki</span>
<p>Liar Game</p>
</div>
</div>
</div>
<div class="col s6 m4">
<div class="card amber darken-2">
<div class="card-content white-text">
<span class="card-title">Mikasa Ackerman</span>
<p>Attack on Titans</p>
</div>
</div>
</div>
<div class="col s6 m4">
<div class="card brown">
<div class="card-content white-text">
<span class="card-title">Irisviel von Einzbern</span>
<p>Fate Zero</p>
</div>
</div>
</div>
<div class="col s6 m4">
<div class="card blue-grey darken-1">
<div class="card-content white-text">
<span class="card-title">Katsura Kotonoha</span>
<p>School Days</p>
</div>
</div>
</div>
<div class="col s6 m4">
<div class="card deep-purple accent-4">
<div class="card-content white-text">
<span class="card-title">Nico Robin</span>
<p>One Piece</p>
</div>
</div>
</div>
<div class="col s6 m4">
<div class="card deep-orange">
<div class="card-content white-text">
<span class="card-title">Mitsuha Miyamizu</span>
<p>Kimi no Na Wa</p>
</div>
</div>
</div>
<div class="col s6 m4">
<div class="card black">
<div class="card-content white-text">
<span class="card-title">Shino Asada</span>
<p>Sword Art Online</p>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="assets/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="assets/materialize/js/materialize.min.js"></script>
</body>
</html>