-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwebelos.html
77 lines (74 loc) · 4.74 KB
/
webelos.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<title> Webelos | Pack 233, Leon Springs, TX</title>
<meta name="description" content="Learn about the Webelos program at Cub Scouts Pack 233! Designed for 4th Graders, this section introduces young scouts to the values of scouting through fun activities and engaging experiences. Discover how our Webelos program builds a foundation for lifelong skills and friendships.">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<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 aria-label="Go back to the Home Page" target="_self" 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 webelosHeroBG"></div>
<div class="col webeloInActionPic"></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">Webelo</h2>
<p>Fourth Grade</p>
<img class="rankBadgeImg" alt="Webelos Rank Patch" src="./images/ranks/webelos-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">Earth Rocks!</li>
<li class="hash">Tech on the Trail</li>
<li class="hash">Modular Design</li>
<li class="hash">Math on the Trail</li>
<li class="hash">Race Time</li>
<li class="hash">Catch the Big One</li>
<li class="hash">Pedal Away</li>
<li class="hash">... Plus More!!</li>
</ul>
</div>
</div>
</div>
</aside>
<aside class="asideContainer">
<h2 class="text-center flex-col">What's After Webelos??</h2>
<div class="asideContent" style="text-align: center; flex-direction: column !important; margin: auto;">
<a href="./arrow-of-light.html">
<h3>Arrow of Light Rank</h3>
<img class="longerwhatsnextphotos" style="margin: auto" height="225" width="675" src="./images/ranks/AOL.jpeg"/>
</a>
</div>
</aside>
<footer class="footerContainer">
<div class="footerContent">
<div class="footerCol"><img src="./images/new_logo_footer.png" alt="CubScout Adventures logo" height="200px" width="200px"/></div>
<div class="footerCol"><a aria-label="Click to visit Rotary Club at the Dominion's Page" href="https://portal.clubrunner.ca/3077/page/how-we-help" target="_blank" ><img src="./images/rotaryclublogo.png" alt="Dominion Rotary Club logo" 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>