<style>
.container {
display: flex;
justify-content: center; /* Horizontally center the content */
}
.vertical-left-menu,
.vertical-right-menu {
flex: 1; /* Equal width for left and right menus */
margin-top: 20px; /* Adjust margin as needed */
}
.image-section {
flex: 1; /* Take remaining space */
text-align: center; /* Horizontally center the image */
margin-top: 20px; /* Adjust margin as needed */
}
.separator {
height: 1px;
background-color: #ddd;
margin: 10px 0;
}
</style>
<div class='slider-outer-wrap'>
<div class='container row' id='slider-wrapper'>
<!-- Vertical Left Menu -->
<div class='vertical-left-menu'>
<div class='slide-menu section' id='slide-menu' name='Vertical icon Menu'>
<div class='widget LinkList' data-version='1' id='LinkList960'>
<h3 class='title'>All Collections</h3>
<div class='widget-content'>
<ul id='nav3' itemscope='' itemtype='http://schema.org/SiteNavigationElement'>
<div class='menu-item'><li itemprop='name'><a href='health_care_url' itemprop='url'><i class='fa fa-heartbeat'/>Health Care</a></li></div>
<div class='menu-item'><li itemprop='name'><a href='camera_url' itemprop='url'><i class='fa fa-camera'/>Camera</a></li></div>
<div class='menu-item'><li itemprop='name'><a href='books_url' itemprop='url'><i class='fa fa-book'/>Books</a></li></div>
<div class='menu-item'><li itemprop='name'><a href='cutlery_url' itemprop='url'><i class='fa fa-cutlery'/>Cutlery</a></li></div>
<div class='menu-item'><li itemprop='name'><a href='sports_url' itemprop='url'><i class='fa fa-soccer-ball-o'/>Sports</a></li></div>
<div class='menu-item'><li itemprop='name'><a href='motorbikes_url' itemprop='url'><i class='fa fa-motorcycle'/>Motorbikes</a></li></div>
<div class='menu-item'><li itemprop='name'><a href='cars_url' itemprop='url'><i class='fa fa-car'/>Cars</a></li></div>
<div class='menu-item'><li itemprop='name'><a href='tools_url' itemprop='url'><i class='fa fa-wrench'/>Tools</a></li></div>
</ul>
</div>
</div>
</div>
</div>
<style>
.image-section {
flex: 1;
margin-top: 20px;
}
.image-section img {
display: block;
margin: 0 auto; /* Center the image horizontally */
max-width: 100%; /* Ensure the image doesn't exceed its container width */
height: auto; /* Maintain the image's aspect ratio */
}
</style>
<!-- Main Content Area -->
<div class='image-section'>
<!-- Image Code Goes Here -->
<img alt='Your Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYi7TokcWjJHS8tz4ZJB12tvaWzMUWfHmA1nRPYpUsS3RvCht-S_wwMxoJlLdt6s4BCsz-txvUeOuan-99Mu6kWGgKnOImYBYyy_CJb0_wug-Gbw6tI404A2JBBaNN_0ydfNStzKzO9XdIKLTO7xWG-wY5Rm6a9j2VokUqMafzHVTgqB8s2Gshrtc-Ocrl/w250-h250-p-k-no-nu/seo-post-bypost-roadmap-guide-.jpeg'/>
<!-- Separator -->
<div class='separator'/>
</div>
<!-- Vertical Right Menu -->
<div class='vertical-right-menu'>
<div class='slide-right-menu section' id='slide-right-menu' name='Vertical Tag'>
<div class='widget Label' data-version='2' id='Label2'>
<div class='widget-title'>
<h3 class='title'>Product List</h3>
</div>
<div class='widget-content list-label'>
<ul>
<li>
<a class='label-name' href='https://'>
kids
<span class='label-count'>4</span>
</a>
</li>
<div class='menu-item'><li itemprop='name'><a href='health_care_url' itemprop='url'><i class='fa fa-heartbeat'/>Health Care</a></li></div>
<div class='menu-item'><li itemprop='name'><a href='camera_url' itemprop='url'><i class='fa fa-camera'/>Camera</a></li></div>
<div class='menu-item'><li itemprop='name'><a href='books_url' itemprop='url'><i class='fa fa-book'/>Books</a></li></div>
<div class='menu-item'><li itemprop='name'><a href='cutlery_url' itemprop='url'><i class='fa fa-cutlery'/>Cutlery</a></li></div>
<div class='menu-item'><li itemprop='name'><a href='sports_url' itemprop='url'><i class='fa fa-soccer-ball-o'/>Sports</a></li></div>
<div class='menu-item'><li itemprop='name'><a href='motorbikes_url' itemprop='url'><i class='fa fa-motorcycle'/>Motorbikes</a></li></div>
<div class='menu-item'><li itemprop='name'><a href='cars_url' itemprop='url'><i class='fa fa-car'/>Cars</a></li></div>
<div class='menu-item'><li itemprop='name'><a href='tools_url' itemprop='url'><i class='fa fa-wrench'/>Tools</a></li></div>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
/* Style for the menu bar */
#carousel-wrapper {
background-color: black; /* Black background color */
color: white; /* White text color */
text-align: center; /* Center-align text */
padding: 10px 0; /* Add padding */
}
/* Style for the separators */
.separator {
border-top: 1px solid #ccc; /* Grey color separator */
margin: 20px 0; /* Add margin for spacing */
}
</style>
<!-- Separator above the added gadget -->
<div class='separator'/>
<div class='carousel-outer-wrap'>
<div class='container row' id='carousel-wrapper'>
<div class='car-menu section' id='car-menu' name='Product Tabs'>
<div class='widget LinkList' data-version='2' id='LinkList77'>
<ul id='main-menu-nav' role='menubar'>
<li class='has-sub mega-menu mega-tabs'>
<a href='#' role='menuitem'/>
<div class='getMega'>
<span class='sc-node sc-node-getMega' data-sc-tag='[getMega label="kids/laptop/mens/mobile/smartwatch" type="mtabs"]'/>
</div>
<ul class='complex-tabs'>
<ul class='select-tab'>
<li class=''><a href='#'>kids</a></li>
<li><a href='#'>laptop</a></li>
<li class='active'><a href='https://freeapkdownload2024.blogspot.com/2024/01/blog-post.html'>mens</a></li>
<li><a href='#'>mobile</a></li>
<li><a href='#'>smartwatch</a></li>
</ul>
<div class='mega-tab tab-animated' tab-ify='kids'>
<!-- Content for kids tab -->
</div>
<div class='mega-tab tab-animated' tab-ify='laptop'>
<!-- Content for laptop tab -->
</div>
<div class='mega-tab tab-animated tab-active tab-fadeInUp' tab-ify='mens'>
<!-- Content for mens tab -->
</div>
<div class='mega-tab tab-animated' tab-ify='mobile'>
<!-- Content for mobile tab -->
</div>
<div class='mega-tab tab-animated' tab-ify='smartwatch'>
<!-- Content for smartwatch tab -->
</div>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Separator below the menu bar -->
<div class='separator'/>
<title>Kids Products</title>
<style>
/* Flexbox layout to display images horizontally */
.mega-tab {
padding: 20px; /* Adjust padding as needed */
}
.mega-widget {
display: flex;
flex-wrap: wrap; /* Allow items to wrap to the next row */
list-style-type: none;
padding: 0;
margin: 0;
}
/* Style for individual item */
.mega-item {
flex: 1;
margin-right: 10px;
margin-bottom: 20px; /* Add bottom margin between items */
max-width: 275px; /* Limit maximum width of each item */
}
/* Style for images */
.post-thumb {
max-width: 100%;
height: auto; /* Allow images to adjust their height */
}
/* Style for titles */
.post-title {
margin-top: 10px;
font-size: 16px;
}
/* Style for prices */
.meta-price {
font-weight: bold;
color: green;
}
/* Style for discount */
.product_off {
display: inline-block;
color: red;
margin-left: 5px;
}
/* Style for "Buy Now" button */
.mega-buy-now {
display: block;
background-color: #007bff;
color: white;
text-align: center;
padding: 5px 10px;
border-radius: 5px;
text-decoration: none;
margin-top: 10px;
}
</style>
<title>Kids Products</title>
<style>
/* Flexbox layout to display images horizontally */
.mega-tab {
padding: 20px; /* Adjust padding as needed */
}
.mega-widget {
display: flex;
flex-wrap: wrap; /* Allow items to wrap to the next row */
list-style-type: none;
padding: 0;
margin: 0;
}
/* Style for individual item */
.mega-item {
flex: 1;
margin-right: 10px;
margin-bottom: 20px; /* Add bottom margin between items */
max-width: 275px; /* Limit maximum width of each item */
}
/* Style for images */
.post-thumb {
max-width: 100%;
height: auto; /* Allow images to adjust their height */
}
/* Style for titles */
.post-title {
margin-top: 10px;
font-size: 16px;
}
/* Style for prices */
.meta-price {
font-weight: bold;
color: green;
}
/* Style for discount */
.product_off {
display: inline-block;
color: red;
margin-left: 5px;
}
/* Style for "Buy Now" button */
.mega-buy-now {
display: block;
background-color: #007bff;
color: white;
text-align: center;
padding: 5px 10px;
border-radius: 5px;
text-decoration: none;
margin-top: 10px;
}
</style>
<body>
<div class='container'>
<div class='mega-tab tab-animated tab-active tab-fadeInUp' tab-ify='kids'>
<ul class='mega-widget'>
<!-- First item -->
<li class='mega-item'>
<div class='mega-content'>
<div class='post-image-wrap'>
<a class='post-image-link' href='https://freeapkdownload2024.blogspot.com/2024/01/home-store-kids-white-t-shirt-kids.html'>
<img alt='' class='post-thumb lazy-yard' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-uoMW2YNNFV8OLwWx3WxHjq0fDhmLqZDJmswPZrCWY0y6hCBVI0oZ9OrEgH5aIfx5clelY9flu9ha7VC-ZQ-Psa9TY3uvZljt_MlzGvlffr2e1SDksA3s3Q1FfklN5xHJmGAjktPTEpdqvIuKMIrluGwDDq1RlErnoXLgx1GQ0RIO78rgJVwUM3wu_lwB/w250-h250-p-k-no-nu/Kids%201.png'/>
</a>
</div>
<h2 class='post-title'>
<a href='https://freeapkdownload2024.blogspot.com/2024/01/home-store-kids-white-t-shirt-kids.html'>Kids White T-Shirt</a>
</h2>
<div class='post-meta'>
<span class='meta-price'>$45.00</span>
<span class='product_off show'>-20%</span>
</div>
<a class='mega-buy-now' href='https://sorashop-soratemplates.blogspot.com/2015/10/kids-white-t-shirt_12.html'>Buy Now</a>
</div>
</li>
<!-- Second item -->
<li class='mega-item'>
<div class='mega-content'>
<div class='post-image-wrap'>
<a class='post-image-link' href='https://freeapkdownload2024.blogspot.com/2024/01/kids-2.html'>
<img alt='' class='post-thumb lazy-yard' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGKPS6wQ4AUSbz97_l4NpetMe_34XUKUd7xVErUY0OME-5MgxL6hCzdumxGWmHcDVx98IylUQL9O6EmVNsEheSQ-Z-YUwBiyCjVuAhJPRJBuYTBn6FzZ9tmu5kENFZIWYMJIef2ey8ZWx6Ik33WlR2ZO54vZDNmLN1eWIEIzGCXQwl_PrTppQOgmFtvmLC/w250-h250-p-k-no-nu/Kids%201.png'/>
</a>
</div>
<h2 class='post-title'>
<a href='https://freeapkdownload2024.blogspot.com/2024/01/kids-2.html'>KIDS2</a>
</h2>
<div class='post-meta'>
<span class='meta-price'>$XX.XX</span>
<span class='product_off show'>-YY%</span>
</div>
<a class='mega-buy-now' href='https://freeapkdownload2024.blogspot.com/2024/01/kids-2.html'>Buy Now</a>
</div>
</li>
<!-- Third item -->
<li class='mega-item'>
<div class='mega-content'>
<div class='post-image-wrap'>
<a class='post-image-link' href='https://#'>
<img alt='' class='post-thumb lazy-yard' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGKPS6wQ4AUSbz97_l4NpetMe_34XUKUd7xVErUY0OME-5MgxL6hCzdumxGWmHcDVx98IylUQL9O6EmVNsEheSQ-Z-YUwBiyCjVuAhJPRJBuYTBn6FzZ9tmu5kENFZIWYMJIef2ey8ZWx6Ik33WlR2ZO54vZDNmLN1eWIEIzGCXQwl_PrTppQOgmFtvmLC/w250-h250-p-k-no-nu/Kids%201.png'/>
</a>
</div>
<h2 class='post-title'>
<a href='#'>Product Title 3</a>
</h2>
<div class='post-meta'>
<span class='meta-price'>$XX.XX</span>
<span class='product_off show'>-YY%</span>
</div>
<a class='mega-buy-now' href='#'>Buy Now</a>
</div>
</li>
<!-- Fourth item -->
<li class='mega-item'>
<div class='mega-content'>
<div class='post-image-wrap'>
<a class='post-image-link' href='#'>
<img alt='' class='post-thumb lazy-yard' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGKPS6wQ4AUSbz97_l4NpetMe_34XUKUd7xVErUY0OME-5MgxL6hCzdumxGWmHcDVx98IylUQL9O6EmVNsEheSQ-Z-YUwBiyCjVuAhJPRJBuYTBn6FzZ9tmu5kENFZIWYMJIef2ey8ZWx6Ik33WlR2ZO54vZDNmLN1eWIEIzGCXQwl_PrTppQOgmFtvmLC/w250-h250-p-k-no-nu/Kids%201.png'/>
</a>
</div>
<h2 class='post-title'>
<a href='#'>Product Title 4</a>
</h2>
<div class='post-meta'>
<span class='meta-price'>$XX.XX</span>
<span class='product_off show'>-YY%</span>
</div>
<a class='mega-buy-now' href='#'>Buy Now</a>
</div>
</li>
</ul>
</div>
</div>
</body>
<div class='row' id='hot-wrapper'>
<div class='section' id='hot-section' name='Hot Offers'>
<div class='widget HTML show-hot' data-version='2' id='HTML2'>
<div class='widget-title'>
<h3 class='title'>Deals of the day</h3>
</div>
<div class='widget-content'>
<div class='hot-posts'>
<div class='hot-item-wrapper'>
<div class='hot-item item-0'>
<a class='post-image-link' href='https://freeapkdownload2024.blogspot.com/2024/01/hot-item-item-1.html'>
<img alt='' class='post-thumb lazy-yard' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkEWHj6JVkv14bAhIDJF6QL65RU58V5a1zpNYavo78B2E9W37uMzrMWepcahNCsyIsaSbQjMNdviimPy_EIsDX8BSiyKicZJkCCTV79Z8cvDtzKxAjvMOhKdH-wetdECK9nLHs1ajeK9Isd15evKTxgwvvCVu0tm9PVgK-0c-mEP63y-oymX-agx7sQitS/w250-h250-p-k-no-nu/banner-1.jpg'/>
</a>
<span class='product_off show'>-44%</span>
<div class='product-info'>
<h2 class='post-title'><a href='https://freeapkdownload2024.blogspot.com/2024/01/hot-item-item-1.html'>Yellow Jacket For Woman</a></h2>
<span class='meta-price'>$72.00</span>
</div>
</div>
<div class='hot-item item-1'>
<a class='post-image-link' href='https://sorashop-soratemplates.blogspot.com/2015/08/orange-ladies-vest_31.html'>
<img alt='' class='post-thumb lazy-yard' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgegaC2KH6GBEaX-qCATX85skLtMoPozUDO_TQZfz3a2rHh9WGm_hfrVJo8DSMdW_2lqQv9j85i_Jn_z_aIxBfDbEZQC05tcsdgvNhyphenhyphenIee5d4dFGq7-ObDfE7pe79fqPY3QFqb2YyW7wJcQ/w348-h352-p-k-no-nu/banner-2.jpg'/>
</a>
<span class='product_off show'>-23%</span>
<div class='product-info'>
<h2 class='post-title'><a href='https://sorashop-soratemplates.blogspot.com/2015/08/orange-ladies-vest_31.html'>Orange Ladies Vest</a></h2>
<span class='meta-price'>$96.00</span>
</div>
</div>
</div>
<div class='hot-item-wrapper'>
<div class='hot-item item-2'>
<a class='post-image-link' href='https://sorashop-soratemplates.blogspot.com/2015/08/black-and-brown-shoes_31.html'>
<img alt='' class='post-thumb lazy-yard' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDSyrgF8AzkD0HSzere8KjT6DQ0Gl3QvpMCogLerbmFlj3b81vUz1l-wVuwvvCrS0IS7nHI5r9KS7nWcAxffq3iWRzRE4mem5YiWVd0OXz5hZ4eEpaQVmnGBebX4QawOILumjNwL-03asB/w348-h171-p-k-no-nu/banner-3.jpg'/>
</a>
<span class='product_off show'>-18%</span>
<div class='product-info'>
<h2 class='post-title'><a href='https://sorashop-soratemplates.blogspot.com/2015/08/black-and-brown-shoes_31.html'>Black And Brown Shoes</a></h2>
<span class='meta-price'>$124.00</span>
</div>
</div>
<div class='hot-item item-3'>
<a class='post-image-link' href='https://sorashop-soratemplates.blogspot.com/2015/08/ladies-jacket-white_31.html'>
<img alt='' class='post-thumb lazy-yard' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRa1skVlXNYQPMQZ1dkcTvTCkgwR7vPyOV00d06FQCerR0AxcGmwQMJsrAyq6hsReNKoei2jDxZ_m9pn8AaKCSSV-m0pVyRHIU0zXznhDc6goC4thfdDgo8tsXzbxwNzwy_XVSq79GnFOZ/w348-h171-p-k-no-nu/banner-4.jpg'/>
</a>
<span class='product_off show'>-73%</span>
<div class='product-info'>
<h2 class='post-title'><a href='https://sorashop-soratemplates.blogspot.com/2015/08/ladies-jacket-white_31.html'>Ladies Jacket White</a></h2>
<span class='meta-price'>$85.00</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
https://freeapkdownload2024.blogspot.com/
Comments
Post a Comment