API tools faq
paste
Elxyie

[TH] Valentine

Elxyie
Apr 26th, 2019
174
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.32 KB | None | 0 0
raw download clone embed print report
  1. <!---------
  2.  
  3. ~ DO NOT REMOVE ~
  4. LAYOUT BY JAYDEN
  5. MODIFIED BY ELXYIE
  6.  
  7. border color - dark peach pink: #e993a0
  8. background color - dark turquoise: #a8e4e3
  9. title color - dark peach pink: #e993a0
  10.  
  11. ---------->
  12. <div class="container-fluid">
  13.     <div class="row">
  14.         <div class="col-sm-5">
  15.             <!--
  16.  
  17.  
  18. ---
  19.  
  20. COLUMN 1
  21.  
  22. ---------->
  23.             <div class="card" style="border:1px solid #e993a0; height:380px; margin-bottom:10px;">
  24.  
  25.                 <h2 class="card-inverse card-header display-5" style="background-color:#a8e4e3; text-transform:uppercase; color:#e993a0;"><img src="https://i.imgur.com/uK3YWb0.gif"/>  sheltered princess</h2>
  26.                 <div class="card-block">
  27.                     <div class="container-fluid">
  28.                         <div class="row">
  29.                             <div class="col-sm-6">
  30.                                 <!--
  31.  
  32.  
  33. ---
  34.  
  35. IMAGE
  36.  
  37. ---------->
  38.                 <div class="card d-inline-block" style="border: 1px solid #e993a0; background-color: #a8e4e3; background-image:url('https://data.whicdn.com/images/253315672/original.gif'); width:100%;height:280px;">
  39.                                     <div class="card-block" style="padding:0;"><img class="fr-fic fr-dii"></div>
  40.                                 </div>
  41.                                 <!---
  42. ---
  43.  
  44. END IMG
  45.  
  46. -------->
  47.                             </div>
  48.                             <!---
  49. ---
  50.  
  51. QUICK BIO
  52.  
  53. -------->
  54. <div class="col-sm-6">
  55.   <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;"><img src="https://i.imgur.com/IRQXSBX.gif"/>  valentine</div>
  56.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;"><img src="https://i.imgur.com/IRQXSBX.gif"/>  female</div>
  57.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;"><img src="https://i.imgur.com/IRQXSBX.gif"/>  annie</div>
  58.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;"><img src="https://i.imgur.com/IRQXSBX.gif"/>  two blessings</div>
  59.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;"><img src="https://i.imgur.com/IRQXSBX.gif"/>  Least Weasel & Pink Rose</div>
  60.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;"><img src="https://i.imgur.com/IRQXSBX.gif"/>  heart shaped pupils</div>
  61.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;"><img src="https://i.imgur.com/IRQXSBX.gif"/>  uncommon</div>
  62.   <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;"><img src="https://i.imgur.com/IRQXSBX.gif"/>  designers
  63.   <br>     <a style="color:#e993a0;" href="https://www.deviantart.com/shelselle">shelselle</a>  |  <a style="color:#e993a0;" href="https://www.deviantart.com/hanaokiku">hanaokiku</a></div>
  64.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;"><img src="https://i.imgur.com/IRQXSBX.gif"/>  co-owner <a style="color:#e993a0;" href="https://www.deviantart.com/hanaokiku">hanaokiku</a>
  65.                                 <br><br>
  66.                                 <a href="http://anniverse.deviantart.com"><img src="https://a.deviantart.net/avatars/a/n/anniverse.png?10"/></gif></a></div>
  67.                             </div>
  68.                         </div>
  69.                     </div>
  70.                 </div>
  71.             </div>
  72.             <div class="card ui-accordion" style="height:200px; border:1px solid #e993a0; margin-bottom:10px;">
  73.  
  74.                 <h2 class="card-inverse card-header display-5" style="background-color:#a8e4e3; text-transform:uppercase; color:#e993a0;"><img src="https://i.imgur.com/uK3YWb0.gif"/>  Personality</h2>
  75.                 <div class="card-block ui-accordion-content"><img src="https://i.imgur.com/njGWrf0.gif"/>  text
  76.                 <br><img src="https://i.imgur.com/njGWrf0.gif"/>  text
  77.                 <br><img src="https://i.imgur.com/njGWrf0.gif"/>  text
  78.                 <br><img src="https://i.imgur.com/njGWrf0.gif"/>  text
  79.                 <br><img src="https://i.imgur.com/njGWrf0.gif"/>  text</div>
  80.             </div>
  81.         </div>
  82.         <div class="col-sm-7">
  83.             <!--
  84.  
  85.  
  86. ---
  87.  
  88. STORY
  89.  
  90. ---------->
  91.             <div class="card ui-accordion" style="border:1px solid #e993a0; height:595px; margin-bottom:10px;">
  92.  
  93.                 <h2 class="card-inverse card-header display-5" style="background-color:#a8e4e3; text-transform:uppercase; color:#e993a0;"><img src="https://i.imgur.com/uK3YWb0.gif"/>  Story</h2>
  94.                 <div class="card-block ui-accordion-content" align="center"><br><img width="200" src="https://i.imgur.com/wTVNDLU.png"/><img width="200" src="https://i.imgur.com/0vPLI0E.png"/><br><br>
  95. <p>Little sister to <a href="https://toyhou.se/2158606.roseraie" style="color:e993a0">Roseraie</a>, lives a sheltered and pampered life in the Einohana palace. Can't even imagine other people not being well-mannered. Has perfect etiquette. </p>
  96.  
  97. <p>The Least Weasel is small but has a huge appetite! Despite being one of the smallest carnivores in the world it loves to eat fresh meat and consume about half of its body weight per day, and often challanges prey more than trice it´s own size!
  98. They have a long body but a rather short tail in general! There are 18 subspecies connected to it and they vary greatly.</p>
  99.  
  100. <p>Pink rose is the first LGBT representation for a political party! And there is at least 7 Pink roses that grows naturally in the wild!
  101. A stunning sight for everyone. A pink rose is a symbol for gentleness, joy and grace.</p>
  102.  
  103. <br><img src="https://i.imgur.com/TED3Wm8.gif"/></div>
  104.             </div>
  105.         </div>
  106.     </div>
  107. </div>
  108. <!---
  109. ---------------------------
  110.  
  111. RELATIONSHIPS
  112.  
  113. --------------------------->
  114. <div class="container-fluid">
  115.     <div class="row">
  116.         <div class="col-sm-8">
  117.             <div class="card ui-accordion" style="border:1px solid #e993a0; height:450px; margin-bottom:10px;">
  118.  
  119.                 <h2 class="card-inverse card-header display-5" style="background-color:#a8e4e3; text-transform:uppercase; color:#e993a0;"><img src="https://i.imgur.com/uK3YWb0.gif"/>  relationships</h2>
  120.                 <div class="card-block ui-accordion-content">
  121.  
  122.                     <table style="width: 100%; border:none;">
  123.                         <tbody>
  124.                             <tr>
  125.                                 <td style="width: 21.7185%;"><img src="https://file.toyhou.se/characters/2158606?" class="fr-fic fr-dii fr-rounded fr-fil" width="124" height="126"></td>
  126.                                 <td style="width: 78.2815%;">
  127.  
  128.                                     <h2><a href="https://toyhou.se/2158606.roseraie" style="color: #e993a0;">ROSERAIE</a></h2><em>older sister</em>
  129.                                     <br>Valentine's older sister Roseraie.</td>
  130.                             </tr>
  131.                             <tr>
  132. <td style="width: 21.7185%;"><img src="https://via.placeholder.com/150/a8e4e3/e993a0" class="fr-fic fr-dii fr-rounded fr-fil" width="124" height="126"></td>
  133.                                 <td style="width: 78.2815%;">
  134.  
  135.                                     <h2><a href="#" style="color: #e993a0;">NAME</a></h2><em>relationship</em>
  136.                                     <br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td>
  137.                             </tr>
  138.                         </tbody>
  139.                     </table>
  140.                 </div>
  141.             </div>
  142.         </div>
  143.         <div class="col-sm-4"><!----
  144.  
  145. BOTTOM RIGHT IMAGE
  146.  
  147. ------------------>
  148.       <img src="https://file.toyhou.se/watermarks/9887718_xzQrSliX9.png"/>
  149.         </div>
  150.     </div>
  151. </div>
  152. <!--------- CREDIT - DO NOT REMOVE ----------->
  153. <div style="text-transform:uppercase;">
  154. <p style="text-align: right;font-size: 9px; margin-right:17px;" text-transform:"uppercase;">LAYOUT BY @JAYDEN  ❀  MODIFIED BY @ELXYIE</p></div>
Advertisement
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!