diff options
| author | nanalelfe <nargiza.nosirova@mail.utoronto.ca> | 2016-07-08 03:45:39 +0000 |
|---|---|---|
| committer | nanalelfe <nargiza.nosirova@mail.utoronto.ca> | 2016-07-08 03:45:39 +0000 |
| commit | c13c53139ca6bff3cbe9153227b8d4dc712a8b4d (patch) | |
| tree | 8753d524e87587502bc3930de974ae1e94ca6242 | |
| parent | 28801fce368f2def50605e24771901c3252917cd (diff) | |
Added basic content, created nav
| -rw-r--r-- | assets/css/style.css | 58 | ||||
| -rw-r--r-- | assets/images/34429.png | bin | 0 -> 4169 bytes | |||
| -rw-r--r-- | assets/images/logo.png | bin | 0 -> 6047 bytes | |||
| -rw-r--r-- | index.html | 46 |
4 files changed, 104 insertions, 0 deletions
diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..e67ac5f --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,58 @@ +ul { + list-style-type: none; +} + +#top-bar{ + background-color: #9d9090; + width: 100%; + display: flex; + + display: -webkit-flex; + flex-direction: row; + -webkit-flex-direction: row; + justify-content: space-between; + -webkit-justify-content: space-between; + align-items: flex-end; + -webkit-align-items: flex-end; +} + +#top-bar nav { + flex: 0 1 auto; + -webkit-flex: 0 1 auto; +} + +#top-bar img { + height: 20%; + width: auto; +} + + +#top-bar nav ul { + margin: 0; + padding: 0; + overflow: hidden; + background-color: #9d9090; +} +#top-bar ul li { + float: right; +} + +#top-bar ul li a { + display: block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; + vertical-align: bottom; +} + +#top-bar ul li a:hover { + background-color: lightblue; +} + + + + +footer { + bottom: 0; +} diff --git a/assets/images/34429.png b/assets/images/34429.png Binary files differnew file mode 100644 index 0000000..f4048f4 --- /dev/null +++ b/assets/images/34429.png diff --git a/assets/images/logo.png b/assets/images/logo.png Binary files differnew file mode 100644 index 0000000..c90d02e --- /dev/null +++ b/assets/images/logo.png diff --git a/index.html b/index.html new file mode 100644 index 0000000..13f509e --- /dev/null +++ b/index.html @@ -0,0 +1,46 @@ +<html> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Solutions Repo</title> + + <link href="assets/css/style.css" rel="stylesheet" type="text/css"> +</head> +<body> + <div id="top-bar"> + <a href="#"><img src="assets/images/logo.png"></a> + <nav> + <ul> + <li><a href="#">Register</a></li> + <li><a href="#">Log In</a></li> + <li><a href="#">Courses</a></li> + <!-- <li id="header"><header><a href="#"><img src="assets/images/logo.png"></a></header></li> --> + </ul> + </nav> + </div> + + <nav id="drop-down"> + <ul> + <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> + </nav> + + <h2>The solutions to all your problems.</h2> + + <footer> + <nav> + <ul> + <li><a href="#">Contact</a></li> + <li><a href="#">About Us</a></li> + <li><a href="#">Terms of Use</a></li> + </ul> + </nav> + + <h6>Copyright 2016</h6> + + </footer> +</body> +</html>
\ No newline at end of file |
