-
Notifications
You must be signed in to change notification settings - Fork 10
Expand file tree
/
Copy pathindex.html
More file actions
255 lines (240 loc) · 10.2 KB
/
index.html
File metadata and controls
255 lines (240 loc) · 10.2 KB
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
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164554771-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "UA-164554771-1");
</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Digital Skills For All</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"
integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<link rel="stylesheet" href="./css/global.css">
<script src="./js/vendor/jquery-3.5.1.min.js"></script>
<script src="./js/global.js"></script>
</head>
<body>
<!-- NAVBAR - js inserts code -->
<header data-js-target="js-populate-header"></header>
<!-- HERO -->
<section class="hero" style="background-image: url(./images/hero1.jpg); background-position: 100% 20%">
<div class="overlay"></div>
<div class="txt-white v-centered container-txt">
<h3>Welcome to</h3>
<h1>Digital Skills For All</h1>
<h1 class="bold">Youth Academy</h1>
<h2>
Our mission is to provide high-quality, inclusive computer science
education that will open the door to tech
<span class="nowrap">career paths.</span>
</h2>
</div>
</section>
<!-- INTRO -->
<section class="bg-blue spacing-section">
<div class="container-txt centered txt-white">
<h1>Our Mission</h1>
<p>
We are provided with real job experiences such as coding, IT classes,
internships, job shadows, and meetings/tours with tech companies. We
are motivated to learn and study to become what we've dreamt to be. We
created this website to introduce ourselves as future employees and
have provided a portfolio of our work.
</p>
</div>
</section>
<section class="us-grid">
<div class="item-main">
<div style="height: 100%">
<div class="item-main-copy">
<h1>Digital Skills</h1>
<h1 class="bold">Youth Academy</h1>
<h2>
The Digital Skills Youth Academy prepares us to successfully
enter and complete any one of multiple pathways to information
technology.
</h2>
</div>
</div>
</div>
<div class="item-one">
<div class="path hover-container">
<div class="overlay"></div>
<div class="hover-headline">
<h1 class="bold">Who</h1>
<h2>We Are</h2>
</div>
<div class="hover-content">
<div>
<p>
We are a group of young aspiring professionals that are
interested and love working in the tech industry. We work
together to create a lot of cool and interesting projects
like games, websites, and chatbots.
</p>
</div>
<div>
<a href="./profiles/index.html" class="button btn-blue">View
Profiles
<span><i class="fas fa-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
<div class="item-two">
<div class="path hover-container">
<div class="overlay"></div>
<div class="hover-headline">
<h1 class="bold">What</h1>
<h2>We Do</h2>
</div>
<div class="hover-content">
<div>
<p>
We work on many projects from scratch, like games and
websites. Here we will show you the projects that we have
been doing that were created on different platforms.
</p>
</div>
<div>
<a href="./projects/index.html" class="button btn-blue">View
Projects
<span><i class="fas fa-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
<div class="item-three">
<div class="path hover-container">
<div class="overlay"></div>
<div class="hover-headline">
<h1 class="bold">Where</h1>
<h2>We Have Been</h2>
</div>
<div class="hover-content">
<div>
<p>
We visit businesses involved in tech like
<span class="nowrap">T-Mobile</span>, Facebook, and
Tableau. There, we got to learn from industry
professionals and work hands-on with projects in the tech
industry.
</p>
</div>
<div>
<a href="./visits/index.html" class="button btn-blue">View Site
Visits
<span><i class="fas fa-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
<div class="item-four">
<div class="path hover-container">
<div class="overlay"></div>
<div class="hover-headline">
<h1 class="bold">How</h1>
<h2>We Are Prepared</h2>
</div>
<div class="hover-content">
<div>
<p>
We are provided with real job experiences such as coding,
IT classes, internships, job shadows, and meetings/tours
with tech companies. We are motivated to learn and study
to become what we've dreamt to be.
</p>
</div>
<div>
<a href="./events/index.html" class="button btn-blue">View Recent
Events
<span><i class="fas fa-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
</section>
<section class="bg-gray spacing-section">
<div class="container-limited grid-2by panel">
<div class="videoWrapper">
<iframe src="https://www.youtube.com/embed/UlLfQr9g7Ho" width="100%" height="auto" frameborder="0"
allowfullscreen="allowfullscreen"></iframe>
</div>
<div class="panel-copy">
<h1>Introduction Video</h1>
<h1 class="bold">This Is Us</h1>
<p>
This is a video that our group created to show what has been
happening in our program. The video shows our scrum board that
keep track of what we have done and what we need to do. The video
also shows our group members and our location. This is somthing
that represents what the program is and it is based on the journey
on how we are evolving.
</p>
</div>
</div>
</section>
<!--section class="bg-white spacing-section">
<div class="anchor-offset"><a name="events-tab"></a></div>
<a href="#events-tab">
<div class="tab">
<h3>Recent Events</h3>
</div>
</a>
<div class="grid-2by panel">
<div class="panel-image"
style="background-image: url(./projects/images/sign-in-cia.jpg); background-position: bottom;">
</div>
<div class="panel-copy">
<h1>Summer Finals</h1>
<h1 class="bold">Presentation</h1>
<p>
Check out our summer finals presentation and the projects we
worked on this quarter. Watch a video of our presentations and try
out our sign-in web apps or play our games.
</p>
<div>
<a href="./events/summer2020/index.html" class="button btn-blue">View
Finals</a>
</div>
</div>
</div>
</section-->
<section class="spacing-section">
<div class="container-txt centered spacing-txt">
<h1>Recent Projects</h1>
</div>
<div class="container-full">
<div class="grid-cards" id="home-cards"></div>
</div>
<div class="container-txt centered">
<a href="./projects/index.html" class="button btn-blue">View All</a>
</div>
</section>
<section class="bg-green spacing-section">
<div>
<div class="txt-white container-txt centered">
<h1>Learn More About Us</h1>
<p>
Thank you for visiting our site. Our goal here at Digital Skills
For All Youth Academy is to learn and improve as we go in a
hands-on working environment. We are creators trying to show how
hard we work to be where we want to be in the future.
</p>
<div>
<a href="./profiles/index.html" class="button btn-white">About Us</a>
</div>
</div>
</div>
</section>
<footer data-js-target="js-populate-footer"></footer>
<script src="../js/project-data.js"></script>
</body>
</html>