-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (75 loc) · 4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The Thrilling Chronicles of Thana</title>
<link rel="icon" type="image/png" href="https://cdn1.iconfinder.com/data/icons/halloween-party-outline-icons/100/24-512.png" sizes="32x32" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional Bootstrap theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" href="styles.css">
<link href="public/css/app.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script|Lato|Lobster|Old+Standard+TT" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="custom_script_1.js"></script>
<script src="custom_script_2.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Girls Who Code</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Home</a></li>
<li><a href="game.html">Game</a></li>
<li><a href="aboutus.html">About Us</a></li>
<li><a href="copyrights.html">Copyright</a></li>
</ul>
</div>
</div>
</nav>
<div class="jumbotron jumbotron-billboard">
<div class="img"></div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2>Our Project</h2>
<p>
"Our inspiration for our project came from our time inside the classroom when we would bond through games and non-coding activities. The game “Mafia” was the greatest example of this; during our third week of the program, we were usually done early with our code for robotics, so we decided to play “Mafia”. It definitely impacted our idea of our game and placed us closer to sisterhood! By the way, we chose purple as our color scheme due to its mysteriousness."
</p>
</div>
</div>
</div>
</div>
<blockquote class="pull-right">
<p>A sister is a gift to the heart, a friend to the spirit, a golden thread to the meaning of life.</p>
<small> by <cite>Isadora James</cite></small>
</blockquote>
<div class="jumbotron">
<div class="container">
<h1>The Thrilling Chronicles of Thana</h1>
<p>Our game is inspired by the game Mafia. Click to learn more!</p>
<br>
<div class= "learnButton">
<p>
<a href="learnmore.html">Learn more</a>
</p>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>