-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.htm
106 lines (85 loc) · 4.61 KB
/
index.htm
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
<!DOCTYPE html>
<head>
<title>Elon</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="shit.js"></script>
<script type="text/javascript">$(document).ready(function(){$("#myModal").modal('show');});</script>
</head>
<body>
<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 style="text-align:center" class="modal-title">BREAKING NEWS!!</h4><br>
<p style="text-align:center"><img src="img/alien.jpg" height="140px"/></p>
<h4 style="padding-left: 10%;"><strong>The infamous tech tycoon Elon Bust is found to be an Alien from Mars, his actual name is Ailion Bust. He was lonely on Mars, so he came to earth to find people to live with him. He has now returned to Mars!
</strong></h4>
<h6 style="padding-left: 10%">YOU'VE BEEN CHOSEN TO TAKE OVER HIS WORK AND WEALTH ON EARTH!</h6>
</div>
<div class="modal-body">
<form class="text-center">
<button type="submit" class="redButton" data-dismiss="modal">LET'S DO IT!</button>
</form>
</div>
</div>
</div>
</div>
<div id="myModal2" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h2 style="text-align:center" class="modal-title">The End!</h2><br>
<p style="text-align:center"><img src="img/earthh.jpg" height="140px"/></p>
<h3 style="padding-left: 10%;"><strong>Results:</strong></h3>
<h6 style="padding-left: 10%">This is how the company and the planet is doing. </h6><br>
<div class="row text-center" id="status">
<div class="col-md-6"><span><img src="img/money_icon.png" height="60px"></span><span><p></p><p id="money2">500</p></span></div>
<div class="col-md-6"><span><img src="img/green_tree.png" height="60px"></span><span><p></p><p id="environment2">100</p></span></div>
</div>
</div>
<div class="modal-body">
<form class="text-center">
<button type="submit" class="redButton" data-dismiss="modal" onclick="location.reload()">Try Again</button>
</form>
</div>
</div>
</div>
</div>
<audio autoplay loop>
<source src="soundfx/bg.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<div class="row"><h1 class="text-center">ELON BUST</h1></div>
<div class="container">
<div class="row">
<div class="col-sm-4 col-sm-offset-4" id="card">
<div class="panel panel-default center panel-height" id="card-body">
<div class="row text-center" id="status">
<div class="col-md-4"><span><img src="img/money_icon.png" height="30px"></span><span><p id="money">100</p></span></div>
<div class="col-md-4"><span><img src="img/green_tree.png" height="30px"></span><span><p id="environment">40</p></span></div>
<div class="col-md-4"><span><img src="img/time_icon.png" height="30px"></span><span><p id="time">30</p></span></div>
</div>
<div class="row text-center" id="avatar">
<img src="img/NASA.png" alt="alt" height="140px" width="140 " class="img-rounded" id="avatar2">
</div>
<div class="panel " id="question">
<h4 id="name">Hello World</h4>
<h5 id="description">Do you wanna build a snowman?</h5>
</div>
<div class="panel center-block" id="butt" >
<button class="myButton btn-block" type="button" id="a">a</button>
<br><br>
<button class="myButton btn-block center-block" type="button" id="b">b</button>
</div>
</div>
</div>
</div></div>
<script src="js/bootstrap.min.js"></script>
</body>
</html>