Base Elements
Template Elements
Template Elements
E-Commerce
Base Elements
Template Elements
Template Elements
E-Commerce
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
<header class="rbt-header rbt-header-2">
<div class="rbt-header-wrapper rbt-header-sticky-activation rbt-header-wrapper-one header-space-between rbt-bg-color-white header-not-transparent header-sticky plr--0">
<!-- Start Header Top Part -->
<div class="rbt-topbar-section rbt-topbar-one">
<div class="container">
<div class="row align-items-center d-none d-md-flex mlr--0 row--0">
<div class="col-lg-6 col-md-6 col-12">
...
</div>
<div class="col-lg-6 col-md-6 col-12">
...
</div>
</div>
</div>
</div>
<!-- End Header Top Part -->
<div class="rbt-separator-mid">
<hr class="rbt-separator rbt-separator-gray100 m-0">
</div>
<!-- Start Header Middle Part -->
<div class="rbt-wrapper-middle rbt-header-middle-one">
<div class="container">
<div class="mainbar-row align-items-center">
<div class="header-left">
left part content here...
</div>
<div class="rbt-header-content d-none d-xl-block">
<div class="header-info">
middle part here...
</div>
</div>
<div class="header-right">
right part content here...
</div>
</div>
</div>
</div>
</div>
<!-- End Header Middle Part -->
<!-- Start Navbar -->
<div class="rbt-header-middle position-relative rbt-header-mid-1 rbt-bg-color-primary d-none d-xl-block">
<div class="container">
<div class="rbt-header-sec align-items-center @@flexDirection">
<div class="rbt-main-navigation d-none d-xl-block">
<nav class="rbt-mainmenu-nav">
<ul class="mainmenu has-nav-bg-shape-hover">
<li>
<a href="#">Home <i class="fa-regular fa-chevron-down"></i></a>
</li>
...
</ul>
</nav>
</div>
<div class="rbt-header-sec-col rbt-header-right">
<div class="rbt-header-content m--0">
<ul class="rbt-quick-access rbt-quick-access-var-one">
...
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- End Navbar -->
</header>
<header class="rbt-header rbt-header-3">
<div class="rbt-header-wrapper rbt-header-sticky-activation rbt-header-wrapper-three rbt-header-wrapper-one header-space-between rbt-bg-color-white header-not-transparent header-sticky plr--0">
<div class="rbt-header-campaign rbt-header-campaign-1 rbt-header-top-news rbt-topbar-bg-img rbt-topbar-bg-one w-100">
<div class="rbt-corner-portion-wrapper">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="inner justify-content-center">
content...
</div>
</div>
</div>
</div>
</div>
<div class="icon-close position-right">
<button class="rbt-round-btn btn-white-off bgsection-activation">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
</div>
<div class="rbt-wrapper-middle rbt-header-middle-one position-relative">
<div class="container">
<div class="mainbar-row align-items-center">
<div class="rbt-header-sec-col rbt-header-right rbt-fancy-item fancy-menu-address fancy-menu-end d-none d-xl-block">
<div class="rbt-header-content">
...
</div>
</div>
<!-- Start Mobile-Menu-Bar -->
<div class="mobile-menu-bar d-block d-xl-none">
<div class="hamberger">
<button class="hamberger-button rbt-round-btn">
<i class="fa-solid fa-bars"></i>
</button>
</div>
</div>
<!-- Start Mobile-Menu-Bar -->
<div class="rbt-header-content">
<div class="header-info">
logo here...
</div>
</div>
<div class="header-right rbt-gap--32">
...
</div>
</div>
</div>
</div>
</div>
<!-- Start Header Mid -->
<div class="rbt-header-middle position-relative rbt-header-mid-3 rbt-bg-color-white d-none d-xl-block">
<div class="container">
<div class="rbt-header-sec align-items-center">
<div class="rbt-main-navigation d-none d-xl-block">
<nav class="rbt-mainmenu-nav">
<ul class="mainmenu has-nav-bg-shape-hover">
<li>
<a href="#">Home <i class="fa-regular fa-chevron-down"></i></a>
</li>
...
</ul>
</nav>
</div>
<div class="rbt-header-sec-col rbt-header-right">
...
</div>
</div>
</div>
</div>
<!-- End Header Top -->
<!-- Start Header Bottom -->
<div class="rbt-header-bottom position-relative rbt-header-bottom-2 rbt-bg-color-gray-light d-none d-xl-flex ptb--16">
<div class="container">
<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>
...
</ul>
</div>
</div>
</div>
<!-- End Header Bottom -->
</header>
<header class="rbt-header rbt-header-9">
<div class="rbt-header-wrapper rbt-header-sticky-activation rbt-header-wrapper-three rbt-header-wrapper-one header-space-between rbt-bg-color-white header-not-transparent header-sticky plr--0">
<div class="rbt-header-campaign rbt-header-campaign-1 rbt-header-top-news rbt-topbar-bg-img rbt-topbar-bg-three">
<div class="rbt-corner-portion-wrapper">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
...
</div>
</div>
</div>
</div>
<div class="icon-close position-right">
<button class="rbt-round-btn btn-white-off bgsection-activation">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
</div>
<div class="rbt-wrapper-middle rbt-header-middle-one">
<div class="container">
<div class="mainbar-row align-items-center">
<div class="header-left">
<div class="rbt-header-content rbt-gap--32">
<!-- Start Mobile-Menu-Bar -->
<div class="mobile-menu-bar d-block d-xl-none">
<div class="hamberger">
<button class="hamberger-button rbt-round-btn">
<i class="fa-solid fa-bars"></i>
</button>
</div>
</div>
<!-- Start Mobile-Menu-Bar -->
<div class="header-info">
...
</div>
</div>
</div>
<div class="rbt-header-content">
<div class="header-info d-none d-xl-block ">
<nav class="rbt-mainmenu-nav">
<ul class="mainmenu has-nav-bg-shape-hover">
<li>
<a href="#">Home <i class="fa-regular fa-chevron-down"></i></a>
</li>
...
</ul>
</nav>
</div>
</div>
<div class="header-right rbt-gap--32">
...
</div>
</div>
</div>
</div>
</div>
</header>
<header class="rbt-header rbt-header-13">
<div class="rbt-header-wrapper rbt-header-sticky-activation rbt-header-wrapper-one header-space-between rbt-bg-color-gray-100 header-not-transparent header-sticky plr--0">
<div class="rbt-header-campaign rbt-header-campaign-1 rbt-header-top-news rbt-topbar-bg-img rbt-topbar-bg-two">
<div class="rbt-corner-portion-wrapper">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
...
</div>
</div>
</div>
</div>
<div class="icon-close position-right">
<button class="rbt-round-btn btn-white-off bgsection-activation">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
</div>
<!-- Start Header Mid -->
<div class="rbt-header-middle position-relative rbt-header-mid-5 rbt-bg-color-gray-light d-none d-xl-block">
<div class="container">
<div class="rbt-header-sec align-items-center justify-content-center">
<div class="rbt-main-navigation d-none d-xl-block">
<nav class="rbt-mainmenu-nav">
<ul class="mainmenu has-nav-bg-shape-hover">
<li>
<a href="#">Home <i class="fa-regular fa-chevron-down"></i></a>
</li>
...
</ul>
</nav>
</div>
</div>
</div>
</div>
<!-- End Header Mid -->
</div>
<div class="rbt-wrapper-middle rbt-header-middle-one rbt-bg-color-white">
<div class="container">
<div class="row row--12 rbt-container-extended-wider">
<div class="col-md-12">
<div class="mainbar-row align-items-center rbt-header-13-mainbar position-relative">
<div class="header-left">
<div class="rbt-header-content rbt-gap--24">
<div class="header-info p--0 plr_lg--48 plr_md--24">
logo...
</div>
</div>
</div>
<div class="rbt-header-content d-none d-lg-block">
<div class="header-info">
middile part content...
</div>
</div>
<div class="header-right">
right part content..
<!-- Start Hamberger -->
<div class="mobile-menu-bar d-block d-xl-none">
<div class="hamberger">
<button class="hamberger-button rbt-round-btn">
<i class="fa-solid fa-bars"></i>
</button>
</div>
</div>
<!-- End Hamberger -->
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<header class="rbt-header rbt-header-7">
<div class="rbt-header-wrapper rbt-header-sticky-activation rbt-header-wrapper-three rbt-header-wrapper-one bg @@gapSpaceBetween @@transparent plr--0">
<!-- Start Top Part -->
<div class="rbt-topbar-section rbt-topbar-one rbt-bg-color-white">
<div class="container">
<div class="row align-items-center d-none d-md-flex mlr--0 row--0">
<div class="col-lg-3 col-md-12 col-12">
<div class="rbt-header-sec-col rbt-header-left rbt-fancy-item fancy-menu-address fancy-menu-start">
<div class="rbt-header-content">
...
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
...
</div>
<div class="col-lg-5 col-md-12 col-12">
<div class="rbt-header-sec-col rbt-header-right rbt-fancy-item fancy-menu-address fancy-menu-end">
<div class="rbt-header-content">
quick access items...
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Top Part -->
<!-- Start Bottom Part -->
<div class="rbt-header-middle position-relative rbt-header-mid-3 rbt-bg-color-primary">
<div class="container">
<div class="rbt-header-sec align-items-center rbt-gap--68">
<div class="header-info d-flex d-xl-none">
<div class="hamberger">
<button class="hamberger-button rbt-round-btn">
<i class="fa-solid fa-bars"></i>
</button>
</div>
</div>
<div class="header-info">
logo...
</div>
<div class="rbt-main-navigation d-none d-xl-block">
<nav class="rbt-mainmenu-nav">
<ul class="mainmenu has-nav-bg-shape-hover">
<li>
<a href="#">Home <i class="fa-regular fa-chevron-down"></i></a>
</li>
...
</ul>
</nav>
</div>
<div class="rbt-header-sec-col rbt-header-right">
<div class="rbt-header-content">
quick access items...
</div>
</div>
</div>
</div>
</div>
<!-- End Bottom Part -->
</div>
</header>
<header class="rbt-header rbt-header-10">
<div class="rbt-header-wrapper rbt-header-sticky-activation rbt-header-wrapper-three header-space-between header-not-transparent header-sticky plr--0">
<!-- Start Top Part -->
<div class="rbt-header-campaign rbt-header-campaign-1 rbt-header-top-news rbt-topbar-bg-img rbt-topbar-bg-three">
<div class="rbt-corner-portion-wrapper">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="inner justify-content-center">
topbar content....
</div>
</div>
</div>
</div>
</div>
<div class="icon-close position-right">
<button class="rbt-round-btn btn-white-off bgsection-activation">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
</div>
<!-- End Top Part -->
<!-- Start Middle Part -->
<div class="rbt-wrapper-middle rbt-header-middle-one">
<div class="wrapper plr--48 plr_lg--20 plr_md--20 plr_sm--16">
<div class="mainbar-row @@navigationEnd align-items-center">
<div class="header-left d-none d-lg-block">
<div class="rbt-header-content">
quick access list...
</div>
</div>
<!-- Start Hamberger -->
<div class="mobile-menu-bar d-block d-lg-none">
<div class="hamberger">
<button class="hamberger-button rbt-round-btn">
<i class="fa-solid fa-bars"></i>
</button>
</div>
</div>
<!-- End Hamberger -->
logo...
<div class="header-right rbt-gap--32">
quick access list...
</div>
</div>
</div>
</div>
<!-- End Middle Part -->
</div>
<!-- Start Navbar Part -->
<div class="rbt-header-middle position-relative rbt-header-mid-1 rbt-bg-color-white d-none d-xl-block">
<div class="wrapper plr--48 plr_lg--20 plr_md--20 plr_sm--16">
<div class="rbt-header-sec align-items-center justify-content-center">
<div class="rbt-header-sec-col ">
<div class="rbt-header-content rbt-gap--40">
<div class="rbt-main-navigation d-none d-xl-block">
<nav class="rbt-mainmenu-nav">
<ul class="mainmenu has-nav-bg-shape-hover">
<li>
<a href="#">Home <i class="fa-regular fa-chevron-down"></i></a>
</li>
...
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Navbar Part -->
</header>
<header class="rbt-header rbt-header-6">
<div class="rbt-header-wrapper rbt-header-sticky-activation rbt-header-wrapper-one header-space-between rbt-bg-color-gray-light header-not-transparent header-sticky plr--0 p-0 rbt-bg-color-gray-light">
<div class="rbt-header-campaign rbt-header-campaign-1 rbt-header-top-news rbt-topbar-bg-img rbt-topbar-bg-two">
<div class="rbt-corner-portion-wrapper">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6 justify-content-center">
<div class="inner justify-content-center">
header top part content...
</div>
</div>
</div>
</div>
</div>
<div class="icon-close position-right">
<button class="rbt-round-btn btn-white-off bgsection-activation">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
</div>
<!-- Start Header Mid -->
<div class="rbt-header-middle position-relative rbt-header-mid-1 @@bgColor d-none d-xl-block">
<div class="rbt-fullwidth-wrapper">
<div class="rbt-header-sec align-items-center @@flexDirection">
<div class="rbt-header-sec-col rbt-header-left rbt-fancy-item fancy-menu-address fancy-menu-start">
<div class="rbt-header-content">
quick access list...
</div>
</div>
<div class="rbt-main-navigation d-none d-xl-block">
<nav class="rbt-mainmenu-nav">
<ul class="mainmenu has-nav-bg-shape-hover">
<li>
<a href="#">Home <i class="fa-regular fa-chevron-down"></i></a>
</li>
</ul>
</nav>
</div>
<div class="rbt-header-sec-col rbt-header-right">
<div class="rbt-header-content">
quick access list...
</div>
</div>
</div>
</div>
</div>
<!-- End Header Top -->
</div>
<!-- Start Header Mid -->
<div class="rbt-wrapper-middle rbt-header-middle-one rbt-bg-color-white">
<div class="rbt-fullwidth-wrapper">
<div class="mainbar-row @@navigationEnd align-items-center">
<div class="header-left header-left-md">
<div class="rbt-header-content rbt-gap--32 align-items-center">
<div class="header-info p-0 d-none d-lg-flex">
category offcanvas button...
</div>
<!-- Start Hamberger -->
<div class="mobile-menu-bar d-block d-lg-none">
<div class="hamberger">
<button class="hamberger-button rbt-round-btn">
<i class="fa-solid fa-bars"></i>
</button>
</div>
</div>
<!-- Start Hamberger -->
<div class="header-info p-0 d-none d-xl-block">
logo...
</div>
</div>
</div>
<div class="rbt-header-content ">
<div class="header-info d-none d-xl-block">
search...
</div>
<div class="header-info p-0 d-block d-xl-none">
logo
</div>
</div>
<div class="header-right">
quick access list...
</div>
</div>
</div>
</div>
<!-- End Header Top -->
</header>
<header class="rbt-header rbt-header-8">
<div class="rbt-header-wrapper rbt-header-sticky-activation rbt-header-wrapper-three rbt-header-wrapper-one header-space-between rbt-bg-color-gray-light header-not-transparent header-sticky plr--0">
<div class="rbt-topbar-section rbt-topbar-one">
<div class="container">
<div class="row align-items-center d-none d-md-flex mlr--0 row--0">
<div class="col-lg-3 col-md-12 col-12">
<div class="rbt-header-sec-col rbt-header-left rbt-fancy-item fancy-menu-address fancy-menu-start">
<div class="rbt-header-content">
quick access items...
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
content...
</div>
<div class="col-lg-3 col-md-12 col-12">
<div class="rbt-header-sec-col rbt-header-right rbt-fancy-item fancy-menu-address fancy-menu-end">
<div class="rbt-header-content">
quick access items...
</div>
</div>
</div>
</div>
</div>
</div>
<div class="rbt-separator-mid">
<hr class="rbt-separator rbt-separator-gray100 m-0">
</div>
<div class="rbt-wrapper-middle rbt-header-middle-one">
<div class="container">
<div class="mainbar-row @@navigationEnd align-items-center">
<div class="header-left">
<div class="rbt-header-content">
<div class="header-info">
logo...
</div>
</div>
<!-- Start Hamberger -->
<div class="mobile-menu-bar d-block d-xl-none">
<div class="hamberger">
<button class="hamberger-button rbt-round-btn">
<i class="fa-solid fa-bars"></i>
</button>
</div>
</div>
<!-- Start Hamberger -->
</div>
<div class="rbt-header-content d-none d-xl-block">
<div class="header-info">
...
</div>
</div>
<div class="header-right">
quick list...
</div>
</div>
</div>
</div>
</div>
<!-- Start Header Mid -->
<div class="rbt-header-middle position-relative rbt-header-mid-1 rbt-bg-color-primary d-none d-xl-block">
<div class="container">
<div class="rbt-header-sec align-items-center @@flexDirection">
<div class="rbt-main-navigation d-none d-xl-block">
<nav class="rbt-mainmenu-nav">
<ul class="mainmenu has-nav-bg-shape-hover">
<li>
<a href="#">Home <i class="fa-regular fa-chevron-down"></i></a>
</li>
...
</ul>
</nav>
</div>
<div class="rbt-header-sec-col rbt-header-right">
<div class="rbt-header-content">
<div class="header-info">
...
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Header Top -->
</header>
<header class="rbt-header rbt-header-4">
<div class="rbt-header-wrapper rbt-header-sticky-activation rbt-header-wrapper-three rbt-header-wrapper-one header-space-between rbt-bg-color-gray-light header-not-transparent header-sticky plr--0">
<div class="rbt-topbar-section rbt-topbar-one">
<div class="container">
<div class="row align-items-center d-none d-md-flex mlr--0 row--0">
<div class="col-lg-3 col-md-12 col-12">
<div class="rbt-header-sec-col rbt-header-left rbt-fancy-item fancy-menu-address fancy-menu-start">
<div class="rbt-header-content">
quick access items...
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<div class="inner d-flex justify-content-center">
...
</div>
</div>
<div class="col-lg-3 col-md-12 col-12">
<div class="rbt-header-sec-col rbt-header-right rbt-fancy-item fancy-menu-address fancy-menu-end">
<div class="rbt-header-content">
quick access items...
</div>
</div>
</div>
</div>
</div>
</div>
<div class="rbt-separator-mid">
<hr class="rbt-separator rbt-separator-gray100 m-0">
</div>
<div class="rbt-wrapper-middle rbt-header-middle-one">
<div class="container">
<div class="mainbar-row align-items-center">
<div class="header-left">
<div class="rbt-header-content">
<div class="header-info">
logo...
</div>
</div>
<!-- Start hamberger -->
<div class="mobile-menu-bar d-block d-xl-none">
<div class="hamberger">
<button class="hamberger-button rbt-round-btn">
<i class="fa-solid fa-bars"></i>
</button>
</div>
</div>
<!-- Start hamberger -->
</div>
<div class="rbt-header-content d-none d-xl-block">
<div class="header-info">
search field...
</div>
</div>
<div class="header-right">
quick access list...
</div>
</div>
</div>
</div>
</div>
<!-- Start Header Mid -->
<div class="rbt-header-middle position-relative rbt-header-mid-3 rbt-bg-color-white d-none d-xl-block">
<div class="container">
<div class="rbt-header-sec align-items-center rbt-gap--48 justify-content-between">
<div class="header-info">
navbar category dropdow...
</div>
</div>
<div class="rbt-main-navigation d-none d-xl-block">
<nav class="rbt-mainmenu-nav">
<ul class="mainmenu has-nav-bg-shape-hover">
<li>
<a href="#">Home <i class="fa-regular fa-chevron-down"></i></a>
</li>
...
</ul>
</nav>
</div>
<div class="rbt-header-sec-col">
<div class="rbt-header-content">
quick access list...
</div>
</div>
</div>
</div>
</div>
<!-- End Header Top -->
<div class="rbt-catagories-area d-none d-xl-block">
<hr class="rbt-separator rbt-separator-gray50 mb--16">
<div class="container">
<ul class="rbt-cat-box-grp d-flex justify-content-center liststyle has-gap44">
<li>
<a class="rbt-cat-cat-box-1" href="#">
<span class="rbt-cat-icon"><i class="fa-regular fa-chair"></i></span>
<span class="title">Chairs</span>
</a>
</li>
...
</ul>
</div>
</div>
</header>