forked from zero-to-mastery/Halloween-Hacktoberfest-Edition
-
Notifications
You must be signed in to change notification settings - Fork 0
/
activities.html
110 lines (101 loc) · 5.45 KB
/
activities.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
<!DOCTYPE html>
<html lang="en">
<head id="head">
<!-- Head information is dynamically loaded -->
<title>Activities</title>
<script src="./js/cssLoad.js"></script>
<link rel="stylesheet" href="css/activities.css" />
<link rel="stylesheet" type="text/css" href="./css/fog.css" />
</head>
<body>
<div id="myNav">
<!-- NavBar is dynamically loaded -->
<!-- If you need to include links check out ./js/headFoot.js -->
</div>
<div id="fog-roll">
<img src="https://media.giphy.com/media/xEjTM5COAKyNa/giphy-downsized.gif" />
</div>
<main role="main" class="top-margin fix-footer">
<div class="accordion" id="accordionExample">
<div class="card" id="card-body1">
<div class="card-header" id="headingOne">
<h5 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<h4>Carving Pumpkins</h4>
</button>
</h5>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
<p>The classic Halloween event of carving pumpkins and displaying them on porches is a great way to spend time with family and friends.
Pumpkins become available for purchase early in October along with many types of "pumpkin carving kits" that include various tools and patterns.
For very young children that aught not handle knives they may decorate the outside of a pumpkin using paint, stickers or anything suitable one may find at a craft store.</p>
</div>
</div>
</div>
<div class="card" id="card-body2">
<div class="card-header" id="headingTwo">
<h5 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<h4>Trick-or-Treating</h4>
</button>
</h5>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
<div class="card-body">
<p>If you were to ask a child what he or she enjoys most about Halloween, they would probably say one thing: Candy!
Trick-or-treating is a defining event of Halloween, and the one many children look forward to the most.
In most places, trick-or-treating begins in the evening, around 6 p.m. on the day of Halloween, October 31st.
Households who hand out the candy may either simply leave the candy out on the porch for children to take or answer the door to each child and hand them a piece of candy themselves.
</p>
</div>
</div>
</div>
<div class="card" id="card-body3">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<h4>Apple Bobbing</h4>
</button>
</h5>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
<div class="card-body">
<p>Bobbing for apples is an iconic Halloween game that can be great fun for kids and adults alike.
Simply fill a tub or large basin with water and throw an ample amount of apples in.
The rules are simple: Without using your hands or arms, try to pick up an apple with only your mouth!
</p>
</div>
</div>
</div>
<div class="card" id="card-body4">
<div class="card-header" id="headingFour">
<h5 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
<h4>Haunted Attractions</h4>
</button>
</h5>
</div>
<div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
<div class="card-body">
<p>All around the country during the month of October many haunted attractions open for people to enjoy.
These are simulated experiences meant to frighten you as you explore the environment, and there are many different kinds of locations, from haunted houses to haunted corn mazes.
Be prepared to scream!
</p>
</div>
</div>
</div>
</div>
</main>
<div id="myFoot">
<!-- Footer is dynamically loaded -->
<!-- If you need to include links check out ./js/headFoot.js -->
</div>
<div id="endScripts">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="./js/headFoot.js"></script>
</div>
</body>
</html>