forked from tejasrshah813/tejasrshah813.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
159 lines (148 loc) · 6.69 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
<!DOCTYPE HTML>
<html>
<head>
<title>Gibsaucers</title>
<meta charset="utf-8" />
<link rel="icon" type="image/x-icon" href="/images/firstpicofme.JPG">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload landing">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="logo"><a href="index.html">Gibsaucer</a></h1>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h2>The Svib has landed</h2>
<p>And there are no stibs or flying jibs.<br />
Just saucers. Lots of mother flipping saucers.</p>
</header>
<span class="image"><img src="images/firstpicofmee.JPG" alt="" /></span>
</div>
<a href="#one" class="goto-next scrolly">Next</a>
</section>
<!-- One -->
<section id="one" class="spotlight style1 bottom">
<span class="image fit main"><img src="images/vib_banner.png" alt="" /></span>
<div class="content">
<div class="container">
<div class="row">
<div class="col-4 col-12-medium">
<header>
<h2>What is Svib and where is the Gibsaucer?</h2>
<p>Oh its in Lindon, Utah</p>
</header>
</div>
<div class="col-4 col-12-medium">
<p>In the sleepy town of Lindon, Utah, nestled amidst rolling hills and whispering pines, stood a peculiar sight known as the Gibsaucer.
Its sleek, metallic exterior gleamed under the sun, captivating the curious minds that stumbled upon it. But Svib, a jib with its constantly
rotating limbs, felt a deep connection with the enigmatic saucer.</p>
</div>
<div class="col-4 col-12-medium">
<p>Every day, as the crimson hues painted the horizon, Svib would venture into the heart of the Gibsaucer. Within its alien architecture, Svib discovered a
language of hums and vibrations that whispered secrets of distant worlds. Through this cosmic symphony, Svib unlocked new dimensions of existence, transcending
the limitations of its jib form.</p>
</div>
</div>
</div>
</div>
<a href="#two" class="goto-next scrolly">Next</a>
</section>
<!-- Two -->
<section id="two" class="spotlight style2 right">
<span class="image fit main"><img src="images/vib_banner2.png" alt="" /></span>
<div class="content">
<header>
<h2>The timeline of the saucer?!</h2>
<p>When did it all begin? Where did it start? Who is the creator of the Gibsaucer?</p>
</header>
<p></p>
<ul class="actions">
<li><a href="timeline.html" class="button">The Sauce</a></li>
</ul>
</div>
<a href="#three" class="goto-next scrolly">Next</a>
</section>
<!-- Three -->
<section id="three" class="spotlight style3 left">
<span class="image fit main bottom"><img src="images/vib_banner3.png" alt="" /></span>
<div class="content">
<header>
<h2>Ancient Subidia?!</h2>
<p>A time of innovation and creativity.</p>
</header>
<p>In the ancient land of Subidia, three unique and mysterious races, the Jibs, the Stibs, and the Gorgibitans, have coexisted for centuries. Each race possesses its own distinct characteristics and abilities, making Subidia a realm of endless wonders.
For centuries, these races have governed Subidia side by side, although not without occasional conflicts and disagreements. However, their shared goal to protect their homeland has united them and helped create a
delicate balance of power. In this ancient land of wonders and magic, the Jibs' soaring Gibsaucers, the Stibs' nature wisdom, and the Gorgibitans' unyielding strength have shaped a captivating tapestry of Subidia's history. </p>
<ul class="actions">
<li><a href="#" class="button">Svibian</a></li>
</ul>
</div>
<a href="#four" class="goto-next scrolly">Next</a>
</section>
<!-- Four -->
<section id="four" class="wrapper style1 special fade-up">
<div class="container">
<header class="major">
<h2>The Vib Commandments</h2>
<p>Carry out these tasks to obtain eternal peace and stibility</p>
</header>
<div class="box alt">
<div class="row gtr-uniform">
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-chart-area"></span>
<h3>Hike</h3>
<p>Go to the top of Deukmejian and give your prayers to the eternal jib</p>
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-comment"></span>
<h3>Speak</h3>
<p>Learn Ancient Subidian, as it will allow you to communicate with the saucers above</p>
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-flask"></span>
<h3>Learn</h3>
<p>Study the siences behind the Gibsaucer, so you can become one too</p>
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-paper-plane"></span>
<h3>Travel</h3>
<p>Go to Lindon, Utah, the home of the last Svibian and give an offering of meat with cheese on top</p>
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-file"></span>
<h3>Document</h3>
<p>Note all of your experiences with the vib coursing through your veins </p>
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-lock"></span>
<h3>Lock</h3>
<p>Secure the Vibad and Jibad together</p>
</section>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="copyright">
<li>© Vib. All rights reserved (Jk).</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>