Gearing up something amazing for you…
Still waiting? Magic takes a moment! ✨
Unimart is a E-commerce Template. Worldwide electronics store since 1978.
Limited Item, checkout within 10m 00s
Subtotal (2 items)
$758.00
Shipping
$10.00
Total
$768.00
Add $248.00 More To Get Free Shipping
For orders over $9.90
For orders over $9.90
<div class="rbt-fancy-item fancy-menu-text fancy-menu-start">
<div class="rbt-fancy-text">
<strong>Trending Now :</strong>
<div class="rbt-text-swiper-container rbt-arrow-vertical">
<div class="swiper-wrapper">
<div class="swiper-slide">christmas, thanksgiving, trees, decor, ornaments
<a class="rbt-fancy-link ml--4" href="#">Know more</a>
</div>
<div class="swiper-slide">
slide 2
</div>
<div class="swiper-slide">
slide 3
</div>
</div>
<div class="rbt-verticle-arrow rbt-arrow-prev">
<i class="fa-regular fa-chevron-up"></i>
</div>
<div class="rbt-verticle-arrow rbt-arrow-next">
<i class="fa-regular fa-chevron-down"></i>
</div>
</div>
</div>
</div>
<ul class="rbt-quick-access">
<li class="rbt-access-box">
<div class="header-info">
<a href="#" class="rbt-access-link">Store Location</a>
</div>
<div class="header-info">
<a href="#" class="rbt-access-link">Track Your Order</a>
</div>
<div class="header-info">
<ul class="rbt-dropdown-menu rbt-dropdown-menu-elastic currency-menu m--0">
<li class="has-child-menu">
<a href="#">
<span class="menu-item">$ USD</span>
<i class="right-icon fa-regular fa-chevron-down"></i>
</a>
<ul class="sub-menu hover-reverse">
<li>
<a href="#" class="active">
<span class="menu-item">$ USD</span>
</a>
</li>
...
</ul>
</li>
</ul>
</div>
<div class="header-info">
<ul class="rbt-dropdown-menu rbt-dropdown-menu-elastic switcher-language m--0">
<li class="has-child-menu">
<a href="#">
<img class="left-image" src="image-url" alt="Language Images">
<span class="menu-item">Eniglish</span>
<i class="right-icon fa-regular fa-chevron-down"></i>
</a>
<ul class="sub-menu ">
<li>
<a href="#" class="active">
<img class="left-image" src="image-url" alt="Language Images">
<span class="menu-item">Eniglish</span>
</a>
</li>
...
</ul>
</li>
</ul>
</div>
</li>
</ul>
<ul class="rbt-quick-access rbt-gap--24">
<li class="rbt-access-box rbt-scroll-trigger fade_in animation-order-1 rbt-access-box-has-bg-hover">
<a href="tel:+800300-353-569" class="rbt-access-box-wrapper">
<div class="rbt-round-btn rbt-bg-static-gray">
<i class="fa-regular fa-phone"></i>
</div>
<div class="content p-0">
<p>Hotline</p>
<span>+800 300-353-569</span>
</div>
</a>
</li>
<li class="rbt-access-box rbt-scroll-trigger fade_in animation-order-2 rbt-access-box-has-bg-hover">
<a href="#!" class="rbt-access-box-wrapper">
<div class="rbt-round-btn rbt-bg-static-gray">
<i class="fa-regular fa-user"></i>
</div>
<div class="content">
<p>Log in/Sign Up</p>
<span>Access Account</span>
</div>
</a>
</li>
<li class="rbt-access-box rbt-scroll-trigger fade_in animation-order-3 rbt-access-box-has-bg-hover rbt-mini-cart">
<a href="#" class="rbt-access-box-wrapper">
<div class="rbt-round-btn rbt-bg-static-gray">
<i class="fa-regular fa-bag-shopping"></i>
<span class="access-box-count rbt-shiny">12</span>
</div>
<div class="content p-0">
<p>Total Cart</p>
<span>Total $2390</span>
</div>
</a>
</li>
</ul>
<ul class="rbt-quick-access">
<li class="rbt-access-box rbt-scroll-trigger fade_in animation-order-1">
<a class="search-trigger-active rbt-round-btn rbt-bg-static-gray rbt-modern-close-btn" href="#">
<i class="fa-regular fa-search search-icon"></i>
<div class="modern-close-wrapper"></div>
</a>
</li>
<li class="rbt-access-box rbt-scroll-trigger fade_in animation-order-2">
<a class="rbt-round-btn rbt-bg-static-gray" href="#!">
<i class="fa-regular fa-user"></i>
</a>
</li>
<li class="rbt-access-box rbt-scroll-trigger fade_in animation-order-3">
<a class="rbt-round-btn rbt-bg-static-gray has-rbt-sm-fsize" href="#!">
<i class="fa-regular fa-code-compare"></i>
<div class="access-box-count">3</div>
</a>
</li>
<li class="rbt-access-box rbt-scroll-trigger fade_in animation-order-4 rbt-wishlist">
<a class="rbt-round-btn rbt-bg-static-gray" href="#!">
<i class="fa-regular fa-heart"></i>
<div class="access-box-count">5</div>
</a>
</li>
<li class="rbt-access-box rbt-scroll-trigger fade_in animation-order-5 rbt-mini-cart">
<a class="rbt-cart-sidenav-activation rbt-round-btn rbt-bg-static-gray" href="#!">
<i class="fa-regular fa-bag-shopping"></i>
<span class="access-box-count rbt-shiny">4</span>
</a>
</li>
</ul>
<ul class="rbt-quick-access">
<li class="rbt-access-box rbt-scroll-trigger fade_in animation-order-1 without-separator">
<div class="header-info">
<a href="#" class="rbt-access-link">Contact</a>
</div>
<div class="header-info">
<a href="#" class="rbt-access-link">Track Order</a>
</div>
<div class="header-info">
<a href="#" class="rbt-access-link">Return Policy</a>
</div>
</li>
</ul>
<div class="rbt-header-cat-link-section rbt-gap--12 align-items-center d-none d-lg-flex">
<div class="rbt-cat-link-title">Choose Gender :</div>
<div class="rbt-product-nav-section rbt-nav-effect-activation rbt-product-nav-var-black">
<ul class="rbt-product-nav-grp">
<li><a href="#" class="rbt-product-nav">Men</a></li>
<li><a href="#" class="rbt-product-nav active">Women</a></li>
<li><a href="#" class="rbt-product-nav">Kids</a></li>
</ul>
<span class="rbt-bg-highlight" style="width: 84.95px; height: 30.4px; left: 8px; top: 6px;"></span>
</div>
</div>
<div class="rbt-search-with-category uni-header-swc-one">
<form>
<div class="rbt-inner-search-field border-0">
<div class="rbt-search-input-section has-left-catagory-section rbt-inner-search-label-animate-activation">
<div class="filter-select rbt-modern-select search-by-category">
<select class="rbt-select-activation" data-live-search="true" data-live-search-placeholder="Search Catagories">
<option>All Categories</option>
<option>Fashion</option>
<option>Furniture</option>
<option>Electronics</option>
<option>Beauty</option>
</select>
</div>
<input type="text">
<span class="cd-headline clip is-full-width">
<span class="cd-words-wrapper">
<b class="is-visible">Search for something...</b>
<b class="is-hidden">Looking for something specific?</b>
<b class="is-hidden">Explore what you need...</b>
</span>
</span>
</div>
<button class="rbt-round-btn serach-btn" type="submit"><i class="fa-sharp fa-solid fa-magnifying-glass"></i></button>
</div>
</form>
</div>
By default the megamenu inside the category dropdown appear in right side. But
you can change it's direction with the class named
.rbt-dropdown-child-wrapper-left-align.
<!-- dropdown appear in left side -->
<div class="rbt-dropdown-child-wrapper rbt-dropdown-child-wrapper-lg rbt-dropdown-child-wrapper-left-align">
...
</div>
Free Express Shipping on orders $200!
Free Express Shipping on orders $200!
Free Express Shipping on orders $200!
<div class="rbt-category-menu-wrapper rbt-category-update">
<div class="rbt-category-btn">
<div class="rbt-offcanvas-trigger md-size icon">
<span class="d-none d-xl-block">
<i class="fa-regular fa-bars"></i>
<i class="fa-regular fa-chevron-down"></i>
</span>
<i title="Category" class="fa-regular fa-bars d-block d-xl-none"></i>
</div>
<span class="category-text d-none d-xl-block">All Categories</span>
</div>
<!-- Start Update Cart Dropdown -->
<div class="rbt-update-category-dropdown">
<div class="inner">
<ul class="rbt-dropdown-parent-wrapper">
<li class="dropdown-parent-list">
<a href="#">
<span><i class="fa-regular fa-house-chimney"></i></span>Category 1
<span class="rbt-chevron-right"><i class="fa-regular fa-chevron-right"></i></span>
</a>
<div class="rbt-dropdown-child-wrapper rbt-dropdown-child-wrapper-lg ">
<div class="rbt-child-inner">
<!-- Start Catagory Mega Menu-->
<div class="rbt-megamenu grid-item-2">
<div class="rbt-megamenu-wrapper">
<div class="row row--16">
<div class="col-lg-6 col-xl-7 col-xxl-7">
<div class="row row--16">
<div class="col-lg-6 col-xl-6 col-xxl-6 single-mega-item rbt-scroll-trigger fade_in animation-order-1">
<h6 class="rbt-short-title">Title</h6>
<ul class="mega-menu-item">
<li><a href="#">Item</a></li>
...
</ul>
</div>
<div class="col-lg-6 col-xl-6 col-xxl-6 single-mega-item rbt-scroll-trigger fade_in animation-order-2">
<h6 class="rbt-short-title">Title</h6>
<ul class="mega-menu-item">
<li><a href="#">Item</a></li>
...
</ul>
</div>
<div class="col-lg-12">
<div class="rbt-quick-info-tag d-flex mt--16">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M18.9706 14.9359C18.8148 18.8649 15.7493 22 11.9891 22C8.12909 22 5 18.5858 5 14.6221C5 14.0924 4.99101 13.0336 5.74352 11.2472C6.19387 10.1781 6.47633 9.50646 6.63574 8.89253C6.72333 8.55511 6.89367 8.01904 7.37926 8.89253C7.66559 9.40757 7.67666 10.1483 7.67666 10.1483C7.67666 10.1483 8.74197 9.28536 9.4611 7.63673C10.5153 5.21985 9.67419 3.77512 9.38675 2.77048C9.28727 2.42294 9.22481 1.79833 9.90721 2.06409C10.6025 2.33495 12.4408 3.69334 13.4017 5.12512C14.7732 7.16855 15.2605 9.128 15.2605 9.128C15.2605 9.128 15.6997 8.55268 15.8553 7.95068C16.0312 7.27089 16.0338 6.59763 16.5988 7.32285C17.1361 8.01253 17.9341 9.3086 18.3833 10.5408C19.1989 12.7784 18.9706 14.9359 18.9706 14.9359Z"
fill="url(#paint0_linear_47_23647)" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M11.9999 22C9.23852 22 7 19.7944 7 17.0735C7 15.4318 7.67145 14.435 9.0689 13.0833C9.96366 12.2179 10.8011 11.1549 11.157 10.4311C11.2271 10.2886 11.3866 9.54605 12.0014 10.4155C12.3239 10.8714 12.8296 11.6823 13.1538 12.3744C13.7127 13.5676 13.8461 14.7239 13.8461 14.7239C13.8461 14.7239 14.3938 14.4059 14.7692 13.5871C14.8902 13.3232 15.1348 12.3241 15.8186 13.323C16.3204 14.0561 17.0097 15.3741 16.9999 17.0735C16.9999 19.7944 14.7613 22 11.9999 22Z"
fill="#FC9502" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12.1019 16C12.8497 16 12.8497 17.4475 13.7996 19.3803C14.4321 20.6672 13.486 22 12.1019 22C10.7178 22 10 20.8271 10 19.3803C10 17.9335 11.3541 16 12.1019 16Z"
fill="#FCE202" />
<defs>
<linearGradient id="paint0_linear_47_23647" x1="11.9995"
y1="22.0148" x2="11.9995" y2="2.01511"
gradientUnits="userSpaceOnUse">
<stop offset="1" stop-color="#FF4C0D" />
<stop offset="1" stop-color="#FC9502" />
</linearGradient>
</defs>
</svg>
<p><strong>Free Express Shipping</strong> on orders $200!</p>
</div>
</div>
</div>
</div>
<div
class="col-lg-6 col-xl-5 col-xxl-5 single-mega-item rbt-scroll-trigger fade_in animation-order-1">
<div class="rbt-menu-offer-card rbt-bg-style-box rbt-bg-two">
<div class="mega-top-banner">
<div
class="rbt-banner-inner flex-column justify-content-center rbt-gap--8 align-items-center text-center">
<div class="rbt-banner-content">
<h5 class="title rbt-text-color-white">New Aurora Watch</h5>
<p class="b3 desc rbt-text-color-gray-200">Send your idea, appear Unimart.</p>
</div>
<a class="rbt-btn rbt-btn-sm" href="#">View Details</a>
<a href="#" class="product-img position-bottom mt--24">
<img src="..." alt="...">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Catagory Mega Menu-->
</div>
</div>
</li>
<li class="dropdown-parent-list">
<a href="#">
<span><i class="fa-regular fa-shirt"></i></span>Category 2
</a>
</li>
...
<li class="dropdown-parent-list">
<a href="#">
View All Categories <i class="fa-regular fa-chevron-right ml--8"></i>
</a>
</li>
</ul>
</div>
</div>
<!-- End Update Cart Dropdown -->
</div>
From all orders over $100
24/7 online feedback
Return money within 30 days
<div class="rbt-inf-box-wrapper">
<ul class="rbt-inf-box-wrapper-list justify-content-center">
<li>
<div class="rbt-inf-box rbt-scroll-trigger fade_in animation-order-1">
<div class="rbt-inf-box-icon">
<i class="fa-light fa-truck-fast"></i>
</div>
<div class="rbt-inf-box-content">
<h6 class="rbt-inf-box-title">Free Shipping</h6>
<p class="rbt-inf-box-desc">From all orders over $100</p>
</div>
</div>
</li>
<li>
<div class="rbt-inf-box rbt-scroll-trigger fade_in animation-order-2">
<div class="rbt-inf-box-icon">
<i class="fa-light fa-headset"></i>
</div>
<div class="rbt-inf-box-content">
<h6 class="rbt-inf-box-title">Quality Support</h6>
<p class="rbt-inf-box-desc">24/7 online feedback</p>
</div>
</div>
</li>
<li>
<div class="rbt-inf-box rbt-scroll-trigger fade_in animation-order-3">
<div class="rbt-inf-box-icon">
<i class="fa-light fa-box"></i>
</div>
<div class="rbt-inf-box-content">
<h6 class="rbt-inf-box-title">Return & Refund</h6>
<p class="rbt-inf-box-desc">Return money within 30 days</p>
</div>
</div>
</li>
</ul>
</div>