Source By Category

Question

Source By Category

Accepted Answer

.card1{
width: 100%;
height: 80px;
background: url('/wp-content/uploads/2021/10/Categories-Banner-Toys-wh.jpg') no-repeat;
display: inline-block;
background-size: 100% 100%;
border:1px solid #D3B086;
}
.card1:hover {
width: 100%;
height: 80px;
background: url("/wp-content/uploads/2021/10/Categories-Banner-Toys.jpg") no-repeat;
display: inline-block;
background-size: 100% 100%;
border:1px solid #D3B086;
}

</style>
<a href="/toys-games/"><div class="card1"></div> </a>		</div>
				</div>
				<div class="elementor-element elementor-element-8cad75e elementor-widget elementor-widget-html" data-id="8cad75e" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>

.card5{
width: 100%;
height: 80px;
background: url("/wp-content/uploads/2021/10/Categories-Banner-Jewelry-wh.jpg") no-repeat;
display: inline-block;
background-size: 100% 100%;
border:1px solid #D3B086;
margin-top:-4%;
}
.card5:hover {
width: 100%;
height: 80px;
background: url("/wp-content/uploads/2021/10/Categories-Banner-Jewelry.jpg") no-repeat;
display: inline-block;
background-size: 100% 100%;
border:1px solid #D3B086;
}

</style>

<a href="/jewelry-watch"><div class="card5"></div> </a>		</div>
				</div>
				<div class="elementor-element elementor-element-a4dde1a elementor-widget elementor-widget-html" data-id="a4dde1a" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>

.card3{
width: 100%;
height: 80px;
background: url("/wp-content/uploads/2021/10/Categories-Banner-Electronics-wh.jpg") no-repeat;
display: inline-block;
background-size: 100% 100%;
border:1px solid #D3B086;
margin-top:-4%;

}
.card3:hover {
width: 100%;
height: 80px;
background: url("/wp-content/uploads/2021/10/Categories-Banner-Electronics.jpg") no-repeat;
display: inline-block;
background-size: 100% 100%;
border:1px solid #D3B086;
}

</style>

<a href="/electronics-electrical-appliance"><div class="card3"></div> </a>		</div>
				</div>
				<div class="elementor-element elementor-element-753c58d elementor-widget elementor-widget-html" data-id="753c58d" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>

.card7{
width: 100%;
height: 80px;
background: url("/wp-content/uploads/2021/10/Categories-Banner-BrandMore-wh.jpg") no-repeat;
display: inline-block;
background-size: 100% 100%;
border:1px solid #D3B086;
margin-top:-4%;
}
.card7:hover {
width: 100%;
height: 80px;
background: url("/wp-content/uploads/2021/10/Categories-Banner-BrandMore.jpg") no-repeat;
display: inline-block;
background-size: 100% 100%;
border:1px solid #D3B086;
}

</style>

<a href="/brand-list/"><div class="card7"></div> </a>		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9dd09fe" data-id="9dd09fe" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-d8d22c4 elementor-widget elementor-widget-html" data-id="d8d22c4" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>

.card4{
width: 100%;
height: 80px;
background: url("/wp-content/uploads/2022/11/Categories-Banner-Gifts-wh.jpg") no-repeat;
display: inline-block;
background-size: 100% 100%;
border:1px solid #D3B086;
margin-top:-4%;
}
.card4:hover {
width: 100%;
height: 80px;
background: url("/wp-content/uploads/2022/11/Categories-Banner-Gifts.jpg") no-repeat;
display: inline-block;
background-size: 100% 100%;
border:1px solid #D3B086;
}

</style>

<a href="/gifts-houseware"><div class="card4"></div> </a>		</div>
				</div>
				<div class="elementor-element elementor-element-3f7ba2c elementor-widget elementor-widget-html" data-id="3f7ba2c" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>

.card2{
width: 100%;
height: 80px;
background: url("/wp-content/uploads/2021/10/Categories-Banner-Baby-wh.jpg") no-repeat;
display: inline-block;
background-size: 100% 100%;
border:1px solid #D3B086;
margin-top:-4%;
}
.card2:hover {
width: 100%;
height: 80px;
background: url("/wp-content/uploads/2021/10/Categories-Banner-Baby.jpg") no-repeat;
display: inline-block;
background-size: 100% 100%;
border:1px solid #D3B086;
}

</style>

<a href="/baby-products"><div class="card2"></div> </a>		</div>
				</div>
				<div class="elementor-element elementor-element-9154e0e elementor-widget elementor-widget-html" data-id="9154e0e" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>

.card6{
width: 100%;
height: 80px;
background: url("/wp-content/uploads/2022/11/Categories-Banner-Pack-wh.jpg") no-repeat;
display: inline-block;
background-size: 100% 100%;
border:1px solid #D3B086;
margin-top:-4%;
}
.card6:hover {
width: 100%;
height: 80px;
background: url("/wp-content/uploads/2022/11/Categories-Banner-Pack.jpg") no-repeat;
display: inline-block;
background-size: 100% 100%;
border:1px solid #D3B086;
}

</style>

<a href="/packaging"><div class="card6"></div> </a>		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
						</div>
					</div>
		</p>

Any comment or opinion?