API tools faq
paste
Advertisement
Guest User

CUTTHROAT KETTERDAM

a guest
Jul 18th, 2018
163
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 20.43 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME 10 [BOUSSOLE] by saisei-themes @ tumblr
  4.  
  5. - do not repost
  6. - do not claim as your own
  7. - do not use as base
  8. - enjoy !
  9.  
  10. -->
  11.  
  12.  
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16. <head>
  17.  
  18. <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  19.  
  20.  
  21. <title>{Title}</title>
  22.  
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. <meta name="description" content="{MetaDescription}" />
  26.  
  27. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
  28.  
  29. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
  30.  
  31. <script src="https://npmcdn.com/isotope-layout@3.0/dist/isotope.pkgd.min.js"></script>
  32.  
  33. <script src="https://use.fontawesome.com/257106a2c1.js"></script>
  34.  
  35. <script>
  36. $(document).ready(function() {
  37.     var $container = $('.grid').isotope({
  38.         itemSelector: '.grid-item',
  39.         masonry: {
  40.             columnWidth: 100
  41.         }
  42.     });
  43.  
  44. $('.btn').click(function () {
  45.     $(this) // wrap this, it always refers to the clicked event element
  46.         .parents('.grid-item')// find parent grid item
  47.         .find('.drop, .drop2, .drop3') // find adjacent drop
  48.         .toggle('slow'); // only toggle that one element
  49.        
  50. });
  51.  
  52. $('.btn').click(function () {
  53.     $(this)
  54.     .parents('.one')
  55.     .find('.grid-item')
  56.         .toggleClass('fullsize');
  57.         $container.isotope('layout');
  58.     });
  59.  
  60. });
  61. </script>
  62.    
  63. <style type="text/css">
  64.  
  65. /* POPUP BOXES */
  66.  
  67. .popup_block{
  68.     display:none;
  69.     background:{color:posts};
  70.     padding:20px;
  71.     border:5px solid {color:accent};
  72.     outline: 1px solid {color:border};
  73.     float:left;
  74.     position:fixed;
  75.     top:50%;left:50%;
  76.     z-index: 99999;
  77.     font-size: {text:font size}px;
  78. }
  79.  
  80. *html #fade {position: absolute;}
  81. *html .popup_block {position: absolute;}
  82. #fade {
  83.     display:none;
  84.     position:fixed;
  85.     left:0px;
  86.     top:0px;
  87.     width:100%;
  88.     height:100%;
  89.     z-index:9999;
  90.     background:#000; /* change to #fff for solid white */
  91.     opacity:0.2; /* change to opacity:1; */
  92. }
  93.  
  94. #popheading {
  95. font-size: 35px;
  96. font-family: 'radiometry';
  97. color: {color:border};
  98. border-bottom: 1px solid {color:border2};
  99. padding-bottom: 5px;
  100. padding-top: 5px;
  101. margin-bottom: 10px;
  102. }
  103.  
  104.     ::-webkit-scrollbar {width:6px; height:11px;}
  105.     ::-webkit-scrollbar-track {border:5px solid #fff; background-color:#eee;}
  106.     ::-webkit-scrollbar-thumb {
  107.         border:5px solid rgba(0, 0, 0, 0);
  108.         background-clip:padding-box;
  109.         background-color:#000;
  110.     }
  111.  
  112. /* CUSTOM FONT */
  113.  
  114. @font-face { font-family: "silkscreen"; src: url('https://dl.dropboxusercontent.com/s/4bj79wi75v77m0r/slkscr.ttf?dl=1'); format(“truetype”);}
  115.  
  116. @font-face { font-family: "bebas_neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/bebasneue.otf?dl=1'); format(“truetype”);}
  117.  
  118.  
  119. .dc::-webkit-scrollbar{ width: 5px; }
  120.  
  121. .dc::-webkit-scrollbar-thumb{ background-color: #e6e6e6;}
  122.  
  123. .dc::-webkit-scrollbar-track { background-color: #f6f6f6;}
  124.  
  125.  
  126. /* TEXT STUFF */
  127.  
  128. h1, h2 {
  129. font-size: 25px;
  130. font-family: 'radiometry';
  131. }
  132.  
  133. small, sup, sub {
  134. font-size: {text:font size}px;
  135. }
  136.  
  137. a {
  138. text-decoration: none;
  139. color: #474747;
  140.  -webkit-transition: all .8s ease-in-out;
  141.     -moz-transition: all .8s ease-in-out;
  142.     -o-transition: all .8s ease-in-out;
  143.     transition: all .8s ease-in-out;
  144.     font-style: bold;
  145. }
  146.  
  147. a:hover {
  148.     color: #cfcfcf;
  149.      -webkit-transition: all .8s ease-in-out;
  150.     -moz-transition: all .8s ease-in-out;
  151.     -o-transition: all .8s ease-in-out;
  152.     transition: all .8s ease-in-out;
  153. }
  154.  
  155. b, strong {
  156. color: #919191;
  157. }
  158.  
  159. i, em {
  160.     color: #cfcfcf;
  161. }
  162.  
  163. /* BODY */
  164.  
  165. body {
  166. background: url('http://i.imgur.com/fzhm3tM.png');
  167. margin: 0px;
  168. padding: 0px;
  169. color: {color:text};
  170. font-family: quicksand;
  171. font-size: 13px;
  172. overflow-y: scroll;
  173. overflow-x: hidden;
  174. font-size: {text:font size}px;
  175. -webkit-font-smoothing:antialiased;
  176. }
  177.  
  178. /* GRID */
  179.  
  180. .grid {
  181.     margin-left: auto;
  182.     margin-right: auto;
  183.     margin-top: 25px;
  184.     width: 900px;
  185.     height: 100%;
  186. }
  187.  
  188. .grid:after {
  189.     display: inline-block;
  190.     clear: both;
  191.     content: '';
  192. }
  193.  
  194. .grid-item {
  195.     float: left;
  196.     margin: 10px;
  197.     width: 275px;
  198.     height: 150px;
  199.     font-size: 10px;
  200. }
  201.  
  202. .grid-item .3 {
  203.     height: 100px;
  204.     width: 250px;
  205. }
  206.  
  207. .grid-item.fullsize {
  208.     float: left;
  209.     height: 350px;
  210.     position: relative;
  211. }
  212.  
  213. /* PAGE HEADER */
  214.  
  215. #top {
  216. position: relative;
  217. background: #474747;
  218. color: #fff;
  219. width: 100%;
  220.     padding: 5px;
  221.     font-size: 30px;
  222.     top: 0px;
  223.     text-align: center;
  224.     border-bottom: 2px solid #000000;
  225.     letter-spacing: 2px;
  226.     font-family:'bebas_neue';
  227.     text-shadow: 0px 1px 2px #171717;
  228.     font-style: italic;
  229.     z-index:9999999;
  230. }
  231.  
  232. /* ROW */
  233.  
  234. .one {
  235. width: 500px;
  236. }
  237.  
  238. /* ICONS */
  239.  
  240. .icon {
  241.     position: absolute;
  242.     top: 0;
  243.     right: 0;
  244.       border: 5px solid #fff;
  245.       margin-left:-125px;
  246.       height: 100px;
  247.       width: 250px;
  248.       outline: 1px solid #e6e6e6;
  249.       -webkit-filter: grayscale(100%);
  250.     -webkit-transition: all .3s ease-in-out;
  251.     -moz-transition: all .3s ease-in-out;
  252.     -o-transition: all .3s ease-in-out;
  253.     transition: all .3s ease-in-out;
  254.     outline: 1px solid #e6e6e6;
  255. }
  256.  
  257. .icon:hover {
  258.     position: absolute;
  259.     top: 0;
  260.     right: 0;
  261.     -webkit-filter: none;
  262.     margin-left:-125px;
  263.     height: 100px;
  264.     width: 250px;
  265.     outline: 1px solid #e6e6e6;
  266.     -webkit-transition: all .3s ease-in-out;
  267.     -moz-transition: all .3s ease-in-out;
  268.     -o-transition: all .3s ease-in-out;
  269.     transition: all .3s ease-in-out;
  270.     outline: 1px solid #e6e6e6;
  271. }
  272.  
  273. /* NAME BUTTON */
  274.  
  275. .btn {
  276. background-color: #474747;
  277. color:#fff;
  278. font-size: 8px;
  279. font-family: 'silkscreen';
  280. margin-top: 115px;
  281. padding:3px;
  282. margin-left: 15px;
  283. border: none;
  284. text-align: left;
  285. width: 110px;
  286. -webkit-font-smoothing: none;
  287. border-bottom: 1px solid ##000000
  288.  
  289. }
  290.  
  291. .btn:after {
  292.    position: absolute;
  293.     right: 0;
  294.     top: 118px;
  295.     padding: 0 5px;
  296.     content: "+";
  297.     font-weight: 100;
  298. }
  299.  
  300. .btn:focus {
  301.     outline: 0;
  302. }
  303.  
  304. /* BOXES */
  305.  
  306. .drop {
  307. background-color: #fff;
  308. height: 150px;
  309. width: 540px;
  310. position: absolute;
  311. margin-top: 10px;
  312. color: #919191;
  313. display:none;
  314. text-align: justify;
  315. margin-left: 14px;
  316. padding: 10px;
  317. border: 1px solid #e6e6e6;
  318. letter-spacing: .5px;
  319. z-index: 9999;
  320. }
  321.  
  322. .drop2 {
  323. background-color: #fff;
  324. height: 150px;
  325. width: 540px;
  326. position: absolute;
  327. margin-top: 10px;
  328. color: #919191;
  329. display:none;
  330. text-align: justify;
  331. margin-left: -286px;
  332. padding: 10px;
  333. border: 1px solid #e6e6e6;
  334. z-index: 9999;
  335. }
  336.  
  337. .dc {
  338. width: 465px;
  339. height: 155px;
  340. overflow-y: hidden;
  341. padding: 10px;
  342. position: absolute;
  343. font-size: 11px;
  344. margin-top: 5px;
  345. }
  346.  
  347. /* BOX HEADER */
  348.  
  349. #boxtop {
  350. width: 100%;
  351. margin: -10px -10px 0px -10px;
  352. text-transform: uppercase;
  353. font-size: 15px;
  354. }
  355.  
  356. #header {
  357. font-family: 'bebas_neue';
  358. color: #fff;
  359. position: relative;
  360. letter-spacing: 1px;
  361. background: #474747;
  362. padding: 5px;
  363. width: 48%;
  364. text-transform: capitalize;
  365. display: inline-block;
  366. text-align:left;
  367. }
  368.  
  369. #subtitle {
  370. font-family: 'bebas_neue';
  371. color: #919191;
  372. position: relative;
  373. letter-spacing: 1px;
  374. border-bottom: 1px solid #e6e6e6;
  375. padding: 5px 9px 4px 10px;
  376. float: right;
  377. width: 50%;
  378. text-transform: uppercase;  
  379. display: inline-block;
  380. margin-right: -20px;
  381. text-align: left;
  382. }
  383.  
  384. /* INFO SECTION */
  385.  
  386. .basic {
  387. width: 100%;
  388. margin-top: -10px;
  389. }
  390.  
  391. .info {
  392. width: 50%;
  393. display: inline-block;
  394. }
  395.  
  396. .info li {
  397. border-bottom: 1px solid #e6e6e6;
  398. list-style-type: none;
  399. padding:3px 0px 3px 0px;
  400. }
  401.  
  402. .info li:before {
  403. font-family: 'FontAwesome';
  404. content:"\f101";
  405. padding-right: 4px;
  406. }
  407.  
  408. /* LINKS */
  409.  
  410. .links {
  411. width: 45%;
  412. float:right;
  413. display: inline-block;
  414. margin-left: 10px;
  415. padding-top: 5px;
  416. }
  417.  
  418. .links a, .links i {
  419. display: inline-block;
  420. font-size: 10px;
  421. padding: 3px 0px 3px 0px;
  422. }
  423.  
  424. .links i {
  425. padding-right: 7px;
  426. color: #919191;
  427. }
  428.  
  429.  
  430. /* CREDIT - DO NOT DELETE */
  431.  
  432. #cred {
  433.     background-color: #474747;
  434.     font-family: 'bebas neue';
  435.     font-size: 10px;
  436.     color: #fff;
  437.     padding: 5px 6px 5px 6px;
  438.     width: 15px;
  439.     height: 15px;
  440.     border: 2px solid #fff;
  441.     outline: 1px solid #474747;
  442.     float:bottom;
  443.     top: 95%;
  444.     left: 10px;
  445.     position: fixed;
  446.     -webkit-transition: all .3s ease-in-out;
  447.     -moz-transition: all .3s ease-in-out;
  448.     -o-transition: all .3s ease-in-out;
  449.     transition: all .3s ease-in-out;
  450. }
  451.  
  452.  #cred2 {
  453.     background-color: #474747;
  454.     font-family: 'bebas neue';
  455.     font-size: 10px;
  456.     color: #fff;
  457.     padding: 5px 6px 5px 6px;
  458.        width: 15px;
  459.     height: 15px;
  460.     margin-left:50px;
  461.     border: 2px solid #fff;
  462.     outline: 1px solid #474747;
  463.     float:bottom;
  464.     top: 95%;
  465.     left: 10px;
  466.     position: fixed;
  467.     -webkit-transition: all .3s ease-in-out;
  468.     -moz-transition: all .3s ease-in-out;
  469.     -o-transition: all .3s ease-in-out;
  470.     transition: all .3s ease-in-out;
  471. }
  472.  
  473.    #cred:hover {
  474.     background-color: #eac1c5;
  475.         border: 2px solid #fff;
  476.     outline: 1px solid #eac1c5;
  477.     -webkit-transition: all .3s ease-in-out;
  478.     -moz-transition: all .3s ease-in-out;
  479.     -o-transition: all .3s ease-in-out;
  480.     transition: all .3s ease-in-out;
  481.  
  482. }
  483.  
  484.   #cred2:hover {
  485.     background-color: #eac1c5;
  486.         border: 2px solid #fff;
  487.     outline: 1px solid #eac1c5;
  488.     -webkit-transition: all .3s ease-in-out;
  489.     -moz-transition: all .3s ease-in-out;
  490.     -o-transition: all .3s ease-in-out;
  491.     transition: all .3s ease-in-out;
  492.  
  493. }
  494.  
  495. #cred a {
  496.     color: #fff;
  497.     font-size: 16px;
  498.     letter-spacing: 3px;
  499. }
  500.  
  501. #cred2 a {
  502.     color: #fff;
  503.     font-size: 16px;
  504.     letter-spacing: 3px;
  505. }
  506.  
  507. </style></head>
  508.  
  509. <body>
  510. <div id="top">CUTTHROAT KETTERDAM</div>
  511.  
  512. <div class="grid">
  513.  
  514. <!--BEGIN FIRST ROW -->
  515.  
  516. <!-- FIRST MUSE -->
  517.  
  518. <div class="one">
  519. <div class="grid-item">
  520. <div class="icon"><a href="https://kuweiyulbo.tumblr.com/temp2"><img src="https://thumb10.shutterstock.com/mosaic_250/360523/401059783/stock-photo-poppy-field-background-summer-sunshine-effects-nature-background-red-flowers-banner-401059783.jpg"></a></div>
  521.  
  522.  
  523. <div class="drop">
  524.  
  525. <div id="boxtop">
  526. <div id="header">CHALLENGE #1 | 500 POINTS</div><div id="subtitle">CHALLENGE DETAILS</div></div>
  527.  
  528. <div class="dc">
  529.  
  530. <div class="basic">
  531.  
  532. </div>
  533.  
  534. <!-- BIOGRAPHY/INFO SECTION -->
  535.  
  536. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt turpis ligula, vel rhoncus tortor finibus in. Donec quam justo, hendrerit eget massa dapibus, dignissim vestibulum turpis. In non magna nisi. Sed consectetur leo nec consequat placerat. Duis sollicitudin lacus libero, quis viverra nunc imperdiet pulvinar. Quisque lacus ipsum, posuere eget blandit sed, pharetra at dolor. Proin metus quam, sodales a feugiat in, pulvinar non ligula. Integer in vestibulum urna. Phasellus ac enim pharetra diam egestas fermentum vel et dui.</p>
  537.  
  538. </div>
  539. </div>
  540. </div>
  541.  
  542.  
  543. <!--THIRD MUSE -->
  544.  
  545. <div class="grid-item">
  546.  <div class="icon"><a href="https://kuweiyulbo.tumblr.com/temp2"><img src="https://thumb10.shutterstock.com/mosaic_250/360523/401059783/stock-photo-poppy-field-background-summer-sunshine-effects-nature-background-red-flowers-banner-401059783.jpg"></a></div>
  547.  
  548.  
  549. <div class="drop2">
  550.  
  551. <div id="boxtop">
  552. <div id="header">CHALLENGE #2 | 500 POINTS</div><div id="subtitle">CHALLENGE DETAILS</div></div>
  553.  
  554. <div class="dc">
  555.  
  556. <div class="basic">
  557. </div>
  558.  
  559. <!-- BIOGRAPHY/INFO SECTION -->
  560.  
  561. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt turpis ligula, vel rhoncus tortor finibus in. Donec quam justo, hendrerit eget massa dapibus, dignissim vestibulum turpis. In non magna nisi. Sed consectetur leo nec consequat placerat. Duis sollicitudin lacus libero, quis viverra nunc imperdiet pulvinar. Quisque lacus ipsum, posuere eget blandit sed, pharetra at dolor. Proin metus quam, sodales a feugiat in, pulvinar non ligula. Integer in vestibulum urna. Phasellus ac enim pharetra diam egestas fermentum vel et dui.</p>
  562.  
  563. </div>
  564. </div>
  565. </div>
  566.  
  567. </div>
  568.  
  569. <!-- END FIRST ROW -->
  570.  
  571. <!--BEGIN FIRST ROW -->
  572.  
  573. <!-- FIRST MUSE -->
  574.  
  575. <div class="one">
  576. <div class="grid-item">
  577.  <div class="icon"><a href="https://kuweiyulbo.tumblr.com/temp2"><img src="https://thumb10.shutterstock.com/mosaic_250/360523/401059783/stock-photo-poppy-field-background-summer-sunshine-effects-nature-background-red-flowers-banner-401059783.jpg"></a></div>
  578.  
  579.  
  580. <div class="drop">
  581.  
  582. <div id="boxtop">
  583. <div id="header">CHALLENGE #3 | 250 POINTS</div><div id="subtitle">CHALLENGE DETAILS</div></div>
  584.  
  585. <div class="dc">
  586.  
  587. <div class="basic">
  588.  
  589. </div>
  590.  
  591. <!-- BIOGRAPHY/INFO SECTION -->
  592.  
  593. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt turpis ligula, vel rhoncus tortor finibus in. Donec quam justo, hendrerit eget massa dapibus, dignissim vestibulum turpis. In non magna nisi. Sed consectetur leo nec consequat placerat. Duis sollicitudin lacus libero, quis viverra nunc imperdiet pulvinar. Quisque lacus ipsum, posuere eget blandit sed, pharetra at dolor. Proin metus quam, sodales a feugiat in, pulvinar non ligula. Integer in vestibulum urna. Phasellus ac enim pharetra diam egestas fermentum vel et dui.</p>
  594.  
  595. </div>
  596. </div>
  597. </div>
  598.  
  599. <!-- SECOND MUSE -->
  600.  
  601. <div class="grid-item">
  602.  <div class="icon"><a href="https://kuweiyulbo.tumblr.com/temp2"><img src="https://thumb10.shutterstock.com/mosaic_250/360523/401059783/stock-photo-poppy-field-background-summer-sunshine-effects-nature-background-red-flowers-banner-401059783.jpg"></a></div>
  603.  
  604.  
  605. <div class="drop2">
  606.  
  607. <div id="boxtop">
  608. <div id="header">CHALLENGE #4 | 250 POINTS</div><div id="subtitle">CHALLENGE DETAILS</div></div>
  609.  
  610. <div class="dc">
  611.  
  612. <div class="basic">
  613. </div>
  614.  
  615. <!-- BIOGRAPHY/INFO SECTION -->
  616.  
  617. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt turpis ligula, vel rhoncus tortor finibus in. Donec quam justo, hendrerit eget massa dapibus, dignissim vestibulum turpis. In non magna nisi. Sed consectetur leo nec consequat placerat. Duis sollicitudin lacus libero, quis viverra nunc imperdiet pulvinar. Quisque lacus ipsum, posuere eget blandit sed, pharetra at dolor. Proin metus quam, sodales a feugiat in, pulvinar non ligula. Integer in vestibulum urna. Phasellus ac enim pharetra diam egestas fermentum vel et dui.</p>
  618.  
  619. </div>
  620. </div>
  621. </div>
  622.  
  623. <!--THIRD MUSE -->
  624.  
  625. <div class="grid-item">
  626.  <div class="icon"><a href="https://kuweiyulbo.tumblr.com/temp2"><img src="https://thumb10.shutterstock.com/mosaic_250/360523/401059783/stock-photo-poppy-field-background-summer-sunshine-effects-nature-background-red-flowers-banner-401059783.jpg"></a></div>
  627.  
  628.  
  629. <div class="drop">
  630.  
  631. <div id="boxtop">
  632. <div id="header">CHALLENGE #5 | 100 POINTS</div><div id="subtitle">CHALLENGE DETAILS</div></div>
  633.  
  634. <div class="dc">
  635.  
  636. <div class="basic">
  637. </div>
  638.  
  639. <!-- BIOGRAPHY/INFO SECTION -->
  640.  
  641. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt turpis ligula, vel rhoncus tortor finibus in. Donec quam justo, hendrerit eget massa dapibus, dignissim vestibulum turpis. In non magna nisi. Sed consectetur leo nec consequat placerat. Duis sollicitudin lacus libero, quis viverra nunc imperdiet pulvinar. Quisque lacus ipsum, posuere eget blandit sed, pharetra at dolor. Proin metus quam, sodales a feugiat in, pulvinar non ligula. Integer in vestibulum urna. Phasellus ac enim pharetra diam egestas fermentum vel et dui.</p>
  642.  
  643. </div>
  644. </div>
  645. </div>
  646.  
  647. </div>
  648.  
  649. <!--BEGIN FIRST ROW -->
  650.  
  651. <!-- FIRST MUSE -->
  652.  
  653. <div class="one">
  654. <div class="grid-item">
  655.  <div class="icon"><a href="https://kuweiyulbo.tumblr.com/temp2"><img src="https://thumb10.shutterstock.com/mosaic_250/360523/401059783/stock-photo-poppy-field-background-summer-sunshine-effects-nature-background-red-flowers-banner-401059783.jpg"></a></div>
  656.  
  657.  
  658. <div class="drop2">
  659.  
  660. <div id="boxtop">
  661. <div id="header">CHALLENGE #6 | 100 POINTS</div><div id="subtitle">CHALLENGE DETAILS</div></div>
  662.  
  663. <div class="dc">
  664.  
  665. <div class="basic">
  666.  
  667. </div>
  668.  
  669. <!-- BIOGRAPHY/INFO SECTION -->
  670.  
  671. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt turpis ligula, vel rhoncus tortor finibus in. Donec quam justo, hendrerit eget massa dapibus, dignissim vestibulum turpis. In non magna nisi. Sed consectetur leo nec consequat placerat. Duis sollicitudin lacus libero, quis viverra nunc imperdiet pulvinar. Quisque lacus ipsum, posuere eget blandit sed, pharetra at dolor. Proin metus quam, sodales a feugiat in, pulvinar non ligula. Integer in vestibulum urna. Phasellus ac enim pharetra diam egestas fermentum vel et dui.</p>
  672.  
  673. </div>
  674. </div>
  675. </div>
  676.  
  677. <!-- SECOND MUSE -->
  678.  
  679. <div class="grid-item">
  680.  <div class="icon"><a href="https://kuweiyulbo.tumblr.com/temp2"><img src="https://thumb10.shutterstock.com/mosaic_250/360523/401059783/stock-photo-poppy-field-background-summer-sunshine-effects-nature-background-red-flowers-banner-401059783.jpg"></a></div>
  681.  
  682.  
  683. <div class="drop">
  684.  
  685. <div id="boxtop">
  686. <div id="header">CHALLENGE #7 | 50 POINTS</div><div id="subtitle">CHALLENGE DETAILS</div></div>
  687.  
  688. <div class="dc">
  689.  
  690. <div class="basic">
  691. </div>
  692.  
  693. <!-- BIOGRAPHY/INFO SECTION -->
  694.  
  695. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt turpis ligula, vel rhoncus tortor finibus in. Donec quam justo, hendrerit eget massa dapibus, dignissim vestibulum turpis. In non magna nisi. Sed consectetur leo nec consequat placerat. Duis sollicitudin lacus libero, quis viverra nunc imperdiet pulvinar. Quisque lacus ipsum, posuere eget blandit sed, pharetra at dolor. Proin metus quam, sodales a feugiat in, pulvinar non ligula. Integer in vestibulum urna. Phasellus ac enim pharetra diam egestas fermentum vel et dui.</p>
  696.  
  697. </div>
  698. </div>
  699. </div>
  700.  
  701. <!--THIRD MUSE -->
  702.  
  703. <div class="grid-item">
  704.  <div class="icon"><a href="https://kuweiyulbo.tumblr.com/temp2"><img src="https://thumb10.shutterstock.com/mosaic_250/360523/401059783/stock-photo-poppy-field-background-summer-sunshine-effects-nature-background-red-flowers-banner-401059783.jpg"></a></div>
  705.  
  706.  
  707. <div class="drop2">
  708.  
  709. <div id="boxtop">
  710. <div id="header">CHALLENGE #8 | 50 POINTS</div><div id="subtitle">CHALLENGE DETAILS</div></div>
  711.  
  712. <div class="dc">
  713.  
  714. <div class="basic">
  715. </div>
  716.  
  717. <!-- BIOGRAPHY/INFO SECTION -->
  718.  
  719. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt turpis ligula, vel rhoncus tortor finibus in. Donec quam justo, hendrerit eget massa dapibus, dignissim vestibulum turpis. In non magna nisi. Sed consectetur leo nec consequat placerat. Duis sollicitudin lacus libero, quis viverra nunc imperdiet pulvinar. Quisque lacus ipsum, posuere eget blandit sed, pharetra at dolor. Proin metus quam, sodales a feugiat in, pulvinar non ligula. Integer in vestibulum urna. Phasellus ac enim pharetra diam egestas fermentum vel et dui.</p>
  720.  
  721. </div>
  722. </div>
  723. </div>
  724.  
  725. </div>
  726.  
  727. <!-- TO ADD ANOTHER ROW, COPY CONTENT FROM 'BEGIN ROW 3' TO 'END ROW 3' AND PASTE UNDERNEATH THIS LINE. -->
  728.  
  729. <div class="grid-item">
  730.  <div class="icon"><a href="https://kuweiyulbo.tumblr.com/temp2"><img src="https://thumb10.shutterstock.com/mosaic_250/360523/401059783/stock-photo-poppy-field-background-summer-sunshine-effects-nature-background-red-flowers-banner-401059783.jpg"></a></div>
  731.  
  732.  
  733. <div class="drop2">
  734.  
  735. <div id="boxtop">
  736. <div id="header">CHALLENGE #8 | 50 POINTS</div><div id="subtitle">CHALLENGE DETAILS</div></div>
  737.  
  738. <div class="dc">
  739.  
  740. <div class="basic">
  741. </div>
  742.  
  743. <!-- BIOGRAPHY/INFO SECTION -->
  744.  
  745. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt turpis ligula, vel rhoncus tortor finibus in. Donec quam justo, hendrerit eget massa dapibus, dignissim vestibulum turpis. In non magna nisi. Sed consectetur leo nec consequat placerat. Duis sollicitudin lacus libero, quis viverra nunc imperdiet pulvinar. Quisque lacus ipsum, posuere eget blandit sed, pharetra at dolor. Proin metus quam, sodales a feugiat in, pulvinar non ligula. Integer in vestibulum urna. Phasellus ac enim pharetra diam egestas fermentum vel et dui.</p>
  746.  
  747. </div>
  748. </div>
  749. </div>
  750.  
  751. </div>
  752.  
  753. <!-- TO ADD ANOTHER ROW, COPY CONTENT FROM 'BEGIN ROW 3' TO 'END ROW 3' AND PASTE UNDERNEATH THIS LINE. -->
  754.  
  755.  
  756. </div>
  757.  
  758. <!--CREDIT -->
  759.  
  760. <div id="cred"><a href="http://www.saisei-themes.tumblr.com">ST</a></div>
  761. <div id="cred2"><a href="http://kuweiyulbo.tumblr.com">DC</a></div>
  762. </body>
  763.    
  764. </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!