Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--[if lt IE 7]><html class="lt-ie10 lt-ie9 lt-ie8 lt-ie7"><![endif]-->
- <!--[if IE 7]><html class="lt-ie10 lt-ie9 lt-ie8"><![endif]-->
- <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
- <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
- <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
- <head>
- {MobileAppHeaders}
- <meta charset="utf-8">
- <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
- {block:Description}
- <meta name="description" content="{MetaDescription}">
- {/block:Description}
- <!--DO NOT REMOVE CREDIT-->
- <!--DO NOT REMOVE CREDIT-->
- <!--DO NOT REMOVE CREDIT-->
- <!--DO NOT REMOVE CREDIT-->
- <!--DO NOT REMOVE CREDIT-->
- <!--DO NOT REMOVE CREDIT-->
- <!--DO NOT REMOVE CREDIT-->
- <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body{
- background-color:#ffffff;
- overflow-x:hidden;
- }
- .footer{
- position:fixed;
- bottom:0;
- left:0;
- width:100%;
- height:50px;
- background-color:#eaeaea;
- }
- .footer .nav{
- text-align:center;
- font-family:'Montserrat', sans-serif;
- }
- .footer .nav ul{
- list-style-type:none;
- }
- .footer .nav ul li{
- display:inline-block;
- padding-right:20px;
- }
- .footer .nav ul li a{
- color:#aeaeae;
- }
- .container{
- position:absolute;
- margin-top:100px;
- width:100%;
- }
- .nav_cont{
- display:block;
- width:50%;
- margin-left:auto;
- margin-right:auto;
- }
- .container .navsec{
- width:200px;
- padding:px;
- float:left;
- margin:10px;
- font-family:'Montserrat', sans-serif;
- }
- .navsec_title{
- color:#ffffff;
- text-align:center;
- margin-top:5px;
- border-bottom:1px solid #aeaeae;
- text-transform:uppercase;
- background-color:#2b2b2b;
- height:30px;
- line-height:200%;
- padding:5px;
- }
- .navsec ul{
- width:55%;
- margin-top:-1px;
- list-style-type:none;
- text-align:center;
- }
- .navsec ul li{
- display:block;
- margin-top:5px;
- width:200px;
- margin-left:-40px;
- background-color:#eaeaea;
- padding-top:5px;
- padding-bottom:5px;
- }
- .navsec ul li a{
- color:#000000;
- font-size:12px;
- }
- a{text-decoration:none;}
- </style>
- </head>
- <body>
- <div class="container">
- <div class="nav_cont">
- <!--TO ADD LINKS PLACE DIRECT LINK INBETWEEN GREEN QUOTATION MARKS BELOW. REPLACE custom link WITH YOUR OWN LINK TITLE-->
- <!--begin section-->
- <div class="navsec">
- <div class="navsec_title">navigation</div>
- <ul>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- </ul>
- </div>
- <!--end section-->
- <!--begin section-->
- <div class="navsec">
- <div class="navsec_title">navigation</div>
- <ul>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- </ul>
- </div>
- <!--end section-->
- <!--begin section-->
- <div class="navsec">
- <div class="navsec_title">navigation</div>
- <ul>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- </ul>
- </div>
- <!--end section-->
- <!--begin section-->
- <div class="navsec">
- <div class="navsec_title">navigation</div>
- <ul>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- </ul>
- </div>
- <!--end section-->
- <!--begin section-->
- <div class="navsec">
- <div class="navsec_title">navigation</div>
- <ul>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- </ul>
- </div>
- <!--end section-->
- <!--begin section-->
- <div class="navsec">
- <div class="navsec_title">navigation</div>
- <ul>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- </ul>
- </div>
- <!--end section-->
- <!--begin section-->
- <div class="navsec">
- <div class="navsec_title">navigation</div>
- <ul>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- </ul>
- </div>
- <!--end section-->
- <!--begin section-->
- <div class="navsec">
- <div class="navsec_title">navigation</div>
- <ul>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- <li><a href="">custom link</a></li>
- </ul>
- </div>
- <!--end section-->
- <!--TO ADD MORE NAVIGATION SECTIONS COPY THE CODE ABOVE THAT IS INBETWEEN begin section comment AND end section COMMENT. PLACE COPIED CODE JUST ABOVE THIS COMMENT OR DIRECTLY BELOW-->
- </div><!--DO NOT PLACE ANY NAVIGATION CODE BELOW THIS POINT-->
- </div><!--end container-->
- <div class="footer">
- <div class="nav">
- <ul>
- <li><a href="/">index</a></li>
- <li><a href="/ask">message</a></li>
- <li><a href="#">custom link</a></li><!--DELETE POUND SIGN AND REPLACE WITH YOUR OWN DIRECT LINK. CHANGE custom link TO YOUR OWN TITLE-->
- <li><A href="#">custom link</A></li><!--DELETE POUND SIGN AND REPLACE WITH YOUR OWN DIRECT LINK. CHANGE custom link TO YOUR OWN TITLE-->
- <li><a href="/dashboard">dashboard</a></li>
- <li><a href="http://www.slapdashthemes.tumblr.com">theme</a></li>
- </ul>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement