Yasmin1304 (Talk | contribs) (Blanked the page) |
Yasmin1304 (Talk | contribs) |
||
Line 1: | Line 1: | ||
+ | <!DOCTYPE html> | ||
+ | <html> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <title>CMU</title> | ||
+ | <meta name="description" content="Hello World"> | ||
+ | <!-- Latest compiled and minified CSS --> | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | ||
+ | |||
+ | <!-- Optional theme --> | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | nav{ | ||
+ | position: fixed; | ||
+ | height:50px; | ||
+ | width: 100%; | ||
+ | background-color: rgb(0,0,0); | ||
+ | z-index: 99; | ||
+ | } | ||
+ | body,html{ | ||
+ | height: 100%; | ||
+ | margin: 0;} | ||
+ | .sect{ | ||
+ | height: 100%; | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | background-attachment: fixed; | ||
+ | overflow:scroll;} | ||
+ | .subsection{ | ||
+ | height: 100%; | ||
+ | background-color: rgba(255,255,255,0); | ||
+ | background-size: cover; | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | .sectOne{ | ||
+ | background-image: url("Website/images/wallpaper.jpg"); | ||
+ | } | ||
+ | .sectTwo{ | ||
+ | background-image: url("Website/images/wallpaper3.jpg"); | ||
+ | } | ||
+ | .sectThree{ | ||
+ | background-image: url("Website/images/wallpaper4.jpg"); | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | <header> | ||
+ | <nav class="header bg-header transparent-dark" data-pages="header" data-pages-header="autoresize" data-pages-resize-class="dark"> | ||
+ | <div class="navbar"> | ||
+ | <div class="container"> | ||
+ | <div class="navbar-header"> | ||
+ | <a href="" class="navbar-brand"> CMUQ wiki</a> | ||
+ | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#expand"> | ||
+ | <span class="icon-bar"> </span> | ||
+ | <span class="icon-bar"> </span> | ||
+ | <span class="icon-bar"> </span> | ||
+ | </button> | ||
+ | </div> | ||
+ | <div class="collapse navbar-collapse" id="expand"> | ||
+ | <ul class="nav navbar-nav navbar-right"> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Project <span class="caret"> </span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Description</a></li> | ||
+ | <li><a href="#">Design</a></li> | ||
+ | <li><a href="#">Safety</a></li> | ||
+ | <li><a href="#">Parts</a></li> | ||
+ | <li><a href="#">Collaborations</a></li> | ||
+ | <li><a href="#">Achievments</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#"> Practices <span class="caret"> </span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">page1</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#"> Wet Lab <span class="caret"> </span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">page1</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#"> Dry Lab <span class="caret"> </span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">page1</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#"> People <span class="caret"> </span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">page1</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#"> Blog <span class="caret"> </span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">page1</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
+ | </header> | ||
+ | <div class="sect sectOne"></div> | ||
+ | <div class="subsection"></div> | ||
+ | <div class="sect sectTwo"></div> | ||
+ | <div class="subsection"></div> | ||
+ | <div class="sect sectThree"></div> | ||
+ | <div class="subsection"></div> | ||
+ | <!-- Latest compiled and minified JavaScript --> | ||
+ | <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> | ||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> | ||
+ | |||
+ | </body> | ||
+ | </html> |
Latest revision as of 07:49, 13 July 2017
<!DOCTYPE html>