API tools faq
paste
Advertisement
Elxyie

[TH] April

Elxyie
Jul 1st, 2019
1,776
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.56 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 & TITLE COLOR: dark sky blue #8ab8dd
  8. BACKGROUND COLOR: baby blue #cee6f5
  9.  
  10. ---------->
  11. <div class="container-fluid">
  12.     <div class="row">
  13.         <div class="col-sm-5">
  14.             <!--
  15.  
  16.  
  17. ---
  18.  
  19. COLUMN 1
  20.  
  21. ---------->
  22.             <div class="card" style="border:1px solid #8ab8dd; height:400px; margin-bottom:10px;">
  23.  
  24.                 <h2 class="card-inverse card-header display-5" style="background-color:#cee6f5; text-transform:uppercase; color:#8ab8dd;">❀  teary baby</h2>
  25.                 <div class="card-block">
  26.                     <div class="container-fluid">
  27.                         <div class="row">
  28.                             <div class="col-sm-6">
  29.                                 <!--
  30.  
  31.  
  32. ---
  33.  
  34. IMAGE
  35.  
  36. ---------->
  37.                 <div class="card d-inline-block" style="border: 1px solid #8ab8dd; background-color: #cee6f5; background-image:url('https://i.pinimg.com/736x/3e/b4/61/3eb4618d7260b6a1f09c610388c57737.jpg'); width:100%;height:300px;">
  38.                                     <div class="card-block" style="padding:0;"><img class="fr-fic fr-dii"></div>
  39.                                 </div>
  40.                                 <!---
  41. ---
  42.  
  43. END IMG
  44.  
  45. -------->
  46.                             </div>
  47.                             <!---
  48. ---
  49.  
  50. QUICK BIO
  51.  
  52. -------->
  53. <div class="col-sm-6">
  54.   <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">❀  april</div>
  55.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">❀  female</div>
  56.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">❀  annie</div>
  57.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">❀  two blessings</div>
  58.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">❀  Polar Bear &
  59.     <br>     White Helleborus Niger</div>
  60.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">❀  common round pupils</div>
  61.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">❀  uncommon</div>
  62.   <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">❀  designers
  63.   <br>     <a style="color:#8ab8dd;" href="https://www.deviantart.com/yamio">Yamio</a>  |  <a style="color:#8ab8dd;" href="https://www.deviantart.com/hieihirai">Hieihirai</a></div>
  64.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">❀  co-owner <a style="color:#8ab8dd;" href="https://www.deviantart.com/symmetrical-neko">Symmetrical-Neko</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 #8ab8dd; margin-bottom:10px;">
  73.  
  74.                 <h2 class="card-inverse card-header display-5" style="background-color:#cee6f5; text-transform:uppercase; color:#8ab8dd;">❀  Personality</h2>
  75.                 <div class="card-block ui-accordion-content">❀  text
  76.                 <br>❀  text
  77.                 <br>❀  text
  78.                 <br>❀  text
  79.                 <br>❀  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 #8ab8dd; height:610px; margin-bottom:10px;">
  92.  
  93.                 <h2 class="card-inverse card-header display-5" style="background-color:#cee6f5; text-transform:uppercase; color:#8ab8dd;">❀  Story</h2>
  94.                 <div class="card-block ui-accordion-content" align="center"><img width="300" src="https://file.toyhou.se/images/14898290_y9uebSDLguUM8qJ.png"/>
  95.                 <br><br><p><strong>Personality:</strong>
  96.                 <br>April is the month that bears come out of hibernation.
  97.                 <br>It is also known as the "rain" month, which suits her tearful expression and blue colors.
  98.                 <br>This shy shy girl gently grabs her dress while looking down, avoiding your gaze at any cost.
  99.                 <br>Growing up sheltered and alone, she has hard time to adapt to strangers.
  100.                 <br>Sometimes she sits alone at night, hugging her Polar cub, hoping it will never leave her.
  101.                 <br>Her baby polar bear pet's name is Bea.</p>
  102.                 <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b46861d4-f830-4896-8af6-71206fe2fe78/dbv1cfc-43522c1e-edb8-47ad-8eef-e2ae7b0615c8.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2I0Njg2MWQ0LWY4MzAtNDg5Ni04YWY2LTcxMjA2ZmUyZmU3OFwvZGJ2MWNmYy00MzUyMmMxZS1lZGI4LTQ3YWQtOGVlZi1lMmFlN2IwNjE1YzguZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.ffuvyDZ2tDuBq2t5o-FuJkr8BpmqrjHUzqMaSUEN39U"/>
  103.                 <br><br>
  104.                 <img width="150" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/49c32604-9f24-42e9-b9e8-1c1b8c95b75e/dd48goa-5a0be251-bdd4-4f69-b9b2-aabd0a92d14e.png/v1/fill/w_261,h_250,strp/polar_bear_by_anniversestash_dd48goa-250t.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTA0NiIsInBhdGgiOiJcL2ZcLzQ5YzMyNjA0LTlmMjQtNDJlOS1iOWU4LTFjMWI4Yzk1Yjc1ZVwvZGQ0OGdvYS01YTBiZTI1MS1iZGQ0LTRmNjktYjliMi1hYWJkMGE5MmQxNGUucG5nIiwid2lkdGgiOiI8PTEwOTIifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.uEQVoqTTQq8oJNtIu4wAseX6UjTheUo_4qBG_XkTgpA"/><img width="150" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/49c32604-9f24-42e9-b9e8-1c1b8c95b75e/dd4829x-118d33ff-b4eb-40f9-987d-5f14d979cb4d.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzQ5YzMyNjA0LTlmMjQtNDJlOS1iOWU4LTFjMWI4Yzk1Yjc1ZVwvZGQ0ODI5eC0xMThkMzNmZi1iNGViLTQwZjktOTg3ZC01ZjE0ZDk3OWNiNGQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.KehPsVBt_6DLqhne-34tEMCidg9SIEphYBc_rFIG5Y8"/>
  105.                 <br><br>
  106.                 <p><strong>Blessing Description:</strong>
  107.                 <br>Polar bears, native to the arctic circle are actually known as marine mammals,
  108.         <br>because they tend to spend many months of the year at sea.
  109.         <br>The only pother bear similar in size to the polar bear is the kodiak bear,
  110.         <br>although polar bears are classified as the largest bear species.
  111.         <br>Polar bears' fur is actually transparent, even though it takes on an off- white appearance,
  112.         <br>and the fur itself is hollow, in order to retain heat!</p>
  113.        
  114.         <p>Helleborus niger is often called the christmas rose, or the black hellebore,
  115.         <br>and actually belongs to the buttercup family!
  116.         <br>Although the flower is not black in color, its' name comes from the color of its' roots!
  117.         <br>This flower is typically found in mountainous areas in Switzerland, Germany, Slovenia, Croatia, and Italy!
  118.         <br>This flower flourishes in colder temperatures, and flowers in the depths of winter,
  119.         <br>which in turn gives it its' second title, the christmas rose.</p>
  120.         <br>
  121.             </div>
  122.         </div>
  123.     </div>
  124. </div>
  125. </div>
  126. <!---
  127. ---------------------------
  128.  
  129. RELATIONSHIPS
  130.  
  131. --------------------------->
  132. <div class="container-fluid">
  133.     <div class="row">
  134.         <div class="col-sm-8">
  135.             <div class="card ui-accordion" style="border:1px solid #8ab8dd; height:450px; margin-bottom:10px;">
  136.  
  137.                 <h2 class="card-inverse card-header display-5" style="background-color:#cee6f5; text-transform:uppercase; color:#8ab8dd;">❀  Relationships</h2>
  138.                 <div class="card-block ui-accordion-content">
  139.  
  140.                     <table style="width: 100%; border:none;">
  141.                         <tbody>
  142.                             <tr>
  143. <td style="width: 21.7185%;"><img src="https://via.placeholder.com/150/cee6f5/8ab8dd" class="fr-fic fr-dii fr-rounded fr-fil" width="124" height="126"></td>
  144.                                 <td style="width: 78.2815%;">
  145.  
  146.                                     <h2><a href="#" style="color: #8ab8dd;">NAME</a></h2><em>relationship</em>
  147.                                     <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>
  148.                             </tr>
  149.                             <tr>
  150. <td style="width: 21.7185%;"><img src="https://via.placeholder.com/150/cee6f5/8ab8dd" class="fr-fic fr-dii fr-rounded fr-fil" width="124" height="126"></td>
  151.                                 <td style="width: 78.2815%;">
  152.  
  153.                                     <h2><a href="#" style="color: #8ab8dd;">NAME</a></h2><em>relationship</em>
  154.                                     <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>
  155.                             </tr>
  156.                         </tbody>
  157.                     </table>
  158.                 </div>
  159.             </div>
  160.         </div>
  161.         <div class="col-sm-4"><!----
  162.  
  163. BOTTOM RIGHT IMAGE
  164.  
  165. ------------------>
  166.       <div align="center"><img width="340" src="https://file.toyhou.se/watermarks/13663549_VZAnfpzcV.png?1556761341"/>
  167.         </div>
  168.     </div>
  169. </div>
  170. <!--------- CREDIT - DO NOT REMOVE ----------->
  171. <div style="text-transform:uppercase;">
  172. <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
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!