API tools faq
paste
cvndythemes

VESTA: THEME

cvndythemes
Apr 1st, 2019
411
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <title>{text:Page Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7.  
  8. <!--
  9.  
  10. >> ETHEREAL THEMES // VESTA - BOOKS REC PAGE
  11.  
  12. Designed by etherealthemes
  13. etherealthemes.tumblr.com
  14. ⓒ 2016 - 2019
  15.  
  16. >> TERMS OF USE
  17.  
  18. Do NOT remove the credit
  19. Do NOT claim as your own
  20.  
  21. *You can move the credit, but leave it visible
  22. *Edit as much as you'd like
  23. *Feel free to ask about basic customization
  24. *Page suggestions always welcomed
  25.  
  26. >> THEME HELP
  27.  
  28. All colors customizalbe on editor
  29.  
  30. TO ADD BOOKS:
  31. To add books, search:
  32. START BOOK
  33. and copy from START BOOK to END BOOK
  34. and paste to add a book
  35.  
  36. Each book from START to END has two images, search:
  37. Cover Image
  38. to change the main image and search:
  39. Book Image
  40. to change the smaller hover image
  41.  
  42. THEME:
  43. All colors customizable on editor. Search color codes to change:
  44. BG: #ffffff, Text: #000000, Gray: #dddddd, Accent: #f09a75
  45.  
  46. MISC:
  47. All info in scroll box to keep page tidy.
  48. Page auto-centers
  49. Auto-fills all page sizes ; drag your window size to preview
  50.  
  51.  
  52. -->
  53.  
  54.  
  55. <!-- COLORS -->
  56. <meta name="color:Background" content="#ffffff" />
  57. <meta name="color:Text" content="#000000" />
  58. <meta name="color:Content" content="#ffffff" />
  59. <meta name="color:Gray" content="#dddddd" />
  60. <meta name="color:Accent" content="#f09a75" />
  61.  
  62.  
  63. <!-- IMAGES -->
  64. <meta name="image:Header" content="https://placehold.it/800X200"/>
  65.  
  66.  
  67. <!-- TEXT -->
  68. <meta name="text:Page Title" content="Page Title"/>
  69.  
  70.  
  71. <!-- IF -->
  72. <meta name="if:Invert Tumblr Controls" content="1"/>
  73.  
  74.  
  75. <!-- SELECT -->
  76. <meta name="select:Font Size" content="10px" title="Default">
  77. <meta name="select:Font Size" content="9px" title="Small">
  78. <meta name="select:Font Size" content="11px" title="Large">
  79.  
  80.  
  81. <!-- SCRIPTS-->
  82. <link href="https://fonts.googleapis.com/css?family=Muli:400,400i,700,700i" rel="stylesheet">
  83.  
  84.  
  85. <!-- STYLESHEET-->
  86. <style type="text/css">
  87.  
  88. /* --- SCROLLBAR --- */
  89.  
  90. ::-webkit-scrollbar-thumb {background:{color:Accent};border:4px solid {color:Background};}
  91.  
  92. ::-webkit-scrollbar {width:11px;border:5px solid {color:Background};border-right:5px solid {color:Background};background:{color:Gray};}
  93.  
  94. /* --- SELECTION ---*/
  95.  
  96. ::-moz-selection {color:{color:Background};background:{color:Accent};opacity:1;}
  97.  
  98. ::selection {color:{color:Background};background:{color:Accent};opacity:1;}
  99.  
  100. /* --- TUMBLR TOOLS --- */
  101.  
  102. iframe.tmblr-iframe {
  103. position:fixed;
  104. z-index:10!important;
  105. top:3px!important;
  106. right:0px!important;
  107. opacity:0;
  108. padding-right:60px;
  109. transform:scale(0.5);
  110. transform-origin:100% 0;
  111. -webkit-transform:scale(0.5);
  112. -webkit-transform-origin:100% 0;
  113. -o-transform:scale(0.5);
  114. -o-transform-origin:100% 0;
  115. -moz-transform:scale(0.5);
  116. -moz-transform-origin:100% 0;
  117. -ms-transform:scale(0.5);
  118. -ms-transform-origin:100% 0;
  119. {block:IfInvertTumblrControls}
  120. filter:invert(1);
  121. -webkit-filter:invert(1);
  122. -o-filter:invert(1);
  123. -moz-filter:invert(1);
  124. -ms-filter:invert(1);
  125. {/block:IfInvertTumblrControls}
  126. transition:.2s ease-in-out;
  127. -webkit-transition:.2s ease-in-out;
  128. -moz-transition:.2s ease-in-out;
  129. }
  130.  
  131. iframe.tmblr-iframe:hover {opacity:0.5!important;}
  132.  
  133. .tcontrols {
  134. position:fixed;
  135. top:10px;
  136. right:15px;
  137. z-index:9;
  138. transition:.2s ease-in-out;
  139. -webkit-transition:.2s ease-in-out;
  140. -moz-transition:.2s ease-in-out;
  141. }
  142.  
  143. .tcontrols {color:{color:Text};font-size:14px;}
  144.  
  145. /* --- BODY --- */
  146.  
  147. body {
  148. margin: 0px;
  149. padding: 0px;
  150. font-family: 'Muli', sans-serif;
  151. color:{color:Text};
  152. font-size:{select:Font Size};
  153. line-height:155%;
  154. font-weight:normal;
  155. word-wrap:normal;
  156. text-align:left;
  157. background:{color:Background};
  158. }
  159.  
  160. a {
  161. color:{color:Text};
  162. text-decoration:none;
  163. border:0;
  164. opacity:0.6;
  165. transition:0.3s ease-in-out;
  166. -webkit-transition:0.3s ease-in-out;
  167. -moz-transition:0.3s ease-in-out;
  168. }
  169.  
  170. a:hover {opacity:1.0;}
  171.  
  172. b,strong {font-weight:700;}
  173.  
  174. .et {position:fixed;color:{color:Text};right:8px;bottom:8px;opacity:0.6;text-transform:uppercase;font-size:calc({select:Font Size} - 0.5px);z-index:10;}
  175.  
  176. /* --- CONTAINER --- */
  177.  
  178. .container {
  179. margin:0 auto;
  180. width:calc(100% - 100px);
  181. margin:35px 0px 50px 30px;
  182. padding:20px;
  183. background:{color:Background};
  184. }
  185.  
  186. .block_top, .block_bottom {position:fixed;background:{color:Background};height:35px;width:100%;z-index:8;}
  187.  
  188. .block_top {top:0px;left:0px;}
  189.  
  190. .block_bottom {bottom:0px;left:0px;}
  191.  
  192. /* --- HEADER --- */
  193.  
  194. .header {
  195. margin:0 auto;
  196. width:800px;
  197. height:200px;
  198. background-image: url('{image:Header}');
  199. background-position:top center;
  200. background-repeat:no-repeat;
  201. }
  202.  
  203. /* --- SIDEBAR --- */
  204.  
  205. .sidebar {
  206. margin:0 auto;
  207. width:680px;
  208. padding:20px;
  209. text-align:center;
  210. background:{color:Background};
  211. }
  212.  
  213. .navigation {padding:20px 20px 0px 20px;}
  214.  
  215. .navigation a {
  216. text-transform:uppercase;
  217. margin:0px 10px;
  218. font-size:calc({select:Font Size} - 1px);
  219. font-weight:700;
  220. letter-spacing:0.5px;
  221. color:{color:Accent};
  222. opacity:1.0;
  223. }
  224.  
  225. .navigation a:hover {opacity:0.7;}
  226.  
  227. /* --- BOOKS --- */
  228.  
  229. .books_container {
  230. margin:0 auto;
  231. width:calc(100% - 40px);
  232. padding:20px;
  233. text-align:center;
  234. background:{color:Background};
  235. }
  236.  
  237. .book {
  238. display:inline-block;
  239. width:300px;
  240. height:400px;
  241. margin:0px 30px 0px 30px;
  242. transition:0.3s ease-in-out;
  243. -webkit-transition:0.3s ease-in-out;
  244. -moz-transition:0.3s ease-in-out;
  245. }
  246.  
  247. .book_cover {
  248. position:relative;
  249. top:0px;
  250. margin-bottom:-340px;
  251. left:0px;
  252. width:300px;
  253. height:400px;
  254. background-color:{color:Content};
  255. z-index:1;
  256. }
  257.  
  258. .book_cover img {width:300px;height:400px;}
  259.  
  260. .book_title {
  261. position:relative;
  262. top:340px;
  263. width:278px;
  264. padding:10px;
  265. text-align:center;
  266. background:{color:Content};
  267. border:1px solid {color:Gray};
  268. z-index:2;
  269. }
  270.  
  271. .book_title h1 {text-transform:uppercase;font-size:calc({select:Font Size} + 3px);margin:0px 0px 10px 0px;}
  272.  
  273. .book_title h2 {text-transform:uppercase;font-size:calc({select:Font Size} + 1px);font-style:italic;margin:0px;color:{color:Accent};}
  274.  
  275. .book_detail {
  276. position:relative;
  277. top:-122px;
  278. margin-bottom:0px;
  279. left:0px;
  280. width:260px;
  281. height:360px;
  282. padding:20px;
  283. overflow:scroll;
  284. overflow-x:hidden;
  285. background:{color:Content};
  286. opacity:0;
  287. transition:0.3s ease-in-out;
  288. -webkit-transition:0.3s ease-in-out;
  289. -moz-transition:0.3s ease-in-out;
  290. z-index:2;
  291. }
  292.  
  293. .book_detail:hover {opacity:1.0;}
  294.  
  295. .book_detail::-webkit-scrollbar-thumb {background:{color:Accent};border:3px solid {color:Background};}
  296.  
  297. .book_detail::-webkit-scrollbar {width:8px;border:0px solid {color:Background};border-right:0px solid {color:Background};background:{color:Background};}
  298.  
  299. .book_image img {height:150px;width:260px;}
  300.  
  301. .book_detail h1 {text-transform:uppercase;font-size:calc({select:Font Size} + 5px);margin:20px 0px 10px 0px;}
  302.  
  303. .book_links {text-align:center;margin:20px 0px 10px 0px;}
  304.  
  305. .book_links a {
  306. text-transform:uppercase;
  307. margin:0px 10px;
  308. font-size:calc({select:Font Size} - 1px);
  309. font-weight:700;
  310. letter-spacing:0.5px;
  311. transition:0.3s ease-in-out;
  312. -webkit-transition:0.3s ease-in-out;
  313. -moz-transition:0.3s ease-in-out;
  314. opacity:1.0;
  315. }
  316.  
  317. .book_links a:hover {opacity:0.7}
  318.  
  319. </style>
  320. <body>
  321.  
  322.  
  323.  
  324.  
  325. <!-- DO NOT EDIT -->
  326. <div class="tcontrols">+</div><div class="block_top"></div><div class="block_bottom"></div><div class="et"><a href="https://ethereal-themes.tumblr.com">ethereal</a></div>
  327.  
  328.  
  329.  
  330.  
  331. <!-- START CONTAINER -->
  332. <div class="container">
  333.  
  334.  
  335.  
  336.  
  337.  
  338.  
  339. <!-- START HEADER -->
  340. <div class="header"></div>
  341.  
  342.  
  343.  
  344.  
  345. <!-- START HEADER -->
  346. <div class="sidebar">
  347.  
  348. Lorem <a href="">ipsum</a> dolor sit <em>amet</em>, consectetur adipiscing elit. <b>Aliquam</b> pretium magna et <em>velit</em> dignissim, a placerat nisi rutrum. <i>Vestibulum</i> odio ipsum, rutrum a ex ac, fringilla fermentum ante. <b>Donec</b> nec elit <i>molestie</i> massa finibus <em>pulvinar</em> non nec lacus. <a href="">Nullam</a> ipsum nulla, sodales non ornare et, <b>accumsan</b> a sem. Donec tempus leo non <em>laoreet</em> viverra. Vestibulum ac nunc sem. <b>Aenean</b> vitae <i>convallis</i> velit, non molestie augue.
  349.  
  350. <div class="navigation">
  351. <a href="#">link</a>
  352. <a href="#">link</a>
  353. <a href="#">link</a>
  354. <a href="#">link</a>
  355. <a href="#">link</a>
  356. <a href="#">link</a>
  357. </div>
  358.  
  359. </div>
  360. <!-- END HEADER -->
  361.  
  362.  
  363.  
  364.  
  365.  
  366. <!-- START BOOKS CONTAINER -->
  367. <div class="books_container">
  368.  
  369.  
  370.  
  371. <!---------- START BOOK ---------->
  372. <div class="book">
  373. <!-- Cover Image -->
  374. <div class="book_cover"><img src="https://placehold.it/300X400" /></div>
  375.  
  376. <!-- Book Title Start -->
  377. <div class="book_title">
  378. <h1>Book Title</h1>
  379. <h2>Book Author</h2>
  380. </div>
  381. <!-- Book Title End -->
  382.  
  383. <!-- Book Detail Start -->
  384. <div class="book_detail">
  385.  
  386. <!-- Book Image -->
  387. <div class="book_image"><img src="https://placehold.it/260X150"></div>
  388.  
  389. <h1>Synopsis</h1>
  390. Lorem <a href="">ipsum</a> dolor sit <em>amet</em>, consectetur adipiscing elit. <b>Aliquam</b> pretium magna et <em>velit</em> dignissim, a placerat nisi rutrum. <i>Vestibulum</i> odio ipsum, rutrum a ex ac, fringilla fermentum ante. <b>Donec</b> nec elit <i>molestie</i> massa finibus <em>pulvinar</em> non nec lacus. <a href="">Nullam</a> ipsum nulla, sodales non ornare et, <b>accumsan</b> a sem. Donec tempus leo non <em>laoreet</em> viverra. Vestibulum ac nunc sem. <b>Aenean</b> vitae <i>convallis</i> velit, non molestie augue.
  391.  
  392. <h1>Title</h1>
  393. Lorem <a href="">ipsum</a> dolor sit <em>amet</em>, consectetur adipiscing elit. <b>Aliquam</b> pretium magna et <em>velit</em> dignissim, a placerat nisi rutrum. <i>Vestibulum</i> odio ipsum, rutrum a ex ac, fringilla fermentum ante. <b>Donec</b> nec elit <i>molestie</i> massa finibus <em>pulvinar</em> non nec lacus. <a href="">Nullam</a> ipsum nulla, sodales non ornare et, <b>accumsan</b> a sem. Donec tempus leo non <em>laoreet</em> viverra. Vestibulum ac nunc sem. <b>Aenean</b> vitae <i>convallis</i> velit, non molestie augue.
  394.  
  395. <div class="book_links">
  396. <a href="#">link</a>
  397. <a href="#">link</a>
  398. <a href="#">link</a>
  399. <a href="#">link</a>
  400. </div>
  401.  
  402. </div>
  403. <!-- Book Detail End -->
  404. </div>
  405. <!---------- END BOOK ---------->
  406.  
  407.  
  408.  
  409.  
  410.  
  411.  
  412.  
  413.  
  414.  
  415. <!---------- START BOOK ---------->
  416. <div class="book">
  417. <!-- Cover Image -->
  418. <div class="book_cover"><img src="https://placehold.it/300X400" /></div>
  419.  
  420. <!-- Book Title Start -->
  421. <div class="book_title">
  422. <h1>Book Title</h1>
  423. <h2>Book Author</h2>
  424. </div>
  425. <!-- Book Title End -->
  426.  
  427. <!-- Book Detail Start -->
  428. <div class="book_detail">
  429.  
  430. <!-- Book Image -->
  431. <div class="book_image"><img src="https://placehold.it/260X150"></div>
  432.  
  433. <h1>Synopsis</h1>
  434. Lorem <a href="">ipsum</a> dolor sit <em>amet</em>, consectetur adipiscing elit. <b>Aliquam</b> pretium magna et <em>velit</em> dignissim, a placerat nisi rutrum. <i>Vestibulum</i> odio ipsum, rutrum a ex ac, fringilla fermentum ante. <b>Donec</b> nec elit <i>molestie</i> massa finibus <em>pulvinar</em> non nec lacus. <a href="">Nullam</a> ipsum nulla, sodales non ornare et, <b>accumsan</b> a sem. Donec tempus leo non <em>laoreet</em> viverra. Vestibulum ac nunc sem. <b>Aenean</b> vitae <i>convallis</i> velit, non molestie augue.
  435.  
  436. <h1>Title</h1>
  437. Lorem <a href="">ipsum</a> dolor sit <em>amet</em>, consectetur adipiscing elit. <b>Aliquam</b> pretium magna et <em>velit</em> dignissim, a placerat nisi rutrum. <i>Vestibulum</i> odio ipsum, rutrum a ex ac, fringilla fermentum ante. <b>Donec</b> nec elit <i>molestie</i> massa finibus <em>pulvinar</em> non nec lacus. <a href="">Nullam</a> ipsum nulla, sodales non ornare et, <b>accumsan</b> a sem. Donec tempus leo non <em>laoreet</em> viverra. Vestibulum ac nunc sem. <b>Aenean</b> vitae <i>convallis</i> velit, non molestie augue.
  438.  
  439. <div class="book_links">
  440. <a href="#">link</a>
  441. <a href="#">link</a>
  442. <a href="#">link</a>
  443. <a href="#">link</a>
  444. </div>
  445.  
  446. </div>
  447. <!-- Book Detail End -->
  448. </div>
  449. <!---------- END BOOK ---------->
  450.  
  451.  
  452.  
  453.  
  454.  
  455.  
  456.  
  457.  
  458.  
  459. <!---------- START BOOK ---------->
  460. <div class="book">
  461. <!-- Cover Image -->
  462. <div class="book_cover"><img src="https://placehold.it/300X400" /></div>
  463.  
  464. <!-- Book Title Start -->
  465. <div class="book_title">
  466. <h1>Book Title</h1>
  467. <h2>Book Author</h2>
  468. </div>
  469. <!-- Book Title End -->
  470.  
  471. <!-- Book Detail Start -->
  472. <div class="book_detail">
  473.  
  474. <!-- Book Image -->
  475. <div class="book_image"><img src="https://placehold.it/260X150"></div>
  476.  
  477. <h1>Synopsis</h1>
  478. Lorem <a href="">ipsum</a> dolor sit <em>amet</em>, consectetur adipiscing elit. <b>Aliquam</b> pretium magna et <em>velit</em> dignissim, a placerat nisi rutrum. <i>Vestibulum</i> odio ipsum, rutrum a ex ac, fringilla fermentum ante. <b>Donec</b> nec elit <i>molestie</i> massa finibus <em>pulvinar</em> non nec lacus. <a href="">Nullam</a> ipsum nulla, sodales non ornare et, <b>accumsan</b> a sem. Donec tempus leo non <em>laoreet</em> viverra. Vestibulum ac nunc sem. <b>Aenean</b> vitae <i>convallis</i> velit, non molestie augue.
  479.  
  480. <h1>Title</h1>
  481. Lorem <a href="">ipsum</a> dolor sit <em>amet</em>, consectetur adipiscing elit. <b>Aliquam</b> pretium magna et <em>velit</em> dignissim, a placerat nisi rutrum. <i>Vestibulum</i> odio ipsum, rutrum a ex ac, fringilla fermentum ante. <b>Donec</b> nec elit <i>molestie</i> massa finibus <em>pulvinar</em> non nec lacus. <a href="">Nullam</a> ipsum nulla, sodales non ornare et, <b>accumsan</b> a sem. Donec tempus leo non <em>laoreet</em> viverra. Vestibulum ac nunc sem. <b>Aenean</b> vitae <i>convallis</i> velit, non molestie augue.
  482.  
  483. <div class="book_links">
  484. <a href="#">link</a>
  485. <a href="#">link</a>
  486. <a href="#">link</a>
  487. <a href="#">link</a>
  488. </div>
  489.  
  490. </div>
  491. <!-- Book Detail End -->
  492. </div>
  493. <!---------- END BOOK ---------->
  494.  
  495.  
  496.  
  497.  
  498.  
  499.  
  500.  
  501.  
  502.  
  503. <!---------- START BOOK ---------->
  504. <div class="book">
  505. <!-- Cover Image -->
  506. <div class="book_cover"><img src="https://placehold.it/300X400" /></div>
  507.  
  508. <!-- Book Title Start -->
  509. <div class="book_title">
  510. <h1>Book Title</h1>
  511. <h2>Book Author</h2>
  512. </div>
  513. <!-- Book Title End -->
  514.  
  515. <!-- Book Detail Start -->
  516. <div class="book_detail">
  517.  
  518. <!-- Book Image -->
  519. <div class="book_image"><img src="https://placehold.it/260X150"></div>
  520.  
  521. <h1>Synopsis</h1>
  522. Lorem <a href="">ipsum</a> dolor sit <em>amet</em>, consectetur adipiscing elit. <b>Aliquam</b> pretium magna et <em>velit</em> dignissim, a placerat nisi rutrum. <i>Vestibulum</i> odio ipsum, rutrum a ex ac, fringilla fermentum ante. <b>Donec</b> nec elit <i>molestie</i> massa finibus <em>pulvinar</em> non nec lacus. <a href="">Nullam</a> ipsum nulla, sodales non ornare et, <b>accumsan</b> a sem. Donec tempus leo non <em>laoreet</em> viverra. Vestibulum ac nunc sem. <b>Aenean</b> vitae <i>convallis</i> velit, non molestie augue.
  523.  
  524. <h1>Title</h1>
  525. Lorem <a href="">ipsum</a> dolor sit <em>amet</em>, consectetur adipiscing elit. <b>Aliquam</b> pretium magna et <em>velit</em> dignissim, a placerat nisi rutrum. <i>Vestibulum</i> odio ipsum, rutrum a ex ac, fringilla fermentum ante. <b>Donec</b> nec elit <i>molestie</i> massa finibus <em>pulvinar</em> non nec lacus. <a href="">Nullam</a> ipsum nulla, sodales non ornare et, <b>accumsan</b> a sem. Donec tempus leo non <em>laoreet</em> viverra. Vestibulum ac nunc sem. <b>Aenean</b> vitae <i>convallis</i> velit, non molestie augue.
  526.  
  527. <div class="book_links">
  528. <a href="#">link</a>
  529. <a href="#">link</a>
  530. <a href="#">link</a>
  531. <a href="#">link</a>
  532. </div>
  533.  
  534. </div>
  535. <!-- Book Detail End -->
  536. </div>
  537. <!---------- END BOOK ---------->
  538.  
  539.  
  540.  
  541.  
  542.  
  543.  
  544.  
  545.  
  546.  
  547. <!---------- START BOOK ---------->
  548. <div class="book">
  549. <!-- Cover Image -->
  550. <div class="book_cover"><img src="https://placehold.it/300X400" /></div>
  551.  
  552. <!-- Book Title Start -->
  553. <div class="book_title">
  554. <h1>Book Title</h1>
  555. <h2>Book Author</h2>
  556. </div>
  557. <!-- Book Title End -->
  558.  
  559. <!-- Book Detail Start -->
  560. <div class="book_detail">
  561.  
  562. <!-- Book Image -->
  563. <div class="book_image"><img src="https://placehold.it/260X150"></div>
  564.  
  565. <h1>Synopsis</h1>
  566. Lorem <a href="">ipsum</a> dolor sit <em>amet</em>, consectetur adipiscing elit. <b>Aliquam</b> pretium magna et <em>velit</em> dignissim, a placerat nisi rutrum. <i>Vestibulum</i> odio ipsum, rutrum a ex ac, fringilla fermentum ante. <b>Donec</b> nec elit <i>molestie</i> massa finibus <em>pulvinar</em> non nec lacus. <a href="">Nullam</a> ipsum nulla, sodales non ornare et, <b>accumsan</b> a sem. Donec tempus leo non <em>laoreet</em> viverra. Vestibulum ac nunc sem. <b>Aenean</b> vitae <i>convallis</i> velit, non molestie augue.
  567.  
  568. <h1>Title</h1>
  569. Lorem <a href="">ipsum</a> dolor sit <em>amet</em>, consectetur adipiscing elit. <b>Aliquam</b> pretium magna et <em>velit</em> dignissim, a placerat nisi rutrum. <i>Vestibulum</i> odio ipsum, rutrum a ex ac, fringilla fermentum ante. <b>Donec</b> nec elit <i>molestie</i> massa finibus <em>pulvinar</em> non nec lacus. <a href="">Nullam</a> ipsum nulla, sodales non ornare et, <b>accumsan</b> a sem. Donec tempus leo non <em>laoreet</em> viverra. Vestibulum ac nunc sem. <b>Aenean</b> vitae <i>convallis</i> velit, non molestie augue.
  570.  
  571. <div class="book_links">
  572. <a href="#">link</a>
  573. <a href="#">link</a>
  574. <a href="#">link</a>
  575. <a href="#">link</a>
  576. </div>
  577.  
  578. </div>
  579. <!-- Book Detail End -->
  580. </div>
  581. <!---------- END BOOK ---------->
  582.  
  583.  
  584.  
  585.  
  586. </div>
  587. <!-- END BOOKS CONTAINER -->
  588.  
  589. </div>
  590. <!-- END CONTAINER -->
  591.  
  592. </body>
  593. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!