-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.php
133 lines (107 loc) · 4.21 KB
/
index.php
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
<?php
require("php/include.php");
$page = new Page();
$page->showHeader('Home');
?>
<style>
@font-face {
font-family: BebasNeue;
src: url(./fonts/bebasneue/BebasNeue.woff);
}
h1.wh1{
font-family: BebasNeue;
text-shadow: 4px 2px 4px #fff;
}
h4.wh2{
font-family: BebasNeue;
text-shadow: 2px 2px 2px #fff;
}
h5.wh3{
text-shadow: 2px 2px 2px #000;
}
</style>
</head>
<body class=black>
<?php
$page->showNav();
?>
<div id="index-banner" class="parallax-container">
<div class="section no-pad-bot">
<div class="container">
<br><br>
<h1 class="header center black-text wh1">Closet Lolis</h1>
<div class="row center">
<h4 class="header black-text wh2">Protecting the lolis from lewd offenders since 2017.</h5>
</div>
</div>
</div>
<div class="parallax"><img src="./img/Background1.jpg" alt="Shiny Image 1"></div>
</div>
<div class="container">
<div class="section">
<!-- Icon Section -->
<div class="row">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center white-text"><i class="material-icons">group</i></h2>
<h5 class="center white-text">Coummunity Focused</h5>
<p class="light white-text">We focus primarily on the anime subculture of lolis but its not all we do! Our goal is to create an environment open and accepting of anyone from any background as long as they follow the rules and guidelines.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center white-text"><i class="material-icons">videogame_asset</i></h2>
<h5 class="center white-text">Gaming Variety</h5>
<p class="light white-text">Our members are from all over the globe and all have different and unique skillsets in games. Not sure where to start? Ask away in the <a href='https://discord.gg/X7ykyC5'>Discord</a> in the #general channel</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center white-text"><i class="material-icons">video_library</i></h2>
<h5 class="center white-text">Anime 101</h5>
<p class="light white-text">Does "Senpai" not notice you? Do you want "Senpai" to notice you? Well then! We have a vast collection of channels for Anime and Anime-related content! Go post and maybe "Senpai" will notice your hard work and effort.</p>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header white-text">Cool guys don't look at explosions... They make them.</h5>
</div>
</div>
</div>
<div class="parallax"><img src="./img/Background2.jpg" alt="Shiny Image 2"></div>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12 center">
<h3 class="center white-text">Contact</h3>
<a class="waves-effect waves-light btn white black-text" href="https://discord.gg/X7ykyC5" target="_blank"><i class="material-icons left black-text">chat</i>Contact us</a>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="wh3 header white-text">Having issues is one thing; Having a full blown weakness to cute things is a whole different story. ~100chilly</h5>
</div>
</div>
</div>
<div class="parallax"><img src="./img/Background3.jpg" alt="Shiny Image 2"></div>
</div>
<?php
$page->showFooter();
?>
<!-- Scripts-->
<script type="text/javascript" src='js/jquery/jquery-2.2.4.min.js'></script>
<script type="text/javascript" src='js/jquery/jquery-ui.min.js'></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
</body>
</html>