hukiolukio

Blocked Profile (Theme Color)

Sep 9th, 2017
4,215
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="container">
  2.   <div class="row justify-content-between">
  3.    <div class="col-md-4 card card-block card-inverse card-primary text-white rounded-0 mb-4">
  4.     <div class="card-block text-center">
  5.      <img class="fr-rounded mb-2" src="https://orig00.deviantart.net/0c5e/f/2017/274/4/7/bianca_icon_by_hukiolukio-dbp5v9y.png" width="200">
  6.      <p class="display-2 mb-2">Name</p>
  7.      <h4 class="mb-4">Age ✦ Sex ✦ Ethnicity</h4>
  8.      <blockquote class="blockquote">
  9.       <h3 class="mb-0"><em>"Lorem ipsum dolor sit amet, consectetur adipiscing elit."</em></h3>
  10.      </blockquote>
  11.     </div>
  12.    </div>
  13.    <div class="col-md-8">
  14.     <div class="card card-block bg-faded rounded-0 mb-4">
  15.      <h3>About</h3>
  16.      <p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque et egestas risus. Integer vel sodales dolor. Nunc dignissim cursus elit, a vulputate lectus pretium vitae. Praesent dignissim vestibulum nisl, vel posuere massa maximus sed. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed molestie ante arcu, in euismod tortor posuere et. Sed vehicula faucibus laoreet. Etiam et elit fringilla, fringilla purus a, ultricies dolor. Nunc ornare quis nisi fringilla suscipit. Cras volutpat ultrices pulvinar.</p>
  17.      <h3>Appearance</h3>
  18.      <p style="text-align: justify;">Donec quis lorem sodales, fermentum eros imperdiet, tincidunt est. Phasellus fermentum ultrices euismod. Suspendisse ac lorem augue. Vel scelerisque elit venenatis sed. Suspendisse blandit dolor mauris, nec eleifend enim fringilla ac. Nunc malesuada tristique placerat.</p>
  19.     </div>
  20.     <div class="row justify-content-between">
  21.      <div class="col-md-12">
  22.       <div class="container">
  23.        <div class="row justify-content-between">
  24.         <div class="col-md-5 card card-block bg-faded rounded-0 mb-4">
  25.          <ul class="list-unstyled">
  26.           <li>
  27.            <i class="fa fa-check"></i>
  28.             yes
  29.           </li>
  30.           <li>
  31.            <i class="fa fa-check"></i>
  32.             yes
  33.           </li>
  34.           <li>
  35.            <i class="fa fa-check"></i>
  36.             yes
  37.           </li>
  38.           <li>
  39.            <i class="fa fa-check"></i>
  40.             yes
  41.           </li>
  42.           <li>
  43.            <i class="fa fa-check"></i>
  44.             yes
  45.           </li>
  46.          </ul>
  47.         </div>
  48.         <div class="col-md-5 card card-block bg-faded rounded-0 mb-4">
  49.          <ul class="list-unstyled">
  50.           <li>
  51.            <i class="fa fa-times"></i>
  52.             no
  53.           </li>
  54.           <li>
  55.            <i class="fa fa-times"></i>
  56.             no
  57.           </li>
  58.           <li>
  59.            <i class="fa fa-times"></i>
  60.             no
  61.           </li>
  62.           <li>
  63.            <i class="fa fa-times"></i>
  64.             no
  65.           </li>
  66.           <li>
  67.            <i class="fa fa-times"></i>
  68.             no
  69.           </li>
  70.          </ul>
  71.         </div>
  72.        </div>
  73.       </div>
  74.      </div>
  75.     </div>
  76.    </div>
  77.    <div class="card card-block bg-faded rounded-0 mb-4">
  78.     <h3>Backstory</h3>
  79.     <p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus gravida dui nec ligula sodales, vitae facilisis nulla pulvinar. Praesent tristique, urna rutrum pharetra consectetur, lorem lorem sodales augue, nec gravida ligula metus eget sem. Nullam pretium ipsum sit amet placerat varius. Quisque lacus purus, imperdiet vitae ante et, egestas rutrum mi. Nulla tempor sodales dolor vitae tincidunt. In consequat aliquet orci at semper. Suspendisse auctor, tortor et imperdiet congue, odio est vehicula mauris, a pellentesque lacus erat ac nulla. Quisque elementum vel diam id sagittis. Nam ullamcorper quam metus, faucibus mattis diam luctus vitae. Aenean posuere metus vitae malesuada ultrices.</p>
  80.     <p style="text-align: justify;">Proin ut nisi nec odio varius porttitor. Ut sit amet lectus efficitur, vehicula magna sed, dictum sapien. Proin eu risus porta ipsum interdum feugiat eu quis tortor. Etiam euismod bibendum imperdiet. Integer eget lorem at nunc semper vulputate. Morbi arcu augue, posuere in gravida in, tincidunt et enim.</p>
  81.    </div>
  82.    <div class="card card-block bg-faded rounded-0">
  83.     <div class="row justify-content-between">
  84.      <div class="col-md-4">
  85.       <h3><a href="link">Name</a></h3>
  86.       <p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel tortor ligula. Proin quis luctus eros. Curabitur et lacinia tellus, sed feugiat ipsum. Suspendisse quam nisi, aliquam sit amet mauris vitae, pellentesque varius massa.</p>
  87.      </div>
  88.      <div class="col-md-4">
  89.       <h3><a href="link">Name</a></h3>
  90.       <p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel tortor ligula. Proin quis luctus eros. Curabitur et lacinia tellus, sed feugiat ipsum. Suspendisse quam nisi, aliquam sit amet mauris vitae, pellentesque varius massa. Nam elementum egestas semper.</p>
  91.      </div>
  92.      <div class="col-md-4">
  93.       <h3><a href="link">Name</a></h3>
  94.       <p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel tortor ligula. Proin quis luctus eros. Curabitur et lacinia tellus, sed feugiat ipsum. Suspendisse quam nisi, aliquam sit amet mauris vitae.</p>
  95.      </div>
  96.     </div>
  97.    </div>
  98.   </div>
  99.   <p class="text-right">profile html by @hukiolukio</p>
  100.  </div>
  101. </div>
RAW Paste Data