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>
<script src='http://code.jquery.com/jquery-1.9.1.js'></script>
</head>
<body>
<div class='wrapper'>
<header id='header'>
<div class='header_wrapper'>
<div class='container_main'>
<div class='logo'>
<a href=''><img src='https://dgemz.com/ebay/images/logo.png'></a>
</div>
<div class='right_text'>
<img src='https://dgemz.com/ebay/images/phone.png' alt=''>
<p class='contact_us'>CONTACT US:<a href='tel:+17183840792'>(1)-(323) 786-8886</a></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='#'>RINGS</a></li>
<li><a href='#'>EARRINGS</a></li>
<li><a href='#'>NECKLACES</a></li>
<li><a href='#' id='flk'>PENDANTS</a></li>
<li><a href='#'>BRACELETS</a></li>
<li><a href='#'>WEDDING</a></li>
<li><a href='#'>ENGAGEMENT</a></li>
<li><a href='#' id='flk'>LOOSE STONES</a></li>
</ul>
</nav>
<div class='clear'></div>
</header>
<div class='content'>
<div class='container_main'>
<div class='left'>
<p>Free USA Shipping</p>
</div>
<div class='right'>
<div class='left_item'>
<p >Sizing Offered At Additional Cost</p>
</div>
</div>
<div class='search'>
<div class='news_letter2'>
<label>Search:</label>
<input type='text'>
<a href='#'><img src='https://dgemz.com/ebay/images/search-59.png'></a>
</div>
</div>
<div class='left_categories'>
<div class='store_categories'>
<h3>CATEGORIES</h3>
<ul>
<li class='hp'><a href='#'>Diamond</a></li>
<li class='hp'><a href='#'>Engagment</a></li>
<li class='hp'><a href='#'>Solitaires</a></li>
<li class='hp'><a href='#'>Wedding</a></li>
<li class='hp'><a href='#'>3 stone</a></li>
<li...