Skip to content

Commit

Permalink
frontend task #4
Browse files Browse the repository at this point in the history
  • Loading branch information
obamgbopa committed Aug 18, 2017
1 parent eec779c commit 2e38e9d
Show file tree
Hide file tree
Showing 6 changed files with 307 additions and 0 deletions.
123 changes: 123 additions & 0 deletions frontend/assets/img/devcenter-logo.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
42 changes: 42 additions & 0 deletions frontend/category.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<title>user-category</title>
</head>
<body>
<div id="logo">
<a href="index.html">
<img src="res/devcenter-logo.svg">
</a>

</div>
<div id="name">
<h2>Coding101</h2>
</div>
<div id="content">
<h2>I am a..</h2>
</div>

<div id="sec-cat">
<div class="background">
<div class="transbox">
<p>Secondary School Graduate</p>
</div>
</div>
</div>
<div id="grad-awt-cat">
<div class="background">
<div class="transbox">
<p>Student/ Graduate/ Awaiting NYSC</p>
</div>
</div>
</div>
<div id="empl-cat">
<div class="background">
<div class="transbox">
<p>Employed/ Corp Members/ Unemployed</p>
</div>
</div>
</div>
</body>
</html>
27 changes: 27 additions & 0 deletions frontend/explainer.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>explainer</title>
</head>
<body>
<div id="logo">
<a href="index.html">
<img src="res/devcenter-logo.svg">
</a>

</div>
<div id="name">
<h2>Coding101</h2>
</div>
<div id="content">
<h2>We've already done the hardwork on curating the best resources to help you.</h2>

<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>

<h4>We then use that to create a track that might be the most engaging way for you to get into tech.</h4>
</div>
<div id="button">
<button type="button" href="category.html">Begin</button>
</div>
</body>
</html>
25 changes: 25 additions & 0 deletions frontend/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<title>index</title>
</head>
<body>
<div id="logo">
<a href="./">
<img src="res/devcenter-logo.svg">
</a>

</div>
<div id="name">
<h2>Coding101</h2>
</div>
<div id="content">
<h2>Coding101 aims to help people who are interested in coding get an head start.</h2>

<h3>We understand that coding can be a bit confusing at the beginning and we are here to help you get started.</h3>
</div>
<div id="button">
<button type="button" href="explainer.html">How?</button>
</div>
</body>
</html>
63 changes: 63 additions & 0 deletions frontend/question.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html>
<head>
<title>question</title>
</head>
<body>
<div id="logo">
<a href="index.html">
<img src="res/devcenter-logo.svg">
</a>

</div>
<div id="name">
<h2>Coding101</h2>
</div>

<form>
<div id="quiz">
<label>I am a Secondary School Graduate</label>

<div class="quest-1">
<li>

<h3>What do you prefer as a hobby/ what do you do in your free time</h3>
<hr>

<div>
<input type="checkbox" name="question-1-answers" id="question-1-answers-A" value="A" />
<label for="question-1-answers-A">A) Computer Styled Sections </label>
</div>

<div>
<input type="checkbox" name="question-1-answers" id="question-1-answers-B" value="B" />
<label for="question-1-answers-B">B) Cascading Style Sheets</label>
</div>

<div>
<input type="checkbox" name="question-1-answers" id="question-1-answers-C" value="C" />
<label for="question-1-answers-C">C) Crazy Solid Shapes</label>
</div>

<div>
<input type="checkbox" name="question-1-answers" id="question-1-answers-D" value="D" />
<label for="question-1-answers-D">D) None of the above</label>
</div>

</li>

</div>
</div>

<div>
<div id="button">
<button type="button">Back</button>
</div>
<div id="button">
<button type="button">Next</button>
</div>
</div>

</form>
</body>
</html>
27 changes: 27 additions & 0 deletions frontend/resources.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>resources</title>
</head>
<body>
<div id="logo">
<a href="index.html">
<img src="res/devcenter-logo.svg">
</a>

</div>
<div id="name">
<p>Coding101</p>
</div>
<div id="content">
<p>We've already done the hardwork on curating the best resources to help you.</p>

<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>

<p>We then use that to create a track that might be the most engaging way for you to get into tech.</p>
</div>
<div id="button">
<button type="button">Begin</button>
</div>
</body>
</html>

0 comments on commit 2e38e9d

Please sign in to comment.