-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patharrow-of-light.html
81 lines (75 loc) · 4.95 KB
/
arrow-of-light.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="description" content="Learn about the Arrow Of Light program at Cub Scouts Pack 233! Designed for 5th Graders, this section introduces young scouts to the values of scouting through fun activities and engaging experiences. Discover how our Arrow Of Light program builds a foundation for lifelong skills and friendships.">
<title> AOL | Pack 233, Leon Springs, TX</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="headerContainer">
<div class="headerContent">
<img class="headerLogo " alt="CubScouts logo" src="./images/cub-scouts.svg" height="50" width="50"/>
<p class="hash"><a target="_self" aria-label="Back to Home Page" style="color: #ffffff !important;" href="index.html">< Home</a></p>
<p class="hash mobileHeaderHash"><a aria-label="Click to visit our Instagram page" target="_blank" href="https://www.instagram.com/cubscoutspack233/"><span>#PACK233ADVENTURES</span></a></p>
</div>
</div>
<section class="heroContainer">
<div class="heroContent">
<div class="col aolHeroBG"></div>
<div class="col aolInActionPic"></div>
</div>
</section>
<aside class="asideContainer">
<h2 class="text-center flex-col">What we do</h2>
<div class="asideContent">
<div class="col2 text-center">
<h2 class="hash">Arrow Of Light</h2>
<p>Fifth Grade</p>
<img class="rankBadgeImg" alt="Arrow of Light Rank Patch" src="./images/ranks/AOL-badges.jpg"/>
</div>
<div class="col2 text-center">
<p style=="font-size: 18px;">Our Scouts meet together and complete 6 required adventures. As well as any elective adventures listed below.
<br/>
<br/>
Our Den Leaders and handbooks have easy to follow steps and ideas on how to complete these adventures. </p>
<div class="">
<ul class="denListContainer" style="font-weight: 700px">
<li class="hash">Into the Woods</li>
<li class="hash">High Tech Adventures</li>
<li class="hash">Engineer</li>
<li class="hash">Estimations</li>
<li class="hash">Race Time</li>
<li class="hash">Fishing</li>
<li class="hash">Cycling</li>
<li class="hash">... Plus More!!</li>
</ul>
</div>
</div>
</div>
</aside>
<aside class="asideContainer">
<h2 class="text-center flex-col">What's After Arrow of Light??</h2>
<div class="asideContent" style="text-align: center; flex-direction: column !important; margin: auto;">
<a href="https://www.troopwebhost.org/Troop233LeonSprings/Index.htm" target="_blank">
<h3>Visit Troop 233 in Leon Springs! </h3>
<img style="margin: auto" class="whatsnextphotos" height="475" width="625" src="./images/troop-233/Dgt 422_2024 Cub Scout Pack 233_Carnival Parade_Leon Springs Elemen School_San Antonio_TX_2024_10_28_0059.JPG"/>
</a>
</div>
</aside>
<footer class="footerContainer">
<div class="footerContent">
<div class="footerCol"><img alt="CubScout Adventure Logo" src="./images/new_logo_footer.png" height="200px" width="200px"/></div>
<div class="footerCol"><a aria-label="Click to visit Rotary Club at the Dominions Page" href="https://portal.clubrunner.ca/3077/page/how-we-help" target="_blank" ><img alt="Dominion Rotarty Club logo" src="./images/rotaryclublogo.png" height="200px" width="200px"/></a></div>
<div class="footerCol"><a aria-label="Click to visit our Instagram Page" target="_blank" href="https://www.instagram.com/cubscoutspack233/"><span class="fab fa-instagram"/></a>
</div>
<div class="footerCol">
<a class="footerButton" href="https://my.scouting.org/online-registration/d24417ab-6758-4525-a1d3-5074b0b7e87c/applicant-type" target="_blank">Sign Up</a>
</div>
</div>
</footer>
</body>
</html>