Skip to content

Commit 2e38e9d

Browse files
obamgbopaobamgbopa
committed
frontend task #4 
1 parent eec779c commit 2e38e9d

File tree

6 files changed

+307
-0
lines changed

6 files changed

+307
-0
lines changed

‎frontend/assets/img/devcenter-logo.svg

Lines changed: 123 additions & 0 deletions
Loading

‎frontend/category.html

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>user-category</title>
5+
</head>
6+
<body>
7+
<div id="logo">
8+
<a href="index.html">
9+
<img src="res/devcenter-logo.svg">
10+
</a>
11+
12+
</div>
13+
<div id="name">
14+
<h2>Coding101</h2>
15+
</div>
16+
<div id="content">
17+
<h2>I am a..</h2>
18+
</div>
19+
20+
<div id="sec-cat">
21+
<div class="background">
22+
<div class="transbox">
23+
<p>Secondary School Graduate</p>
24+
</div>
25+
</div>
26+
</div>
27+
<div id="grad-awt-cat">
28+
<div class="background">
29+
<div class="transbox">
30+
<p>Student/ Graduate/ Awaiting NYSC</p>
31+
</div>
32+
</div>
33+
</div>
34+
<div id="empl-cat">
35+
<div class="background">
36+
<div class="transbox">
37+
<p>Employed/ Corp Members/ Unemployed</p>
38+
</div>
39+
</div>
40+
</div>
41+
</body>
42+
</html>

‎frontend/explainer.html

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>explainer</title>
5+
</head>
6+
<body>
7+
<div id="logo">
8+
<a href="index.html">
9+
<img src="res/devcenter-logo.svg">
10+
</a>
11+
12+
</div>
13+
<div id="name">
14+
<h2>Coding101</h2>
15+
</div>
16+
<div id="content">
17+
<h2>We've already done the hardwork on curating the best resources to help you.</h2>
18+
19+
<h3>All you have to do is try to answer the next couple of question as best as you can so we can figure out what you may like.</h3>
20+
21+
<h4>We then use that to create a track that might be the most engaging way for you to get into tech.</h4>
22+
</div>
23+
<div id="button">
24+
<button type="button" href="category.html">Begin</button>
25+
</div>
26+
</body>
27+
</html>

‎frontend/index.html

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>index</title>
5+
</head>
6+
<body>
7+
<div id="logo">
8+
<a href="./">
9+
<img src="res/devcenter-logo.svg">
10+
</a>
11+
12+
</div>
13+
<div id="name">
14+
<h2>Coding101</h2>
15+
</div>
16+
<div id="content">
17+
<h2>Coding101 aims to help people who are interested in coding get an head start.</h2>
18+
19+
<h3>We understand that coding can be a bit confusing at the beginning and we are here to help you get started.</h3>
20+
</div>
21+
<div id="button">
22+
<button type="button" href="explainer.html">How?</button>
23+
</div>
24+
</body>
25+
</html>

‎frontend/question.html

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>question</title>
5+
</head>
6+
<body>
7+
<div id="logo">
8+
<a href="index.html">
9+
<img src="res/devcenter-logo.svg">
10+
</a>
11+
12+
</div>
13+
<div id="name">
14+
<h2>Coding101</h2>
15+
</div>
16+
17+
<form>
18+
<div id="quiz">
19+
<label>I am a Secondary School Graduate</label>
20+
21+
<div class="quest-1">
22+
<li>
23+
24+
<h3>What do you prefer as a hobby/ what do you do in your free time</h3>
25+
<hr>
26+
27+
<div>
28+
<input type="checkbox" name="question-1-answers" id="question-1-answers-A" value="A" />
29+
<label for="question-1-answers-A">A) Computer Styled Sections </label>
30+
</div>
31+
32+
<div>
33+
<input type="checkbox" name="question-1-answers" id="question-1-answers-B" value="B" />
34+
<label for="question-1-answers-B">B) Cascading Style Sheets</label>
35+
</div>
36+
37+
<div>
38+
<input type="checkbox" name="question-1-answers" id="question-1-answers-C" value="C" />
39+
<label for="question-1-answers-C">C) Crazy Solid Shapes</label>
40+
</div>
41+
42+
<div>
43+
<input type="checkbox" name="question-1-answers" id="question-1-answers-D" value="D" />
44+
<label for="question-1-answers-D">D) None of the above</label>
45+
</div>
46+
47+
</li>
48+
49+
</div>
50+
</div>
51+
52+
<div>
53+
<div id="button">
54+
<button type="button">Back</button>
55+
</div>
56+
<div id="button">
57+
<button type="button">Next</button>
58+
</div>
59+
</div>
60+
61+
</form>
62+
</body>
63+
</html>

‎frontend/resources.html

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>resources</title>
5+
</head>
6+
<body>
7+
<div id="logo">
8+
<a href="index.html">
9+
<img src="res/devcenter-logo.svg">
10+
</a>
11+
12+
</div>
13+
<div id="name">
14+
<p>Coding101</p>
15+
</div>
16+
<div id="content">
17+
<p>We've already done the hardwork on curating the best resources to help you.</p>
18+
19+
<p>All you have to do is try to answer the next couple of question as best as you can so we can figure out what you may like.</p>
20+
21+
<p>We then use that to create a track that might be the most engaging way for you to get into tech.</p>
22+
</div>
23+
<div id="button">
24+
<button type="button">Begin</button>
25+
</div>
26+
</body>
27+
</html>

0 commit comments

Comments
 (0)