diff options
| author | kumar <kumar.damani@mail.utoronto.ca> | 2016-07-10 04:15:11 +0000 |
|---|---|---|
| committer | kumar <kumar.damani@mail.utoronto.ca> | 2016-07-10 04:15:11 +0000 |
| commit | e1a9ce2c90974ee2d59edb92895fc0f4b690679e (patch) | |
| tree | a6dd0de1367829fb32ad2c9142655f8fd17416ff | |
| parent | fbf0e2916c67a0cca43e6e29b0ef30b2460bd240 (diff) | |
bootstraped the index
| -rw-r--r-- | assets/css/style.css | 4 | ||||
| -rw-r--r-- | index.html | 96 |
2 files changed, 86 insertions, 14 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index 2dc5b78..3c80cd7 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -178,6 +178,7 @@ main .search img { display: inline; } +/* footer { background-color: #333333; @@ -205,12 +206,15 @@ footer h6 { font-style: italic; } +*/ +/* footer nav a { display: block; color: darkgray; vertical-align: top; } +*/ /***********************************************************************************************************************/ @@ -4,13 +4,24 @@ <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Solutions Repo</title> + + <!--Bootstrap File--> + <link rel="stylesheet" href="assets/css/bootstrap.min.css" crossorigin="anonymous"> + + <!--Custom CSS Files--> + <link rel="stylesheet" href="assets/css/creative.css"> <link href="assets/css/style.css" rel="stylesheet" type="text/css"> - <!--<link rel="stylesheet" href="assets/css/bootstrap.min.css" crossorigin="anonymous">--> + + <!--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="top-bar"> <div id="logo"><a href="#"><img src="assets/images/placeholder.png"></a></div> <nav> <ul> @@ -24,17 +35,54 @@ <li><a href="#">Second Year</a></li> <li><a href="#">Third Year</a></li> <li><a href="#">Fourth Year</a></li> - </ul> + </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> + </div>--> + + <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="#page-top"> 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 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><a href="#">First Year</a></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 id="header"><header><a href="#"><img src="assets/images/logo.png"></a></header></li> –>--> + </ul> + </div> + <!-- /.navbar-collapse --> + </div> + <!-- /.container-fluid --> + </nav> <main> <!--made the id in to a class--> - <div class='search'> + <div class='search container'> <h2>The solutions to all your problems.</h2> <!--<img src="assets/images/down.png">--> <input type="text" name="search" placeholder="Enter course name"> @@ -43,15 +91,35 @@ </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> + </body> </html>
\ No newline at end of file |