API tools faq
paste
Advertisement
ooter

[F] Pumpkit

ooter
Sep 23rd, 2017
2,986
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.54 KB | None | 0 0
raw download clone embed print report
  1. <!---------
  2.  
  3. Happy Halloweeeeeeeeeen !
  4.  
  5. Big thank you to @Bowtiewashere @Wonderland @KAI9IXI and @Valentine
  6. for their input on this theme ♥
  7.  
  8. You get to enjoy it for free thanks to all of them ~
  9.  
  10.  
  11. ---------->
  12. <!--
  13.  
  14. ---------------------------------------------
  15.  
  16. PAGE BACKGROUND
  17.  
  18. ------------------------------------------------>
  19. <div class="container-fluid">
  20.     <div class="row">
  21.         <div class="col-sm-12 ui-accordion">
  22.             <div class="card d-inline-block ui-accordion-content" style="border: 1px solid #ee8441;background-color: #aaa;background-image:url('https://cdn.discordapp.com/attachments/348112622102642691/361198708366245891/tumblr_inline_oecql9o6VZ1su7yy5_500.png'); background-attachment: fixed; width:100%;">
  23.                 <div class="card-block" style="padding:2;">
  24.                     <div class="container-fluid">
  25.                         <div class="row">
  26.                             <div class="col-sm-6">
  27.                                 <!--
  28. ---------------------------------------------
  29.  
  30. YOUR IMAGE
  31.  
  32. ------------------------------------------------>
  33.                                 <div class="card d-inline-block" style="border: 1px solid #ee8441;background-color: #aaa;background-image:url('https://orig00.deviantart.net/af5c/f/2017/266/b/b/untitled_2_by_jaydenth-dbobsma.jpg'); background-position: center center; width:100%;height:300px; margin-bottom:10px;">
  34.                                     <br>
  35.                                 </div>
  36.                                 <div class="card bg-faded ui-accordion" style="border:1px solid #ee8441; margin-bottom:10px; height:360px;">
  37.  
  38.                                     <h2 class="card-inverse card-header display-5" style="text-transform:uppercase; color:#fff; background-color:#ee8441;"><i class="fa fa-heart-o"></i> halloweenie</h2>
  39.                                     <div class="card-block ui-accordion-content">
  40.                                         <!--
  41. ---------------------------------------------
  42.  
  43. YOUR BIO
  44.  
  45. ------------------------------------------------><strong>NAME &bull; AGE &bull; GENDER &bull; LOCATION</strong>
  46.                                         <br>
  47.                                         <br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu pretium risus. Nulla at magna in justo aliquet imperdiet. Etiam consequat ornare neque sed imperdiet. Aenean enim ante, auctor sed est quis, suscipit placerat tortor. Morbi et urna nec urna tempor gravida. Maecenas eget porta metus. Suspendisse fringilla lacinia est nec tincidunt. Nunc auctor urna quis urna rhoncus consequat. Mauris mollis lorem nulla, id mattis leo consectetur sit amet. Pellentesque aliquet malesuada pharetra.Etiam consequat ornare neque sed imperdiet. Aenean enim ante, auctor sed est quis, suscipit placerat tortor. Morbi et urna nec urna tempor gravida. Maecenas eget porta metus. Suspendisse fringilla lacinia est nec tincidunt. Nunc auctor urna quis urna rhoncus consequat. Mauris mollis lorem nulla, id mattis leo consectetur sit amet. Pellentesque aliquet malesuada pharetra. &hearts;</div>
  48.                                 </div>
  49.                             </div>
  50.                             <!--
  51.  
  52. ---------------THIRD COLUMN------------------>
  53.                             <div class="col-sm-6">
  54.                                 <div class="card bg-faded" style="border:1px solid #ee8441; margin-bottom:10px; height:380px;">
  55.  
  56.                                     <h2 class="card-inverse card-header display-5" style="text-transform:uppercase; color:#fff; background-color:#ee8441;"><i class="fa fa-paint-brush"></i> Commissions</h2>
  57.                                     <div class="card-block">
  58.                                         <!--
  59.  
  60. ---------------------------------------------
  61.  
  62. COMMISSIONS
  63.  
  64. ------------------------------------------------>
  65.                                         <a class="btn btn-outline-warning" href="yourlinkhere" style="width:100%; margin-bottom:8px; letter-spacing:3px;">commissions</a>
  66.                                         <a class="btn btn-outline-warning" href="yourlinkhere" style="width:100%; margin-bottom:8px; letter-spacing:3px;">art trades</a>
  67.                                         <a class="btn btn-outline-warning" href="yourlinkhere" style="width:100%; margin-bottom:8px; letter-spacing:3px;">icon commissions</a>
  68.                                         <a class="btn btn-outline-warning" href="yourlinkhere" style="width:100%; margin-bottom:8px; letter-spacing:3px;">deviantart</a>
  69.                                         <a class="btn btn-outline-warning" href="yourlinkhere" style="width:100%; margin-bottom:8px; letter-spacing:3px;">tumblr</a>
  70.                                         <a class="btn btn-outline-warning" href="yourlinkhere" style="width:100%; margin-bottom:8px; letter-spacing:3px;">twitter</a>
  71.                                         <a class="btn btn-outline-warning" href="yourlinkhere" style="width:100%; margin-bottom:8px; letter-spacing:3px;">placeholder</a></div>
  72.                                 </div>
  73.                                 <!--
  74.  
  75. ---------------------------------------------
  76.  
  77. COMMISSIONS STATUS
  78.  
  79. ------------------------------------------------>
  80.                                 <div class="card bg-faded ui-accordion" style="border:1px solid #ee8441; margin-bottom:10px; height:281px;">
  81.  
  82.                                     <h2 class="card-inverse card-header display-5" style="text-transform:uppercase; color:#fff; background-color:#ee8441;"><i class="fa fa-bars"></i> queue</h2>
  83.                                     <div class="card-block ui-accordion-content">
  84.                                         <div class="container-fluid">
  85.                                             <div class="row">
  86.                                                 <div class="col-4">
  87.  
  88.                                                     <table style="width: 99%; border: none; margin-right: calc(1%);">
  89.                                                         <tbody>
  90.                                                             <tr>
  91.                                                                 <td style="width: 100.0000%;">@Unknown</td>
  92.                                                             </tr>
  93.                                                             <tr>
  94.                                                                 <td style="width: 100.0000%;">@Unknown</td>
  95.                                                             </tr>
  96.                                                             <tr>
  97.                                                                 <td style="width: 100.0000%;">@Unknown</td>
  98.                                                             </tr>
  99.                                                             <tr>
  100.                                                                 <td style="width: 100.0000%;">@Unknown</td>
  101.                                                             </tr>
  102.                                                             <tr>
  103.                                                                 <td style="width: 100.0000%;">@Unknown</td>
  104.                                                             </tr>
  105.                                                         </tbody>
  106.                                                     </table>
  107.                                                 </div>
  108.                                                 <!--
  109.  
  110. ---------------------------------------------
  111.  
  112. PROGRESS BARS
  113.  
  114. ------------------------------------------------>
  115.  
  116.                                                 <p>
  117.                                                     <br>
  118.                                                 </p>
  119.                                                 <div class="col-sm-8">
  120.  
  121.                                                     <table style="width: 100%; border:none;">
  122.                                                         <tbody>
  123.                                                             <tr>
  124.                                                                 <td style="width: 100.0000%;">
  125.                                                                     <!-------PROGRESS-------->
  126.                                                                     <div class="progress" style="margin-bottom:6px;">
  127.                                                                         <div class="progress-bar bg-warning" style="width:70%;">70%</div>
  128.                                                                     </div>
  129.                                                                 </td>
  130.                                                                 <!-------END PROGRESS-------->
  131.                                                             </tr>
  132.                                                             <tr>
  133.                                                                 <td style="width: 100.0000%;">
  134.                                                                     <!-------PROGRESS-------->
  135.                                                                     <div class="progress" style="margin-bottom:6px;">
  136.                                                                         <div class="progress-bar bg-warning" style="width:70%;">70%</div>
  137.                                                                     </div>
  138.                                                                 </td>
  139.                                                                 <!-------END PROGRESS-------->
  140.                                                             </tr>
  141.                                                             <tr>
  142.                                                                 <td style="width: 100.0000%;">
  143.                                                                     <!-------PROGRESS-------->
  144.                                                                     <div class="progress" style="margin-bottom:6px;">
  145.                                                                         <div class="progress-bar bg-warning" style="width:70%;">70%</div>
  146.                                                                     </div>
  147.                                                                 </td>
  148.                                                                 <!-------END PROGRESS-------->
  149.                                                             </tr>
  150.                                                             <tr>
  151.                                                                 <td style="width: 100.0000%;">
  152.                                                                     <!-------PROGRESS-------->
  153.                                                                     <div class="progress" style="margin-bottom:6px;">
  154.                                                                         <div class="progress-bar bg-warning" style="width:70%;">70%</div>
  155.                                                                     </div>
  156.                                                                 </td>
  157.                                                                 <!-------END PROGRESS-------->
  158.                                                             </tr>
  159.                                                             <tr>
  160.                                                                 <td style="width: 100.0000%;">
  161.                                                                     <!-------PROGRESS-------->
  162.                                                                     <div class="progress" style="margin-bottom:6px;">
  163.                                                                         <div class="progress-bar bg-warning" style="width:70%;">70%</div>
  164.                                                                     </div>
  165.                                                                 </td>
  166.                                                                 <!-------END PROGRESS-------->
  167.                                                             </tr>
  168.                                                         </tbody>
  169.                                                     </table>
  170.                                                 </div>
  171.                                             </div>
  172.                                         </div>
  173.                                     </div>
  174.                                 </div>
  175.                             </div>
  176.                         </div>
  177.                     </div>
  178.                     <!---
  179. --------------DIVIDER--------------------->
  180.                     <div class="container-fluid">
  181.                         <div class="row">
  182.                             <!--
  183.  
  184. ---------------------------------------------
  185.  
  186. FEATURED CHARACTERS
  187.  
  188. ------------------------------------------------>
  189.                             <div class="col-sm-8">
  190.                                 <div class="card bg-faded ui-accordion" style="border:1px solid #ee8441; margin-bottom:10px; height:513px;">
  191.  
  192.                                     <h2 class="card-inverse card-header display-5" style="text-transform:uppercase; color:#fff; background-color:#ee8441;"><i class="fa fa-diamond"></i> CANDY CORNS</h2>
  193.                                     <div class="card-block ui-accordion-content">
  194.                                         <!--
  195. ---------------------------------------------
  196.  
  197. YOUR BIO
  198.  
  199. ------------------------------------------------>
  200.  
  201.                                         <table style="width: 100%; border:none;">
  202.                                             <tbody>
  203.                                                 <tr>
  204.                                                     <!--
  205. ---------------------------------------------
  206.  
  207. CHARACTER 1
  208.  
  209. ------------------------------------------------>
  210.                                                     <td style="width: 33.2952%;">
  211.                                                         <div class="card d-inline-block" style="border: 1px solid #333;background-color: #aaa;background-image:url('http://www.pi-cube.com/wp-content/uploads/2015/04/team-placeholder.jpg'); background-position: center center;width:100%;height:250px;">
  212.                                                             <br>
  213.                                                         </div>
  214.                                                     </td>
  215.                                                     <!--
  216. ---------------------------------------------
  217.  
  218. CHARACTER 2
  219.  
  220. ------------------------------------------------>
  221.                                                     <td style="width: 33.2952%;">
  222.                                                         <div class="card d-inline-block" style="border: 1px solid #333;background-color: #aaa;background-image:url('IMAGE'); background-position: center center;width:100%;height:250px;">
  223.                                                             <br>
  224.                                                         </div>
  225.                                                     </td>
  226.                                                     <!--
  227. ---------------------------------------------
  228.  
  229. CHARACTER 3
  230.  
  231. ------------------------------------------------>
  232.                                                     <td style="width: 33.2952%;">
  233.                                                         <div class="card d-inline-block" style="border: 1px solid #333;background-color: #aaa;background-image:url('IMAGE'); background-position: center center;width:100%;height:250px;">
  234.                                                             <br>
  235.                                                         </div>
  236.                                                     </td>
  237.                                                 </tr>
  238.                                                 <tr>
  239.                                                     <!--
  240. ---------------------------------------------
  241.  
  242. CHARACTER 1 INFO
  243.  
  244. ------------------------------------------------>
  245.                                                     <td><strong><a href="/LINK" style="color:#747474;">[ CHARACTER NAME ]</a></strong>
  246.                                                         <br><em><span style="color:#ee8441;">age &bull; gender &bull; zodiac</span></em>
  247.                                                         <br>
  248.                                                         <br>Some text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu pretium risus. Nulla at magna in justo aliquet imperdiet.</td>
  249.                                                     <!--
  250. ---------------------------------------------
  251.  
  252. CHARACTER 2 INFO
  253.  
  254. ------------------------------------------------>
  255.                                                     <td><strong><a href="/LINK" style="color:#747474;">[ CHARACTER NAME ]</a></strong>
  256.                                                         <br><em><span style="color:#ee8441;">age &bull; gender &bull; zodiac</span></em>
  257.                                                         <br>
  258.                                                         <br>Some text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu pretium risus. Nulla at magna in justo aliquet imperdiet.
  259.                                                         <br>
  260.                                                     </td>
  261.                                                     <!--
  262. ---------------------------------------------
  263.  
  264. CHARACTER 3 INFO
  265.  
  266. ------------------------------------------------>
  267.                                                     <td><strong><a href="/LINK" style="color:#747474;">[ CHARACTER NAME ]</a></strong>
  268.                                                         <br><em><span style="color:#ee8441;">age &bull; gender &bull; zodiac</span></em>
  269.                                                         <br>
  270.                                                         <br>Some text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu pretium risus. Nulla at magna in justo aliquet imperdiet.
  271.                                                         <br>
  272.                                                     </td>
  273.                                                 </tr>
  274.                                             </tbody>
  275.                                         </table>
  276.                                     </div>
  277.                                 </div>
  278.                             </div>
  279.                             <!--
  280.  
  281. ---------------------------------------------
  282.  
  283. DISCLAIMERS
  284.  
  285. ------------------------------------------------>
  286.                             <div class="col-sm-4">
  287.                                 <div class="card bg-faded ui-accordion" style="border:1px solid #ee8441; margin-bottom:10px; height:447px;">
  288.  
  289.                                     <h2 class="card-inverse card-header display-5" style="text-transform:uppercase; color:#fff; background-color:#ee8441;"><i class="fa fa-exclamation"></i> DISCLAIMER</h2>
  290.                                     <div class="card-block ui-accordion-content" style="text-align:center;">
  291.                                         <!--
  292. ---------------------------------------------
  293.  
  294. YOUR BIO
  295.  
  296. ------------------------------------------------><strong>FOLDER 01</strong>
  297.                                         <br>
  298.  
  299.                                         <p>These are my mains, please don&#39;t ask me to sell them.
  300.                                             <br>
  301.                                             <br><strong>FOLDER 02</strong>
  302.                                             <br>These are secondary, I may trade them!
  303.                                             <br>
  304.                                             <br><strong>FOLDER 03</strong>
  305.                                             <br>A butt.</p>
  306.                                         <hr>
  307.  
  308.                                         <p>Please do not draw my OCs without my consent.
  309.                                             <br>Nothing is for sale unless it is in the Sale folder!
  310.                                             <br>
  311.                                             <br>Do not use my Art/ OCs are references for your own!</p>
  312.                                     </div>
  313.                                 </div>
  314.                                 <div class="card bg-faded ui-accordion" style="border:1px solid #ee8441; margin-bottom:10px; height:55px; text-align:center;">
  315.                                     <div class="card-block ui-accordion-content">
  316.                                         <!--
  317. ---------------------------------------------
  318.  
  319. CREDIT, DO NOT REMOVE
  320.  
  321. ------------------------------------------------>Image by @Unknown &nbsp;&bull; &nbsp;Layout by @Jayden&nbsp;</div>
  322.                                 </div>
  323.                             </div>
  324.                         </div>
  325.                     </div>
  326.                 </div>
  327.             </div>
  328.             <!-----------BR---------------->
  329.         </div>
  330.     </div>
  331. </div>
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!