Advertisement
Elxyie

[TH] Penina

Oct 3rd, 2019
169
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.40 KB | None | 0 0
  1. <!-- ==========================================
  2.  
  3. ~ 𝐂𝐑𝐄𝐃𝐈𝐓𝐒 - 𝐃𝐎 𝐍𝐎𝐓 𝐑𝐄𝐌𝐎𝐕𝐄 ~
  4. layout by    - 𝐣𝐚𝐲𝐝𝐞𝐧
  5. modified  by - 𝐞𝐥𝐱𝐲𝐢𝐞
  6.  
  7. 𝐂𝐎𝐋𝐎𝐑𝐒
  8. border       - cornflower blue #50bafe
  9. title        - cornflower blue #50bafe
  10. title 2      - off white #fbfbfb
  11. background   - pale baby blue #9decfe
  12. background 2 - bright coral pink #f86894
  13.  
  14. ================================================ -->
  15.  
  16. <div class="container-fluid">
  17.     <div class="row">
  18.         <div class="col-sm-5">
  19.  
  20. <!---------- 𝐂𝐎𝐋𝐔𝐌𝐍 𝟏 ----------->
  21.  
  22.             <div class="card" style="border:1px solid #50bafe; height:380px; margin-bottom:10px;">
  23.  
  24.                 <h2 class="card-inverse card-header display-5" style="background-color:#9decfe; text-transform:uppercase; color:#50bafe;">❀  info</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.                 <div class="card d-inline-block" style="border: 1px solid #50bafe; background-color: #9decfe; background-image:url('https://thumbs.gfycat.com/PoliticalSpiffyChafer-size_restricted.gif'); width:100%;height:280px;">
  34.                                     <div class="card-block" style="padding:0;"><img class="fr-fic fr-dii"></div>
  35.                                 </div>
  36.                             </div>
  37.  
  38. <!---------- 𝐈𝐍𝐅𝐎 ----------->
  39.  
  40. <div class="col-sm-6">
  41.   <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">❀  penina</div>
  42.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">❀  female</div>
  43.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">❀  annie</div>
  44.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">❀  two blessings</div>
  45.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">❀  african violet protea</div>
  46.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">❀  common pupils</div>
  47.     <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">❀  uncommon</div>
  48.   <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">❀  designer <a style="color:#50bafe;" href="https://www.deviantart.com/yamio">yamio</a></div>
  49.                                 <br>
  50.                                 <a href="http://www.deviantart.com/anniverse"><img src="https://a.deviantart.net/avatars/a/n/anniverse.gif?14"/></gif></a></div>
  51.                             </div>
  52.                         </div>
  53.                     </div>
  54.                 </div>
  55.             <div class="card ui-accordion" style="height:200px; border:1px solid #50bafe; margin-bottom:10px;">
  56.  
  57.                 <h2 class="card-inverse card-header display-5" style="background-color:#f86894; text-transform:uppercase; color:#fbfbfb;">❀  Personality</h2>
  58.                 <div class="card-block ui-accordion-content">❀  text
  59.                 <br>❀  text
  60.                 <br>❀  text
  61.                 <br>❀  text
  62.                 <br>❀  text</div>
  63.             </div>
  64.         </div>
  65.         <div class="col-sm-7">
  66.          
  67. <!---------- 𝐒𝐓𝐎𝐑𝐘 ----------->
  68.  
  69.             <div class="card ui-accordion" style="border:1px solid #50bafe; height:591px; margin-bottom:10px;">
  70.  
  71.                 <h2 class="card-inverse card-header display-5" style="background-color:#f86894; text-transform:uppercase; color:#fbfbfb;">❀  Story</h2>
  72.                 <div class="card-block ui-accordion-content" align="center"><br><img width="150" src="https://i.imgur.com/S7xCX2e.png"/>
  73.                 <br><br>
  74.                 Protea caffra (sometimes called the common protea), native to South Africa, is a small tree or shrub which occurs in open or wooded grassland, usually on rocky ridges. Its leaves are leathery and hairless. The flower head is solitary or in clusters of 3 or 4 with the involucral bracts a pale red, pink or cream colour. The fruit is a densely hairy nut. The species is highly variable and has several subspecies.
  75.                 <br><br>
  76.                 Protea caffra is widely distributed across the eastern reaches of South Africa (Gauteng, Kwazulu-Natal, Northern Province, Mpumalanga, the Eastern Cape as far south as the Katberg mountains) and Lesotho,[1] with a separate far northern enclave in the Inyanga district of Zimbabwe, extending into Mozambique. It prefers poor, quartzitic, acidic soils, but is equally at home on a wide variety of well-drained soils and has even been found on alkaline dolomitic soils. It occurs from sea level to 2100m, always on southern slopes where the terrain is broken and rocky, or mountainous. It usually forms open stands in which it is the single large shrub or tree; these stands can cover large areas.</p>
  77.         <br><br><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/08db58bf-b2a3-4cd1-9c03-f93dcf194212/dc5dg8l-bac9e14b-72a9-47b2-8d1e-33e25c5b8573.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzA4ZGI1OGJmLWIyYTMtNGNkMS05YzAzLWY5M2RjZjE5NDIxMlwvZGM1ZGc4bC1iYWM5ZTE0Yi03MmE5LTQ3YjItOGQxZS0zM2UyNWM1Yjg1NzMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.1Q1zv34XVsfgV5bkewvqedypBdXZLZUFRiKWqNOitNg"/>
  78.         <br>
  79.             </div>
  80.         </div>
  81.     </div>
  82. </div>
  83. </div>
  84.  
  85. <!---------- 𝐑𝐄𝐋𝐀𝐓𝐈𝐎𝐍𝐒𝐇𝐈𝐏𝐒 ----------->
  86.  
  87. <div class="container-fluid">
  88.     <div class="row">
  89.         <div class="col-sm-8">
  90.             <div class="card ui-accordion" style="border:1px solid #50bafe; height:450px; margin-bottom:10px;">
  91.  
  92.                 <h2 class="card-inverse card-header display-5" style="background-color:#9decfe; text-transform:uppercase; color:#50bafe;">❀  Relationships</h2>
  93.                 <div class="card-block ui-accordion-content">
  94.  
  95.                     <table style="width: 100%; border:none;">
  96.                         <tbody>
  97.                             <tr>
  98. <td style="width: 21.7185%;"><img src="https://via.placeholder.com/150/9decfe/50bafe" class="fr-fic fr-dii fr-rounded fr-fil" width="124" height="126"></td>
  99.                                 <td style="width: 78.2815%;">
  100.  
  101.                                     <h2><a href="#" style="color: #50bafe;">NAME</a></h2><em>relationship</em>
  102.                                     <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>
  103.                             </tr>
  104.                             <tr>
  105. <td style="width: 21.7185%;"><img src="https://via.placeholder.com/150/9decfe/50bafe" class="fr-fic fr-dii fr-rounded fr-fil" width="124" height="126"></td>
  106.                                 <td style="width: 78.2815%;">
  107.  
  108.                                     <h2><a href="#" style="color: #50bafe;">NAME</a></h2><em>relationship</em>
  109.                                     <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>
  110.                             </tr>
  111.                         </tbody>
  112.                     </table>
  113.                 </div>
  114.             </div>
  115.         </div>
  116.         <div class="col-sm-4">
  117.          
  118. <!---------- 𝐁𝐎𝐓𝐓𝐎𝐌 𝐈𝐌𝐀𝐆𝐄 ----------->
  119.  
  120.       <div align="center"><img width="310px" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2451a44a-62d9-4b89-a944-5c3b6dc5d99b/d9b064n-fb8ce1b6-ad01-41ea-bf4d-03e3bd411753.png/v1/fill/w_600,h_861,strp/african_violet_protea_annie__auction__closed_by_yamio_d9b064n-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9ODYxIiwicGF0aCI6IlwvZlwvMjQ1MWE0NGEtNjJkOS00Yjg5LWE5NDQtNWMzYjZkYzVkOTliXC9kOWIwNjRuLWZiOGNlMWI2LWFkMDEtNDFlYS1iZjRkLTAzZTNiZDQxMTc1My5wbmciLCJ3aWR0aCI6Ijw9NjAwIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.DW3hxxDAKE-zAlUCUy3vChXTcAFMsZBj-AVxwGcC-0o"/>
  121.         </div>
  122.     </div>
  123. </div>
  124.  
  125. <!---------- 𝐂𝐑𝐄𝐃𝐈𝐓𝐒 ----------->
  126.  
  127. <div style="text-transform:uppercase;">
  128. <p style="text-align: right;font-size: 9px; margin-right: 100px;" text-transform:"uppercase;">LAYOUT BY @JAYDEN  ❀  MODIFIED BY @ELXYIE</p>
  129. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement