-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
53 lines (53 loc) · 2.99 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<head>
<meta http-equiv="Cache-Control" content="max-age=259200, must-revalidate" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SIT - Fest </title>
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:700,400&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="stylesheets/normalize-min.css">
<link rel="stylesheet" href="stylesheets/pace.css">
<link rel="stylesheet" href="stylesheets/main.css">
</head>
<style>
body{
overflow: hidden;
}
</style>
<body>
<div class="page-wrapper page">
<img src="img/asteroids-left.png" alt="pic" class="a-left"> <img src="img/asteroids-right.png" alt="pic" class="a-right"> <img src="img/asteroids-left.png" alt="pic" class="b-left"> <img src="img/asteroids-right.png" alt="pic" class="b-right">
<div class="container">
<canvas id="canvasOne" class="dusty" width="1280" height="1420"></canvas>
<canvas id="canvasAustro" class="austro" width="600" height="640"></canvas>
<div class="center">
<img src="img/logo-main.png" alt="Easyrocket" class="logo-main centered" width="600" style="z-index:100;">
<div class="tiny-stars" style="margin-top:-45%">
<img src="img/stars2.svg" alt="">
</div>
<div class="tiny-stars middle-stars" style="margin-top:-45%">
<img src="img/stars3.svg" alt="">
</div>
<div class="planet-big centered" style="margin-top:-45%">
<span class="round round-1"></span>
<span class="round round-2"></span>
<span class="round round-3"></span>
<span class="round round-4"></span>
<span class="round round-5"></span>
</div>
<img src="img/planet-1.png" alt="" class="abs planet-1"> <img src="img/moon.png" alt="" class="abs moon"> <!-- END OF THE 1st SCREEN --> <!-- THE 2nd SCREEN -->
</div>
</div>
</div>
<canvas id="bg-stars" class="bg-stars"> </canvas>
<canvas id="world" class="planet-3-orbit" width="800" height="600"></canvas>
<canvas id="world-2" class="planet-3-orbit" width="800" height="600"></canvas>
<canvas id="world-3" class="planet-3-orbit" width="800" height="600"></canvas>
<canvas id="stars-cursor"></canvas>
</div>
</body>
</html>