-
Notifications
You must be signed in to change notification settings - Fork 0
/
resources.html
executable file
·181 lines (172 loc) · 9.8 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
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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html>
<html lang="en">
<head>
<title>Girls Do Code</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <!-- jQuery -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <!-- Twitter Bootstrap -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <!-- Twitter Bootstrap -->
<link rel="stylesheet" href="final.css"> <!-- my css -->
<!-- favicon generating code -->
<link rel=" icon" type="image/png " href="icon.png" />
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1>Resources</h1>
<p>Spreading the Word About Computer Science</p>
</div>
<nav class="navbar navbar-custom">
<div class="container-fluid">
<div>
<ul class="nav navbar-nav">
<li><a href="homepage.html">Home</a></li>
<li class="active"><a href="#">Resources </a></li>
<li><a href="questions.html">Questions</a></li>
<li><a href="inspiration.html">Inspiration</a></li>
<li><a href="about.html">About Us</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<h2> Websites </h2>
<div class="media">
<img class="pull-left"> <a href="https://www.khanacademy.org/computing/computer-programming" target="_blank"> <img class="media-object img-responsive img-thumbnail" src="logos/websites/khan.jpg" width="204" height="204"/></a>
<div class="media-body">
<h3>Khan Academy </h3>
</div>
<p>Learn how to program drawings, animations, and games using JavaScript & ProcessingJS, or learn how to create webpages with HTML & CSS. You can share whatever you create, explore what others have created and learn from each other!</p>
</div>
<div class="media">
<div class="pull-left"><a href="https://www.codecademy.com/ " target="_blank"><img class="media-object img-responsive img-thumbnail" src="logos/websites/codeacademy.png" width="204" height="204"/></a>
<div class="media-body">
<h3>Code Academy </h3>
<p>Learn to code interactively, for free. Languages you can learn is JavaScript, jQuery, PHP, Python, Ruby, and HTML & CSS.</p>
</div>
</div>
</div>
<div class="media">
<div class="pull-left"><a href="http://www.w3schools.com/" target="_blank"><img class="media-object img-responsive img-thumbnail" src="logos/websites/w3school.png" width="204" height="204"/></a>
<div class="media-body">
<h3>w3schools </h3>
<p>This website is the largest web development site.</p>
</div>
</div>
</div>
<div class="media">
<div class="pull-left"><a href="https://www.codeavengers.com/" target="_blank"><img class="media-object img-responsive img-thumbnail" src="logos/websites/code_avenger.jpg" width="204" height="204"/></a>
<div class="media-body">
<h3>Code Avengers </h3>
<p>On this website you can build games, webpages, and apps using JavaScript and HTML & CSS.</p>
</div>
</div>
</div>
<div class="media">
<div class="pull-left"><a href="https://codehs.com/ " target="_blank"><img class="media-object img-responsive img-thumbnail" src="logos/websites/codeHS.png" width="204px" height="204px"/></a>
<div class="media-body">
<h3>Code High School </h3>
<p>This website offers simple and fun game programming lessons that involve problem solving, JavaScript, animation, data structures, game design and puzzle challenges.</p>
</div>
</div>
</div>
<div class="media">
<div class="pull-left"><a href="https://www.codeschool.com/" target="_blank"><img class="media-object img-responsive img-thumbnail" src="logos/websites/codeschool.jpeg" width="204px" height="204px"/></a>
<div class="media-body">
<h3>Code School </h3>
<p>This website offers courses on JavaScript, Ruby, ios, Git, Electives, and HTML & CSS.</p>
</div>
</div>
</div>
<div class="media">
<div class="pull-left"><a href="https://code.org/learn" target="_blank"><img class="media-object img-responsive img-thumbnail" src="logos/websites/code.png" width="204px" height="204px"/></a>
<div class="media-body">
<h3>Code.org </h3>
<p>This website is fun and easy for beginners and offers a hour of code lesson.</p>
</div>
</div>
</div>
<h1> Downloads </h1>
<div class="media">
<img class="pull-left"><a href="https://scratch.mit.edu/" target="_blank"><img class="media-object img-responsive img-thumbnail" src="logos/downloads/scratch.png" width="204px" height="204px"/></a>
<div class="media-body">
<h3>Scratch </h3>
</div>
<p>Create stories, games, and websites using an easy and fun programming language and share with others around the world. </p>
</div>
<div class="media">
<img class="pull-left"><a href="https://notepad-plus-plus.org/" target="_blank"><img class="media-object img-responsive img-thumbnail" src="logos/downloads/note.png" width="204px" height="204px"/></a>
<div class="media-body">
<h3>Notepad++ </h3>
</div>
<p>Notepad++ is a text editor and source code editor for use with Microsoft Windows.</p>
</div>
<div class="media">
<img class="pull-left"><a href="http://www.textwrangler.com/" target="_blank"><img class="media-object img-responsive img-thumbnail" src="logos/downloads/text.jpg" width="204px" height="204px"/></a>
<div class="media-body">
<h3>Text Wrangler </h3>
</div>
<p>The leading professional HTML and text editor for the Mac.</p>
</div>
<h1> Programs </h1>
<div class="media">
<img class="pull-left"><a href="http://girlswhocode.com/about-us/" target="_blank"><img class="media-object img-responsive img-thumbnail" src="logos/programs/gwc.jpg" width="204px" height="204px"/></a>
<div class="media-body">
<h3>Girls Who Code </h3>
</div>
<p>This program is for rising juniors and seniors. They spend 7 weeks in the summer learning to code. Each week covers diffrent topics, ranging from websites to algorithms to animation.
The Girls Who Code Clubs Program teaches computer science to 6th-12th grade girls.</p>
</div>
<div class="media">
<img class="pull-left"><a href="https://www.girldevelopit.com/about" target="_blank"><img class="media-object img-responsive img-thumbnail" src="logos/programs/gdi.png" width="204px" height="204px"/></a>
<div class="media-body">
<h3>Girl Development It </h3>
</div>
<p>This program provides affordable programs for adult women ages 18-70 interested in learning web and software development in a judgment-free environment. </p>
</div>
<div class="media">
<img class="pull-left"><a href="http://www.blackgirlscode.com/ " target="_blank"><img class="media-object img-responsive img-thumbnail" src="logos/programs/blackgirls.jpg" width="204px" height="204px"/></a>
<div class="media-body">
<h3>Black Girls Code </h3>
</div>
<p>This program offers summer camps and workshops.The camps provide five days of hands-on, project-based instruction, where young colored ladies ages 10-17 engage in tech instruction.</p>
</div>
<div class="media">
<img class="pull-left"><a href="http://ladieslearningcode.com/program/girls-learning-code/" target="_blank"><img class="media-object img-responsive img-thumbnail" src="logos/programs/ladies.jpg" width="204px" height="204px"/></a>
<div class="media-body">
<h3>Ladies Learning Code </h3>
</div>
<p>This program based in Canada provides workshops, camps, and after school programs for 6- to 17-year-old girls wanting to learn to code.</p>
</div>
<div class="media">
<img class="pull-left"><a href="http://codenow.org/" target="_blank"><img class="media-object img-responsive img-thumbnail" src="logos/programs/codenow.jpg" width="204px" height="204px"/></a>
<div class="media-body">
<h3>CodeNow </h3>
</div>
<p>This program provides workshops for both boys and girls around the US.</p>
</div>
<div class="media">
<img class="pull-left"><a href="http://geekgirlcamp.com/" target="_blank"><img class="media-object img-responsive img-thumbnail" src="logos/programs/geekgirl.jpg" width="204px" height="204px"/></a>
<div class="media-body">
<h3>Geek Girl </h3>
</div>
<p>This program offers conferences which include a full day of hands-on workshops, Help Desk, speakers and demos.</p>
</div>
<div class="media">
<img class="pull-left"><a href="http://appcamp4girls.com/" target="_blank"><img class="media-object img-responsive img-thumbnail" src="logos/programs/appcamp.png" width="204px" height="204px"/></a>
<div class="media-body">
<h3>App Camp for Girls </h3>
</div>
<p>Girls in grades 6 through 8 take two-week long sessions where they brainstorm, design, code, and pitch their apps.</p>
</div>
<div class="media">
<img class="pull-left"><a href="https://hackbrightacademy.com/" target="_blank"><img class="media-object img-responsive img-thumbnail" src="logos/programs/hack.png" width="204px" height="204px"/></a>
<div class="media-body">
<h3> Hackbright Academy </h3>
</div>
<p>This ten-week fellowship for women in San Francisco, CA teaches web development fundamentals like HTML and Javascript, as well as computer science fundamentals.</p>
</div>
</div>
</div>
</body>
</html>