-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathreadmore.html
93 lines (74 loc) · 3.51 KB
/
readmore.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Foster Trivia</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css"/>
<!-- Custom fonts for this template -->
<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- Plugin CSS -->
<link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.css">
<!-- Custom styles for this template -->
<link rel="stylesheet" href="css/creative.css">
<link rel="stylesheet" href="css/explanation.css"/>
</head>
<body id="page-top">
<div class="wrap">
<header class="levelselect masthead text-center text-white d-flex">
<div class="container my-auto">
<div class="row">
<div class="col-lg-10 mx-auto">
<h1 class="text-uppercase">
<strong>Read More</strong>
</h1>
<hr>
</div>
<div class="col-lg-8 mx-auto">
<div class="explanationClass" >
<p id="explanationID" style="text-align: left;"></p>
</div>
<a class="btn btn-primary btn-xl" onclick="buttonClick2()">Continue</a>
</div>
<p style="visibility: hidden;">_</p>
</div>
</div>
</header>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="javascript/readmore.js"></script>
<!-- Plugin JavaScript -->
<script async src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!--script async src="vendor/scrollreveal/scrollreveal.min.js"></script-->
<script async src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Custom scripts for this template -->
<script async src="javascript/creative.js"></script>
<audio async id="buttonSound" src="music/zap.mp3" preload="auto"></audio>
<script src="javascript/mute.js"></script>
</div>
</body>
</html>
<!--DOCTYPE html>
<html lang="en">
<head>
<title>Foster Trivia</title>
<link rel="stylesheet" href="css/explanation.css" />
<p><meta name="viewport" content="width=device-width, initial-scale=1"></p>
</head>
<body>
<h1>Explanation</h1>
<p>Charles Loring Brace was an American Philanthropist whose mother died when he was 14 and was raised by his father, a history teacher. He graduated from Yale in 1846 where he studied divinity and theology. He then went on to pursue humanitarian efforts in the streets, rather than the church. He decided he needed to do something about the 34,000 impoverished homeless children in New York City - “street rats” as police used to call them. America was growing, and many farm communities had “places at the table” and so worked out a system to place orphans in those homes, and that is how our nation’s foster care system was born. </p>
<button onclick="levelNew()">Continue</button>
<script>
function levelNew() {
window.location='levelnew.html'
}
</script>
</body>
</html-->