Advertisement
Amanduhh7

Theme 003

Jul 22nd, 2016
200
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.01 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]><html class="lt-ie10 lt-ie9 lt-ie8 lt-ie7"><![endif]-->
  3. <!--[if IE 7]><html class="lt-ie10 lt-ie9 lt-ie8"><![endif]-->
  4. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  5. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  6. <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
  7. <head>
  8. {MobileAppHeaders}
  9. <meta charset="utf-8">
  10. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}">
  13. {/block:Description}
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20. <!--DO NOT REMOVE CREDIT-->
  21. <!--DO NOT REMOVE CREDIT-->
  22. <!--DO NOT REMOVE CREDIT-->
  23. <!--DO NOT REMOVE CREDIT-->
  24. <!--DO NOT REMOVE CREDIT-->
  25. <!--DO NOT REMOVE CREDIT-->
  26. <!--DO NOT REMOVE CREDIT-->
  27.  
  28.  
  29.  
  30.  
  31. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  32.  
  33.  
  34. <style type="text/css">
  35.  
  36. body{
  37. background-color:#ffffff;
  38. overflow-x:hidden;
  39. }
  40.  
  41. .footer{
  42. position:fixed;
  43. bottom:0;
  44. left:0;
  45. width:100%;
  46. height:50px;
  47. background-color:#eaeaea;
  48. }
  49.  
  50. .footer .nav{
  51. text-align:center;
  52. font-family:'Montserrat', sans-serif;
  53. }
  54.  
  55. .footer .nav ul{
  56. list-style-type:none;
  57. }
  58.  
  59. .footer .nav ul li{
  60. display:inline-block;
  61. padding-right:20px;
  62. }
  63.  
  64. .footer .nav ul li a{
  65. color:#aeaeae;
  66. }
  67.  
  68. .container{
  69. position:absolute;
  70. margin-top:100px;
  71. width:100%;
  72. }
  73.  
  74. .nav_cont{
  75. display:block;
  76. width:50%;
  77. margin-left:auto;
  78. margin-right:auto;
  79. }
  80.  
  81. .container .navsec{
  82. width:200px;
  83. padding:px;
  84. float:left;
  85. margin:10px;
  86. font-family:'Montserrat', sans-serif;
  87. }
  88.  
  89. .navsec_title{
  90. color:#ffffff;
  91. text-align:center;
  92. margin-top:5px;
  93. border-bottom:1px solid #aeaeae;
  94. text-transform:uppercase;
  95. background-color:#2b2b2b;
  96. height:30px;
  97. line-height:200%;
  98. padding:5px;
  99. }
  100.  
  101. .navsec ul{
  102. width:55%;
  103. margin-top:-1px;
  104. list-style-type:none;
  105. text-align:center;
  106. }
  107.  
  108. .navsec ul li{
  109. display:block;
  110. margin-top:5px;
  111. width:200px;
  112. margin-left:-40px;
  113. background-color:#eaeaea;
  114. padding-top:5px;
  115. padding-bottom:5px;
  116. }
  117.  
  118. .navsec ul li a{
  119. color:#000000;
  120. font-size:12px;
  121. }
  122.  
  123. a{text-decoration:none;}
  124.  
  125. </style>
  126. </head>
  127.  
  128. <body>
  129.  
  130.  
  131. <div class="container">
  132.  
  133. <div class="nav_cont">
  134.  
  135. <!--TO ADD LINKS PLACE DIRECT LINK INBETWEEN GREEN QUOTATION MARKS BELOW. REPLACE custom link WITH YOUR OWN LINK TITLE-->
  136.  
  137. <!--begin section-->
  138. <div class="navsec">
  139. <div class="navsec_title">navigation</div>
  140. <ul>
  141. <li><a href="">custom link</a></li>
  142. <li><a href="">custom link</a></li>
  143. <li><a href="">custom link</a></li>
  144. <li><a href="">custom link</a></li>
  145. <li><a href="">custom link</a></li>
  146. <li><a href="">custom link</a></li>
  147. <li><a href="">custom link</a></li>
  148. <li><a href="">custom link</a></li>
  149. </ul>
  150. </div>
  151. <!--end section-->
  152.  
  153. <!--begin section-->
  154. <div class="navsec">
  155. <div class="navsec_title">navigation</div>
  156. <ul>
  157. <li><a href="">custom link</a></li>
  158. <li><a href="">custom link</a></li>
  159. <li><a href="">custom link</a></li>
  160. <li><a href="">custom link</a></li>
  161. <li><a href="">custom link</a></li>
  162. <li><a href="">custom link</a></li>
  163. <li><a href="">custom link</a></li>
  164. <li><a href="">custom link</a></li>
  165. </ul>
  166. </div>
  167. <!--end section-->
  168.  
  169. <!--begin section-->
  170. <div class="navsec">
  171. <div class="navsec_title">navigation</div>
  172. <ul>
  173. <li><a href="">custom link</a></li>
  174. <li><a href="">custom link</a></li>
  175. <li><a href="">custom link</a></li>
  176. <li><a href="">custom link</a></li>
  177. <li><a href="">custom link</a></li>
  178. <li><a href="">custom link</a></li>
  179. <li><a href="">custom link</a></li>
  180. <li><a href="">custom link</a></li>
  181. </ul>
  182. </div>
  183. <!--end section-->
  184.  
  185. <!--begin section-->
  186. <div class="navsec">
  187. <div class="navsec_title">navigation</div>
  188. <ul>
  189. <li><a href="">custom link</a></li>
  190. <li><a href="">custom link</a></li>
  191. <li><a href="">custom link</a></li>
  192. <li><a href="">custom link</a></li>
  193. <li><a href="">custom link</a></li>
  194. <li><a href="">custom link</a></li>
  195. <li><a href="">custom link</a></li>
  196. <li><a href="">custom link</a></li>
  197. </ul>
  198. </div>
  199. <!--end section-->
  200.  
  201. <!--begin section-->
  202. <div class="navsec">
  203. <div class="navsec_title">navigation</div>
  204. <ul>
  205. <li><a href="">custom link</a></li>
  206. <li><a href="">custom link</a></li>
  207. <li><a href="">custom link</a></li>
  208. <li><a href="">custom link</a></li>
  209. <li><a href="">custom link</a></li>
  210. <li><a href="">custom link</a></li>
  211. <li><a href="">custom link</a></li>
  212. <li><a href="">custom link</a></li>
  213. </ul>
  214. </div>
  215. <!--end section-->
  216.  
  217. <!--begin section-->
  218. <div class="navsec">
  219. <div class="navsec_title">navigation</div>
  220. <ul>
  221. <li><a href="">custom link</a></li>
  222. <li><a href="">custom link</a></li>
  223. <li><a href="">custom link</a></li>
  224. <li><a href="">custom link</a></li>
  225. <li><a href="">custom link</a></li>
  226. <li><a href="">custom link</a></li>
  227. <li><a href="">custom link</a></li>
  228. <li><a href="">custom link</a></li>
  229. </ul>
  230. </div>
  231. <!--end section-->
  232.  
  233. <!--begin section-->
  234. <div class="navsec">
  235. <div class="navsec_title">navigation</div>
  236. <ul>
  237. <li><a href="">custom link</a></li>
  238. <li><a href="">custom link</a></li>
  239. <li><a href="">custom link</a></li>
  240. <li><a href="">custom link</a></li>
  241. <li><a href="">custom link</a></li>
  242. <li><a href="">custom link</a></li>
  243. <li><a href="">custom link</a></li>
  244. <li><a href="">custom link</a></li>
  245. </ul>
  246. </div>
  247. <!--end section-->
  248.  
  249. <!--begin section-->
  250. <div class="navsec">
  251. <div class="navsec_title">navigation</div>
  252. <ul>
  253. <li><a href="">custom link</a></li>
  254. <li><a href="">custom link</a></li>
  255. <li><a href="">custom link</a></li>
  256. <li><a href="">custom link</a></li>
  257. <li><a href="">custom link</a></li>
  258. <li><a href="">custom link</a></li>
  259. <li><a href="">custom link</a></li>
  260. <li><a href="">custom link</a></li>
  261. </ul>
  262. </div>
  263. <!--end section-->
  264.  
  265. <!--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-->
  266.  
  267. </div><!--DO NOT PLACE ANY NAVIGATION CODE BELOW THIS POINT-->
  268.  
  269. </div><!--end container-->
  270.  
  271. <div class="footer">
  272. <div class="nav">
  273. <ul>
  274. <li><a href="/">index</a></li>
  275. <li><a href="/ask">message</a></li>
  276. <li><a href="#">custom link</a></li><!--DELETE POUND SIGN AND REPLACE WITH YOUR OWN DIRECT LINK. CHANGE custom link TO YOUR OWN TITLE-->
  277. <li><A href="#">custom link</A></li><!--DELETE POUND SIGN AND REPLACE WITH YOUR OWN DIRECT LINK. CHANGE custom link TO YOUR OWN TITLE-->
  278. <li><a href="/dashboard">dashboard</a></li>
  279. <li><a href="http://www.slapdashthemes.tumblr.com">theme</a></li>
  280. </ul>
  281. </div>
  282. </div>
  283.  
  284. </body>
  285. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement