ok
Mini Shell
<?php defined('BASEPATH') or exit('No direct script access allowed'); ?>
<style>
@media (max-width: 992px){
.section-latest-products{
margin-top: 79px;
}
.original{
margin-top: 2%;
margin-left: 2%;
font-size: 18px;
color: white;
}
.original1{
margin-top: 2%;
margin-left: 2%;
font-size: 18px;
color: white;
}
.venkat{
margin-top: -17%;
margin-left: 44%;
margin-bottom: -2%;
}
.venkat1{
margin-left: 2%;
}
#backstyle {
background-image: url(<?php echo base_url()."uploads/images/offer_bg.jpg"; ?>);
background-repeat: no-repeat;
border-radius: 15px;
margin-top: -92%;
margin-bottom: 6%;
height: 65px;
}
#product-icon-style {
color: #bcff07;
font-size: 35px;
padding-top: 4px;
}
#productstyle{
color: white;
padding-top: 0px;
margin-left: 41px;
font-size: 14px;
font-weight: 600;
margin-top: -14%;;
}
#payment_icon_style{
color: #bcff07;
font-size: 35px;
padding-top: 4px;
margin-top: -9%;
margin-right: 38%;
}
#payment-style{
color: white;
padding-top: 8px;
margin-left: 63%;
font-size: 14px;
font-weight: 600;
margin-top: -26%;
}
#payment-style2{
margin-left: 10px;
}
#payment-icon-style-2{
display: flex;
justify-content: end;
}
#mainstyle{
margin-top: 10%;
}
}
@media (min-width: 1260px){
#imagestyle {
border-radius: 50%;
height: 233px;
width: 250px;
border: 4px solid #986dca;
}}
@media (min-width: 1200px){
.original{
margin-top: 2%;
margin-left: 2%;
font-size: 25px;
color: white;
display: flex;
}
.original1{
margin-top: 2%;
margin-left: 2%;
font-size: 25px;
color: white;
display: flex;
}
#backstyle {
background-image: url(<?php echo base_url()."uploads/images/offer_bg.jpg"; ?>);
background-repeat: no-repeat;
border-radius: 15px;
border-radius: 15px;
margin-top: -16%;
margin-bottom: 2%;
overflow: hidden;
}
#product-icon-style {
color: #bcff07;
font-size: 35px;
padding-top: 7px;
margin-left: 7%;
}
#productstyle{
color: white;
padding-top: 8px;
margin-left: -15px;
font-size: 14px;
font-weight: 600;
}
#productstyle2{
font-size: 18px;
}
#payment_icon_style{
color: #bcff07;
font-size: 35px;
padding-top: 4px;
}
#payment-style{
color: white;
padding-top: 8px;
margin-left: -15px;
font-size: 14px;
font-weight: 600;
}
#payment-style2{
margin-left: 10px;
}
#products-icon-style-2{
display: flex;
justify-content: end;
}
#payment-icon-style-2{
display: flex;
justify-content: end;
}
#mainstyle{
margin-top: 2%;
}
#wrapper {
width: 100%;
display: block;
position: relative;
min-height: 600px;
padding-top: 30px;
margin-top: 4% !important;
}
}
@media (max-width: 768px){
#wrapper {
padding-top: 20px;
margin-bottom: -104%;
}
}
@media (max-width: 410px){
.index-wrapper{
margin-bottom:-70%;
}
}
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<div id="wrapper" class="index-wrapper" id="mainstyle" >
<div class="container">
<div class="row">
<div class="col-12">
<?php $this->load->view('product/_special_offers'); ?>
</div>
</div>
</div>
</div>
<!--<div class="col-12" id="backstyle">
<div class="row">
<div class="col-md-6 col-sm-3">
<div class="row">
<div class="col-md-4 col-sm-4" id="products-icon-style-2">
<i class="bi bi-check-circle" id="product-icon-style"></i>
</div>
<div class="col-md-8 col-sm-8">
<p id="productstyle"><span id="productstyle2">100% ORIGINAL</span><br>
PRODUCTS</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-3">
<div class="row">
<div class="col-md-4 col-sm-4" id="payment-icon-style-2">
<i class="bi bi-check-circle"></i>
<i id="payment_icon_style" class="bi bi-shield-lock"></i>
</div>
<div class="col-md-8 col-sm-8">
<p id="productstyle"><span id="payment-style2">100% SECURE</span><br>
PAYMENTS</p>
</div>
</div>
</div>
</div>
</div>-->
<div clas="col-lg-12" id="backstyle">
<div class="row">
<div class="col-md-6 col-sm-3 venkat1" style="display: flex;">
<i class="bi bi-check-circle" id="product-icon-style"></i>
<p class="original" style="font-size:16px;">100% ORIGINAL <br> <span id="payment-style2"> PRODUCTS </span></p>
</div>
<div class="col-md-6 col-sm-3 venkat" style="display: flex;justify-content: center;">
<i class="bi bi-shield-lock" id="product-icon-style"></i>
<p class="original1" style="font-size:16px;">100% SECURE <br> <span id="payment-style2"> PAYMENTS </span></p>
</div>
</div>
</div>
<div class="section-slider">
<?php if (!empty($slider_items) && $this->general_settings->slider_status == 1):
$this->load->view("partials/_main_slider");
endif; ?>
</div>
<!-- Wrapper -->
<div id="wrappers" class="index-wrapper" style="margin-top:2%;">
<div class="container">
<div class="row">
<h1 class="index-title"><?php echo html_escape($this->settings->site_title); ?></h1>
<?php if (item_count($featured_categories) > 0 && $this->general_settings->featured_categories == 1): ?>
<div class="col-12 section section-categories">
<!-- featured categories -->
<?php $this->load->view("partials/_featured_categories"); ?>
</div>
<?php endif; ?>
<?php $this->load->view("product/_index_banners", ['banner_location' => 'featured_categories']); ?>
<div class="col-12">
<div class="row-custom row-bn">
<!--Include banner-->
<?php $this->load->view("partials/_ad_spaces", ["ad_space" => "index_1", "class" => ""]); ?>
</div>
</div>
<?php if ($this->general_settings->index_promoted_products == 1 && $this->general_settings->promoted_products == 1 && !empty($promoted_products)): ?>
<div class="col-12 section section-promoted">
<!-- promoted products -->
<?php $this->load->view("product/_featured_products"); ?>
</div>
<?php endif; ?>
<?php $this->load->view("product/_index_banners", ['banner_location' => 'featured_products']); ?>
<?php if ($this->general_settings->index_latest_products == 1 && !empty($latest_products)): ?>
<div class="col-12 section section-latest-products">
<h3 class="title">
<a href="<?= generate_url('products'); ?>"><?= trans("new_arrivals"); ?></a>
</h3>
<p class="title-exp"><?php echo trans("latest_products_exp"); ?></p>
<div class="row row-product">
<!--print products-->
<?php foreach ($latest_products as $product): ?>
<div class="col-6 col-sm-4 col-md-3 col-mds-5 col-product">
<?php $this->load->view('product/_product_item', ['product' => $product, 'promoted_badge' => false, 'is_slider' => 0, 'discount_label' => 0]); ?>
</div>
<?php endforeach; ?>
</div>
</div>
<?php endif; ?>
<?php $this->load->view("product/_index_banners", ['banner_location' => 'new_arrivals']); ?>
<?php $this->load->view('product/_index_category_products', ['index_categories' => $index_categories]); ?>
<div class="col-12">
<div class="row-custom row-bn">
<?php $this->load->view("product/_price_offer"); ?>
</div>
</div>
<div class="col-12">
<div class="row-custom row-bn">
<!--Include banner-->
<?php $this->load->view("partials/_ad_spaces", ["ad_space" => "index_2", "class" => ""]); ?>
</div>
</div>
<?php if ($this->general_settings->index_blog_slider == 1 && !empty($blog_slider_posts)): ?>
<div class="col-12 section section-blog m-0">
<h3 class="title">
<a href="<?= generate_url('blog'); ?>"><?= trans("latest_blog_posts"); ?></a>
</h3>
<p class="title-exp"><?php echo trans("latest_blog_posts_exp"); ?></p>
<div class="row-custom">
<!-- main slider -->
<?php $this->load->view("blog/_blog_slider", ['blog_slider_posts' => $blog_slider_posts]); ?>
</div>
</div>
<?php endif; ?>
</div>
</div>
</div>
Zerion Mini Shell 1.0