Advertisement
shinsou

User OO1

Jul 19th, 2018
2,160
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.94 KB | None | 0 0
  1. <div class="row no-gutters text-white">
  2.     <div class="col-lg-6 p-0 mx-auto pt-lg-5 mt-lg-3">
  3.         <!-------------title---------------->
  4.         <div class="card border-right-0 rounded-0 border-0 p-4 display-4 text-uppercase text-center" style="height:80px;background-color:#4e3c7a;color:#fff;">&bull; 진정하다&nbsp;&bull;</div>
  5.     </div>
  6. </div>
  7. <div class="row no-gutters align-center">
  8.     <!------------------>
  9.     <div class="col-lg-6 p-0 mx-auto">
  10.         <!------------------>
  11.         <div class="card rounded-0 p-2" style="background:#333;border:2px solid #4e3c7a;">
  12.             <!------------------>
  13.             <div class="row no-gutters">
  14.                 <!----------------------------->
  15.                 <div class="col-lg-4 p-3" style="text-align: center;">
  16.                     <!-------------200 x 200---------------->
  17.                     <div class="card rounded-circle p-2 mx-auto" style="height:200px;width:200px;border:2px solid #4e3c7a;background-image:url(https://file.toyhou.se/users/Hitoshi?1);">
  18.                         <br>
  19.                     </div>
  20.                     <!---------little circle things idk------------->
  21.                     <div class="row no-gutters text-center mx-auto hidden-sm-down">
  22.                         <div class="col-sm-auto p-1 ">
  23.                             <!-------------first info circle---------------->
  24.                             <div class="rounded-circle tooltipster mx-auto text-white d-inline-flex" style="height:60px;width:60px;background-color:#4e3c7a;" title="Male"><span class="m-auto"><i class="fas fa-user fa-2x"></i></span></div>
  25.                         </div>
  26.                         <!-------------second info circle---------------->
  27.                         <div class="col-sm-auto p-1">
  28.                             <div class="rounded-circle tooltipster mx-auto text-white d-inline-flex" style="height:60px;width:60px;background-color:#4e3c7a;" title="Seoul, KR"><span class="m-auto"><i class="fas fa-map-marker-alt fa-2x"></i></span></div>
  29.                         </div>
  30.                         <!-------------third info circle---------------->
  31.                         <div class="col-sm-auto p-1">
  32.                             <div class="rounded-circle tooltipster mx-auto text-white d-inline-flex" style="height:60px;width:60px;background-color:#4e3c7a;" title="Loves Cats"><span class="m-auto"><i class="fas fa-paw fa-2x"></i></span></div>
  33.                         </div>
  34.                     </div><span class="text-center text-uppercase text-white" style="font-size: 9px;letter-spacing:1px;">Icon by @Hitoshi</span></div>
  35.                 <!----------------------------->
  36.                 <div class="col-lg-8 mx-auto">
  37.  
  38.                     <ul class="nav row text-center" style="border:none;">
  39.                         <li class="nav-item col-sm-6 mb-2"><a class="btn btn-block rounded-0 text-uppercase text-white active" data-toggle="tab" href="#hana" style="background-color:#393939;">About</a></li>
  40.                         <li class="nav-item col-sm-6 mb-2"><a class="btn btn-block rounded-0 text-uppercase text-white" data-toggle="tab" href="#dul" style="background-color:#393939;">Links</a></li>
  41.                     </ul>
  42.                     <!----------------------------->
  43.                     <div class="card-block border-0 rounded-0 text-white mt-0 text-justify p-2" style="background-color:#393939;height:285px;overflow:auto;">
  44.                         <div class="tab-content">
  45.                             <!-------------about tab---------------->
  46.                             <div class="tab-pane fade in border-0 rounded-0 text-white mt-0 text-justify active show" id="hana">
  47.                                 <div class="col-lg-12 p-1">
  48.                                     <div class="card card-block border-right-0 rounded-0 border-0 p-2 text-uppercase mb-3 text-center" style="background-color:#4e3c7a;color:#fff;font-size:9px;letter-spacing:2px;"><strong>Nico. 23. Korean. Tired. ISFP. Capricorn.</strong></div>
  49.  
  50.                                     <p>I&#39;m just ridiculously tired all day every day. So everything I do seems so half-assed, I apologize now for it.</p>
  51.  
  52.                                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consectetur mattis ipsum eu aliquam. Integer tempus consectetur quam eget gravida. Donec aliquet neque sed justo euismod tempus. Nulla in lorem ut augue dictum mattis. Nam accumsan condimentum elit vitae blandit. Suspendisse et eros dui. Aenean sollicitudin, nulla et aliquet interdum, ex metus convallis nulla, sit amet feugiat enim neque id nibh. Ut molestie mi id nisi iaculis finibus.</p>
  53.                                 </div>
  54.                             </div>
  55.                             <!-------------links tab---------------->
  56.                             <div class="tab-pane fade in border-0 rounded-0 text-white mt-0 text-justify" id="dul">
  57.                                 <!-------------buttooooons---------------->
  58.                                 <div class="row no-gutters text-white">
  59.                                     <div class="col-lg-4 p-1">
  60.                                         <!---DEVIANTART--->
  61.                                         <a class="btn btn-block p-4 text-white rounded-0 border-0" href="DA_LINK" style="background-color:#333;"><i class="fab fa-deviantart fa-4x"></i></a>
  62.                                         <!---FUR AFFINITY--->
  63.                                         <a class="btn btn-block p-4 text-white rounded-0 border-0" href="FUR_AFFINITY_LINK" style="background-color:#333;"><i class="fas fa-paw fa-4x"></i></a></div>
  64.                                     <div class="col-lg-4 p-1">
  65.                                         <!---TUMBLR--->
  66.                                         <a class="btn btn-block p-4 text-white rounded-0 border-0" href="TUMBLR_LINK" style="background-color:#333;"><i class="fab fa-tumblr fa-4x"></i></a>
  67.                                         <!---FACEBOOK--->
  68.                                         <a class="btn btn-block p-4 text-white rounded-0 border-0" href="FB_LINK" style="background-color:#333;"><i class="fab fa-facebook-square fa-4x"></i></a></div>
  69.                                     <div class="col-lg-4 p-1">
  70.                                         <!---TWITTER--->
  71.                                         <a class="btn btn-block p-4 text-white rounded-0 border-0" href="TWITTER_LINK" style="background-color:#333;"><i class="fab fa-twitter fa-4x"></i></a>
  72.                                         <!---DISCORD--->
  73.                                         <a class="btn btn-block p-4 text-white tooltipster rounded-0 border-0" style="background-color:#333;" title="Discord#0000"><i class="fab fa-discord fa-4x"></i></a></div>
  74.                                     <div class="col-lg-12 p-1">
  75.                                         <div class="card card-block border-right-0 rounded-0 border-0 p-2 text-uppercase text-center" style="height:30px;background-color:#4e3c7a;color:#fff;font-size:9px;letter-spacing:2px;">Please ask before adding me!</div>
  76.                                     </div>
  77.                                 </div>
  78.                             </div>
  79.                         </div>
  80.                     </div>
  81.                 </div>
  82.             </div>
  83.         </div><a class="pull-left text-muted tooltipster" href="https://toyhou.se/Hitoshi" title="i rly want a kit kat"></a></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement