JSFiddle - React, Tailwind, and code Playground

by Ali Khaled

HTML

"<!DOCTYPE html>
 <html>
 <head>
 <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
 <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
 <link rel='stylesheet' href='https://dgemz.com/ebay/css/style.css'>
 <title>Tovaken Jewelry</title>
  

</head>
 <body>
 <div class='wrapper'>
 <header id='header'>
 <div class='header_wrapper'>
 <div class='container_main'>
 <div class='logo'>
 <img src='https://dgemz.com/ebay/images/logo.png'>
 </div>
 <div class='right_text'>
 <img src='https://dgemz.com/ebay/images/phone.png' alt=''>
 <p class='contact_us'>CONTACT US: (1)-(323) 786-8886</p>
 <!--<p class='time'>Mon - Fri 9:30 AM - 5:30 PM EST</p>-->
 </div>
 </div>
 </div>
 <div class='clear'></div>
 <nav id='nav'>
 <ul>
 <li><a href='https://www.ebay.com/sch/m.html?_odkw=diamond&_ssn=jewelry-overstock-auctions&_armrs=1&_osacat=0&_from=R40&_trksid=p2046732.m570.l1313.TR12.TRC2.A0.H0.Xrings.TRS0&_nkw=rings&_sacat=0'>RINGS</a></li>
 <li><a href='https://www.ebay.com/sch/m.html?_odkw=rings&_ssn=jewelry-overstock-auctions&_armrs=1&_osacat=0&_from=R40&_trksid=p2046732.m570.l1313.TR12.TRC2.A0.H0.Xearrings.TRS0&_nkw=earrings&_sacat=0'>EARRINGS</a></li>
 <li><a href='https://www.ebay.com/sch/m.html?_odkw=earrings&_ssn=jewelry-overstock-auctions&_armrs=1&_osacat=0&_from=R40&_trksid=p2046732.m570.l1311.R1.TR12.TRC2.A0.H0.Xnecklac.TRS0&_nkw=necklace&_sacat=0'>NECKLACES</a></li>
 <li><a href='https://www.ebay.com/sch/m.html?_odkw=necklace&_ssn=jewelry-overstock-auctions&_armrs=1&_osacat=0&_from=R40&_trksid=p2046732.m570.l1313.TR12.TRC2.A0.H0.Xpendant.TRS0&_nkw=pendant&_sacat=0'>PENDANTS</a></li>
 <li><a href='https://www.ebay.com/sch/m.html?_odkw=pendant&_ssn=jewelry-overstock-auctions&_armrs=1&_osacat=0&_from=R40&_trksid=p2046732.m570.l1313.TR12.TRC2.A0.H0.Xbracelet.TRS0&_nkw=bracelet&_sacat=0'>BRACELETS</a></li>
 <li><a...