Advertisement
Guest User

toyhou.se coding

a guest
Feb 24th, 2018
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 21.11 KB | None | 0 0
  1. <div class="container">
  2.     <div class="row mb-3">
  3.         <div class="col-md-12">
  4.             <div class="card ui-accordion card bg-faded h-100" style="background: #F7F7F7; border: 1px solid #000;"><img class="card-img-top bg-success fr-fil fr-dib" src="https://s6.postimg.org/pxrlk87u9/Untitled-1.png" alt="Card image cap" width="983" height="244">
  5.                 <div class="card-block">
  6.  
  7.                     <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
  8.                 </div>
  9.             </div>
  10.         </div>
  11.     </div>
  12.     <!--new section-->
  13.     <div class="row mb-3">
  14.         <div class="col-md-8">
  15.             <div class="ui-accordion card bg-faded" style="background: #F7F7F7; border: 1px solid #000;">
  16.  
  17.                 <h2 class="card-inverse card-header text-white display" style='background:url("https://image.prntscr.com/image/twlLu_N8TUiDAcXRu7WnrA.png") repeat;border:1px solid #000;'><i class="fa fa-bars"></i> Basics</h2>
  18.                 <div class="ui-accordion-content card-block " style="height:300px;">
  19.  
  20.                     <table class="border-0 mx-auto" style="margin-left: auto; margin-right: calc(0%); width: 100%;">
  21.                         <tbody>
  22.                             <tr>
  23.                                 <td><span><strong>Name</strong></span></td>
  24.                                 <td>Lorem ipsum</td>
  25.                                 <td><span><strong><strong>Age</strong></strong></span></td>
  26.                                 <td>Lorem ipsum</td>
  27.                             </tr>
  28.                             <tr>
  29.                                 <td><span><strong><strong>Alias</strong></strong></span></td>
  30.                                 <td>Lorem ipsum</td>
  31.                                 <td><span><strong><strong>Nicknames</strong></strong></span></td>
  32.                                 <td>Lorem ipsum</td>
  33.                             </tr>
  34.                             <tr>
  35.                                 <td><span><strong><strong>Alignment</strong></strong></span></td>
  36.                                 <td>Lorem ipsum</td>
  37.                                 <td><span><strong><strong>Species</strong></strong></span></td>
  38.                                 <td>Lorem ipsum</td>
  39.                             </tr>
  40.                             <tr>
  41.                                 <td><span><strong><strong>Gender/Sex</strong></strong></span></td>
  42.                                 <td>Lorem ipsum</td>
  43.                                 <td><span><strong><strong>Pronouns</strong></strong></span></td>
  44.                                 <td>Lorem ipsum</td>
  45.                             </tr>
  46.                             <tr>
  47.                                 <td><span><strong><strong>DOB/DOD</strong></strong></span></td>
  48.                                 <td>Lorem ipsum</td>
  49.                                 <td><span><strong>Height/Weight</strong></span></td>
  50.                                 <td>Lorem ipsum</td>
  51.                             </tr>
  52.                             <tr>
  53.                                 <td><span><strong><strong>Occupation</strong></strong></span></td>
  54.                                 <td>Lorem ipsum</td>
  55.                                 <td><span><strong><strong>Race/Nationality</strong></strong></span></td>
  56.                                 <td>Lorem ipsum</td>
  57.                             </tr>
  58.                             <tr>
  59.                                 <td><span><strong><strong>Place of Residence&nbsp;</strong></strong></span></td>
  60.                                 <td>Lorem ipsum</td>
  61.                                 <td><span><strong><strong>Accent/Dialect&nbsp;</strong></strong></span></td>
  62.                                 <td>Lorem ipsum</td>
  63.                             </tr>
  64.                             <tr>
  65.                                 <td><span><strong><strong>Orientation&nbsp;</strong></strong></span></td>
  66.                                 <td>Lorem ipsum</td>
  67.                                 <td><span><strong><strong>Relationship Status</strong></strong></span></td>
  68.                                 <td>Lorem ipsum</td>
  69.                             </tr>
  70.                         </tbody>
  71.                     </table>
  72.                 </div>
  73.             </div>
  74.         </div>
  75.         <div class="col-md-4">
  76.             <div class="ui-accordion card bg-faded" style="background: #F7F7F7; border: 1px solid #000;">
  77.  
  78.                 <h2 class="card-inverse card-header text-white display" style='background:url("https://image.prntscr.com/image/twlLu_N8TUiDAcXRu7WnrA.png") repeat;border:1px solid #000;'><i class="fa fa-user-o"></i> Info</h2>
  79.                 <div class="ui-accordion-content card-block " style="height:300px;">
  80.  
  81.                     <table class="border-0 mx-auto" style="margin-left: auto; margin-right: auto;">
  82.                         <tbody>
  83.                             <tr>
  84.                                 <td><span><strong>HTML by:&nbsp;</strong></span></td>
  85.                                 <td>@KnightOfSpring</td>
  86.                             </tr>
  87.                             <tr>
  88.                                 <td><span><strong>Art Value:&nbsp;</strong></span></td>
  89.                                 <td>Lorem ipsum</td>
  90.                             </tr>
  91.                             <tr>
  92.                                 <td><span><strong>Com Value:&nbsp;</strong></span></td>
  93.                                 <td>Lorem ipsum</td>
  94.                             </tr>
  95.                             <tr>
  96.                                 <td><span><strong>Status:&nbsp;</strong></span></td>
  97.                                 <td>Lorem ipsum</td>
  98.                             </tr>
  99.                             <tr>
  100.                                 <td><span><strong>Obtained:&nbsp;</strong></span></td>
  101.                                 <td>Lorem ipsum</td>
  102.                             </tr>
  103.                             <tr>
  104.                                 <td><span><strong>Open for:&nbsp;</strong></span></td>
  105.                                 <td>RP/Relationship/etc.</td>
  106.                             </tr>
  107.                         </tbody>
  108.                     </table>
  109.                 </div>
  110.             </div>
  111.         </div>
  112.     </div>
  113.     <!--new section-->
  114.     <div class="row mb-3">
  115.         <div class="col-md-12">
  116.             <div class="ui-accordion card bg-faded" style="background: #F7F7F7; border: 1px solid #000;">
  117.  
  118.                 <h2 class="card-inverse card-header text-white" style='background:url("https://image.prntscr.com/image/twlLu_N8TUiDAcXRu7WnrA.png") repeat;border:1px solid #000;'><i class="fa fa-calendar"></i> Backstory</h2>
  119.                 <div class="ui-accordion-content card-block " style="height:300px;"><img src="https://s6.postimg.org/6n2o1799t/dex1.png" class="float-right ml-2 fr-fir fr-dib" width="200" height="300">
  120.  
  121.                     <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
  122.  
  123.                     <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
  124.  
  125.                     <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
  126.  
  127.                     <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer.</p>
  128.                 </div>
  129.             </div>
  130.         </div>
  131.     </div>
  132.     <!--new section-->
  133.     <div class="row mb-3">
  134.         <div class="col-md-6">
  135.             <div class="ui-accordion card bg-faded" style="background: #F7F7F7; border: 1px solid #000;">
  136.  
  137.                 <h2 class="card-inverse card-header text-white display" style='background:url("https://image.prntscr.com/image/twlLu_N8TUiDAcXRu7WnrA.png") repeat;border:1px solid #000;'><i class="fa fa-comment"></i> Personality</h2>
  138.                 <div class="ui-accordion-content card-block " style="height:250px;">
  139.  
  140.                     <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
  141.  
  142.                     <p>Alternatively you can fill in a table like this if you don&#39;t want to type things out.</p>
  143.  
  144.                     <table class="border-0 mx-auto">
  145.                         <tbody>
  146.                             <tr>
  147.                                 <td>
  148.  
  149.                                     <h4 class="text-success">Positive</h4>
  150.  
  151.                                     <ul class="mb-1">
  152.                                         <li>---</li>
  153.                                         <li>---</li>
  154.                                         <li>---</li>
  155.                                         <li>---</li>
  156.                                         <li>---</li>
  157.                                         <li>---</li>
  158.                                         <li>---</li>
  159.                                     </ul>
  160.                                 </td>
  161.                                 <td>
  162.  
  163.                                     <h4 class="text-success">Negative</h4>
  164.  
  165.                                     <ul class="mb-1">
  166.                                         <li>---</li>
  167.                                         <li>---</li>
  168.                                         <li>---</li>
  169.                                         <li>---</li>
  170.                                         <li>---</li>
  171.                                         <li>---</li>
  172.                                         <li>---</li>
  173.                                     </ul>
  174.                                 </td>
  175.                             </tr>
  176.                         </tbody>
  177.                     </table>
  178.                 </div>
  179.             </div>
  180.         </div>
  181.         <div class="col-md-6">
  182.             <div class="ui-accordion card bg-faded" style="background: #F7F7F7; border: 1px solid #000;">
  183.  
  184.                 <h2 class="card-inverse card-header text-white display" style='background:url("https://image.prntscr.com/image/twlLu_N8TUiDAcXRu7WnrA.png") repeat;border:1px solid #000;'><i class="fa fa-male"></i> Appearance</h2>
  185.                 <div class="ui-accordion-content card-block " style="height:250px;">
  186.  
  187.                     <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
  188.                 </div>
  189.             </div>
  190.         </div>
  191.     </div>
  192.     <!--new section-->
  193.     <div class="row mb-3">
  194.         <div class="col-md-4">
  195.             <div class="ui-accordion card bg-faded" style="background: #F7F7F7; border: 1px solid #000;">
  196.  
  197.                 <h2 class="card-inverse card-header text-white display" style='background:url("https://image.prntscr.com/image/twlLu_N8TUiDAcXRu7WnrA.png") repeat;border:1px solid #000;'><i class="fa fa-heart"></i> Likes</h2>
  198.                 <div class="ui-accordion-content card-block " style="height:150px;">
  199.  
  200.                     <ul>
  201.                         <li>Lorem ipsum dolor sit amet</li>
  202.                         <li>Lorem ipsum dolor sit amet</li>
  203.                         <li>Lorem ipsum dolor sit amet</li>
  204.                         <li>Lorem ipsum dolor sit amet</li>
  205.                         <li>Lorem ipsum dolor sit amet</li>
  206.                     </ul>
  207.                 </div>
  208.             </div>
  209.         </div>
  210.         <div class="col-md-4">
  211.             <div class="ui-accordion card bg-faded" style="background: #F7F7F7; border: 1px solid #000;">
  212.  
  213.                 <h2 class="card-inverse card-header text-white display" style='background:url("https://image.prntscr.com/image/twlLu_N8TUiDAcXRu7WnrA.png") repeat;border:1px solid #000;'><i class="fa fa-times"></i> Dislikes</h2>
  214.                 <div class="ui-accordion-content card-block " style="height:150px;">
  215.  
  216.                     <ul>
  217.                         <li>Lorem ipsum dolor sit amet</li>
  218.                         <li>Lorem ipsum dolor sit amet</li>
  219.                         <li>Lorem ipsum dolor sit amet</li>
  220.                         <li>Lorem ipsum dolor sit amet</li>
  221.                         <li>Lorem ipsum dolor sit amet</li>
  222.                     </ul>
  223.                 </div>
  224.             </div>
  225.         </div>
  226.         <div class="col-md-4">
  227.             <div class="ui-accordion card bg-faded" style="background: #F7F7F7; border: 1px solid #000;">
  228.  
  229.                 <h2 class="card-inverse card-header text-white display" style='background:url("https://image.prntscr.com/image/twlLu_N8TUiDAcXRu7WnrA.png") repeat;border:1px solid #000;'><i class="fa fa-puzzle-piece"></i> Hobbies</h2>
  230.                 <div class="ui-accordion-content card-block " style="height:150px;">
  231.  
  232.                     <ul>
  233.                         <li>Lorem ipsum dolor sit amet</li>
  234.                         <li>Lorem ipsum dolor sit amet</li>
  235.                         <li>Lorem ipsum dolor sit amet</li>
  236.                         <li>Lorem ipsum dolor sit amet</li>
  237.                         <li>Lorem ipsum dolor sit amet</li>
  238.                     </ul>
  239.                 </div>
  240.             </div>
  241.         </div>
  242.     </div>
  243.     <div class="row mb-3">
  244.         <div class="col-md-6">
  245.             <div class="ui-accordion card bg-faded" style="background: #F7F7F7; border: 1px solid #000;">
  246.  
  247.                 <h2 class="card-inverse card-header text-white display" style='background:url("https://image.prntscr.com/image/twlLu_N8TUiDAcXRu7WnrA.png") repeat;border:1px solid #000;'><i class="fa  fa-home"></i> Home</h2>
  248.                 <div class="ui-accordion-content card-block " style="height:250px;"><span class="badge href=" style="background: #000;">Room 1</span>
  249.  
  250.                     <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p><span class="badge href=" style="background: #000;">Room 2</span>
  251.  
  252.                     <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p><span class="badge href=" style="background: #000;">Room 3</span>
  253.  
  254.                     <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
  255.                 </div>
  256.             </div>
  257.         </div>
  258.         <div class="col-md-6">
  259.             <div class="ui-accordion card bg-faded" style="background: #F7F7F7; border: 1px solid #000;">
  260.  
  261.                 <h2 class="card-inverse card-header text-white display" style='background:url("https://image.prntscr.com/image/twlLu_N8TUiDAcXRu7WnrA.png") repeat;border:1px solid #000;'><i class="fa fa-id-card-o"></i> Trivia</h2>
  262.                 <div class="ui-accordion-content card-block " style="height:250px;">
  263.  
  264.                     <ul>
  265.                         <li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
  266.                         <li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
  267.                         <li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
  268.                         <li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
  269.                         <li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
  270.                         <li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
  271.                     </ul>
  272.                 </div>
  273.             </div>
  274.         </div>
  275.     </div>
  276.     <!--new section-->
  277.     <div class="row mb-3">
  278.         <div class="col-md-4">
  279.             <div class="ui-accordion card card-inverse text-center text-white h-100 style=" style='background:url("https://image.prntscr.com/image/twlLu_N8TUiDAcXRu7WnrA.png") repeat;border:1px solid #000;'>
  280.                 <div class="ui-accordion-content card-block" style="height:200px;">
  281.  
  282.                     <h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</h2>
  283.                     <footer>XYZ- <cite title="Source Title">Source Title</cite></footer>
  284.                 </div>
  285.             </div>
  286.         </div>
  287.         <div class="col-md-8">
  288.             <div class="ui-accordion card bg-faded" style="background: #F7F7F7; border: 1px solid #000;">
  289.  
  290.                 <h2 class="card-inverse card-header text-white" style='background:url("https://image.prntscr.com/image/twlLu_N8TUiDAcXRu7WnrA.png") repeat;border:1px solid #000;'><i class="fa fa-users"></i> Relationships</h2>
  291.                 <div class="ui-accordion-content card-block" style="height:200px;">
  292.  
  293.                     <table class="border-0 mx-auto">
  294.                         <tbody>
  295.                             <tr>
  296.                                 <td><img src="https://s6.postimg.org/vow0mk0xd/rel1.png" class="float-left mr-2 fr-fil fr-dib" width="96" height="90"><a class="badge" href="https://image.prntscr.com/image/0RMQcfHgSbCOpZDamYykIw.png" style="background: #000;"><span style="font-size: 14px;">Name [relationship]</span></a><span style="font-size: 12px;">&nbsp; <span style="font-size: 12px;">Lorem ipsum dolor sit amet, consetetursadipscing elitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum. Stet clitakasdgubergren, no sea takimatasanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sitamet, consetetursadipscing elitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum.</span></span>
  297.                                 </td>
  298.                             </tr>
  299.                             <tr>
  300.                                 <td><img src="https://s6.postimg.org/vow0mk0xd/rel1.png" class="float-left mr-2 fr-fil fr-dib" width="80" height="80"><a class="badge" href="https://image.prntscr.com/image/0RMQcfHgSbCOpZDamYykIw.png" style="background: #000;"><span style="font-size: 14px;">Name [relationship]</span></a><span style="font-size: 12px;">&nbsp;Lorem ipsum dolor sit amet, consetetursadipscing elitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum. Stet clitakasdgubergren, no sea takimatasanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sitamet, consetetursadipscing elitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum.</span></td>
  301.                             </tr>
  302.                             <tr>
  303.                                 <td><img src="https://s6.postimg.org/vow0mk0xd/rel1.png" class="float-left mr-2 fr-fil fr-dib" width="80" height="80"><a class="badge" href="https://image.prntscr.com/image/0RMQcfHgSbCOpZDamYykIw.png" style="background: #000;"><span style="font-size: 14px;">Name [relationship]</span></a><span style="font-size: 12px;">Lorem ipsum dolor sit amet, consetetursadipscing elitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum. Stet clitakasdgubergren, no sea takimatasanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sitamet, consetetursadipscing elitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum.</span></td>
  304.                             </tr>
  305.                             <tr>
  306.                                 <td><img src="https://s6.postimg.org/vow0mk0xd/rel1.png" class="float-left mr-2 fr-fil fr-dib" width="80" height="80"><a class="badge" href="https://image.prntscr.com/image/0RMQcfHgSbCOpZDamYykIw.png" style="background: #000;"><span style="font-size: 14px;">Name [relationship]</span></a><span style="font-size: 12px;">Lorem ipsum dolor sit amet, consetetursadipscing elitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum. Stet clitakasdgubergren, no sea takimatasanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sitamet, consetetursadipscing elitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum.</span></td>
  307.                             </tr>
  308.                             <tr>
  309.                                 <td><img src="https://s6.postimg.org/vow0mk0xd/rel1.png" class="float-left mr-2 fr-fil fr-dib" width="80" height="80"><a class="badge" href="https://image.prntscr.com/image/0RMQcfHgSbCOpZDamYykIw.png" style="background: #000;"><span style="font-size: 14px;">Name [relationship]</span></a><span style="font-size: 12px;">&nbsp;Lorem ipsum dolor sit amet, consetetursadipscing elitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum. Stet clitakasdgubergren, no sea takimatasanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sitamet, consetetursadipscing elitr, sed diam nonumyeirmodtemporinvidunt ut labore et doloremagnaaliquyamerat, sed diam voluptua. At veroeos et accusam et justo duo dolores et ea rebum.</span></td>
  310.                             </tr>
  311.                         </tbody>
  312.                     </table>
  313.                 </div>
  314.             </div>
  315.         </div>
  316.     </div>
  317. </div>
  318.  
  319. <p style="text-align: center;">[ coding by @knightofspring ]</p>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement