-
Notifications
You must be signed in to change notification settings - Fork 0
/
resources.html
81 lines (67 loc) · 3.33 KB
/
resources.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" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
<title> <a href="index.html"> "the girlCode" </a> </title>
</head>
<body>
<div>
<h1><"the girlCode"></h1>
</div>
<div class="navigation-bar">
<a href= "index.html"><home></a>
<a href="aboutus.html"><aboutUs></a>
<a href="resources.html"><programs></a>
<a href="involved.html"><onlineClasses></a>
</div>
<div class="resources" id="resources">
<div class="resourcesTitle">
<h2><programs></h2>
<p>These are some all-girl coding camps to get girls into code!</p>
<img class="girlgif" src="https://media2.giphy.com/media/UYM8DTUO4AxFK/giphy.gif?cid=790b76115d4460672f57686732b6f3b8&rid=giphy.gif" alt="girlsgif" >
<div class = ageTextContainer>
<p class="ageText">select your age to filter which camps you can apply to:</p>
<!-- <input type="text" placeholder="Enter Age"> -->
<input class= "ten" type="radio" name="age" value="10">10
<input class= "eleven" type="radio" name="age" value="11">11
<input class= "twelve" type="radio" name="age" value="12">12
<input class= "thirteen" type="radio" name="age" value="13">13
<input class= "fourteen" type="radio" name="age" value="14">14
<input class= "fifteen" type="radio" name="age" value="15">15
<input class= "sixteen" type="radio" name="age" value="16">16
<input class= "seventeen" type="radio" name="age" value="17">17
<input class= "eighteen" type="radio" name="age" value="18">18
<button class = "submit" >show me my programs</button>
</div>
</div>
<div class= "container">
</div>
</div>
<div class = "switchColor">
<button class = "light" type="button" name="button">☼</button>
<button class ="dark" type="button" name="button">☾</button>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="index.js" type="text/javascript"></script>
</body>
</html>
<!-- <div class = "kwk">
<img class = "images" src="kodewithklossy.jpg" alt="Kode with Klossy logo">
<a class = "programLinks" href="https://www.kodewithklossy.com/program"> Kode With Klossy </a>
<p> Kode with Klossy is a FREE code camp for girls!!! Girls from ages 13-18 will spend two wonderful weeks learning to code. Beginner or advanced, everyone is welcome!! </p>
</div>
<div class = "gwc">
<img class = "images" src="girlswhocode2.png" alt="Girls Who Code logo">
<a class = "programLinks" href="https://girlswhocode.com/summer-immersion-programs/"> Girls Who Code </a>
<p> Girls Who Code offers a FREE 7-week summer immersion program for 10th and 11th grade girls. Girls will learn about computer science, join a sisterhood, and gain exposure to high tech jobs. </p>
</div>
<div class = "alexaCafe">
<img class = "images" src="alexacafe.png" alt="Alexa Cafe logo">
<a class = "programLinks" href="https://www.idtech.com/alexa-cafe"> Alexa Cafe </a>
<p> Alexa Cafe is a program that offers overnight and day classes for girls ages 10-15. They will learn to code, collaborate, and make new projects. </p>
</div> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="index.js" type="text/javascript"></script>
</body>
</html>