diff options
| author | kumar <kumar.damani@mail.utoronto.ca> | 2016-07-11 22:20:21 +0000 |
|---|---|---|
| committer | kumar <kumar.damani@mail.utoronto.ca> | 2016-07-11 22:20:21 +0000 |
| commit | 9e62d3c9a5e0d08bccb10614a9352306d0cb5ae0 (patch) | |
| tree | 6d8e3df783d02db54500fb08c7d1a888cbcfb667 /user_solutions.html | |
| parent | a2195def5fb5229e17b686b5c62dd0dec02986cd (diff) | |
all other file
Diffstat (limited to 'user_solutions.html')
| -rw-r--r-- | user_solutions.html | 139 |
1 files changed, 104 insertions, 35 deletions
diff --git a/user_solutions.html b/user_solutions.html index c4cc52b..02f3708 100644 --- a/user_solutions.html +++ b/user_solutions.html @@ -1,46 +1,80 @@ -<html> +<!DOCTYPE html> +<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Solutions Repo</title> + <!--ORDER IS IMPORTANT DO NOT SHIFT--> + + <!--Custom CSS Files--> <link href="assets/css/style.css" rel="stylesheet" type="text/css"> + + <!--Bootstrap File--> + <link rel="stylesheet" href="assets/css/bootstrap.min.css"> + <link rel="stylesheet" href="assets/css/creative.css"> + + <!--Fonts--> <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'> + + <!--JS--> + <script src="assets/js/jquery-2.2.4.min.js"></script> + <script src="assets/js/bootstrap.min.js"></script> </head> <body> - <div id="top-bar"> - <div id="logo"><a href="#"><img src="assets/images/placeholder.png"></a></div> - <nav> - <ul> + <nav id="mainNav" class="navbar navbar-default navbar-fixed-top" > + <div class="container-fluid"> + <!-- Brand and toggle get grouped for better mobile display --> + <div class="navbar-header"> + <button type="button" class="navbar-toggle collapsed" + data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> + <span class="sr-only">Toggle navigation</span> <span + class="icon-bar"></span> <span class="icon-bar"></span> <span + class="icon-bar"></span> + </button> + <a class="navbar-brand page-scroll" href="index.html"> ENTER OUR NAME HERE</a> + </div> + + <!-- Collect the nav links, forms, and other content for toggling --> + <div class="collapse navbar-collapse" + id="bs-example-navbar-collapse-1"> + <ul class="nav navbar-nav navbar-right"> + <li><a href="user_solutions.html">Solutions Page</a></li> + <li><a href="user_profile.html">Profile Page</a></li> + <li><a href="questions.html">Questions Page</a></li> + <li><a href="exams.html">Exams Pages</a></li> + + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Courses <span class="caret"></span></a> + <ul class="dropdown-menu"> + <li class="dropdown-submenu"> + <a tabindex="-1" href="#">First Year<i class="fa fa-chevron-right"></i></a> + <ul class="dropdown-menu"> + <li><a tabindex="-1" href="#">CSC108</a></li> + <li><a href="#">CSC148</a></li> + <li><a href="#">CSC165</a></li> + </ul> + </li> + <li><a href="#">Second Year</a></li> + <li><a href="#">Third Year</a></li> + <li><a href="#">Fourth Year</a></li> + </ul> + </li> <li><a href="#">Register</a></li> <li><a href="#">Log In</a></li> - <li class="drop-down"> - <a href="#">Courses</a> - <nav class="drop-menu"> - <ul> - <li class="side-drop"><a href="#">First Year</a> - <div class="side-menu"> - <a href="CSC108"></a> - <a href="CSC148"></a> - <a href="CSC165"></a> - </div> - </li> - <li> - <a href="#">Second Year</a></li> - <li><a href="#">Third Year</a></li> - <li><a href="#">Fourth Year</a></li> - </ul> - </nav> - </li> - <!-- <li id="header"><header><a href="#"><img src="assets/images/logo.png"></a></header></li> --> + + <!--<li id="header"><header><a href="#"><img src="assets/images/logo.png"></a></header></li> –>--> </ul> - </nav> + </div> + <!-- /.navbar-collapse --> </div> + <!-- /.container-fluid --> +</nav> - <main> + <main id="solutions-main"> <!--made the id in to a class--> - <div class='search solutions-container'> + <div class='search solutions-container container'> <div id="solutions"> <button id="add-solution"><h3>Add a solution</h3></button> @@ -148,16 +182,51 @@ </main> <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> + <!--<div id="footer-container" class="container-fluid">--> + <!--<nav>--> + <!--<a href="#">Contact</a>--> + <!--<a href="#">About Us</a>--> + <!--<a href="#">Terms of Use</a>--> + <!--</nav>--> + <!--<h6>Copyright 2016</h6>--> + <!--</div>--> + <div class="navbar navbar-default navbar-fixed-bottom"> + <div class="container-fluid"> + <div class="navbar-collapse collapse" id="footer-body"> + <ul class="nav navbar-nav"> + <li><a href="#">About Us</a></li> + <li><a href="#">Contact Us</a></li> + <li><a href="#">Terms & Conditions</a></li> + <li><a href="#">Privacy Policy</a></li> + </ul> + </div> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#footer-body"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + </div> + </div> + </div> </footer> + + <script> + $(document).ready(function() { + + // For the Second level Dropdown menu, highlight the parent + $( ".dropdown-menu" ) + .mouseenter(function() { + $(this).parent('li').addClass('active'); + }) + .mouseleave(function() { + $(this).parent('li').removeClass('active'); + }); + + }); + </script> + </body> </html> |