-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (138 loc) · 5.25 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
<!doctype html>
<html>
<head>
<title>ZeroAdmin | ZeroBlog</title>
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css" media="screen,projection"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style type="text/css">
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
main {
flex: 1 0 auto;
}
.collection a.collection-item { color: #3f51b5; /* indigo */ }
.collection .collection-item.active { background-color: #7986cb; /* indigo lighten-2 */ }
.dropdown-content li > a { color: #3f51b5; /* indigo */ }
.dropdown-content li.active { background-color: #7986cb; /* indigo lighten-2 */ }
.dropdown-content li.active > a { color: #eafaf9; /* copied from collection-item.active color */ }
</style>
</head>
<body>
<header>
<div class="navbar-fixed">
<nav class="indigo lighten-2" role="navigation">
<div class="navbar-wrapper container">
<a href="#" class="brand-logo center">ZeroAdmin</a>
<ul id="sites-dropdown" class="dropdown-content">
<li><a href="#!">ZeroMe</a></li>
<li class="active"><a href="#!">ZeroBlog</a></li>
<li><a href="#!">ZeroTalk</a></li>
<li><a href="#!">ZeroMail</a></li>
</ul>
</div>
</nav>
</div>
</header>
<main>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12 m6 l4">
<div class="card hoverable">
<div class="card-content">
<span class="card-title">ZeroMe</span>
<p>Social site that merges the profiles of your friends.</p>
</div>
<div class="card-action">
<a href="#">Edit</a>
<a href="#">Dismiss</a>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card hoverable">
<div class="card-content">
<span class="card-title">ZeroBlog</span>
<p>An easy platform for posting, commenting and voting.</p>
</div>
<div class="card-action">
<a href="zeroblog.html">Edit</a>
<a href="#">Dismiss</a>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card hoverable">
<div class="card-content">
<span class="card-title">ZeroTalk</span>
<p>A great forum for great people.</p>
</div>
<div class="card-action">
<a href="#">Edit</a>
<a href="#">Dismiss</a>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card hoverable">
<div class="card-content">
<span class="card-title">ZeroMail</span>
<p>Nobody can read your mails but the recipients.</p>
</div>
<div class="card-action">
<a href="#">Edit</a>
<a href="#">Dismiss</a>
</div>
</div>
</div>
</div>
<!--div class="row">
<div class="col s12 m12 l12">
<a class="btn-floating btn-large red right">
<i class="large material-icons">add</i>
</a>
</div>
</div-->
<div class="container">
<div class="fixed-action-btn">
<a class="btn-floating btn-large waves-effect orange right tooltipped" data-position="top" data-tooltip="Add another site">
<i class="large material-icons">add</i>
</a>
</div>
</div>
</div>
</div>
</main>
<footer class="page-footer indigo lighten-2">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5>Disclaimer</h5>
<p>You are responsible for your own life. Any attempts at shifting the consequences of your mistakes to other people might be legal, but not ethical.</p>
</div>
<div class="col l6 s12">
<h5>Contact</h5>
<p>We are kind of secretive about our mail address or phone number, sorry.</p>
</div>
</div>
</div>
<div class="footer-copyright center">
<div class="container">Contributed by <a class="white-text" href="https://github.com/DeCentral-Budapest">De-Central Budapest</a></div>
</div>
</footer>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
<script type="text/javascript">
function dom_ready () {
jQuery('.button-collapse').sideNav()
jQuery('.parallax').parallax();
//jQuery('.tooltipped').tooltip();
}
jQuery(dom_ready());
</script>
</body>
</html>