<?php
require('header.php');
$active='index';
?>
<meta charset="utf-8">
<title>ChristianG - Accueil</title>
</head>
<body> 
	<!--top-header-->
	<div class="top-header">
		<div class="container">
			<div class="top-header-main">
				<div class="col-md-3 top-header-left">
					<div class="drop">
						<!-- <div class="box">
							<select tabindex="4" class="dropdown drop">
								<option value="" class="label">Dollar :</option>
								<option value="1">Dollar</option>
								<option value="2">Euro</option>
							</select>
						</div> -->
						<div class="box1">
							<select tabindex="4" class="dropdown">
								<option value="" class="label">Français :</option>
								<option value="1">Français</option>
								<option value="2">English</option>
							</select>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="col-md-6 top-header-left">
					<div id="logo">
						<a href="./">
							Christian<span>G</span>
						</a>
					</div>
				</div>
				<div class="col-md-3 top-header-left">
					<div class="cart box_1">
						<a href="checkout.html">
							 <div class="total">
								<span class="simpleCart_total"></span>
							</div>
							<img src="images/cart-1.png" alt="" />
						</a>
						<p><a href="javascript:;" class="simpleCart_empty">Panier vide</a></p>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!--top-header-->
	<!--start-logo-->
	<!-- <div class="logo">
		<a href="index.html"><h1>Luxury Watches</h1></a>
	</div> -->
	<!--start-logo-->
	<!--bottom-header-->
	<div class="header-bottom">
		<div class="container">
			<div class="header">
				<div class="col-md-9 header-left">
				<div class="top-nav">
					<ul class="memenu skyblue">
						<li class="active"><a href="./">Accueil</a></li>
						<li class="grid"><a href="#">Vêtements</a>
							<!-- <div class="mepanel">
								<div class="row">
									<div class="col1 me-one">
										<h4>Shop</h4>
										<ul>
											<li><a href="products.html">New Arrivals</a></li>
											<li><a href="products.html">Blazers</a></li>
											<li><a href="products.html">Swem Wear</a></li>
											<li><a href="products.html">Accessories</a></li>
											<li><a href="products.html">Handbags</a></li>
											<li><a href="products.html">T-Shirts</a></li>
											<li><a href="products.html">Watches</a></li>
											<li><a href="products.html">My Shopping Bag</a></li>
										</ul>
									</div>
									<div class="col1 me-one">
										<h4>Style Zone</h4>
										<ul>
											<li><a href="products.html">Shoes</a></li>
											<li><a href="products.html">Watches</a></li>
											<li><a href="products.html">Brands</a></li>
											<li><a href="products.html">Coats</a></li>
											<li><a href="products.html">Accessories</a></li>
											<li><a href="products.html">Trousers</a></li>
										</ul>	
									</div>
									<div class="col1 me-one">
										<h4>Popular Brands</h4>
										<ul>
											<li><a href="products.html">499 Store</a></li>
											<li><a href="products.html">Fastrack</a></li>
											<li><a href="products.html">Casio</a></li>
											<li><a href="products.html">Fossil</a></li>
											<li><a href="products.html">Maxima</a></li>
											<li><a href="products.html">Timex</a></li>
											<li><a href="products.html">TomTom</a></li>
											<li><a href="products.html">Titan</a></li>
										</ul>		
									</div>
								</div>
							</div> -->
						</li>
						<li class="grid"><a href="#">Chaussures</a>
							<!-- <div class="mepanel">
								<div class="row">
									<div class="col1 me-one">
										<h4>Shop</h4>
										<ul>
											<li><a href="products.html">New Arrivals</a></li>
											<li><a href="products.html">Blazers</a></li>
											<li><a href="products.html">Swem Wear</a></li>
											<li><a href="products.html">Accessories</a></li>
											<li><a href="products.html">Handbags</a></li>
											<li><a href="products.html">T-Shirts</a></li>
											<li><a href="products.html">Watches</a></li>
											<li><a href="products.html">My Shopping Bag</a></li>
										</ul>
									</div>
									<div class="col1 me-one">
										<h4>Style Zone</h4>
										<ul>
											<li><a href="products.html">Shoes</a></li>
											<li><a href="products.html">Watches</a></li>
											<li><a href="products.html">Brands</a></li>
											<li><a href="products.html">Coats</a></li>
											<li><a href="products.html">Accessories</a></li>
											<li><a href="products.html">Trousers</a></li>
										</ul>
									</div>
									<div class="col1 me-one">
										<h4>Popular Brands</h4>
										<ul>
											<li><a href="products.html">499 Store</a></li>
											<li><a href="products.html">Fastrack</a></li>
											<li><a href="products.html">Casio</a></li>
											<li><a href="products.html">Fossil</a></li>
											<li><a href="products.html">Maxima</a></li>
											<li><a href="products.html">Timex</a></li>
											<li><a href="products.html">TomTom</a></li>
											<li><a href="products.html">Titan</a></li>
										</ul>	
									</div>
								</div>
							</div> -->
						</li>
						<li class="grid"><a href="#">Nouveautés</a>
							<!-- <div class="mepanel">
								<div class="row">
									<div class="col1 me-one">
										<h4>Shop</h4>
										<ul>
											<li><a href="products.html">New Arrivals</a></li>
											<li><a href="products.html">Blazers</a></li>
											<li><a href="products.html">Swem Wear</a></li>
											<li><a href="products.html">Accessories</a></li>
											<li><a href="products.html">Handbags</a></li>
											<li><a href="products.html">T-Shirts</a></li>
											<li><a href="products.html">Watches</a></li>
											<li><a href="products.html">My Shopping Bag</a></li>
										</ul>
									</div>
									<div class="col1 me-one">
										<h4>Style Zone</h4>
										<ul>
											<li><a href="products.html">Shoes</a></li>
											<li><a href="products.html">Watches</a></li>
											<li><a href="products.html">Brands</a></li>
											<li><a href="products.html">Coats</a></li>
											<li><a href="products.html">Accessories</a></li>
											<li><a href="products.html">Trousers</a></li>
										</ul>	
									</div>
									<div class="col1 me-one">
										<h4>Popular Brands</h4>
										<ul>
											<li><a href="products.html">499 Store</a></li>
											<li><a href="products.html">Fastrack</a></li>
											<li><a href="products.html">Casio</a></li>
											<li><a href="products.html">Fossil</a></li>
											<li><a href="products.html">Maxima</a></li>
											<li><a href="products.html">Timex</a></li>
											<li><a href="products.html">TomTom</a></li>
											<li><a href="products.html">Titan</a></li>
										</ul>	
									</div>
								</div>
							</div> -->
						</li>
						<!-- <li class="grid"><a href="typo.html">Blog</a>
						</li> -->
						<li class="grid"><a href="#">Contact</a>
						</li>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="col-md-3 header-right"> 
				<div class="search-bar">
					<input type="text" value="Recherche" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Recherche';}">
					<input type="submit" value="">
				</div>
			</div>
			<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!--bottom-header-->
	<?php require('animation.php') ?>
	<div class="about"> 
		<div class="container">
			<div class="about-top grid-1">
				<div class="col-md-4 about-left">
					<figure class="effect-bubba">
						<img class="img-responsive" src="img/3.jpg" alt=""/>
						<figcaption>
							<h2>Costumes</h2>
							<p>In sit amet sapien eros Integer dolore magna aliqua</p>	
						</figcaption>			
					</figure>
				</div>
				<div class="col-md-4 about-left">
					<figure class="effect-bubba">
						<img class="img-responsive" src="img/5.jpg" alt=""/>
						<figcaption>
							<h4>Chaussures</h4>
							<p>In sit amet sapien eros Integer dolore magna aliqua</p>	
						</figcaption>			
					</figure>
				</div>
				<div class="col-md-4 about-left">
					<figure class="effect-bubba">
						<img class="img-responsive" src="img/6.jpg" alt=""/>
						<figcaption>
							<h4>Chemises</h4>
							<p>In sit amet sapien eros Integer dolore magna aliqua</p>	
						</figcaption>			
					</figure>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!--about-end-->
	<!--product-starts-->
	<div class="product"> 
		<div class="container">
			<div class="product-top">
				<div class="product-one">
					<div class="col-md-3 product-left">
						<div class="product-main simpleCart_shelfItem">
							<a href="#" class="mask"><img class="img-responsive zoom-img" src="img/p-1.jpg" alt="" /></a>
							<div class="product-bottom">
								<h3>Costume complet</h3>
								<p>Vue rapide</p>
								<h4><a class="item_add" href="#"><i></i></a> <span class=" item_price">$ 329</span></h4>
							</div>
							<div class="srch">
								<span>-50%</span>
							</div>
						</div>
					</div>
					<div class="col-md-3 product-left">
						<div class="product-main simpleCart_shelfItem">
							<a href="#" class="mask"><img class="img-responsive zoom-img" src="img/p-2.jpg" alt="" /></a>
							<div class="product-bottom">
								<h3>Smart Watches</h3>
								<p>Explore Now</p>
								<h4><a class="item_add" href="#"><i></i></a> <span class=" item_price">$ 329</span></h4>
							</div>
							<div class="srch">
								<span>-50%</span>
							</div>
						</div>
					</div>
					<div class="col-md-3 product-left">
						<div class="product-main simpleCart_shelfItem">
							<a href="#" class="mask"><img class="img-responsive zoom-img" src="img/p-3.jpg"  alt="" /></a>
							<div class="product-bottom">
								<h3>Smart Watches</h3>
								<p>Explore Now</p>
								<h4><a class="item_add" href="#"><i></i></a> <span class=" item_price">$ 329</span></h4>
							</div>
							<div class="srch">
								<span>-50%</span>
							</div>
						</div>
					</div>
					<div class="col-md-3 product-left">
						<div class="product-main simpleCart_shelfItem">
							<a href="#" class="mask"><img class="img-responsive zoom-img" src="img/p-4.jpg" alt="" /></a>
							<div class="product-bottom">
								<h3>Smart Watches</h3>
								<p>Explore Now</p>
								<h4><a class="item_add" href="#"><i></i></a> <span class=" item_price">$ 329</span></h4>
							</div>
							<div class="srch">
								<span>-50%</span>
							</div>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="product-one">
					<div class="col-md-3 product-left">
						<div class="product-main simpleCart_shelfItem">
							<a href="#" class="mask"><img class="img-responsive zoom-img" src="img/p-5.jpg" alt="" /></a>
							<div class="product-bottom">
								<h3>Smart Watches</h3>
								<p>Explore Now</p>
								<h4><a class="item_add" href="#"><i></i></a> <span class=" item_price">$ 329</span></h4>
							</div>
							<div class="srch">
								<span>-50%</span>
							</div>
						</div>
					</div>
					<div class="col-md-3 product-left">
						<div class="product-main simpleCart_shelfItem">
							<a href="#" class="mask"><img class="img-responsive zoom-img" src="img/p-6.jpg" alt="" /></a>
							<div class="product-bottom">
								<h3>Smart Watches</h3>
								<p>Explore Now</p>
								<h4><a class="item_add" href="#"><i></i></a> <span class=" item_price">$ 329</span></h4>
							</div>
							<div class="srch">
								<span>-50%</span>
							</div>
						</div>
					</div>
					<div class="col-md-3 product-left">
						<div class="product-main simpleCart_shelfItem">
							<a href="#" class="mask"><img class="img-responsive zoom-img" src="img/p-7.jpg" alt="" /></a>
							<div class="product-bottom">
								<h3>Smart Watches</h3>
								<p>Explore Now</p>
								<h4><a class="item_add" href="#"><i></i></a> <span class=" item_price">$ 329</span></h4>
							</div>
							<div class="srch">
								<span>-50%</span>
							</div>
						</div>
					</div>
					<div class="col-md-3 product-left">
						<div class="product-main simpleCart_shelfItem">
							<a href="#" class="mask"><img class="img-responsive zoom-img" src="img/p-8.jpg" alt="" /></a>
							<div class="product-bottom">
								<h3>Smart Watches</h3>
								<p>Explore Now</p>
								<h4><a class="item_add" href="#"><i></i></a> <span class=" item_price">$ 329</span></h4>
							</div>
							<div class="srch">
								<span>-50%</span>
							</div>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>					
			</div>
		</div>
	</div>
	<div id="inscription2">
        <div class="container wow flipInY" data-wow-duration="1000ms" data-wow-delay="500ms">
            <div class="row">
                <div class="col-lg-1 col-md-1"></div>
                <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12" id="slogan2">
                    PROFITEZ DES PRODUITS DE LA MARQUE Christian-G avec des fortes réductions chez la boutique FMT(Free Manager Team)
                    <br><a href="http://fmt.sie-technology.com/" class="btn btn-lg btn-primary"> <i class="fa fa-smile-o"></i> Savoir plus</a>
                </div>
            </div>
        </div>
    </div>
	<!--product-end-->
	<!--information-starts-->
	<div id="newsletter">
	    <div class="container">
	     <div class="row">
	         <div class="col-lg-2 col-md-2 col-sm-2">
	             <!-- <a href="#" title="Facebook" style="text-decoration:none;">
	                 <i class="fa fa-facebook"></i>
	                </a>
	                <a href="#" title="Twitter" style="text-decoration:none;">
	                    <i class="fa fa-twitter"></i>
	                </a>
	                <a href="#" title="Instagram" style="text-decoration:none;">
	                    <i class="fa fa-instagram"></i>
	                </a>
	                <a href="#" title="Google +" style="text-decoration:none;">
	                    <i class="fa fa-google-plus"></i>
	                </a> -->
	            </div>
	            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12" style="text-align:right; padding-right:0;">
	                <form method="post" action="#newsletter" name="form1">
	                 <div id="titro_newsletter">Abonnez-vous à la Newsletter</div>
	                    <input type="text" class="form-control" name="new" placeholder="Votre email..." id="input_recherche_news">&nbsp;
	                    <input type="submit" class="btn btn-danger" value="Souscrire" name="newsletter" id="bouton_recherche_news">
	                </form>
	            </div>
	        </div>
	    </div>
	</div>
	<div class="information">
		<div class="container">
			<div class="infor-top">
				<div class="col-md-3 infor-left">
					<h3>Follow Us</h3>
					<ul>
						<li><a href="#"><span class="fb"></span><h6>Facebook</h6></a></li>
						<li><a href="#"><span class="twit"></span><h6>Twitter</h6></a></li>
						<li><a href="#"><span class="google"></span><h6>Google+</h6></a></li>
					</ul>
				</div>
				<div class="col-md-3 infor-left">
					<h3>Information</h3>
					<ul>
						<li><a href="#"><p>Nouveautés</p></a></li>
						<li><a href="#"><p>Costumes</p></a></li>
						<li><a href="#"><p>Chemises</p></a></li>
						<li><a href="#"><p>Chaussures</p></a></li>
						<li><a href="#"><p>Meilleures ventes</p></a></li>
					</ul>
				</div>
				<div class="col-md-3 infor-left">
					<h3>Mon compte</h3>
					<ul>
						<li><a href="#"><p>Mon compte</p></a></li>
						<li><a href="#"><p>Mes commandes</p></a></li>
						<li><a href="#"><p>Livraison</p></a></li>
						<li><a href="#"><p>Mes informations personnelles</p></a></li>
						<li><a href="#"><p>Mes Adresses</p></a></li>
					</ul>
				</div>
				<div class="col-md-3 infor-left">
					<h3>A propos</h3>
					<h4>Christian-G,
						<span>Lorem ipsum dolor,</span>
						Angleterre Londre</h4>
					<h5>+225 00000000</h5>	
					<p><a href="info@christiang.com">info@christiang.com</a></p>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!--information-end-->
	<!--footer-starts-->
	<div class="footer">
		<div class="container">
			<div class="footer-top">
				<div class="col-md-3 footer-left">
					<!-- <form>
						<input type="text" value="Enter Your Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter Your Email';}">
						<input type="submit" value="Subscribe">
					</form> -->
				</div>
				<div class="col-md-6 footer-center">					
					<!-- <p>© 2015 Luxury Watches. All Rights Reserved | Design by  <a href="http://w3layouts.com/" target="_blank">W3layouts</a> </p> -->
					<a href="celestadmin/index" target="_blank" style="text-decoration:none; color:#fff;">©</a> 2017 ChristianG. Tous droit reservés | Design by <a href="https://sie-technology.com/" target="_blank">SIE Technology</a>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!--footer-end-->	
</body>
</html>