-
Notifications
You must be signed in to change notification settings - Fork 0
/
lab_01.html
117 lines (111 loc) · 4 KB
/
lab_01.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>
Lab 1 - Introduction
</title>
<meta charset="UTF-8" />
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
<meta "="" content=" width=device-width, initial-scale=1.0" name="viewport" />
<meta content="A guided tour through the fundamentals of Git, HTML, & CSS" name=" description" />
<meta content="#0000ff" name="theme-color" />
<link href="manifest.json" rel="manifest" />
<link href="css/reset.css" media="screen" rel="stylesheet" />
<link href="css/screen.css" media="screen" rel="stylesheet" />
</head>
<body data-lab-id="1">
<a class="skip-to-content" href="#content" tabindex="1">
Skip to content
</a>
<main class="layout">
<nav id="index">
<p class="link-home">
<a href="index.html">
<span>Hack4Impact Starter Pack</span>
</a>
</p>
<button class="link-menu">
Menu
</button>
<nav tabindex="0">
<ol>
</ol>
</nav>
</nav>
<div id="content" tabindex="-1">
<h1 class="lab_title">
<em>Lab 1</em>
Introduction
</h1>
<h2>
Goals
</h2>
<ul>
<li>
Understand the Hack4Impact Starter Pack :D
</li>
</ul>
<h2>
Welcome!
</h2>
<p>
The Starter Pack is designed to help you get started with web development and understand what it's
like to be a software developer in Hack4Impact. By the end, you will hopefully:</p>
<ul>
<li>
Learn the fundamentals of <code>Git</code>, <code>HTML</code>, and <code>CSS</code>
</li>
<li>
Have a better understanding of how Hack4Impact works
</li>
<li>
Understand what it's like to be a software developer
</li>
<li>
Use your new skills to build your very own personal website
</li>
</ul>
<h2>
Expectations
</h2>
<p>
<strong>Do your best!</strong> A lot of effort and care was put into developing the Starter Pack and we would
like you to do the same when going through it. It can be tempting to copy and paste code, use AI, or skim
through the labs, but we encourage you to resist those temptations. You will get the most out of the Starter
Pack if you put in the effort.
</p>
<p>
You have one week from when you receive the Starter Pack to complete it. If you are unable to complete it in that
time, let us know sooner rather than later and we can work something out. Remember to schedule an interview as
well! There's a link on the home page of the Starter Pack.
</p>
<p>
If you get stuck, we <i>highly</i> encourage you to ask for help! It's really important to us you learn and
get something out of the process. You can ask for help by posting on GitHub Discussions or messaging one of
the Hack4Impact Engineering members.
</p>
<p>Help others! If you see someone asking a question you know the answer to, give them some help.</p>
<h2>
Tips & Tricks
</h2>
<p>
Here are some tips & tricks to keep in mind as you go through the Starter Pack:</p>
<ul>
<li>
The Starter Pack assumes you know nothing about coding. You are free to progress as slow or as quick as you
would like, but even if you have experience we still recommend you do each lab. You might learn something new!
</li>
<li>
Each lab builds on the previous one, so it's important to go in order. Use the next and previous buttons to
change between labs. Or use the navigation bar on the left.
</li>
<li>
Engage with the content! There will be opportunity throughout the project to add your own flair. We encourage
you to do so and make your website your own!
</li>
</ul>
</div>
</main>
<script src="js/ui.js" type="text/javascript"></script>
</body>
</html>