API tools faq
paste
Advertisement
CuddlySpider

Toyhouse % Slider Layout (Traits Container)

CuddlySpider
Sep 18th, 2017
441
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 19.54 KB | None | 0 0
raw download clone embed print report
  1.     <!--Traits Container-->
  2.     <div class="container mx-auto mb-5" style="width:100%;">
  3.  
  4.         <h1 class="bg-primary text-white p-2 text-center rounded mb-4">Traits</h1>
  5.         <div class="row justify-content-around ml-1 mr-1">
  6.             <!--Active Traits Column-->
  7.             <div class="col-lg-6 mb-4 p-0">
  8.                 <div class="col mb-4 p-0">
  9.  
  10.                     <h4 class="text-primary text-center">Active</h4>
  11.                     <div class="col-md p-0 m-0 mx-auto">
  12.                         <div class="row pb-1 m-0">
  13.                             <div class="col-5 text-right text-primary p-0 pr-2">
  14.  
  15.                                 <p>Strength</p>
  16.                             </div>
  17.                             <div class="col text-left p-0 pl-2">
  18.                                 <div class="progress" style="height:5px;margin-top:9px;width:110px;background-color:transparent;border-right:#ccc solid 1px;">
  19.                                     <div class="progress-bar bg-primary" style="width:50%;">
  20.                                         <br>
  21.                                     </div>
  22.                                 </div>
  23.                             </div>
  24.                         </div>
  25.                         <div class="row pb-1 m-0">
  26.                             <div class="col-5 text-right text-primary p-0 pr-2">
  27.  
  28.                                 <p>Agility</p>
  29.                             </div>
  30.                             <div class="col text-left p-0 pl-2">
  31.                                 <div class="progress" style="height:5px;margin-top:9px;width:110px;background-color:transparent;border-right:#ccc solid 1px;">
  32.                                     <div class="progress-bar bg-primary" style="width:50%;">
  33.                                         <br>
  34.                                     </div>
  35.                                 </div>
  36.                             </div>
  37.                         </div>
  38.                         <div class="row pb-1 m-0">
  39.                             <div class="col-5 text-right text-primary p-0 pr-2">
  40.  
  41.                                 <p>Speed</p>
  42.                             </div>
  43.                             <div class="col text-left p-0 pl-2">
  44.                                 <div class="progress" style="height:5px;margin-top:9px;width:110px;background-color:transparent;border-right:#ccc solid 1px;">
  45.                                     <div class="progress-bar bg-primary" style="width:50%;">
  46.                                         <br>
  47.                                     </div>
  48.                                 </div>
  49.                             </div>
  50.                         </div>
  51.                         <div class="row pb-1 m-0">
  52.                             <div class="col-5 text-right text-primary p-0 pr-2">
  53.  
  54.                                 <p>Stamina</p>
  55.                             </div>
  56.                             <div class="col text-left p-0 pl-2">
  57.                                 <div class="progress" style="height:5px;margin-top:9px;width:110px;background-color:transparent;border-right:#ccc solid 1px;">
  58.                                     <div class="progress-bar bg-primary" style="width:50%;">
  59.                                         <br>
  60.                                     </div>
  61.                                 </div>
  62.                             </div>
  63.                         </div>
  64.                         <div class="row pb-1 m-0">
  65.                             <div class="col-5 text-right text-primary p-0 pr-2">
  66.  
  67.                                 <p>Durability</p>
  68.                             </div>
  69.                             <div class="col text-left p-0 pl-2">
  70.                                 <div class="progress" style="height:5px;margin-top:9px;width:110px;background-color:transparent;border-right:#ccc solid 1px;">
  71.                                     <div class="progress-bar bg-primary" style="width:50%;">
  72.                                         <br>
  73.                                     </div>
  74.                                 </div>
  75.                             </div>
  76.                         </div>
  77.                         <div class="row pb-1 m-0">
  78.                             <div class="col-5 text-right text-primary p-0 pr-2">
  79.  
  80.                                 <p>Magic</p>
  81.                             </div>
  82.                             <div class="col text-left p-0 pl-2">
  83.                                 <div class="progress" style="height:5px;margin-top:9px;width:110px;background-color:transparent;border-right:#ccc solid 1px;">
  84.                                     <div class="progress-bar bg-primary" style="width:50%;">
  85.                                         <br>
  86.                                     </div>
  87.                                 </div>
  88.                             </div>
  89.                         </div>
  90.                         <div class="row pb-1 m-0">
  91.                             <div class="col-5 text-right text-primary p-0 pr-2">
  92.  
  93.                                 <p>Willpower</p>
  94.                             </div>
  95.                             <div class="col text-left p-0 pl-2">
  96.                                 <div class="progress" style="height:5px;margin-top:9px;width:110px;background-color:transparent;border-right:#ccc solid 1px;">
  97.                                     <div class="progress-bar bg-primary" style="width:50%;">
  98.                                         <br>
  99.                                     </div>
  100.                                 </div>
  101.                             </div>
  102.                         </div>
  103.                         <div class="row pb-1 m-0">
  104.                             <div class="col-5 text-right text-primary p-0 pr-2">
  105.  
  106.                                 <p>Charisma</p>
  107.                             </div>
  108.                             <div class="col text-left p-0 pl-2">
  109.                                 <div class="progress" style="height:5px;margin-top:9px;width:110px;background-color:transparent;border-right:#ccc solid 1px;">
  110.                                     <div class="progress-bar bg-primary" style="width:50%;">
  111.                                         <br>
  112.                                     </div>
  113.                                 </div>
  114.                             </div>
  115.                         </div>
  116.                         <div class="row pb-1 m-0">
  117.                             <div class="col-5 text-right text-primary p-0 pr-2">
  118.  
  119.                                 <p>Perception</p>
  120.                             </div>
  121.                             <div class="col text-left p-0 pl-2">
  122.                                 <div class="progress" style="height:5px;margin-top:9px;width:110px;background-color:transparent;border-right:#ccc solid 1px;">
  123.                                     <div class="progress-bar bg-primary" style="width:50%;">
  124.                                         <br>
  125.                                     </div>
  126.                                 </div>
  127.                             </div>
  128.                         </div>
  129.                     </div>
  130.                 </div>
  131.                 <div class="col mb-4 p-0">
  132.  
  133.                     <h4 class="text-primary text-center mb-3">Abilities</h4>
  134.                     <div class="row justify-content-center" style="margin-left:7%; margin-right:7%;">
  135.                         <div class="col-sm-6 mb-4 pr-2 pl-0">
  136.  
  137.                             <p class="text-primary text-center" style="font-size:16px;">Strengths</p>
  138.  
  139.                             <ul style="list-style-type: none; padding:0; text-align:center;">
  140.                                 <li>+ ...</li>
  141.                                 <li>+ ...</li>
  142.                                 <li>+ ...</li>
  143.                             </ul>
  144.                         </div>
  145.                         <div class="col-sm-6 mb-4 pr-0 pl-2">
  146.  
  147.                             <p class="text-primary text-center" style="font-size:16px;">Weaknesses</p>
  148.  
  149.                             <ul style="list-style-type: none; padding:0; text-align:center;">
  150.                                 <li>- ...</li>
  151.                                 <li>- ...</li>
  152.                                 <li>- ...</li>
  153.                             </ul>
  154.                         </div>
  155.                     </div>
  156.                 </div>
  157.                 <div class="col mb-4 p-0">
  158.  
  159.                     <h4 class="text-primary text-center mb-3">Interests</h4>
  160.                     <div class="row justify-content-center p-0 m-0 mb-4">
  161.                         <div class="col-sm-4 m-0 p-0 mb-2">
  162.                             <div class="row text-primary">
  163.                                 <div class="col text-center">
  164.  
  165.                                     <p>Likes</p>
  166.                                 </div>
  167.                             </div>
  168.                             <div class="row">
  169.                                 <div class="col text-center">
  170.  
  171.                                     <ul class="m-0 p-0" style="list-style-type: none;">
  172.                                         <li>❤ -</li>
  173.                                         <li>❤ -</li>
  174.                                         <li>❤ -</li>
  175.                                     </ul>
  176.                                 </div>
  177.                             </div>
  178.                         </div>
  179.                         <div class="col-sm-4 m-0 p-0 mb-2">
  180.                             <div class="row text-primary">
  181.                                 <div class="col text-center">
  182.  
  183.                                     <p>Dislikes</p>
  184.                                 </div>
  185.                             </div>
  186.                             <div class="row">
  187.                                 <div class="col text-center">
  188.  
  189.                                     <ul class="m-0 p-0" style="list-style-type: none;">
  190.                                         <li>𝗫 -</li>
  191.                                         <li>𝗫 -</li>
  192.                                         <li>𝗫 -</li>
  193.                                     </ul>
  194.                                 </div>
  195.                             </div>
  196.                         </div>
  197.                         <div class="col-sm-4 m-0 p-0 mb-2">
  198.                             <div class="row text-primary">
  199.                                 <div class="col text-center">
  200.  
  201.                                     <p>Fears</p>
  202.                                 </div>
  203.                             </div>
  204.                             <div class="row">
  205.                                 <div class="col text-center">
  206.  
  207.                                     <ul class="m-0 p-0" style="list-style-type: none;">
  208.                                         <li>☠ -</li>
  209.                                         <li>☠ -</li>
  210.                                         <li>☠ -</li>
  211.                                     </ul>
  212.                                 </div>
  213.                             </div>
  214.                         </div>
  215.                     </div>
  216.                 </div>
  217.             </div>
  218.             <!--Personality Traits Column-->
  219.             <div class="col-lg-6 mb-4 p-0">
  220.  
  221.                 <h4 class="text-primary text-center">Personality</h4>
  222.                 <div class="container p-0">
  223.                     <div class="row justify-content-center pb-1 m-0">
  224.                         <div class="col-3 text-right text-primary p-0">
  225.                             <a title="Gets energy from solitude.">
  226.  
  227.                                 <p>Introvert(I)</p>
  228.                             </a>
  229.                         </div>
  230.                         <div class="col-sm- text-center pr-2 pl-2">
  231.                             <div class="progress" style="height:5px;margin-top:8px;width:110px;background-color:transparent;border-right:#ccc solid 1px;border-left:#ccc solid 1px;">
  232.                                 <div class="progress-bar" style="width:50%;border-right:#ccc solid 3px;background-color:transparent;">
  233.                                     <br>
  234.                                 </div>
  235.                             </div>
  236.                         </div>
  237.                         <div class="col-3 text-left text-primary p-0">
  238.                             <a title="Gets energy from social interactions.">
  239.  
  240.                                 <p>Extrovert(E)</p>
  241.                             </a>
  242.                         </div>
  243.                     </div>
  244.                     <div class="row justify-content-center pb-1 m-0">
  245.                         <div class="col-3 text-right text-primary p-0">
  246.                             <a title="Not very willing to share private information.">
  247.  
  248.                                 <p>Reserved</p>
  249.                             </a>
  250.                         </div>
  251.                         <div class="col- text-center pr-2 pl-2">
  252.                             <div class="progress" style="height:5px;margin-top:8px;width:110px;background-color:transparent;border-right:#ccc solid 1px;border-left:#ccc solid 1px;">
  253.                                 <div class="progress-bar" style="width:50%;border-right:#ccc solid 3px;background-color:transparent;">
  254.                                     <br>
  255.                                 </div>
  256.                             </div>
  257.                         </div>
  258.                         <div class="col-3 text-left text-primary p-0">
  259.                             <a title="Like an open book.">
  260.  
  261.                                 <p>Outgoing</p>
  262.                             </a>
  263.                         </div>
  264.                     </div>
  265.  
  266.                     <p>
  267.                         <br>
  268.                     </p>
  269.                     <div class="row justify-content-center pb-1 m-0">
  270.                         <div class="col-3 text-right text-primary p-0">
  271.                             <a title="Highly practical, pragmatic and down-to-earth. They tend to have strong habits and focus on what is happening or has already happened.">
  272.  
  273.                                 <p>Observing(S)</p>
  274.                             </a>
  275.                         </div>
  276.                         <div class="col- text-center pr-2 pl-2">
  277.                             <div class="progress" style="height:5px;margin-top:8px;width:110px;background-color:transparent;border-right:#ccc solid 1px;border-left:#ccc solid 1px;">
  278.                                 <div class="progress-bar" style="width:50%;border-right:#ccc solid 3px;background-color:transparent;">
  279.                                     <br>
  280.                                 </div>
  281.                             </div>
  282.                         </div>
  283.                         <div class="col-3 text-left text-primary p-0">
  284.                             <a title="Very imaginative, open-minded and curious. They prefer novelty over stability and focus on hidden meanings and future possibilities.">
  285.  
  286.                                 <p>Intuiting(N)</p>
  287.                             </a>
  288.                         </div>
  289.                     </div>
  290.                     <div class="row justify-content-center pb-1 m-0">
  291.                         <div class="col-3 text-right text-primary p-0">
  292.                             <a title="Careful around unfamiliar things or in general.">
  293.  
  294.                                 <p>Cautious</p>
  295.                             </a>
  296.                         </div>
  297.                         <div class="col- text-center pr-2 pl-2">
  298.                             <div class="progress" style="height:5px;margin-top:8px;width:110px;background-color:transparent;border-right:#ccc solid 1px;border-left:#ccc solid 1px;">
  299.                                 <div class="progress-bar" style="width:50%;border-right:#ccc solid 3px;background-color:transparent;">
  300.                                     <br>
  301.                                 </div>
  302.                             </div>
  303.                         </div>
  304.                         <div class="col-3 text-left text-primary p-0">
  305.                             <a title="Explores unfamiliar things with curiosity.">
  306.  
  307.                                 <p>Curious</p>
  308.                             </a>
  309.                         </div>
  310.                     </div>
  311.  
  312.                     <p>
  313.                         <br>
  314.                     </p>
  315.                     <div class="row justify-content-center pb-1 m-0">
  316.                         <div class="col-3 text-right text-primary p-0">
  317.                             <a title="Sensitive and emotionally expressive. They are more empathetic and less competitive, and focus on social harmony and cooperation.">
  318.  
  319.                                 <p>Feeling(F)</p>
  320.                             </a>
  321.                         </div>
  322.                         <div class="col- text-center pr-2 pl-2">
  323.                             <div class="progress" style="height:5px;margin-top:8px;width:110px;background-color:transparent;border-right:#ccc solid 1px;border-left:#ccc solid 1px;">
  324.                                 <div class="progress-bar" style="width:50%;border-right:#ccc solid 3px;background-color:transparent;">
  325.                                     <br>
  326.                                 </div>
  327.                             </div>
  328.                         </div>
  329.                         <div class="col-3 text-left text-primary p-0">
  330.                             <a title="Focus on objectivity and rationality, prioritizing logic over emotions. They tend to hide their feelings and see efficiency as more important than cooperation.">
  331.  
  332.                                 <p>Thinking(T)</p>
  333.                             </a>
  334.                         </div>
  335.                     </div>
  336.                     <div class="row justify-content-center pb-1 m-0">
  337.                         <div class="col-3 text-right text-primary p-0">
  338.  
  339.                             <p>Detached</p>
  340.                         </div>
  341.                         <div class="col- text-center pr-2 pl-2">
  342.                             <div class="progress" style="height:5px;margin-top:8px;width:110px;background-color:transparent;border-right:#ccc solid 1px;border-left:#ccc solid 1px;">
  343.                                 <div class="progress-bar" style="width:50%;border-right:#ccc solid 3px;background-color:transparent;">
  344.                                     <br>
  345.                                 </div>
  346.                             </div>
  347.                         </div>
  348.                         <div class="col-3 text-left text-primary p-0">
  349.  
  350.                             <p>Friendly</p>
  351.                         </div>
  352.                     </div>
  353.                     <div class="row justify-content-center pb-1 m-0" style="font-weight: bold;">
  354.                         <div class="col-3 text-right text-primary p-0">
  355.                             <a title="Can feel another's feelings. Able to walk in another person's shoes.">
  356.  
  357.                                 <p>Empathy</p>
  358.                             </a>
  359.                         </div>
  360.                         <div class="col- text-center pr-2 pl-2">
  361.                             <div class="progress" style="height:5px;margin-top:9px;width:110px;background-color:transparent;border-right:#ccc solid 1px;">
  362.                                 <div class="progress-bar bg-primary" style="width:50%;">
  363.                                     <br>
  364.                                 </div>
  365.                             </div>
  366.                         </div>
  367.                         <div class="col-3 text-left text-primary p-0">
  368.  
  369.                             <p>
  370.                                 <br>
  371.                             </p>
  372.                         </div>
  373.                     </div>
  374.                     <div class="row justify-content-center pb-1 m-0" style="font-weight: bold;">
  375.                         <div class="col-3 text-right text-primary p-0">
  376.                             <a title="Feeling sorry for another's suffering.">
  377.  
  378.                                 <p>Sympathy</p>
  379.                             </a>
  380.                         </div>
  381.                         <div class="col- text-center pr-2 pl-2">
  382.                             <div class="progress" style="height:5px;margin-top:9px;width:110px;background-color:transparent;border-right:#ccc solid 1px;">
  383.                                 <div class="progress-bar bg-primary" style="width:50%;">
  384.                                     <br>
  385.                                 </div>
  386.                             </div>
  387.                         </div>
  388.                         <div class="col-3 text-left text-primary p-0">
  389.  
  390.                             <p>
  391.                                 <br>
  392.                             </p>
  393.                         </div>
  394.                     </div>
  395.                     <div class="row justify-content-center pb-1 m-0" style="font-weight: bold;">
  396.                         <div class="col-3 text-right text-primary p-0">
  397.                             <a title="Taking action when another is hurting. Drive to do what they can to help.">
  398.  
  399.                                 <p>Compassion</p>
  400.                             </a>
  401.                         </div>
  402.                         <div class="col- text-center pr-2 pl-2">
  403.                             <div class="progress" style="height:5px;margin-top:9px;width:110px;background-color:transparent;border-right:#ccc solid 1px;">
  404.                                 <div class="progress-bar bg-primary" style="width:50%;">
  405.                                     <br>
  406.                                 </div>
  407.                             </div>
  408.                         </div>
  409.                         <div class="col-3 text-left text-primary p-0">
  410.  
  411.                             <p>
  412.                                 <br>
  413.                             </p>
  414.                         </div>
  415.                     </div>
  416.  
  417.                     <p>
  418.                         <br>
  419.                     </p>
  420.                     <div class="row justify-content-center pb-1 m-0">
  421.                         <div class="col-3 text-right text-primary p-0">
  422.                             <a title="Very good at improvising and spotting opportunities. They tend to be flexible, relaxed nonconformists who prefer keeping their options open.">
  423.  
  424.                                 <p>Prospect(P)</p>
  425.                             </a>
  426.                         </div>
  427.                         <div class="col- text-center pr-2 pl-2">
  428.                             <div class="progress" style="height:5px;margin-top:8px;width:110px;background-color:transparent;border-right:#ccc solid 1px;border-left:#ccc solid 1px;">
  429.                                 <div class="progress-bar" style="width:50%;border-right:#ccc solid 3px;background-color:transparent;">
  430.                                     <br>
  431.                                 </div>
  432.                             </div>
  433.                         </div>
  434.                         <div class="col-3 text-left text-primary p-0">
  435.                             <a title="Decisive, thorough and highly organized. They value clarity, predictability and closure, preferring structure and planning to spontaneity.">
  436.  
  437.                                 <p>Judging(J)</p>
  438.                             </a>
  439.                         </div>
  440.                     </div>
  441.                     <div class="row justify-content-center pb-1 m-0">
  442.                         <div class="col-3 text-right text-primary p-0">
  443.  
  444.                             <p>Sloppy</p>
  445.                         </div>
  446.                         <div class="col- text-center pr-2 pl-2">
  447.                             <div class="progress" style="height:5px;margin-top:8px;width:110px;background-color:transparent;border-right:#ccc solid 1px;border-left:#ccc solid 1px;">
  448.                                 <div class="progress-bar" style="width:50%;border-right:#ccc solid 3px;background-color:transparent;">
  449.                                     <br>
  450.                                 </div>
  451.                             </div>
  452.                         </div>
  453.                         <div class="col-3 text-left text-primary p-0">
  454.  
  455.                             <p>Organized</p>
  456.                         </div>
  457.                     </div>
  458.                     <div class="row justify-content-center pb-1 m-0">
  459.                         <div class="col-3 text-right text-primary p-0">
  460.  
  461.                             <p>Careless</p>
  462.                         </div>
  463.                         <div class="col- text-center pr-2 pl-2">
  464.                             <div class="progress" style="height:5px;margin-top:8px;width:110px;background-color:transparent;border-right:#ccc solid 1px;border-left:#ccc solid 1px;">
  465.                                 <div class="progress-bar" style="width:50%;border-right:#ccc solid 3px;background-color:transparent;">
  466.                                     <br>
  467.                                 </div>
  468.                             </div>
  469.                         </div>
  470.                         <div class="col-3 text-left text-primary p-0">
  471.  
  472.                             <p>Careful</p>
  473.                         </div>
  474.                     </div>
  475.  
  476.                     <p>
  477.                         <br>
  478.                     </p>
  479.                     <div class="row justify-content-center pb-1 m-0">
  480.                         <div class="col-3 text-right text-primary p-0">
  481.                             <a title="Self-conscious and sensitive to stress. They are likely to experience a wide range of emotions and to be success-driven, perfectionist and eager to improve.">
  482.  
  483.                                 <p>Turbulent(-T)</p>
  484.                             </a>
  485.                         </div>
  486.                         <div class="col- text-center pr-2 pl-2">
  487.                             <div class="progress" style="height:5px;margin-top:8px;width:110px;background-color:transparent;border-right:#ccc solid 1px;border-left:#ccc solid 1px;">
  488.                                 <div class="progress-bar" style="width:50%;border-right:#ccc solid 3px;background-color:transparent;">
  489.                                     <br>
  490.                                 </div>
  491.                             </div>
  492.                         </div>
  493.                         <div class="col-3 text-left text-primary p-0">
  494.                             <a title="Self-assured, even-tempered and resistant to stress. They refuse to worry too much and do not push themselves too hard when it comes to achieving goals.">
  495.  
  496.                                 <p>Assertive(-A)</p>
  497.                             </a>
  498.                         </div>
  499.                     </div>
  500.                     <div class="row justify-content-center pb-1 m-0">
  501.                         <div class="col-3 text-right text-primary p-0">
  502.  
  503.                             <p>Doubtful</p>
  504.                         </div>
  505.                         <div class="col- text-center pr-2 pl-2">
  506.                             <div class="progress" style="height:5px;margin-top:8px;width:110px;background-color:transparent;border-right:#ccc solid 1px;border-left:#ccc solid 1px;">
  507.                                 <div class="progress-bar" style="width:50%;border-right:#ccc solid 3px;background-color:transparent;">
  508.                                     <br>
  509.                                 </div>
  510.                             </div>
  511.                         </div>
  512.                         <div class="col-3 text-left text-primary p-0">
  513.  
  514.                             <p>Confident</p>
  515.                         </div>
  516.                     </div>
  517.  
  518.                     <p>
  519.                         <br>
  520.                     </p>
  521.                     <div class="row text-primary">
  522.                         <div class="col text-center">
  523.  
  524.                             <p>Self Image</p>
  525.                         </div>
  526.                     </div>
  527.                     <div class="row justify-content-center pb-1 m-0" style="font-weight: bold;">
  528.                         <div class="col-3 text-right text-primary p-0">
  529.  
  530.                             <p>Negative</p>
  531.                         </div>
  532.                         <div class="col- text-center pr-2 pl-2">
  533.                             <div class="progress" style="height:5px;margin-top:8px;width:110px;background-color:transparent;border-right:#ccc solid 1px;border-left:#ccc solid 1px;">
  534.                                 <div class="progress-bar" style="width:50%;border-right:#ccc solid 3px;background-color:transparent;">
  535.                                     <br>
  536.                                 </div>
  537.                             </div>
  538.                         </div>
  539.                         <div class="col-3 text-left text-primary p-0">
  540.  
  541.                             <p>Positive</p>
  542.                         </div>
  543.                     </div>
  544.  
  545.                     <p>
  546.                         <br>
  547.                     </p>
  548.                     <div class="row text-primary">
  549.                         <div class="col text-center">
  550.  
  551.                             <p>Outlook on Life</p>
  552.                         </div>
  553.                     </div>
  554.                     <div class="row justify-content-center pb-1 m-0" style="font-weight: bold;">
  555.                         <div class="col-3 text-right text-primary p-0">
  556.  
  557.                             <p>Negative</p>
  558.                         </div>
  559.                         <div class="col- text-center pr-2 pl-2">
  560.                             <div class="progress" style="height:5px;margin-top:8px;width:110px;background-color:transparent;border-right:#ccc solid 1px;border-left:#ccc solid 1px;">
  561.                                 <div class="progress-bar" style="width:50%;border-right:#ccc solid 3px;background-color:transparent;">
  562.                                     <br>
  563.                                 </div>
  564.                             </div>
  565.                         </div>
  566.                         <div class="col-3 text-left text-primary p-0">
  567.  
  568.                             <p>Positive</p>
  569.                         </div>
  570.                     </div>
  571.                 </div>
  572.             </div>
  573.         </div>
  574.     </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!