Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

added question pages #10

Merged
merged 4 commits into from
Jul 24, 2017
Merged

added question pages #10

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
09b0e9d
added question pages
Jul 17, 2017
626527b
add styling - add image files - renamed html files
Jul 23, 2017
dd0907b
Delete question3.html
armydar Jul 23, 2017
7217d2b
Delete question2.html
armydar Jul 23, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 18 additions & 0 deletions begin.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html>
<head>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Quality: Critical
This seems to be designed without any use of css or care for responsiveness. This should be refactored and appropriate css should be used.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yes...no styling as the #4 is basically to create plain html

<title>coding101</title>
<header>
<img src="images/logo.png">
<p>Coding101</p>
</header>
</head>
<body>
<section>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Quality: Nitpick
This should be revisited and divided into reasonable divs

<h3>We've already done the hardwork on curating the best<br/> resources to help you.</h3>
<p>All you have to do is try answer the next couple of<br/> questions as best as you can so we can figure out<br/> what you may like.</p>
<p>We then use that to create a track that might be the<br/> most engaging way for you to get into tech.</p>
<button>Begin</button>
</section>
</body>
</html>
24 changes: 24 additions & 0 deletions how.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<title>coding 101</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<header>
<div class="clear">
<img src="images/logo.png" id="logo">
<p id="co">Coding101</p>
</div>
</header>

<div class="main">
<h3>Coding101 aims to help people who are interested in coding get an head start.</h3>
<p>We understand that coding can be a bit difficult at the beginning and we are here to help you get started.</p>
<button>How?</button>


</div>

</body>
</html>
26 changes: 26 additions & 0 deletions question1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>coding101</title>
<header>
<img src="images/logo.png">
<p>Coding101</p>
</header>
</head>
<body>
<section>
<p>I am a</p>
<div>
<p>Secondary School Graduate</p>
</div>
<div>
<p>Student/<br/>Graduate/<br/>Awaiting NYSC</p>
</div>
<div>
<p>Employed/<br/>Corp Member/<br/>Unemployed</p>


</div>
</section>
</body>
</html>
50 changes: 50 additions & 0 deletions question2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html>
<head>
<title></title>
<header>
<img src="images/logo.png">
<p>Coding101</p>
</header>
</head>
<body>
<h3>I am a Secondary School Graduate</h3>
<div>
<p>What do you prefer as a hobby?What do you do with your free time?</p>
<hr>
<ul>
<li>Doodling/Drawing (Design)</li>
<li>Writing (Design)</li>
<li>Reading Pictureless novels - books (Analytic)</li>
<li>Reading Picture novels - comics (Design)</li>
<li>Playing games (Analytic, Optimize)</li>
<li>Watching Movies (Design)</li>
</ul>
</div>
<div>
<p>What class are you in?</p>
<hr>
<ul>
<li>Science Class</li>
<li>Art Class</li>
<li>Commercial class</li>
</ul>
</div>
<section>
<p>When given something to do, what will you do first?</p>
<hr>
<ul>
<li>Think through the whole task (Analytic, Optimize)</li>
<li>Think about the first part and work through it, while you think of the rest(Design, Optimize)</li>
<li>Visualize it (Design)</li>
<li>Break it down into steps (Analytic, Optimize)</li>
</ul>
<div>
<button>Back</button>
<button>Next</button>

</div>
</section>

</body>
</html>
66 changes: 66 additions & 0 deletions question3.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
<!DOCTYPE html>
<html>
<head>
<title></title>
<header>
<img src="images/logo.png">
<p>Coding101</p>
</header>
</head>
<body>
<h3>Your Results</h3>
<p>Based on your answers, we think you'd be suited for Visual Design and the Visual Design Track.<br/>We've carefully prepared the following resources to help you<br/>on your journey.</p>
<section>
<h3>Visual Design Track</h3>
<hr>
<div>
<p>Visual Design <br/> Developing a Design Sense</p>

<ol>
<li>Create a <a href="dribble.com">Dribble</a> account and keep looking at stuff everyday</li>
<li>Subscribe to <a href="sidebar.io"> Sidebar.io</a></li>
<li>Purchase and gradually read The Design of Everyday Things by Donald A Norman.</li>
<li>Read on <a href="#">Color Theory</a></li>
<li>Read on <a href="#">Fonts</a></li>
<li>Do the 100 days UI challenge. Design something everyday for 100 days</li>
</ol>
</div>
<div>
<p>Free Courses</p>
<ol>
<li><a href="#"> Invision Fundamentals</a></li>
<li><a href="#"> Design Lab</a></li>
<li><a href="#"> Hack Design</a></li>

</ol>

</div>
<div>
<p>Paid Courses</p>
<ol>
<li> <a href="#"> Design Code</a></li>
<li><a href="#">Udemy mobile app design course</a></li>
<li><a href="#">Udemy photoshop course</a></li>
</ol>
</div>
<div>
<p>Apps</p>
<ol>
<li><a href="#">Figma.</a>RECOMMENDED. It's free and works in your browser, so no installation <br/>neccesary</li>
<li><a href="#">Sketch.</a>Best app for designing and reframing</li>
<li><a href="#">Photoshop</a></li>
</ol>
</div>
</section>
<h3>Visual Design Resources</h3>
<hr>
<div>
<button>resource.url</button>
<button>resource.url</button>
</div>
<button>Start Over</button>




</body>