diff options
| author | Waref Haque <warefhaque@Warefs-MacBook-Pro.local> | 2016-07-09 20:44:13 +0000 |
|---|---|---|
| committer | Waref Haque <warefhaque@Warefs-MacBook-Pro.local> | 2016-07-09 20:44:13 +0000 |
| commit | db360a625ae9622101e7b144f1e9736e8f4b3da8 (patch) | |
| tree | 7ea7c79f40a40020676eb5024643db9d6d38ea62 | |
| parent | 65e9a1bfce945812f204ce1cbcccc0686f846782 (diff) | |
questions page CSS+HTML
| -rw-r--r-- | assets/css/style.css | 23 | ||||
| -rw-r--r-- | questions.html | 53 |
2 files changed, 76 insertions, 0 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index 6984c8c..6690b33 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -17,6 +17,10 @@ a { text-decoration: none; } +h1{ + color: #333333; +} + /*top_bar.height + main.height + footer.height = 8% + 80% + 12% */ #top-bar{ @@ -245,4 +249,23 @@ p.solutions-type{ #solutions-footer{ height: 13%; +} + +/**********************************************************************************************************************/ + +.questions-number{ + font-family: 'Roboto',sans-serif; + font-size: large; + color: #333333; + margin-left: 5%; + margin-bottom: 5px; + padding-top: 15px; +} +.questions-comment{ + font-family: 'Roboto',sans-serif; + font-size: medium; + color: dimgrey; + margin-left: 5%; + margin-top: 0px; + padding-bottom: 15px; }
\ No newline at end of file diff --git a/questions.html b/questions.html new file mode 100644 index 0000000..0ff513d --- /dev/null +++ b/questions.html @@ -0,0 +1,53 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <link href="assets/css/style.css" rel="stylesheet" type="text/css"> + <link href='https://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'> + <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> + <meta charset="UTF-8"> + <title>Solutions Repo</title> +</head> +<body> + + <main id = 'solutions-main'> + <div class = 'search' id = 'solutions-div'> + <h1 id = 'solutions-header'>CSC309-Programming on the Web</h1> + <h3> Summer, 2016</h3> + <h3> Final</h3> + <section class = 'solutions-card'> + <h3 class = 'questions-number'>Question 1</h3> + <p class = 'questions-comment' >Comments: 4</p> + </section> + + <section class = 'solutions-card'> + <h3 class = 'questions-number'>Question 2</h3> + <p class = 'questions-comment' >Comments: 3</p> + </section> + + <section class = 'solutions-card'> + <h3 class = 'questions-number'>Question 3</h3> + <p class = 'questions-comment' >Comments: 2</p> + </section> + + <section class = 'solutions-card'> + <h3 class = 'questions-number'>Question 4</h3> + <p class = 'questions-comment' >Comments: 1</p> + </section> + + </div> + </main> + + <footer id = 'solutions-footer'> + <div id="footer-container"> + <nav> + <a href="#">Contact</a> + <a href="#">About Us</a> + <a href="#">Terms of Use</a> + </nav> + <h6>Copyright 2016</h6> + </div> + </footer> + +</body> +</html>
\ No newline at end of file |