Skip to content

Commit

Permalink
add 7 bar with content
Browse files Browse the repository at this point in the history
  • Loading branch information
@Brant-Ma
Brant-Ma committed Jul 17, 2015
1 parent 9dd73e2 commit 0566078
Showing 1 changed file with 64 additions and 15 deletions.
79 changes: 64 additions & 15 deletions content.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,63 @@
<head>
<meta charset="UTF-8" />
<title>7NAVI</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
body {
margin: 0;
color: white;
overflow: scroll;
line-height: 1.7em;
font-family: "Microsoft Yahei", 'Hiragino Sans GB', 'Source Han Sans', sans-serif;
}
a:link, a:visited {
color: white;
text-decoration: none;
}
a:hover {
color: white;
border-bottom: #EAEAEA;
}
h2 {
text-align: center;
padding-bottom: 5%;
border-bottom: 2px solid white;
}
h3 {
text-indent: 7%;
}
ul {
list-style: none;
}
section.top7 {
float: left;
width: 14.28%;
padding-bottom: 5000px;
margin-bottom: -5000px;
box-shadow: -2px 0 16px 2px #666;
}
section#develop {
background-color: #e74c3c;
}
section#product {
background-color: #e67e22;
}
section#design {
background-color: #f1c40f;
}
section#tool {
background-color: #2ecc71;
}
section#social {
background-color: #1abc9c;
}
section#media {
background-color: #3498db;
}
section#hobby {
background-color: #9b59b6;
}
</style>
</head>
<body>
<header>
Expand All @@ -13,7 +69,7 @@
</header>
<div id="pagewrap">

<section id="develop">
<section class="top7" id="develop">
<h2>Develop</h2>
<section>
<h3>常驻</h3>
Expand All @@ -40,9 +96,8 @@ <h3>博客</h3>
</section>
</section>

<hr />

<section id="product">
<section class="top7" id="product">
<h2>Product</h2>
<section>
<h3>应用</h3>
Expand All @@ -69,9 +124,8 @@ <h3>博客</h3>
</section>
</section>

<hr />

<section id="design">
<section class="top7" id="design">
<h2>Design</h2>
<section>
<h3>社区</h3>
Expand Down Expand Up @@ -114,9 +168,8 @@ <h3>素材</h3>
</section>
</section>

<hr />

<section id="tool">
<section class="top7" id="tool">
<h2>Tool</h2>
<section>
<h3>色彩</h3>
Expand All @@ -143,9 +196,8 @@ <h3>轮子</h3>
</section>
</section>

<hr />

<section id="social">
<section class="top7" id="social">
<h2>Social</h2>
<section>
<h3>日常</h3>
Expand All @@ -166,9 +218,8 @@ <h3>不常</h3>
</section>
</section>

<hr />

<section id="media">
<section class="top7" id="media">
<h2>Media</h2>
<section>
<h3>科技</h3>
Expand Down Expand Up @@ -198,9 +249,8 @@ <h3>知识</h3>
</section>
</section>

<hr />

<section id="hobby">
<section class="top7" id="hobby">
<h2>Hobby</h2>
<section>
<h3>动漫</h3>
Expand All @@ -223,6 +273,5 @@ <h3>音乐</h3>
</section>

</div>
<footer><p>&copy; 2015 Brant <a href="http://www.miitbeian.gov.cn/" target="_blank"> 豫ICP备15007162号 </a></p></footer>
</body>
</html>

0 comments on commit 0566078

Please sign in to comment.