API tools faq
paste
Advertisement
TheDemonicArtist

Minecraft World Code

TheDemonicArtist
Jun 7th, 2021 (edited)
5,730
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 27.55 KB | None | 0 0
raw download clone embed print report
  1. <div class="mx-auto text-muted my-3" style="max-width: 1200px; font-size: 12px;letter-spacing: .6px;">
  2.    <div class="rounded card-block border-0 bg-faded p-2">
  3.       <!-- TITLE IMAGE -->
  4.       <div class="col-md-12 p-1">
  5.          <div class="d-flex align-items-center justify-content-center text-center rounded border-0 p-1" style="background: url('https://media.discordapp.net/attachments/749116876688457751/850117804090589214/Screenshot_2825.png?width=1236&height=702') center no-repeat; background-size: cover; min-height: 300px; display: flex;flex-direction: inherit;">
  6.             <!-- Title -->
  7.             <h1 style="color: #fff; font-size: 4em; text-shadow: 0px 0px 6px rgba(255,255,255.5); letter-spacing: 1px; font-family: Mate SC;" class="p-1 text-uppercase">
  8.                World Title
  9.             </h1>
  10.             <!-- Title End -->
  11.          </div>
  12.       </div>
  13.       <!-- TITLE IMAGE END -->
  14.      
  15.       <!-- INTRODUCTION -->
  16.       <div class="col-md-12 p-1">
  17.          <div class="h-100 card rounded border-0 p-1">
  18.             <div class="p-1">
  19.                <!-- Header -->
  20.                <div class="row no-gutters text-primary" style="font-size: 16px;">
  21.                   <div class="col mx-2 my-auto">
  22.                      <hr class="my-0">
  23.                   </div>
  24.                   <div class="col-auto font-weight-bold" style="letter-spacing: 1px; font-family: Mate SC;">
  25.                      Introduction
  26.                   </div>
  27.                   <div class="col mx-2 my-auto">
  28.                      <hr class="my-0">
  29.                   </div>
  30.                </div>
  31.                <!-- Header End -->
  32.                <div class="p-1 text-center">
  33.                   <p>Give your world an introduction! let us know whats going on. Maybe you could include any mods involved if you use any to give more context. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam maximus diam interdum finibus ultricies. Aenean quis urna varius nibh mattis accumsan a at eros. Nam et odio gravida, suscipit massa vestibulum, suscipit lacus. Cras posuere dolor ac massa pretium gravida. Sed id dolor enim. Quisque imperdiet varius nisi nec facilisis. Aenean vel tellus sed magna laoreet ullamcorper. Donec laoreet a neque eget sodales. Duis porttitor maximus nunc, a elementum urna ultricies vel.</p>
  34.                   <!-- Add more text above this line -->
  35.                </div>
  36.             </div>
  37.          </div>
  38.       </div>
  39.       <!-- INTRODUCTION END -->
  40.      
  41.       <div class="row no-gutters">
  42.        
  43.         <!-- OVERWORLD -->
  44.          <!-- Title Card -->
  45.          <div class="col-md-2 p-1">
  46.             <div style="background-image: url('https://media.discordapp.net/attachments/749116876688457751/850117804090589214/Screenshot_2825.png?width=1236&height=702');
  47.               background-repeat: no-repeat; background-position: top center; background-size: cover; min-height: 300px;"
  48.               class="image rounded h-100 d-flex align-items-center justify-content-center text-center">
  49.                <!-- Desktop Text -->
  50.                <h1 style="color: #fff; font-size: 2.5em; text-shadow: 0px 0px 6px rgba(255,255,255.5); letter-spacing: 1px; font-family: Mate SC;" class="p-1 hidden-sm-down text-uppercase fa-rotate-270">
  51.                   The Overworld
  52.                </h1>
  53.                <!-- Desktop Text End -->
  54.                <!-- Mobile Text -->
  55.                <h1 style="color: #fff; font-size: 2.5em; text-shadow: 0px 0px 6px rgba(255,255,255.5); letter-spacing: 1px; font-family: Mate SC;" class="p-1 hidden-md-up text-uppercase">
  56.                   The Overworld
  57.                </h1>
  58.                <!-- Mobile Text End -->
  59.             </div>
  60.          </div>
  61.          <!-- Title Card End -->
  62.          <!-- Description & Notes -->
  63.          <div class="col-md-6 p-1">
  64.             <div class="h-100 card rounded border-0 p-1">
  65.                <div class="p-1">
  66.                   <!-- Header -->
  67.                   <div class="row no-gutters text-primary" style="font-size: 16px;">
  68.                      <div class="col mx-2 my-auto">
  69.                         <hr class="my-0">
  70.                      </div>
  71.                      <div class="col-auto font-weight-bold" style="letter-spacing: 1px; font-family: Mate SC;">
  72.                         Description
  73.                      </div>
  74.                      <div class="col mx-2 my-auto">
  75.                         <hr class="my-0">
  76.                      </div>
  77.                   </div>
  78.                   <!-- Header End -->
  79.                   <div class="p-1 text-center" style="overflow-y: auto; height: 135px;">
  80.                      <p>What's going on with the overworld? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam maximus diam interdum finibus ultricies. Aenean quis urna varius nibh mattis accumsan a at eros. Nam et odio gravida, suscipit massa vestibulum, suscipit lacus. Cras posuere dolor ac massa pretium gravida.
  81.                         Aenean quis urna varius nibh mattis accumsan a at eros. Nam et odio gravida, suscipit massa vestibulum, suscipit lacus. Cras posuere dolor ac massa pretium gravida.
  82.                      </p>
  83.                   </div>
  84.                   <!-- Header -->
  85.                   <div class="row no-gutters text-primary" style="font-size: 16px;">
  86.                      <div class="col mx-2 my-auto">
  87.                         <hr class="my-0">
  88.                      </div>
  89.                      <div class="col-auto font-weight-bold" style="letter-spacing: 1px; font-family: Mate SC;">
  90.                         Notes
  91.                      </div>
  92.                      <div class="col mx-2 my-auto">
  93.                         <hr class="my-0">
  94.                      </div>
  95.                   </div>
  96.                   <!-- Header End -->
  97.                   <div class="p-1" style="overflow-y: auto; height: 135px;">
  98.                      <ul class="my-1 mb-2 mb-md-0">
  99.                         <li>This box scrolls. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam orci.</li>
  100.                         <li>Nulla in sapien dignissim, maximus massa eu, suscipit turpis. Aenean.</li>
  101.                         <li>Aenean interdum felis eu justo viverra ultrices. Praesent euismod commodo.</li>
  102.                         <li>Proin id eros vitae turpis porta pulvinar in vel augue.</li>
  103.                         <li>Etiam placerat nibh dui. Aliquam erat volutpat. Aenean non eros.</li>
  104.                         <li>Ut sed rhoncus lectus. Vivamus tempor tellus non lorem cursus.</li>
  105.                         <!-- Add more above this line -->
  106.                      </ul>
  107.                   </div>
  108.                   <!-- End -->
  109.                </div>
  110.             </div>
  111.          </div>
  112.          <!-- Description & Notes End -->
  113.          <!-- Overworld Locations ----->
  114.          <div class="col-md-4">
  115.             <div class="col-md-12 p-1">
  116.                <div class="h-100 card rounded border-0 p-1">
  117.                   <div class="p-1">
  118.                      <!-- Header -->
  119.                      <div class="row no-gutters text-primary" style="font-size: 16px;">
  120.                         <div class="col mx-2 my-auto">
  121.                            <hr class="my-0">
  122.                         </div>
  123.                         <div class="col-auto font-weight-bold" style="letter-spacing: 1px; font-family: Mate SC;">
  124.                            Noteable Locations
  125.                         </div>
  126.                         <div class="col mx-2 my-auto">
  127.                            <hr class="my-0">
  128.                         </div>
  129.                      </div>
  130.                      <!-- Header End -->
  131.                      <div class="row no-gutters" style="overflow-y: auto; height: 300px;">
  132.                         <!-- Location -->
  133.                         <div class="col-md-12 row no-gutters p-1">
  134.                            <!-- Image -->
  135.                            <div class="col-12 p-1">
  136.                               <div class="card border-0" style="height: 150px; background: url(https://media.discordapp.net/attachments/595006565782913025/850179744746176521/Screenshot_2850.png?width=1232&height=701) center no-repeat; background-size: cover;"></div>
  137.                            </div>
  138.                            <div class="col-12 p-1">
  139.                              <!-- Location Type -->
  140.                               <div class="d-flex justify-content-between">
  141.                                  <span style="font-weight: 600;">
  142.                                  Location</span>
  143.                                  <span><i>Place Type</i></span>
  144.                               </div>
  145.                               <hr class="my-1">
  146.                               <!-- Description -->
  147.                               <div style="font-size: 12px; overflow-y: auto; height: 100px;">
  148.                                  <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vehicula magna non eros blandit, placerat bibendum felis porttitor. Cras fringilla eros libero, id ullamcorper nisi tincidunt consequat.</p>
  149.                               </div>
  150.                            </div>
  151.                         </div>
  152.                         <!-- Location End -->
  153.                        <!-- Location -->
  154.                         <div class="col-md-12 row no-gutters p-1">
  155.                            <!-- Image -->
  156.                            <div class="col-12 p-1">
  157.                               <div class="card border-0" style="height: 150px; background: url(https://media.discordapp.net/attachments/749116876688457751/850117804090589214/Screenshot_2825.png?width=1236&height=702) center no-repeat; background-size: cover;"></div>
  158.                            </div>
  159.                            <div class="col-12 p-1">
  160.                              <!-- Location Type -->
  161.                               <div class="d-flex justify-content-between">
  162.                                  <span style="font-weight: 600;">
  163.                                  Location</span>
  164.                                  <span><i>Place Type</i></span>
  165.                               </div>
  166.                               <hr class="my-1">
  167.                               <!-- Description -->
  168.                               <div style="font-size: 12px; overflow-y: auto; height: 100px;">
  169.                                  <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vehicula magna non eros blandit, placerat bibendum felis porttitor. Cras fringilla eros libero, id ullamcorper nisi tincidunt consequat.</p>
  170.                               </div>
  171.                            </div>
  172.                         </div>
  173.                         <!-- Location End -->
  174.                         <!-- Add more above this line -->
  175.                      </div>
  176.                   </div>
  177.                </div>
  178.             </div>
  179.          </div>
  180.       </div>
  181.       <!-- OVERWORLD END ----->
  182.       <!-- NETHER -->
  183.       <div class="row no-gutters">
  184.          <!-- Title Card -->
  185.          <div class="col-md-2 p-1 order-md-3">
  186.             <div style="background-image: url('https://media.discordapp.net/attachments/838986143663390760/850211714409824266/Screenshot_2856.png?width=1237&height=702');
  187.               background-repeat: no-repeat; background-position: top center; background-size: cover; min-height: 300px;"
  188.               class="image rounded h-100 d-flex align-items-center justify-content-center text-center">
  189.                <!-- Desktop Text -->
  190.                <h1 style="color: #fff; font-size: 2.5em; text-shadow: 0px 0px 6px rgba(255,255,255.5); letter-spacing: 1px; font-family: Mate SC;" class="p-1 hidden-sm-down text-uppercase fa-rotate-90">
  191.                   The Nether
  192.                </h1>
  193.                <!-- Desktop Text End -->
  194.                <!-- Mobile Text -->
  195.                <h1 style="color: #fff; font-size: 2.5em; text-shadow: 0px 0px 6px rgba(255,255,255.5); letter-spacing: 1px; font-family: Mate SC;" class="p-1 hidden-md-up text-uppercase">
  196.                   The Nether
  197.                </h1>
  198.                <!-- Mobile Text End -->
  199.             </div>
  200.          </div>
  201.          <!-------- Title Card End ------------->
  202.          <!-- Description & Notes -->
  203.          <div class="col-md-6 p-1 order-md-2">
  204.             <div class="h-100 card rounded border-0 p-1">
  205.                <div class="p-1">
  206.                   <!-- Header -->
  207.                   <div class="row no-gutters text-primary" style="font-size: 16px;">
  208.                      <div class="col mx-2 my-auto">
  209.                         <hr class="my-0">
  210.                      </div>
  211.                      <div class="col-auto font-weight-bold" style="letter-spacing: 1px; font-family: Mate SC;">
  212.                         Description
  213.                      </div>
  214.                      <div class="col mx-2 my-auto">
  215.                         <hr class="my-0">
  216.                      </div>
  217.                   </div>
  218.                   <!-- Header End -->
  219.                   <div class="p-1 text-center" style="overflow-y: auto; height: 135px;">
  220.                      <p>What's going on with the Nether? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam maximus diam interdum finibus ultricies. Aenean quis urna varius nibh mattis accumsan a at eros. Nam et odio gravida, suscipit massa vestibulum, suscipit lacus. Cras posuere dolor ac massa pretium gravida.
  221.                         Aenean quis urna varius nibh mattis accumsan a at eros. Nam et odio gravida, suscipit massa vestibulum, suscipit lacus. Cras posuere dolor ac massa pretium gravida.
  222.                      </p>
  223.                   </div>
  224.                   <!-- Header -->
  225.                   <div class="row no-gutters text-primary" style="font-size: 16px;">
  226.                      <div class="col mx-2 my-auto">
  227.                         <hr class="my-0">
  228.                      </div>
  229.                      <div class="col-auto font-weight-bold" style="letter-spacing: 1px; font-family: Mate SC;">
  230.                         Notes
  231.                      </div>
  232.                      <div class="col mx-2 my-auto">
  233.                         <hr class="my-0">
  234.                      </div>
  235.                   </div>
  236.                   <!-- Header End -->
  237.                   <div class="p-1" style="overflow-y: auto; height: 135px;">
  238.                      <ul class="my-1 mb-2 mb-md-0">
  239.                         <li>This box scrolls. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam orci.</li>
  240.                         <li>Nulla in sapien dignissim, maximus massa eu, suscipit turpis. Aenean.</li>
  241.                         <li>Aenean interdum felis eu justo viverra ultrices. Praesent euismod commodo.</li>
  242.                         <li>Proin id eros vitae turpis porta pulvinar in vel augue.</li>
  243.                         <li>Etiam placerat nibh dui. Aliquam erat volutpat. Aenean non eros.</li>
  244.                         <li>Ut sed rhoncus lectus. Vivamus tempor tellus non lorem cursus.</li>
  245.                         <!-- Add more above this line -->
  246.                      </ul>
  247.                   </div>
  248.                </div>
  249.             </div>
  250.          </div>
  251.          <!-- Description & Notes End -->
  252.          <!-- Locations ----->
  253.          <div class="col-md-4">
  254.             <div class="col-md-12 p-1">
  255.                <div class="h-100 card rounded border-0 p-1">
  256.                   <div class="p-1">
  257.                      <!-- Header -->
  258.                      <div class="row no-gutters text-primary" style="font-size: 16px;">
  259.                         <div class="col mx-2 my-auto">
  260.                            <hr class="my-0">
  261.                         </div>
  262.                         <div class="col-auto font-weight-bold" style="letter-spacing: 1px; font-family: Mate SC;">
  263.                            Noteable Locations
  264.                         </div>
  265.                         <div class="col mx-2 my-auto">
  266.                            <hr class="my-0">
  267.                         </div>
  268.                      </div>
  269.                      <!-- Header End -->
  270.                      <div class="row no-gutters" style="overflow-y: auto; height: 300px;">
  271.                         <!-- Location -->
  272.                         <div class="col-md-12 row no-gutters p-1">
  273.                            <!-- Image -->
  274.                            <div class="col-12 p-1">
  275.                               <div class="card border-0" style="height: 150px; background: url(https://media.discordapp.net/attachments/838986143663390760/850211714409824266/Screenshot_2856.png?width=1237&height=702) center no-repeat; background-size: cover;"></div>
  276.                            </div>
  277.                            <div class="col-12 p-1">
  278.                               <!-- Location Type -->
  279.                               <div class="d-flex justify-content-between">
  280.                                  <span style="font-weight: 600;">
  281.                                  Location</span>
  282.                                  <span><i>Place Type</i></span>
  283.                               </div>
  284.                               <hr class="my-1">
  285.                               <!-- Description -->
  286.                               <div style="font-size: 12px; overflow-y: auto; height: 100px;">
  287.                                  <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vehicula magna non eros blandit, placerat bibendum felis porttitor. Cras fringilla eros libero, id ullamcorper nisi tincidunt consequat.</p>
  288.                               </div>
  289.                            </div>
  290.                         </div>
  291.                         <!-- Location End -->
  292.                         <!-- Location -->
  293.                         <div class="col-md-12 row no-gutters p-1">
  294.                            <!-- Image -->
  295.                            <div class="col-12 p-1">
  296.                               <div class="card border-0" style="height: 150px; background: url(https://media.discordapp.net/attachments/838986143663390760/850213230638792724/Screenshot_2857.png?width=1236&height=702) center no-repeat; background-size: cover;"></div>
  297.                            </div>
  298.                            <div class="col-12 p-1">
  299.                               <!-- Location Type -->
  300.                               <div class="d-flex justify-content-between">
  301.                                  <span style="font-weight: 600;">
  302.                                  Location</span>
  303.                                  <span><i>Place Type</i></span>
  304.                               </div>
  305.                               <hr class="my-1">
  306.                               <!-- Description -->
  307.                               <div style="font-size: 12px; overflow-y: auto; height: 100px;">
  308.                                  <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vehicula magna non eros blandit, placerat bibendum felis porttitor. Cras fringilla eros libero, id ullamcorper nisi tincidunt consequat.</p>
  309.                               </div>
  310.                            </div>
  311.                         </div>
  312.                         <!-- Location End -->
  313.                         <!-- Add more above this line -->
  314.                      </div>
  315.                   </div>
  316.                </div>
  317.             </div>
  318.          </div>
  319.          <!-- NETHER END -->
  320.       </div>
  321.       <!-- THE END -->
  322.       <div class="row no-gutters">
  323.          <!-- Title Card -->
  324.          <div class="col-md-2 p-1">
  325.             <div style="background-image: url('https://media.discordapp.net/attachments/749116876688457751/850134544338255872/Screenshot_2837.png?width=1236&height=702');
  326.               background-repeat: no-repeat; background-position: top center; background-size: cover; min-height: 300px;"
  327.               class="image rounded h-100 d-flex align-items-center justify-content-center text-center">
  328.                <!-- Desktop Text -->
  329.                <h1 style="color: #fff; font-size: 2.5em; text-shadow: 0px 0px 6px rgba(255,255,255.5); letter-spacing: 1px; font-family: Mate SC;" class="p-1 hidden-sm-down text-uppercase fa-rotate-270">
  330.                   The End
  331.                </h1>
  332.                <!-- Desktop Text End -->
  333.                <!-- Mobile Text -->
  334.                <h1 style="color: #fff; font-size: 2.5em; text-shadow: 0px 0px 6px rgba(255,255,255.5); letter-spacing: 1px; font-family: Mate SC;" class="p-1 hidden-md-up text-uppercase">
  335.                   The End
  336.                </h1>
  337.                <!-- Mobile Text End -->
  338.             </div>
  339.          </div>
  340.          <!-- Title Card End -->
  341.          <!-- Description & Notes -->
  342.          <div class="col-md-6 p-1">
  343.             <div class="h-100 card rounded border-0 p-1">
  344.                <div class="p-1">
  345.                   <!-- Header -->
  346.                   <div class="row no-gutters text-primary" style="font-size: 16px;">
  347.                      <div class="col mx-2 my-auto">
  348.                         <hr class="my-0">
  349.                      </div>
  350.                      <div class="col-auto font-weight-bold" style="letter-spacing: 1px; font-family: Mate SC;">
  351.                         Description
  352.                      </div>
  353.                      <div class="col mx-2 my-auto">
  354.                         <hr class="my-0">
  355.                      </div>
  356.                   </div>
  357.                   <!-- Header End -->
  358.                   <div class="p-1 text-center" style="overflow-y: auto; height: 135px;">
  359.                      <p>What's going on with The End? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam maximus diam interdum finibus ultricies. Aenean quis urna varius nibh mattis accumsan a at eros. Nam et odio gravida, suscipit massa vestibulum, suscipit lacus. Cras posuere dolor ac massa pretium gravida.
  360.                         Aenean quis urna varius nibh mattis accumsan a at eros. Nam et odio gravida, suscipit massa vestibulum, suscipit lacus. Cras posuere dolor ac massa pretium gravida.
  361.                      </p>
  362.                   </div>
  363.                   <!-- Header -->
  364.                   <div class="row no-gutters text-primary" style="font-size: 16px;">
  365.                      <div class="col mx-2 my-auto">
  366.                         <hr class="my-0">
  367.                      </div>
  368.                      <div class="col-auto font-weight-bold" style="letter-spacing: 1px; font-family: Mate SC;">
  369.                         Notes
  370.                      </div>
  371.                      <div class="col mx-2 my-auto">
  372.                         <hr class="my-0">
  373.                      </div>
  374.                   </div>
  375.                   <!-- Header End -->
  376.                   <div class="p-1" style="overflow-y: auto; height: 135px;">
  377.                      <ul class="my-1 mb-2 mb-md-0">
  378.                         <li>This box scrolls. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam orci.</li>
  379.                         <li>Nulla in sapien dignissim, maximus massa eu, suscipit turpis. Aenean.</li>
  380.                         <li>Aenean interdum felis eu justo viverra ultrices. Praesent euismod commodo.</li>
  381.                         <li>Proin id eros vitae turpis porta pulvinar in vel augue.</li>
  382.                         <li>Etiam placerat nibh dui. Aliquam erat volutpat. Aenean non eros.</li>
  383.                         <li>Ut sed rhoncus lectus. Vivamus tempor tellus non lorem cursus.</li>
  384.                         <!-- Add more above this line -->
  385.                      </ul>
  386.                   </div>
  387.                </div>
  388.             </div>
  389.          </div>
  390.          <!-- Description & Notes End -->
  391.          <!-- Locations ----->
  392.          <div class="col-md-4">
  393.             <div class="col-md-12 p-1">
  394.                <div class="h-100 card rounded border-0 p-1">
  395.                   <div class="p-1">
  396.                      <!-- Header -->
  397.                      <div class="row no-gutters text-primary" style="font-size: 16px;">
  398.                         <div class="col mx-2 my-auto">
  399.                            <hr class="my-0">
  400.                         </div>
  401.                         <div class="col-auto font-weight-bold" style="letter-spacing: 1px; font-family: Mate SC;">
  402.                            Noteable Locations
  403.                         </div>
  404.                         <div class="col mx-2 my-auto">
  405.                            <hr class="my-0">
  406.                         </div>
  407.                      </div>
  408.                      <!-- Header End -->
  409.                      <div class="row no-gutters" style="overflow-y: auto; height: 300px;">
  410.                         <!-- Location -->
  411.                         <div class="col-md-12 row no-gutters p-1">
  412.                            <!-- Image -->
  413.                            <div class="col-12 p-1">
  414.                               <div class="card border-0" style="height: 150px; background: url(https://media.discordapp.net/attachments/749116876688457751/850134544338255872/Screenshot_2837.png?width=1236&height=702) center no-repeat; background-size: cover;"></div>
  415.                            </div>
  416.                            <div class="col-12 p-1">
  417.                               <!-- Location Type -->
  418.                               <div class="d-flex justify-content-between">
  419.                                  <span style="font-weight: 600;">
  420.                                  Location</span>
  421.                                  <span><i>Place Type</i></span>
  422.                               </div>
  423.                               <hr class="my-1">
  424.                               <!-- Description -->
  425.                               <div style="font-size: 12px; overflow-y: auto; height: 100px;">
  426.                                  <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vehicula magna non eros blandit, placerat bibendum felis porttitor. Cras fringilla eros libero, id ullamcorper nisi tincidunt consequat.</p>
  427.                               </div>
  428.                            </div>
  429.                         </div>
  430.                         <!-- Location End -->
  431.                         <!-- Location -->
  432.                         <div class="col-md-12 row no-gutters p-1">
  433.                            <!-- Image -->
  434.                            <div class="col-12 p-1">
  435.                               <div class="card border-0" style="height: 150px; background: url(https://media.discordapp.net/attachments/749116876688457751/850117992641855508/Screenshot_2829.png?width=1234&height=702) center no-repeat; background-size: cover;"></div>
  436.                            </div>
  437.                            <div class="col-12 p-1">
  438.                               <!-- Location Type -->
  439.                               <div class="d-flex justify-content-between">
  440.                                  <span style="font-weight: 600;">
  441.                                  Location</span>
  442.                                  <span><i>Place Type</i></span>
  443.                               </div>
  444.                               <hr class="my-1">
  445.                               <!-- Description -->
  446.                               <div style="font-size: 12px; overflow-y: auto; height: 100px;">
  447.                                  <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vehicula magna non eros blandit, placerat bibendum felis porttitor. Cras fringilla eros libero, id ullamcorper nisi tincidunt consequat.</p>
  448.                               </div>
  449.                            </div>
  450.                         </div>
  451.                         <!-- Location End -->
  452.                         <!-- Add more above this line -->
  453.                      </div>
  454.                   </div>
  455.                </div>
  456.             </div>
  457.          </div>
  458.          <!-- THE END....END??? -->
  459.       </div>
  460.    </div>
  461.    <!-- Credit -->
  462.    <p class="text-right small mt-1">HTML by @TheDemonicArtist</p>
  463. </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!