Skip to content

Commit

Permalink
navigation page added
Browse files Browse the repository at this point in the history
  • Loading branch information
@JessicaML
JessicaML committed May 22, 2017
1 parent 0cb8139 commit 1e304d6
Show file tree
Hide file tree
Showing 4 changed files with 4,791 additions and 2 deletions.
7 changes: 5 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -273,8 +273,11 @@ <h2>Who I Am</h2>
<section id="work" class="main style3 primary">
<div class="content container">
<header>
<h2>See more</h2>
<p>Click the links to see more.</p>
<a href="navigation.html"><p>See all lessons here</p></a></div>


<h2>Featured lessons</h2>

</header>

<!-- Lightbox Gallery -->
Expand Down
29 changes: 29 additions & 0 deletions navigation.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
@import url('https://fonts.googleapis.com/css?family=Fugaz+One');
@import url('https://fonts.googleapis.com/css?family=Bitter');
@import url('https://fonts.googleapis.com/css?family=Space+Mono');


body {
background: #E55D87; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #E55D87 , #5FC3E4); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #E55D87 , #5FC3E4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
/*font-family: 'Fugaz One', monospace, sans-serif;*/
font-family: 'Space mono', sans-serif;


}
.heading {
font-family: 'Fugaz One', monospace, sans-serif;
font-size: 30px;

}

.heading2 {
font-weight:bolder;
text-decoration: underline;
padding: 5px 5px 5px 5px;
}

.heading3 {
background-color: #00ff00;
}
230 changes: 230 additions & 0 deletions navigation.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,230 @@
<!DOCTYPE html>
<html>
<head>
<title>Intro to Programming</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta name="csrf-param" content="authenticity_token"/>
<meta name="csrf-token" content="wrwJ0ZO3Kc0odDcqVNzVY0IV9g8W3h5JYdo/Yyje0CaFvbdbKFAy+1CXw7esl0jfNlp3+gtiSKz70cDNQ+pswA=="/>
<link rel="stylesheet" media="all" href="navigation.css"/>
<link rel="shortcut icon" type="image/x-icon" href="/assets/favicon-d0e8ff63da72a0c5ea15ebc045a7f9d2979d211a12e596a5ed5f5b1534e78919.png"/>
<link href="//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700" rel="stylesheet" type="text/css">
<script src="navigation.js"></script>

</head>
<body>
<div class="container">


<ul class="breadcrumb">


<li class="heading"> _Biology</li>
<ul>
<li class="heading2">Living organisms</li>
<ul>
<li class="heading3" style="clear: both;">_Classification</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _Lesson 1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _Lesson 2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _Lesson 3</li>
</ul>
<li style="clear: both;">y</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
<li style="clear: both;">z</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
</ul>
<li style="clear: both;">y</li>
<ul>
<li style="clear: both;">a</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
<li style="clear: both;">b</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
<li style="clear: both;">c</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
</ul>
<li style="clear: both;">z</li>
<ul>
<li style="clear: both;">a</li>

<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
<li style="clear: both;">b</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
<li style="clear: both;">c</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
</ul>
</ul>

<li class="heading" style="clear: both;"> _Chemsitry</li>
<ul>
<li>x</li>
<ul>
<li style="clear: both;">a</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
<li style="clear: both;">b</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
<li style="clear: both;">c</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
</ul>
<li style="clear: both;">y</li>
<ul>
<li style="clear: both;">a</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
<li style="clear: both;">b</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
<li style="clear: both;">c</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
</ul>
<li style="clear: both;">z</li>
<ul>
<li style="clear: both;">a</li>

<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
<li style="clear: both;">b</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
<li style="clear: both;">c</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
</ul>
</ul>


<li class="heading" style="clear: both;"> _Physics</li>
<ul>
<li style="clear: both;">x</li>
<ul>
<li style="clear: both;">a</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
<li style="clear: both;">b</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
<li style="clear: both;">c</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
</ul>
<li style="clear: both;">y</li>
<ul>
<li style="clear: both;">a</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
<li style="clear: both;">b</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
<li style="clear: both;">c</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
</ul>
<li style="clear: both;">z</li>
<ul>
<li style="clear: both;">a</li>

<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
<li style="clear: both;">b</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
<li style="clear: both;">c</li>
<ul>
<li style="list-style-type: none; float: left; padding: 16px;"> _1</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _2</li>
<li style="list-style-type: none; float: left; padding: 16px;"> _3</li>
</ul>
</ul>

</body>
</html>
Loading

0 comments on commit 1e304d6

Please sign in to comment.