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>jewelry liquidation</title>
</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="#">ENGAGMENT</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 class="Other"><a href="#">Halo </a></li>
<li class="Server"><a href="#" class="custome_edit">Emerald </a></li>
<li><a href="#">Ruby...