API tools faq
paste
Advertisement
enchantique

Page 04: Movie/Rec

enchantique
Jan 8th, 2013
2,014
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.56 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. PAGE 04: Movie/Rec
  3. by sakurane - (sakurane.tumblr.com)
  4. ----------------------------------------------------------------------
  5. TERMS OF USAGE
  6. 1. Do not remove the credit. (You may move it to a credits page.)
  7. 2. Do not use as a base code.
  8. 3. Do not take any part of the code.
  9. 4. Do not redistribute.
  10. 5. Do not claim as your own.
  11. 6. You may customize to your liking, but keep the credit intact.
  12. -->
  13.  
  14. <!DOCTYPE HTML>
  15. <html><head>
  16.  
  17. <title>{Title}</title>
  18.  
  19. <style>
  20. @import url(http://fonts.googleapis.com/css?family=Jura:400,600);
  21.  
  22. body {
  23. text-align: center;
  24. background: #fafafa url(BGURLHERE) repeat fixed;
  25. margin: 0;
  26. }
  27. a {
  28. color: #808080;
  29. text-decoration: none;
  30. }
  31. a:hover {
  32. color: #ccc;
  33. }
  34. b, strong {
  35. color: #808080;
  36. }
  37. i, em {
  38. color: #808080;
  39. }
  40. #container {
  41. width: 1060px;
  42. margin: 40px auto;
  43. }
  44. #header {
  45. width: 100%;
  46. padding: 40px 0;
  47. background: #222 url(BGURLHERE) repeat fixed;
  48. }
  49. #header a {
  50. font-size: 12px;
  51. font-style: italic;
  52. color: #ccc;
  53. margin: 0 5px;
  54. letter-spacing: 1px;
  55. background: #444;
  56. padding: 2px 30px;
  57. -webkit-transition: all 0.5s ease-in-out;
  58. -moz-transition: all 0.5s ease-in-out;
  59. -o-transition: all 0.5s ease-in-out;
  60. }
  61. #header a:hover {
  62. background: #fafafa;
  63. color: #808080;
  64. }
  65. h1 {
  66. font: bold 2em Jura;
  67. color: #fff;
  68. text-transform: uppercase;
  69. margin-bottom: -1px;
  70. }
  71. .recbox {
  72. width: 223px;
  73. padding: 10px;
  74. border: 1px solid #eee;
  75. background: #fff;
  76. float: left;
  77. margin: 10px;
  78. }
  79. .recbox:hover .recinfo {
  80. opacity: 0.9;
  81. }
  82. .recbox img {
  83. width: 223px;
  84. height: 253px;
  85. }
  86. .recinfo {
  87. font: 11px arial;
  88. color: #808080;
  89. text-align: justify;
  90. width: 213px;
  91. height: 243px;
  92. overflow: auto;
  93. position: absolute;
  94. background: #fff;
  95. padding: 5px;
  96. line-height: 15px;
  97. border-bottom: 4px solid #555;
  98. opacity: 0;
  99. -webkit-transition: all 0.7s ease-in-out;
  100. -moz-transition: all 0.7s ease-in-out;
  101. -o-transition: all 0.7s ease-in-out;
  102. }
  103. .infotitle {
  104. font: bold 9px Jura;
  105. text-transform: uppercase;
  106. background: #444;
  107. color: #eee;
  108. letter-spacing: 1px;
  109. padding: 2px 2px 1px 2px;
  110. }
  111. .rectitle {
  112. width: 223px;
  113. font: 1.2em Jura;
  114. color: #333;
  115. padding-top: 10px;
  116. }
  117. .star {
  118. color: #f7d900;
  119. }
  120. ::-webkit-scrollbar-thumb:vertical {
  121. height: 80px;
  122. background: #222;
  123. }
  124. ::-webkit-scrollbar {
  125. width: 5px;
  126. height: 10px;
  127. background: #fff;
  128. }
  129. </style>
  130.  
  131. </head><body>
  132.  
  133. <div id="header"><h1>PAGE TITLE HERE</h1><a href="/">home</a><a href="/dashboard">dash</a><a href="http://sakurane.tumblr.com">theme</a></div>
  134.  
  135. <div id="container">
  136.  
  137. <!-- START -->
  138. <div class="recbox">
  139. <div class="recinfo">
  140. <span class="infotitle">Synopsis</span> summary goes here.
  141. <p>
  142. <span class="infotitle">comments</span> any comments or review here
  143. </div>
  144. <img src="http://i45.tinypic.com/r8e7nc.png">
  145. <div class="rectitle">
  146. Title
  147. <br>
  148. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  149. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  150.  
  151. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  152. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  153. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  154. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  155. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  156. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  157. </div>
  158. </div>
  159. <!-- END -->
  160.  
  161. <!-- START -->
  162. <div class="recbox">
  163. <div class="recinfo">
  164. <span class="infotitle">Synopsis</span> summary goes here.
  165. <p>
  166. <span class="infotitle">comments</span> any comments or review here
  167. </div>
  168. <img src="http://i45.tinypic.com/r8e7nc.png">
  169. <div class="rectitle">
  170. Title
  171. <br>
  172. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  173. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  174.  
  175. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  176. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  177. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  178. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  179. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  180. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  181. </div>
  182. </div>
  183. <!-- END -->
  184.  
  185. <!-- START -->
  186. <div class="recbox">
  187. <div class="recinfo">
  188. <span class="infotitle">Synopsis</span> summary goes here.
  189. <p>
  190. <span class="infotitle">comments</span> any comments or review here
  191. </div>
  192. <img src="http://i45.tinypic.com/r8e7nc.png">
  193. <div class="rectitle">
  194. Title
  195. <br>
  196. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  197. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  198.  
  199. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  200. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  201. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  202. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  203. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  204. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  205. </div>
  206. </div>
  207. <!-- END -->
  208.  
  209. <!-- START -->
  210. <div class="recbox">
  211. <div class="recinfo">
  212. <span class="infotitle">Synopsis</span> summary goes here.
  213. <p>
  214. <span class="infotitle">comments</span> any comments or review here
  215. </div>
  216. <img src="http://i45.tinypic.com/r8e7nc.png">
  217. <div class="rectitle">
  218. Title
  219. <br>
  220. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  221. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  222.  
  223. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  224. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  225. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  226. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  227. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  228. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  229. </div>
  230. </div>
  231. <!-- END -->
  232.  
  233. <!-- START -->
  234. <div class="recbox">
  235. <div class="recinfo">
  236. <span class="infotitle">Synopsis</span> summary goes here.
  237. <p>
  238. <span class="infotitle">comments</span> any comments or review here
  239. </div>
  240. <img src="http://i45.tinypic.com/r8e7nc.png">
  241. <div class="rectitle">
  242. Title
  243. <br>
  244. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  245. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  246.  
  247. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  248. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  249. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  250. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  251. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  252. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  253. </div>
  254. </div>
  255. <!-- END -->
  256.  
  257. <!-- START -->
  258. <div class="recbox">
  259. <div class="recinfo">
  260. <span class="infotitle">Synopsis</span> summary goes here.
  261. <p>
  262. <span class="infotitle">comments</span> any comments or review here
  263. </div>
  264. <img src="http://i45.tinypic.com/r8e7nc.png">
  265. <div class="rectitle">
  266. Title
  267. <br>
  268. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  269. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  270.  
  271. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  272. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  273. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  274. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  275. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  276. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  277. </div>
  278. </div>
  279. <!-- END -->
  280.  
  281. <!-- START -->
  282. <div class="recbox">
  283. <div class="recinfo">
  284. <span class="infotitle">Synopsis</span> summary goes here.
  285. <p>
  286. <span class="infotitle">comments</span> any comments or review here
  287. </div>
  288. <img src="http://i45.tinypic.com/r8e7nc.png">
  289. <div class="rectitle">
  290. Title
  291. <br>
  292. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  293. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  294.  
  295. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  296. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  297. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  298. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  299. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  300. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  301. </div>
  302. </div>
  303. <!-- END -->
  304.  
  305. <!-- START -->
  306. <div class="recbox">
  307. <div class="recinfo">
  308. <span class="infotitle">Synopsis</span> summary goes here.
  309. <p>
  310. <span class="infotitle">comments</span> any comments or review here
  311. </div>
  312. <img src="http://i45.tinypic.com/r8e7nc.png">
  313. <div class="rectitle">
  314. Title
  315. <br>
  316. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  317. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  318.  
  319. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  320. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  321. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  322. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  323. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  324. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  325. </div>
  326. </div>
  327. <!-- END -->
  328.  
  329. <!-- START -->
  330. <div class="recbox">
  331. <div class="recinfo">
  332. <span class="infotitle">Synopsis</span> summary goes here.
  333. <p>
  334. <span class="infotitle">comments</span> any comments or review here
  335. </div>
  336. <img src="http://i45.tinypic.com/r8e7nc.png">
  337. <div class="rectitle">
  338. Title
  339. <br>
  340. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  341. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  342.  
  343. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  344. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  345. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  346. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  347. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  348. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  349. </div>
  350. </div>
  351. <!-- END -->
  352.  
  353. <!-- START -->
  354. <div class="recbox">
  355. <div class="recinfo">
  356. <span class="infotitle">Synopsis</span> summary goes here.
  357. <p>
  358. <span class="infotitle">comments</span> any comments or review here
  359. </div>
  360. <img src="http://i45.tinypic.com/r8e7nc.png">
  361. <div class="rectitle">
  362. Title
  363. <br>
  364. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  365. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  366.  
  367. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  368. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  369. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  370. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  371. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  372. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  373. </div>
  374. </div>
  375. <!-- END -->
  376.  
  377. <!-- START -->
  378. <div class="recbox">
  379. <div class="recinfo">
  380. <span class="infotitle">Synopsis</span> summary goes here.
  381. <p>
  382. <span class="infotitle">comments</span> any comments or review here
  383. </div>
  384. <img src="http://i45.tinypic.com/r8e7nc.png">
  385. <div class="rectitle">
  386. Title
  387. <br>
  388. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  389. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  390.  
  391. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  392. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  393. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  394. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  395. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  396. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  397. </div>
  398. </div>
  399. <!-- END -->
  400.  
  401. <!-- START -->
  402. <div class="recbox">
  403. <div class="recinfo">
  404. <span class="infotitle">Synopsis</span> summary goes here.
  405. <p>
  406. <span class="infotitle">comments</span> any comments or review here
  407. </div>
  408. <img src="http://i45.tinypic.com/r8e7nc.png">
  409. <div class="rectitle">
  410. Title
  411. <br>
  412. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  413. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  414.  
  415. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  416. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  417. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  418. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  419. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  420. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  421. </div>
  422. </div>
  423. <!-- END -->
  424.  
  425. <!-- START -->
  426. <div class="recbox">
  427. <div class="recinfo">
  428. <span class="infotitle">Synopsis</span> summary goes here.
  429. <p>
  430. <span class="infotitle">comments</span> any comments or review here
  431. </div>
  432. <img src="http://i45.tinypic.com/r8e7nc.png">
  433. <div class="rectitle">
  434. Title
  435. <br>
  436. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  437. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  438.  
  439. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  440. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  441. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  442. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  443. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  444. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  445. </div>
  446. </div>
  447. <!-- END -->
  448.  
  449. <!-- START -->
  450. <div class="recbox">
  451. <div class="recinfo">
  452. <span class="infotitle">Synopsis</span> summary goes here.
  453. <p>
  454. <span class="infotitle">comments</span> any comments or review here
  455. </div>
  456. <img src="http://i45.tinypic.com/r8e7nc.png">
  457. <div class="rectitle">
  458. Title
  459. <br>
  460. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  461. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  462.  
  463. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  464. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  465. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  466. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  467. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  468. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  469. </div>
  470. </div>
  471. <!-- END -->
  472.  
  473. <!-- START -->
  474. <div class="recbox">
  475. <div class="recinfo">
  476. <span class="infotitle">Synopsis</span> summary goes here.
  477. <p>
  478. <span class="infotitle">comments</span> any comments or review here
  479. </div>
  480. <img src="http://i45.tinypic.com/r8e7nc.png">
  481. <div class="rectitle">
  482. Title
  483. <br>
  484. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  485. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  486.  
  487. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  488. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  489. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  490. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  491. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  492. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  493. </div>
  494. </div>
  495. <!-- END -->
  496.  
  497. <!-- START -->
  498. <div class="recbox">
  499. <div class="recinfo">
  500. <span class="infotitle">Synopsis</span> summary goes here.
  501. <p>
  502. <span class="infotitle">comments</span> any comments or review here
  503. </div>
  504. <img src="http://i45.tinypic.com/r8e7nc.png">
  505. <div class="rectitle">
  506. Title
  507. <br>
  508. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  509. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  510.  
  511. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  512. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  513. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  514. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  515. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  516. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  517. </div>
  518. </div>
  519. <!-- END -->
  520.  
  521. <!-- START -->
  522. <div class="recbox">
  523. <div class="recinfo">
  524. <span class="infotitle">Synopsis</span> summary goes here.
  525. <p>
  526. <span class="infotitle">comments</span> any comments or review here
  527. </div>
  528. <img src="http://i45.tinypic.com/r8e7nc.png">
  529. <div class="rectitle">
  530. Title
  531. <br>
  532. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  533. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  534.  
  535. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  536. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  537. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  538. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  539. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  540. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  541. </div>
  542. </div>
  543. <!-- END -->
  544.  
  545. <!-- START -->
  546. <div class="recbox">
  547. <div class="recinfo">
  548. <span class="infotitle">Synopsis</span> summary goes here.
  549. <p>
  550. <span class="infotitle">comments</span> any comments or review here
  551. </div>
  552. <img src="http://i45.tinypic.com/r8e7nc.png">
  553. <div class="rectitle">
  554. Title
  555. <br>
  556. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  557. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  558.  
  559. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  560. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  561. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  562. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  563. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  564. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  565. </div>
  566. </div>
  567. <!-- END -->
  568.  
  569. <!-- START -->
  570. <div class="recbox">
  571. <div class="recinfo">
  572. <span class="infotitle">Synopsis</span> summary goes here.
  573. <p>
  574. <span class="infotitle">comments</span> any comments or review here
  575. </div>
  576. <img src="http://i45.tinypic.com/r8e7nc.png">
  577. <div class="rectitle">
  578. Title
  579. <br>
  580. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  581. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  582.  
  583. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  584. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  585. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  586. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  587. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  588. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  589. </div>
  590. </div>
  591. <!-- END -->
  592.  
  593. <!-- START -->
  594. <div class="recbox">
  595. <div class="recinfo">
  596. <span class="infotitle">Synopsis</span> summary goes here.
  597. <p>
  598. <span class="infotitle">comments</span> any comments or review here
  599. </div>
  600. <img src="http://i45.tinypic.com/r8e7nc.png">
  601. <div class="rectitle">
  602. Title
  603. <br>
  604. <span class="star">&#9734;&#9734;&#9734;&#9734;&#9734;</span>
  605. <!-- &#9733; is a solid star and &#9734; is an unfilled star.
  606.  
  607. &#9734;&#9734;&#9734;&#9734;&#9734; (0 star)
  608. &#9733;&#9734;&#9734;&#9734;&#9734; (1 star)
  609. &#9733;&#9733;&#9734;&#9734;&#9734; (2 star)
  610. &#9733;&#9733;&#9733;&#9734;&#9734; (3 star)
  611. &#9733;&#9733;&#9733;&#9733;&#9734; (4 star)
  612. &#9733;&#9733;&#9733;&#9733;&#9733; (5 star) -->
  613. </div>
  614. </div>
  615. <!-- END -->
  616.  
  617. </div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!