Html site 12 5/3/2017

SUBMITTED BY: canonical

DATE: May 3, 2017, 6:11 p.m.

FORMAT: HTML

SIZE: 9.0 kB

Raw Download

HITS: 343

Report
  1. If you want more of my pastes visit: https://randompaste.000webhostapp.com/index.html
  2. --------------------------------------------------------------------------------------
  3. view my last post at: https://bitbin.it/ll8ftrpQ/
  4. --------------------------------------------------------------------------------------
  7. <HTML>
  8. <style>
  9. #title
  10. {
  11. line-height:28px;
  12. }
  13. #title a
  14. {
  15. padding: 2px 8px 2px 8px;
  16. border:1px solid #286090;
  17. font-size:18px;
  18. font-weight:bold;
  19. color: white;
  20. background-color: #286090;
  21. }
  23. #title .columnContainer
  24. {
  25. column-count:6;
  26. column-width: 130px;
  27. column-rule-style: solid;
  28. column-rule: 1px solid #286090;
  29. column-fill: balance;
  30. }
  32. #genre .columnContainer
  33. {
  34. column-count:2;
  35. font-size:18px;
  37. }
  39. #title h1
  40. {
  41. color:#286090;
  42. }
  43. #genre h1
  44. {
  45. margin-top:50px;
  46. color:#286090;
  47. }
  48. </style>
  49. <HEAD><TITLE>Fabflix site</TITLE>
  50. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  51. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  52. </HEAD>
  55. <div style="margin-right:100px;margin-left:100px;height:100%;background-color:#ddd;border-right:1px solid #286090;border-left:1px solid #286090;">
  58. <div class="page-header" style="text-align:center;border-bottom-color:#286090;margin-top:0px;padding-bottom:0px;"><span style="color: #286090;
  59. font-size: 50px;
  60. background-color: #aecbf9;
  61. padding: 5px 8px;
  62. border: 1px solid #286090;
  63. border-radius: 15px 15px 0px 0px;
  64. font-family: 'Baloo';
  65. "><i class="fa fa-film" aria-hidden="true"></i>
  66. Browse Page</span></div>
  67. <div style="padding-left:10px;padding-right:10px;">
  68. <button class="btn btn-primary btn-lg" style="padding:12px;font-size:20px;position:absolute;top:19px;left:100px;"><i class="fa fa-home" aria-hidden="true"></i> Home</button>
  69. </a><br>
  70. <a href='shoppingcart'>
  71. <a href='home.html'>
  72. <button class="btn btn-primary btn-lg" style="padding:12px;font-size:20px;position:absolute;top:19px;right:100px;"><i class="fa fa-shopping-cart" aria-hidden="true"></i> Checkout</button>
  73. </a><br>
  74. <div id="title">
  75. <h1>Browse by title</h1>
  76. <div class="columnContainer">
  77. <a href=dosearch?title=0&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >0</a>
  78. <a href=dosearch?title=1&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >1</a>
  79. <a href=dosearch?title=2&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >2</a>
  80. <a href=dosearch?title=3&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >3</a>
  81. <a href=dosearch?title=4&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >4</a>
  82. <a href=dosearch?title=5&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >5</a>
  83. <a href=dosearch?title=6&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >6</a>
  84. <a href=dosearch?title=7&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >7</a>
  85. <a href=dosearch?title=8&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >8</a>
  86. <a href=dosearch?title=9&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >9</a>
  87. <a href=dosearch?title=A&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >A</a>
  88. <a href=dosearch?title=B&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >B</a>
  89. <a href=dosearch?title=C&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >C</a>
  90. <a href=dosearch?title=D&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >D</a>
  91. <a href=dosearch?title=E&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >E</a>
  92. <a href=dosearch?title=F&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >F</a>
  93. <a href=dosearch?title=G&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >G</a>
  94. <a href=dosearch?title=H&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >H</a>
  95. <a href=dosearch?title=I&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >I</a>
  96. <a href=dosearch?title=J&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >J</a>
  97. <a href=dosearch?title=K&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >K</a>
  98. <a href=dosearch?title=L&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >L</a>
  99. <a href=dosearch?title=M&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >M</a>
  100. <a href=dosearch?title=N&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >N</a>
  101. <a href=dosearch?title=O&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >O</a>
  102. <a href=dosearch?title=P&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >P</a>
  103. <a href=dosearch?title=Q&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >Q</a>
  104. <a href=dosearch?title=R&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >R</a>
  105. <a href=dosearch?title=S&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >S</a>
  106. <a href=dosearch?title=T&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >T</a>
  107. <a href=dosearch?title=U&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >U</a>
  108. <a href=dosearch?title=V&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >V</a>
  109. <a href=dosearch?title=W&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >W</a>
  110. <a href=dosearch?title=X&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >X</a>
  111. <a href=dosearch?title=Y&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >Y</a>
  112. <a href=dosearch?title=Z&year=&director=&first=&last=&order=&ordertype=&limit=10&offset=0 >Z</a>
  113. </div>
  114. </div>
  115. <div id="genre">
  116. <h1>Browse by genre</h1>
  117. <div class="columnContainer">
  118. <a class="col-md-6" href=selectGenre?id=48001&order=&ordertype=&limit=10&offset=0 >Classic</a>
  119. <a class="col-md-6" href=selectGenre?id=150005&order=&ordertype=&limit=10&offset=0 >Coming-of-Age-Drama</a>
  120. <a class="col-md-6" href=selectGenre?id=150008&order=&ordertype=&limit=10&offset=0 >Gangster</a>
  121. <a class="col-md-6" href=selectGenre?id=422607&order=&ordertype=&limit=10&offset=0 >Suspense</a>
  122. <a class="col-md-6" href=selectGenre?id=422610&order=&ordertype=&limit=10&offset=0 >Indie</a>
  123. <a class="col-md-6" href=selectGenre?id=492206&order=&ordertype=&limit=10&offset=0 >Biography</a>
  124. <a class="col-md-6" href=selectGenre?id=525208&order=&ordertype=&limit=10&offset=0 >Spy</a>
  125. <a class="col-md-6" href=selectGenre?id=525210&order=&ordertype=&limit=10&offset=0 >James Bond</a>
  126. <a class="col-md-6" href=selectGenre?id=631003&order=&ordertype=&limit=10&offset=0 >Roman</a>
  127. <a class="col-md-6" href=selectGenre?id=764003&order=&ordertype=&limit=10&offset=0 >Animation</a>
  128. <a class="col-md-6" href=selectGenre?id=764013&order=&ordertype=&limit=10&offset=0 >Musical</a>
  129. <a class="col-md-6" href=selectGenre?id=764014&order=&ordertype=&limit=10&offset=0 >Mystery</a>
  130. <a class="col-md-6" href=selectGenre?id=764017&order=&ordertype=&limit=10&offset=0 >Sport</a>
  131. <a class="col-md-6" href=selectGenre?id=788009&order=&ordertype=&limit=10&offset=0 >Documentary</a>
  132. <a class="col-md-6" href=selectGenre?id=788010&order=&ordertype=&limit=10&offset=0 >Musical/Performing Arts</a>
  133. <a class="col-md-6" href=selectGenre?id=855203&order=&ordertype=&limit=10&offset=0 >Crime</a>
  134. <a class="col-md-6" href=selectGenre?id=855209&order=&ordertype=&limit=10&offset=0 >Music</a>
  135. <a class="col-md-6" href=selectGenre?id=872006&order=&ordertype=&limit=10&offset=0 >History</a>
  136. <a class="col-md-6" href=selectGenre?id=872010&order=&ordertype=&limit=10&offset=0 >War</a>
  137. <a class="col-md-6" href=selectGenre?id=872012&order=&ordertype=&limit=10&offset=0 >Family</a>
  138. <a class="col-md-6" href=selectGenre?id=907000&order=&ordertype=&limit=10&offset=0 >Action</a>
  139. <a class="col-md-6" href=selectGenre?id=907001&order=&ordertype=&limit=10&offset=0 >Adventure</a>
  140. <a class="col-md-6" href=selectGenre?id=907002&order=&ordertype=&limit=10&offset=0 >Drama</a>
  141. <a class="col-md-6" href=selectGenre?id=907003&order=&ordertype=&limit=10&offset=0 >Comedy</a>
  142. <a class="col-md-6" href=selectGenre?id=907004&order=&ordertype=&limit=10&offset=0 >Horror</a>
  143. <a class="col-md-6" href=selectGenre?id=907005&order=&ordertype=&limit=10&offset=0 >Thriller</a>
  144. <a class="col-md-6" href=selectGenre?id=907006&order=&ordertype=&limit=10&offset=0 >Foreign</a>
  145. <a class="col-md-6" href=selectGenre?id=907007&order=&ordertype=&limit=10&offset=0 >Sci-Fi</a>
  146. <a class="col-md-6" href=selectGenre?id=907008&order=&ordertype=&limit=10&offset=0 >Romance</a>
  147. <a class="col-md-6" href=selectGenre?id=907009&order=&ordertype=&limit=10&offset=0 >Fantasy</a>
  148. </div>
  149. </div>
  150. </div>
  151. </div>
comments powered by Disqus