waffercracker

linkscraper-layout

Dec 5th, 2020 (edited)
767
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <nav class="bg-indigo-900">
  2. <div class="py-3 text-white flex items-center md:max-w-3xl lg:max-w-5xl xl:max-w-6xl  md:mx-auto flex-col md:flex-row md:justify-between ">
  3.   <div class="text-xl font-semibold font-mono">BUSINESSES FOR SALE</div>
  4.   <div class="font-mono">
  5.     <span>USD</span>
  6.     <span>AUD</span>
  7.     <span>PHP</span>
  8.   </div>
  9. </div>
  10. </nav>
  11. <main class="font-mono">
  12.   <div class="flex md:flex-wrap md:items-center md:flex-row flex-col bg-indigo-400 md:px-4 lg:px-10 lg:py-4 xl:px-28">
  13.     <div class="xl:w-1/4 md:w-1/2 p-3">
  14.       <div class="shadow-md bg-indigo-200 p-3 rounded-3xl">
  15.         <div>
  16.           <p class="text-center font-semibold md:text-2xl text-4xl">PHILIPPINES</p>
  17.           <p class="text-center md:text-xl text-2xl">FOR SALE: 89809</p>
  18.           <p class="text-center md:text-xl text-2xl">SOLD: 89809</p>
  19.           <p class="text-center md:text-xl text-2xl">WITHDRAWN: 89809</p>
  20.         </div>
  21.       </div>
  22.     </div>
  23.     <div class="xl:w-1/4 md:w-1/2 p-3">
  24.       <div class="bg-indigo-200 opacity-50 p-3 rounded-3xl">
  25.         <div>
  26.           <p class="text-center font-semibold md:text-2xl text-4xl">USA</p>
  27.           <p class="text-center md:text-xl text-2xl">FOR SALE: -paused-</p>
  28.           <p class="text-center md:text-xl text-2xl">SOLD: -paused-</p>
  29.           <p class="text-center md:text-xl text-2xl">WITHDRAWN: -paused-</p>
  30.         </div>
  31.       </div>
  32.     </div>
  33.     <div class="xl:w-1/4 md:w-1/2 p-3">
  34.       <div class="bg-indigo-200 opacity-50 p-3 rounded-3xl">
  35.         <div>
  36.           <p class="text-center font-semibold md:text-2xl text-4xl">AUSTRALIA</p>
  37.           <p class="text-center md:text-xl text-2xl">FOR SALE: -paused-</p>
  38.           <p class="text-center md:text-xl text-2xl">SOLD: -paused-</p>
  39.           <p class="text-center md:text-xl text-2xl">WITHDRAWN: -paused-</p>
  40.         </div>
  41.       </div>
  42.     </div>
  43.     <div class="xl:w-1/4 md:w-1/2 p-3">
  44.       <div class="bg-indigo-200 opacity-50 p-3 rounded-3xl">
  45.         <div>
  46.           <p class="text-center font-semibold md:text-2xl text-4xl">NEW ZEALAND</p>
  47.           <p class="text-center md:text-xl text-2xl">FOR SALE: -paused-</p>
  48.           <p class="text-center md:text-xl text-2xl">SOLD: -paused-</p>
  49.           <p class="text-center md:text-xl text-2xl">WITHDRAWN: -paused-</p>
  50.         </div>
  51.       </div>
  52.     </div>
  53.   </div>
  54. </main>
RAW Paste Data