Ledger Nano X - The secure hardware wallet
SHARE
TWEET

Sheet Profile (Theme Color)

hukiolukio Sep 29th, 2017 (edited) 2,703 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="container">
  2.  <div class="container-fluid">
  3.   <div class="row justify-content-between">
  4.    <div class="col-md-6">
  5.     <div class="card card-block card-inverse card-primary rounded-0 text-white display-4">
  6.      About
  7.     </div>
  8.     <div class="card-block mb-2">
  9.      <div class="row">
  10.       <div class="col-5 text-right">
  11.        <strong>Name</strong>
  12.       </div>
  13.       <div class="col-7 text-left">
  14.        Full Name
  15.       </div>
  16.      </div>
  17.      <div class="row">
  18.       <div class="col-5 text-right">
  19.        <strong>Nickname</strong>
  20.       </div>
  21.       <div class="col-7 text-left">
  22.        Called by name
  23.       </div>
  24.      </div>
  25.      <div class="row justify-content-between">
  26.       <div class="col-5 text-right">
  27.        <strong>Gender</strong>
  28.       </div>
  29.       <div class="col-7 text-left">
  30.        F or M or ?
  31.       </div>
  32.      </div>
  33.      <div class="row">
  34.       <div class="col-5 text-right">
  35.        <strong>Age</strong>
  36.       </div>
  37.       <div class="col-7 text-left">
  38.        How old
  39.       </div>
  40.      </div>
  41.      <div class="row">
  42.       <div class="col-5 text-right">
  43.        <strong>World</strong>
  44.       </div>
  45.       <div class="col-7 text-left">
  46.        Their planet
  47.       </div>
  48.      </div>
  49.      <div class="row">
  50.       <div class="col-5 text-right">
  51.        <strong>Species</strong>
  52.       </div>
  53.       <div class="col-7 text-left">
  54.        What animal
  55.       </div>
  56.      </div>
  57.      <div class="row">
  58.       <div class="col-5 text-right">
  59.        <strong>Ethnicity</strong>
  60.       </div>
  61.       <div class="col-7 text-left">
  62.        or type of their animal
  63.       </div>
  64.      </div>
  65.      <div class="row">
  66.       <div class="col-5 text-right">
  67.        <strong>Home</strong>
  68.       </div>
  69.       <div class="col-7 text-left">
  70.        Somewhere, Someplace
  71.       </div>
  72.      </div>
  73.      <div class="row">
  74.       <div class="col-5 text-right">
  75.        <strong>Occupation</strong>
  76.       </div>
  77.       <div class="col-7 text-left">
  78.        Their job
  79.       </div>
  80.      </div>
  81.      <div class="row">
  82.       <div class="col-5 text-right">
  83.        <strong>Sexuality</strong>
  84.       </div>
  85.       <div class="col-7 text-left">
  86.        Swing what way
  87.       </div>
  88.      </div>
  89.     </div>
  90.    </div>
  91.    <div class="col-md-6">
  92.     <div class="card card-block card-inverse card-primary rounded-0 text-white display-4">
  93.      Appearance
  94.     </div>
  95.     <div class="card-block mb-2">
  96.      <div class="container-fluid">
  97.       <div class="row justify-content-center mb-2">
  98.        <div class="col-3 text-right">
  99.         <strong>Curvy</strong>
  100.        </div>
  101.        <div class="col-5">
  102.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  103.          <div class="card card-outline rounded-0" style="height:7px;width:40%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  104.          </div>
  105.         </div>
  106.        </div>
  107.        <div class="col-3 text-left">
  108.         <strong>Flat</strong>
  109.        </div>
  110.       </div>
  111.      </div>
  112.      <div class="container-fluid">
  113.       <div class="row justify-content-center mb-2">
  114.        <div class="col-3 text-right">
  115.         <strong>Short</strong>
  116.        </div>
  117.        <div class="col-5">
  118.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  119.          <div class="card card-outline rounded-0" style="height:7px;width:40%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  120.          </div>
  121.         </div>
  122.        </div>
  123.        <div class="col-3 text-left">
  124.         <strong>Tall</strong>
  125.        </div>
  126.       </div>
  127.      </div>
  128.      <div class="container-fluid">
  129.       <div class="row justify-content-center mb-2">
  130.        <div class="col-3 text-right">
  131.         <strong>Skinny</strong>
  132.        </div>
  133.        <div class="col-5">
  134.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  135.          <div class="card card-outline rounded-0" style="height:7px;width:60%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  136.          </div>
  137.         </div>
  138.        </div>
  139.        <div class="col-3 text-left">
  140.         <strong>Large</strong>
  141.        </div>
  142.       </div>
  143.      </div>
  144.      <div class="container-fluid">
  145.       <div class="row justify-content-center mb-2">
  146.        <div class="col-3 text-right">
  147.         <strong>Muscles</strong>
  148.        </div>
  149.        <div class="col-5">
  150.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  151.          <div class="card card-outline rounded-0" style="height:7px;width:30%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  152.          </div>
  153.         </div>
  154.        </div>
  155.        <div class="col-3 text-left">
  156.         <strong>Fat</strong>
  157.        </div>
  158.       </div>
  159.      </div>
  160.      <div class="container-fluid">
  161.       <div class="row justify-content-center mb-2">
  162.        <div class="col-3 text-right">
  163.         <strong>Strong</strong>
  164.        </div>
  165.        <div class="col-5">
  166.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  167.          <div class="card card-outline rounded-0" style="height:7px;width:10%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  168.          </div>
  169.         </div>
  170.        </div>
  171.        <div class="col-3 text-left">
  172.         <strong>Weak</strong>
  173.        </div>
  174.       </div>
  175.      </div>
  176.      <div class="container-fluid">
  177.       <div class="row justify-content-center mb-2">
  178.        <div class="col-3 text-right">
  179.         <strong>Fit</strong>
  180.        </div>
  181.        <div class="col-5">
  182.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  183.          <div class="card card-outline rounded-0" style="height:7px;width:50%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  184.          </div>
  185.         </div>
  186.        </div>
  187.        <div class="col-3 text-left">
  188.         <strong>Unfit</strong>
  189.        </div>
  190.       </div>
  191.      </div>
  192.      <div class="container-fluid">
  193.       <div class="row justify-content-center mb-2">
  194.        <div class="col-3 text-right">
  195.         <strong>Pale</strong>
  196.        </div>
  197.        <div class="col-5">
  198.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  199.          <div class="card card-outline rounded-0" style="height:7px;width:80%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  200.          </div>
  201.         </div>
  202.        </div>
  203.        <div class="col-3 text-left">
  204.         <strong>Dark</strong>
  205.        </div>
  206.       </div>
  207.      </div>
  208.      <div class="container-fluid">
  209.       <div class="row justify-content-center mb-2">
  210.        <div class="col-3 text-right">
  211.         <strong>Sexy</strong>
  212.        </div>
  213.        <div class="col-5">
  214.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  215.          <div class="card card-outline rounded-0" style="height:7px;width:30%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  216.          </div>
  217.         </div>
  218.        </div>
  219.        <div class="col-3 text-left">
  220.         <strong>Cute</strong>
  221.        </div>
  222.       </div>
  223.      </div>
  224.     </div>
  225.    </div>
  226.   </div>
  227.  </div>
  228.  <div class="container-fluid">
  229.   <div class="row justify-content-between">
  230.    <div class="col-md-4">
  231.     <div class="card card-block card-inverse card-primary rounded-0 text-white display-4">
  232.      Likes
  233.     </div>
  234.     <ul class="card-block text-left list-unstyled">
  235.      <li>
  236.       <i class="fa fa-check"></i>
  237.        yes
  238.      </li>
  239.      <li>
  240.       <i class="fa fa-check"></i>
  241.        duh of course
  242.      </li>
  243.      <li>
  244.       <i class="fa fa-check"></i>
  245.        more yes
  246.      </li>
  247.      <li>
  248.       <i class="fa fa-check"></i>
  249.        definitely absolutely
  250.      </li>
  251.      <li>
  252.       <i class="fa fa-check"></i>
  253.        yesssssss
  254.      </li>
  255.      <li>
  256.       <i class="fa fa-check"></i>
  257.        y to the e to the s
  258.      </li>
  259.      <li>
  260.       <i class="fa fa-check"></i>
  261.        give me that
  262.      </li>
  263.     </ul>
  264.     </ul>
  265.    </div>
  266.    <div class="col-md-4">
  267.     <div class="card card-block card-inverse card-primary rounded-0 text-white display-4">
  268.      Dislikes
  269.     </div>
  270.     <ul class="card-block text-left list-unstyled">
  271.      <li>
  272.       <i class="fa fa-times"></i>
  273.        no
  274.      </li>
  275.      <li>
  276.       <i class="fa fa-times"></i>
  277.        maybe not
  278.      </li>
  279.      <li>
  280.       <i class="fa fa-times"></i>
  281.        of course not
  282.      </li>
  283.      <li>
  284.       <i class="fa fa-times"></i>
  285.        ewww gross
  286.      </li>
  287.      <li>
  288.       <i class="fa fa-times"></i>
  289.       more no
  290.      </li>
  291.      <li>
  292.       <i class="fa fa-times"></i>
  293.       why
  294.      </li>
  295.      <li>
  296.       <i class="fa fa-times"></i>
  297.       get it away
  298.      </li>
  299.     </ul>
  300.    </div>
  301.    <div class="col-md-4">
  302.     <div class="card card-block card-inverse card-primary rounded-0 text-white display-4">
  303.      Hobbies
  304.     </div>
  305.     <ul class="card-block text-left list-unstyled">
  306.      <li>
  307.       <i class="fa fa-cog"></i>
  308.        activity
  309.      </li>
  310.      <li>
  311.       <i class="fa fa-cog"></i>
  312.        talented at
  313.      </li>
  314.      <li>
  315.       <i class="fa fa-cog"></i>
  316.        something simple
  317.      </li>
  318.      <li>
  319.       <i class="fa fa-cog"></i>
  320.        just for fun
  321.      </li>
  322.      <li>
  323.       <i class="fa fa-cog"></i>
  324.        epic activity
  325.      </li>
  326.      <li>
  327.       <i class="fa fa-cog"></i>
  328.        laze around doing
  329.      </li>
  330.      <li>
  331.       <i class="fa fa-cog"></i>
  332.        hidden talent?
  333.      </li>
  334.     </ul>
  335.    </div>
  336.    <div class="col-md-4">
  337.     <div class="card card-block card-inverse card-primary rounded-0 text-white display-4">
  338.      Traits
  339.     </div>
  340.     <ul class="card-block text-left list-unstyled">
  341.      <li>
  342.       <i class="fa fa-bookmark"></i>
  343.        just some
  344.      </li>
  345.      <li>
  346.       <i class="fa fa-bookmark"></i>
  347.        personality traits
  348.      </li>
  349.      <li>
  350.       <i class="fa fa-bookmark"></i>
  351.        about
  352.      </li>
  353.      <li>
  354.       <i class="fa fa-bookmark"></i>
  355.        the character
  356.      </li>
  357.    </div>
  358.    <div class="col-md-4">
  359.     <div class="card card-block card-inverse card-primary rounded-0 text-white display-4">
  360.      Quirks
  361.     </div>
  362.     <ul class="card-block text-left list-unstyled">
  363.      <li>
  364.       <i class="fa fa-bell"></i>
  365.        disgusting secret
  366.      </li>
  367.      <li>
  368.       <i class="fa fa-bell"></i>
  369.        silly thing
  370.      </li>
  371.      <li>
  372.       <i class="fa fa-bell"></i>
  373.        something annoying
  374.      </li>
  375.      <li>
  376.       <i class="fa fa-bell"></i>
  377.        stupidity at its finest
  378.      </li>
  379.     </ul>
  380.    </div>
  381.    <div class="col-md-4">
  382.     <div class="card card-block card-inverse card-primary rounded-0 text-white display-4">
  383.      Phobias
  384.     </div>
  385.     <ul class="card-block text-left list-unstyled">
  386.      <li>
  387.       <i class="fa fa-star"></i>
  388.        oh dear
  389.      </li>
  390.      <li>
  391.       <i class="fa fa-star"></i>
  392.        scream
  393.      </li>
  394.      <li>
  395.       <i class="fa fa-star"></i>
  396.        scarred for life
  397.      </li>
  398.      <li>
  399.       <i class="fa fa-star"></i>
  400.        burn it
  401.      </li>
  402.     </ul>
  403.    </div>
  404.   </div>
  405.  </div>
  406.  <div class="col-12">
  407.   <div class="card card-block card-inverse card-primary rounded-0 text-white display-4">
  408.    Personality
  409.   </div>
  410.   <div class="card-block container-fluid">
  411.    <div class="row justify-content-center">
  412.     <div class="col-md-6">
  413.      <div class="container-fluid">
  414.       <div class="row justify-content-center mb-2">
  415.        <div class="col-3 text-right ">
  416.         <strong>Introvert</strong>
  417.        </div>
  418.        <div class="col-5">
  419.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  420.          <div class="card card-outline rounded-0" style="height:7px;width:50%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  421.          </div>
  422.         </div>
  423.        </div>
  424.        <div class="col-3 text-left ">
  425.         <strong>Extrovert</strong>
  426.        </div>
  427.       </div>
  428.      </div>
  429.      <div class="container-fluid">
  430.       <div class="row justify-content-center mb-2">
  431.        <div class="col-3 text-right ">
  432.         <strong>Intuitive</strong>
  433.        </div>
  434.        <div class="col-5">
  435.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  436.          <div class="card card-outline rounded-0" style="height:7px;width:10%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  437.          </div>
  438.         </div>
  439.        </div>
  440.        <div class="col-3 text-left ">
  441.         <strong>Observant</strong>
  442.        </div>
  443.       </div>
  444.      </div>     <div class="container-fluid">
  445.       <div class="row justify-content-center mb-2">
  446.        <div class="col-3 text-right ">
  447.         <strong>Thinking</strong>
  448.        </div>
  449.        <div class="col-5">
  450.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  451.          <div class="card card-outline rounded-0" style="height:7px;width:40%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  452.          </div>
  453.         </div>
  454.        </div>
  455.        <div class="col-3 text-left ">
  456.         <strong>Feeling</strong>
  457.        </div>
  458.       </div>
  459.      </div>
  460.      <div class="container-fluid">
  461.       <div class="row justify-content-center mb-2">
  462.        <div class="col-3 text-right ">
  463.         <strong>Judging</strong>
  464.        </div>
  465.        <div class="col-5">
  466.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  467.          <div class="card card-outline rounded-0" style="height:7px;width:50%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  468.          </div>
  469.         </div>
  470.        </div>
  471.        <div class="col-3 text-left ">
  472.         <strong>Prospecting</strong>
  473.        </div>
  474.       </div>
  475.      </div>
  476.      <div class="container-fluid">
  477.       <div class="row justify-content-center mb-2">
  478.        <div class="col-3 text-right ">
  479.         <strong>Assertive</strong>
  480.        </div>
  481.        <div class="col-5">
  482.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  483.          <div class="card card-outline rounded-0" style="height:7px;width:80%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  484.          </div>
  485.         </div>
  486.        </div>
  487.        <div class="col-3 text-left ">
  488.         <strong>Turbulent</strong>
  489.        </div>
  490.       </div>
  491.      </div>
  492.      <div class="container-fluid">
  493.       <div class="row justify-content-center mb-2">
  494.        <div class="col-3 text-right ">
  495.         <strong>Follower</strong>
  496.        </div>
  497.        <div class="col-5">
  498.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  499.          <div class="card card-outline rounded-0" style="height:7px;width:90%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  500.          </div>
  501.         </div>
  502.        </div>
  503.        <div class="col-3 text-left ">
  504.         <strong>Leader</strong>
  505.        </div>
  506.       </div>
  507.      </div>
  508.      <div class="container-fluid">
  509.       <div class="row justify-content-center mb-2">
  510.        <div class="col-3 text-right ">
  511.         <strong>Impulsive</strong>
  512.        </div>
  513.        <div class="col-5">
  514.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  515.          <div class="card card-outline rounded-0" style="height:7px;width:30%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  516.          </div>
  517.         </div>
  518.        </div>
  519.        <div class="col-3 text-left ">
  520.         <strong>Cautious</strong>
  521.        </div>
  522.       </div>
  523.      </div>
  524.      <div class="container-fluid">
  525.       <div class="row justify-content-center mb-2">
  526.        <div class="col-3 text-right ">
  527.         <strong>Optimist</strong>
  528.        </div>
  529.        <div class="col-5">
  530.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  531.          <div class="card card-outline rounded-0" style="height:7px;width:60%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  532.          </div>
  533.         </div>
  534.        </div>
  535.        <div class="col-3 text-left ">
  536.         <strong>Pessimist</strong>
  537.        </div>
  538.       </div>
  539.      </div>
  540.      <div class="container-fluid">
  541.       <div class="row justify-content-center mb-2">
  542.        <div class="col-3 text-right ">
  543.         <strong>Rude</strong>
  544.        </div>
  545.        <div class="col-5">
  546.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  547.          <div class="card card-outline rounded-0" style="height:7px;width:90%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  548.          </div>
  549.         </div>
  550.        </div>
  551.        <div class="col-3 text-left ">
  552.         <strong>Kind</strong>
  553.        </div>
  554.       </div>
  555.      </div>
  556.      <div class="container-fluid">
  557.       <div class="row justify-content-center mb-2">
  558.        <div class="col-3 text-right ">
  559.         <strong>Peaceful</strong>
  560.        </div>
  561.        <div class="col-5">
  562.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  563.          <div class="card card-outline rounded-0" style="height:7px;width:20%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  564.          </div>
  565.         </div>
  566.        </div>
  567.        <div class="col-3 text-left ">
  568.         <strong>Chaotic</strong>
  569.        </div>
  570.       </div>
  571.      </div>
  572.      <div class="container-fluid">
  573.       <div class="row justify-content-center mb-2">
  574.        <div class="col-3 text-right ">
  575.         <strong>Natural</strong>
  576.        </div>
  577.        <div class="col-5">
  578.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  579.          <div class="card card-outline rounded-0" style="height:7px;width:60%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  580.          </div>
  581.         </div>
  582.        </div>
  583.        <div class="col-3 text-left ">
  584.         <strong>Perfectionist</strong>
  585.        </div>
  586.       </div>
  587.      </div>
  588.      <div class="container-fluid">
  589.       <div class="row justify-content-center mb-2">
  590.        <div class="col-3 text-right ">
  591.         <strong>Playful</strong>
  592.        </div>
  593.        <div class="col-5">
  594.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  595.          <div class="card card-outline rounded-0" style="height:7px;width:0%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  596.          </div>
  597.         </div>
  598.        </div>
  599.        <div class="col-3 text-left ">
  600.         <strong>Serious</strong>
  601.        </div>
  602.       </div>
  603.      </div>
  604.      <div class="container-fluid">
  605.       <div class="row justify-content-center mb-2">
  606.        <div class="col-3 text-right ">
  607.         <strong>Brave</strong>
  608.        </div>
  609.        <div class="col-5">
  610.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  611.          <div class="card card-outline rounded-0" style="height:7px;width:40%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  612.          </div>
  613.         </div>
  614.        </div>
  615.        <div class="col-3 text-left ">
  616.         <strong>Coward</strong>
  617.        </div>
  618.       </div>
  619.      </div>
  620.     </div>
  621.     <div class="col-md-6">
  622.      <div class="container-fluid">
  623.       <div class="row justify-content-center mb-2">
  624.        <div class="col-3 text-right ">
  625.         <strong>Wise</strong>
  626.        </div>
  627.        <div class="col-5">
  628.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  629.          <div class="card card-outline rounded-0" style="height:7px;width:30%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  630.          </div>
  631.         </div>
  632.        </div>
  633.        <div class="col-3 text-left ">
  634.         <strong>Mindless</strong>
  635.        </div>
  636.       </div>
  637.      </div>
  638.      <div class="container-fluid">
  639.       <div class="row justify-content-center mb-2">
  640.        <div class="col-3 text-right ">
  641.         <strong>Smart</strong>
  642.        </div>
  643.        <div class="col-5">
  644.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  645.          <div class="card card-outline rounded-0" style="height:7px;width:20%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  646.          </div>
  647.         </div>
  648.        </div>
  649.        <div class="col-3 text-left ">
  650.         <strong>Stupid</strong>
  651.        </div>
  652.       </div>
  653.      </div>
  654.      <div class="container-fluid">
  655.       <div class="row justify-content-center mb-2">
  656.        <div class="col-3 text-right ">
  657.         <strong>Logical</strong>
  658.        </div>
  659.        <div class="col-5">
  660.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  661.          <div class="card card-outline rounded-0" style="height:7px;width:100%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  662.          </div>
  663.         </div>
  664.        </div>
  665.        <div class="col-3 text-left ">
  666.         <strong>Irrational</strong>
  667.        </div>
  668.       </div>
  669.      </div>
  670.      <div class="container-fluid">
  671.       <div class="row justify-content-center mb-2">
  672.        <div class="col-3 text-right ">
  673.         <strong>Liar</strong>
  674.        </div>
  675.        <div class="col-5">
  676.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  677.          <div class="card card-outline rounded-0" style="height:7px;width:20%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  678.          </div>
  679.         </div>
  680.        </div>
  681.        <div class="col-3 text-left ">
  682.         <strong>Honest</strong>
  683.        </div>
  684.       </div>
  685.      </div>
  686.      <div class="container-fluid">
  687.       <div class="row justify-content-center mb-2">
  688.        <div class="col-3 text-right ">
  689.         <strong>Neat</strong>
  690.        </div>
  691.        <div class="col-5">
  692.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  693.          <div class="card card-outline rounded-0" style="height:7px;width:50%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  694.          </div>
  695.         </div>
  696.        </div>
  697.        <div class="col-3 text-left ">
  698.         <strong>Messy</strong>
  699.        </div>
  700.       </div>
  701.      </div>
  702.      <div class="container-fluid">
  703.       <div class="row justify-content-center mb-2">
  704.        <div class="col-3 text-right ">
  705.         <strong>Insecure</strong>
  706.        </div>
  707.        <div class="col-5">
  708.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  709.          <div class="card card-outline rounded-0" style="height:7px;width:0%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  710.          </div>
  711.         </div>
  712.        </div>
  713.        <div class="col-3 text-left ">
  714.         <strong>Confident</strong>
  715.        </div>
  716.       </div>
  717.      </div>
  718.      <div class="container-fluid">
  719.       <div class="row justify-content-center mb-2">
  720.        <div class="col-3 text-right ">
  721.         <strong>Curious</strong>
  722.        </div>
  723.        <div class="col-5">
  724.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  725.          <div class="card card-outline rounded-0" style="height:7px;width:70%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  726.          </div>
  727.         </div>
  728.        </div>
  729.        <div class="col-3 text-left ">
  730.         <strong>Uninterested</strong>
  731.        </div>
  732.       </div>
  733.      </div>
  734.      <div class="container-fluid">
  735.       <div class="row justify-content-center mb-2">
  736.        <div class="col-3 text-right ">
  737.         <strong>Creative</strong>
  738.        </div>
  739.        <div class="col-5">
  740.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  741.          <div class="card card-outline rounded-0" style="height:7px;width:10%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  742.          </div>
  743.         </div>
  744.        </div>
  745.        <div class="col-3 text-left ">
  746.         <strong>Copier</strong>
  747.        </div>
  748.       </div>
  749.      </div>
  750.      <div class="container-fluid">
  751.       <div class="row justify-content-center mb-2">
  752.        <div class="col-3 text-right ">
  753.         <strong>Awkward</strong>
  754.        </div>
  755.        <div class="col-5">
  756.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  757.          <div class="card card-outline rounded-0" style="height:7px;width:90%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  758.          </div>
  759.         </div>
  760.        </div>
  761.        <div class="col-3 text-left ">
  762.         <strong>Graceful</strong>
  763.        </div>
  764.       </div>
  765.      </div>
  766.      <div class="container-fluid">
  767.       <div class="row justify-content-center mb-2">
  768.        <div class="col-3 text-right ">
  769.         <strong>Patient</strong>
  770.        </div>
  771.        <div class="col-5">
  772.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  773.          <div class="card card-outline rounded-0" style="height:7px;width:10%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  774.          </div>
  775.         </div>
  776.        </div>
  777.        <div class="col-3 text-left ">
  778.         <strong>Impatient</strong>
  779.        </div>
  780.       </div>
  781.      </div>
  782.      <div class="container-fluid">
  783.       <div class="row justify-content-center mb-2">
  784.        <div class="col-3 text-right ">
  785.         <strong>Lethargic</strong>
  786.        </div>
  787.        <div class="col-5">
  788.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  789.          <div class="card card-outline rounded-0" style="height:7px;width:0%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  790.          </div>
  791.         </div>
  792.        </div>
  793.        <div class="col-3 text-left ">
  794.         <strong>Energetic</strong>
  795.        </div>
  796.       </div>
  797.      </div>
  798.      <div class="container-fluid">
  799.       <div class="row justify-content-center mb-2">
  800.        <div class="col-3 text-right ">
  801.         <strong>Forgetful</strong>
  802.        </div>
  803.        <div class="col-5">
  804.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  805.          <div class="card card-outline rounded-0" style="height:7px;width:90%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  806.          </div>
  807.         </div>
  808.        </div>
  809.        <div class="col-3 text-left ">
  810.         <strong>Memorable</strong>
  811.        </div>
  812.       </div>
  813.      </div>
  814.      <div class="container-fluid">
  815.       <div class="row justify-content-center mb-2">
  816.        <div class="col-3 text-right ">
  817.         <strong>Adjective</strong>
  818.        </div>
  819.        <div class="col-5">
  820.         <div class="card card-outline" style="height:8px;margin-top:6px;border:2px solid">
  821.          <div class="card card-outline rounded-0" style="height:7px;width:90%;border:4px solid;border-left:transparent;border-top:transparent;border-bottom:transparent;">
  822.          </div>
  823.         </div>
  824.        </div>
  825.        <div class="col-3 text-left ">
  826.         <strong>Adjective</strong>
  827.        </div>
  828.       </div>
  829.      </div>
  830.     </div>
  831.    </div>
  832.   </div>
  833.  </div>
  834.  <div class="container-fluid">
  835.   <div class="row justify-content-between">
  836.    <div class="col-md-7">
  837.     <div class="card card-block card-inverse card-primary rounded-0 text-white display-4">
  838.      Trivia
  839.     </div>
  840.     <ul class="card-block text-left list-unstyled">
  841.      <li>
  842.       ● Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  843.      </li>
  844.      <li>
  845.       ● Maecenas eget eros accumsan, finibus neque vel, pretium est. In dictum quam quis ante volutpat, at porta lacus feugiat.
  846.      </li>
  847.      <li>
  848.       ● Duis scelerisque quis sapien sodales mattis, nec porttitor nibh interdum eu.
  849.      </li>
  850.      <li>
  851.       ● Donec elit sapien, facilisis sed arcu eu, rutrum sollicitudin lorem. Sed vel fermentum justo.
  852.      </li>
  853.      <li>
  854.       ● Sed tempus viverra orci, id bibendum urna pellentesque non.
  855.      </li>
  856.     </ul>
  857.    </div>
  858.    <div class="col-md-5">
  859.     <div class="card card-block card-inverse card-primary rounded-0 text-white display-4">
  860.      Relationships
  861.     </div>
  862.     <div class="card-block">
  863.       <p style="text-align: justify;"><a href="link">Name</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel tortor ligula. Proin quis luctus eros. Curabitur et lacinia tellus, sed feugiat ipsum.</p>
  864.       <p style="text-align: justify;"><a href="link">Name</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel tortor ligula. Proin quis luctus eros.</p>
  865.     </div>
  866.    </div>
  867.   </div>
  868.  </div>
  869.  <div class="col-12">
  870.   <div class="card card-block card-inverse card-primary rounded-0 text-white display-4">
  871.    Section
  872.   </div>
  873.   <div class="card-block">
  874.    <p class="mb-2" style="text-align: justify;">This profile is made for those who don't like writing paragraphs, but this section is here as optional for those who would like to include paragraphs in the profile. If you don't want it, simply delete it. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lectus sapien, rutrum vitae volutpat sit amet, scelerisque euismod velit. Donec leo enim, condimentum vel consectetur ut, sollicitudin ut dolor. In eu auctor odio. In a felis erat. Duis sit amet porttitor nibh. Maecenas eget eros accumsan, finibus neque vel, pretium est. In dictum quam quis ante volutpat, at porta lacus feugiat. Praesent porta, risus ac suscipit vulputate, magna quam sollicitudin mauris, non accumsan eros ligula vel magna. Donec finibus nisi id lacus ultrices tempor. Quisque lacinia justo lectus, non cursus ligula efficitur sit amet. Pellentesque nec augue vitae lacus sollicitudin congue vel ac tellus. Fusce magna enim, facilisis quis est et, gravida efficitur velit. In hac habitasse platea dictumst. Duis id ullamcorper eros, sed gravida magna. Vivamus eleifend, magna at tempus mollis, ipsum odio tempus nunc, nec ultrices ex magna eget sapien. Proin nec erat ornare, ullamcorper libero vitae, pellentesque mi.</p>
  875.     <p class="mb-2" style="text-align: justify;">Duis scelerisque quis sapien sodales mattis. Donec porttitor eu turpis vitae tristique. Vestibulum vitae magna id purus vestibulum cursus. Pellentesque libero nunc, lobortis vitae augue a, suscipit aliquam felis. Suspendisse placerat vulputate sollicitudin. Sed vel fermentum justo. Aliquam vitae est dui. Sed molestie ullamcorper mauris, ut accumsan tellus cursus sed.</p>
  876.   </div>
  877.  </div>
  878.  <p class="text-right">profile html by @hukiolukio</p>
  879. </div>
RAW Paste Data
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
Top