index.jsp

811 lines | 32.573 kB Blame History Raw Download
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="s" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>

<!DOCTYPE html>
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html class=" js no-touch csstransitions" lang="en"><!--<![endif]--><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<title>Meubles de bois exotique | ExotiKA Mobilia</title>
		<meta name="description" content="Entrepôt de meubles exotiques à Montréal">
		

		<!-- Mobile Meta -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<!-- Favicon -->
		<link rel="shortcut icon" href="/sm-shop/resources/templates/exoticamobilia/img/favicon.ico">
		

		<!-- Web Fonts -->
		<!--
		<link href="/sm-shop/resources/templates/exoticamobilia/old/home3_files/css.css" rel="stylesheet" type="text/css">
		<link href="/sm-shop/resources/templates/exoticamobilia/old/home3_files/css_002.css" rel="stylesheet" type="text/css">
		-->

		<!-- Bootstrap core CSS -->
		<!--<link href="/sm-shop/resources/templates/exoticamobilia/old/home3_files/bootstrap.css" rel="stylesheet">-->
		<link href="/sm-shop/resources/templates/exoticamobilia/css/bootstrap.css" rel="stylesheet">

		<!-- Font Awesome CSS -->
		<link href="/sm-shop/resources/templates/exoticamobilia/font-awesome-4.2.0/css/font-awesome.css" rel="stylesheet">
		<!--<link href="/sm-shop/resources/templates/exoticamobilia/old/css/template.css" rel="stylesheet">-->
		<!-- Custom theme add ons -->
		<link href="/sm-shop/resources/templates/exoticamobilia/css/template.css" rel="stylesheet">
		<link href="/sm-shop/resources/templates/exoticamobilia/css/responsive-slider.css" rel="stylesheet">

		<!-- Fontello CSS -->
		<!--<link href="/sm-shop/resources/templates/exoticamobilia/old/home3_files/fontello.css" rel="stylesheet">-->

		<!-- Plugins -->
		<!--<link href="/sm-shop/resources/templates/exoticamobilia/old/home3_files/settings.css" media="screen" rel="stylesheet">-->
		<!--<link href="/sm-shop/resources/templates/exoticamobilia/old/home3_files/extralayers.css" media="screen" rel="stylesheet">-->
		<!--<link href="/sm-shop/resources/templates/exoticamobilia/old/home3_files/magnific-popup.css" rel="stylesheet">-->
		<!--<link href="/sm-shop/resources/templates/exoticamobilia/old/home3_files/animations.css" rel="stylesheet">-->
		<!--<link href="/sm-shop/resources/templates/exoticamobilia/old/home3_files/owl.css" rel="stylesheet">-->

		<!-- iDea core CSS file -->
		<link href="/sm-shop/resources/templates/exoticamobilia/css/style.css" rel="stylesheet">


		<!-- Custom css -->
		<link href="/sm-shop/resources/templates/exoticamobilia/css/custom.css" rel="stylesheet">


        <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
		
		<script>
		  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
		
		  ga('create', 'UA-61893723-1', 'auto');
		  ga('send', 'pageview');

		</script>
		

		
	</head>

	<body class="front boxed pattern-2">
		<!-- scrollToTop -->
		<!-- ================ -->
        <div style="" class="scrollToTop"><i class="icon-up-open"></i></div>

		<!-- page wrapper start -->
		<!-- ================ -->
		<div class="page-wrapper">




			<!-- header-top start (Add "dark" class to .header-top in order to enable dark header-top e.g <div class="header-top dark">) -->
			<!-- ================ -->
			<div class="header-top">
				<div class="container">
					<div class="row">
						<div class="col-xs-2 col-sm-2">

							<!-- header-top-first start -->
							<!-- ================ -->
							<div class="header-top-first clearfix">
								<ul class="social-links clearfix hidden-xs">
									<li class="twitter"><a target="_blank" href="http://www.twitter.com/"><i class="fa fa-twitter"></i></a></li>
									<li class="facebook"><a target="_blank" href="http://www.facebook.com/"><i class="fa fa-facebook"></i></a></li>
								</ul>
								<div class="social-links hidden-lg hidden-md hidden-sm">
									<div class="btn-group dropdown">
									<button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="fa fa-share-alt"></i></button>
										<ul class="dropdown-menu dropdown-animation">
										<li class="twitter"><a target="_blank" href="http://www.twitter.com/"><i class="fa fa-twitter"></i></a></li>
										<li class="facebook"><a target="_blank" href="http://www.facebook.com/"><i class="fa fa-facebook"></i></a></li>
											
										</ul>
									</div>
								</div>
							</div>
							<!-- header-top-first end -->

						</div>
						<div class="col-xs-10 col-sm-10">

							<!-- header-top-second start -->
							<!-- ================ -->
							<div id="header-top-second" class="clearfix">

								<!-- header top dropdowns start -->
								<!-- ================ -->
								<div class="header-top-dropdown">
                                        <div class="btn-group dropdown">
                                            <input class="form-control no-responsive" id="search" value="" type="text">
                                                
                                                </div>
                                        <div class="btn-group dropdown">
                                            <button type="button" class="btn dropdown-toggle no-responsive" data-toggle="dropdown"><i class="fa fa-search"></i> Recherche</button>
                                            
                                        </div>

									<div class="btn-group dropdown">
										<button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> Login</button>
										<ul class="dropdown-menu dropdown-menu-right dropdown-animation">
											<li>
												<form class="login-form">
													<div class="form-group has-feedback">
														<label class="control-label">Nom d’usager</label>
														<input class="form-control" placeholder="" type="text">
														<i class="fa fa-user form-control-feedback"></i>
													</div>
													<div class="form-group has-feedback">
														<label class="control-label">Mot de passe</label>
														<input class="form-control" placeholder="" type="password">
														<i class="fa fa-lock form-control-feedback"></i>
													</div>
													<button type="submit" class="btn btn-group btn-dark btn-sm">S’authentifier</button>
													<span></span>
													<button type="submit" class="btn btn-group btn-default btn-sm">S’enregistrer</button>
													<ul>
														<li><a href="#">Mot de passe oublié ?</a></li>
													</ul>

												</form>
											</li>
										</ul>
									</div>
									<div class="btn-group dropdown">
										<button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="fa fa-shopping-cart"></i> Panier (2)</button>
										<ul class="dropdown-menu dropdown-menu-right dropdown-animation cart">
											<li>
												<table class="table table-hover">
													<thead>
														<tr>
															<th class="quantity">Qtée</th>
															<th class="product">Produit</th>
															<th class="amount">Sous-total</th>
														</tr>
													</thead>
													<tbody>
														<tr>
															<td class="quantity">1 x</td>
															<td class="product"><a href="http://www.shopizer.com">Lampe</a><span class="small">Lampe</span></td>
															<td class="amount">$199.00</td>
														</tr>
														<tr>
															<td class="quantity">1 x</td>
															<td class="product"><a href="http://www.shopizer.com">Table</a><span class="small">Table</span></td>
															<td class="amount">$299.00</td>
														</tr>

													</tbody>
												</table>
												<div class="panel-body text-right">	
												<a href="http://www.shopizer.com/shop-cart.html" class="btn btn-group btn-default btn-sm">Voir les chats</a>
												<a href="http://www.shopizer.com/shop-checkout.html" class="btn btn-group btn-default btn-sm">Passer à la caisse</a>
												</div>
											</li>
										</ul>
									</div>

								</div>
								<!--  header top dropdowns end -->

							</div>
							<!-- header-top-second end -->

						</div>
					</div>
				</div>
			</div>
			<!-- header-top end -->






			<!-- header start classes:
				fixed: fixed navigation mode (sticky menu) e.g. <header class="header fixed clearfix">
				 dark: dark header version e.g. <header class="header dark clearfix">
			================ -->
		<header class="header fixed clearfix">
				<div class="container">
					<div class="row">
						<div class="col-md-6">

							<!-- header-left start -->
							<!-- ================ -->
							<div class="header-left clearfix">

								<!-- logo -->
								<div class="logo">
									<h1 class="logo-text" alt="Entrepôt de meubles exotiques à Montréal"><!--<span style="color:#FF3300;">EM</span>--><span class="logo-text-inner">ExotiKA Mobilia</span></h1>
								</div>

								<!-- name-and-slogan -->
								<div class="site-slogan">
									Meubles exotiques importés de qualité
								</div>

							</div>
							<!-- header-left end -->

						</div>
						<div class="col-md-6">

							<!-- header-right start -->
							<!-- ================ -->
							<div class="header-right clearfix">
							
								

								<!-- main-navigation start -->
								<!-- ================ -->
								<div class="main-navigation animated">
								
									<div id="rightText" style="width:100%;padding-top:10px;">
										<!--<img width="25" src="images/asterisk.jpg"/>-->
										<h2 class="note-text">Ouvert au grand public 7 jours sur 7</h2>
										<strong>3333 Cremazie Est, Montréal, QC Canada H1Z 2H8</strong>
									</div>

									<!-- navbar start -->
									<!-- ================ -->
									<!--
									<nav class="navbar navbar-default" role="navigation">
										<div class="container-fluid">

											<div class="navbar-header">
												<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
													<span class="sr-only">Toggle navigation</span>
													<span class="icon-bar"></span>
													<span class="icon-bar"></span>
													<span class="icon-bar"></span>
												</button>
                                                
                                                    <div class="input-group">
                                                      <input type="text" class="navbar-toggle" placeholder="Search for..." id="searchh">
                                                        <span class="input-group-btn">
                                                          <button class="btn navbar-toggle" type="button" id="go">Search</button>
                                                          </span>
                                                    </div>
                                            </div>

											<div class="collapse navbar-collapse" id="navbar-collapse-1">

											</div>
											

										</div>
									</nav>
									-->
									<!-- navbar end -->

								</div>
								<!-- main-navigation end -->

							</div>
							<!-- header-right end -->

						</div>
					</div>
				</div>
			</header>
			<!-- header end -->


			<!-- banner start -->
			
			<div style="margin-top: 0px;" class="banner center-block">

      <!-- Responsive slider - START -->
    	<div class="responsive-slider" data-spy="responsive-slider" data-autoplay="false">
        <div class="slides" data-group="slides">
      		<ul>
  	    	<li>
              <div class="slide-body" data-group="slide">
	                <img src="images/table-brune1.jpg" id="slide1">

					
	                <div class="caption header center" style="width:100% !important;">
	                <!--<div class="caption header" style="width:100% !important;height:60% !important;text-align: center; !important;">-->
	                  <!--<div class="header-white header-caption" style="padding: 30px 0 !important; font-size: 50px;">Mega centre de liquidation</div>-->
	                  <div class="header-white header-caption" style="text-align: center;">Entrepot de meubles exotiques</div>
	                  <div class="sub-header sub-header-white header-caption" style="text-align: center;">
	                  		<!--<div style="width:50%;padding: 20px 0 !important; font-size: 30px;">-->
	                  		<div style="width:100%;">
	                  			
	                  			Bois de rose - Acacia
	                  			<br>
	                  			Suar - Racine de teck - Mango
	                  			</br>
	                  			Recycles - Metal - et bien plus...</br>
	                  			
	                  		</div>

	                  </div>
	                  <div class="sub-sub-header sub-header-white header-caption" style="text-align: center;">
	                  <span style="background-color: #FFFF00;color:#000000">30% a 50%</span> de rabais sur tous les articles a prix regulier<br/>
	                  <span style="background-color: #FFFF00;color:#000000">Jusqu'a 70%</span> de rabais sur les articles de fin de ligne
	                  </div>
	                </div>
                
	      		</div>
  	        </li>
  	    	<li>
              <div class="slide-body" data-group="slide">
                <img src="images/table-brune1.jpg">
              </div>
  	        </li>
  	    	<li>
              <div class="slide-body" data-group="slide">
                <img src="images/table-brune1.jpg">
              </div>
  	        </li>

  	    	</ul>
        </div>

    	</div>
      <!-- Responsive slider - END -->





			
			</div>
			
			<!-- banner end -->



			<!-- main-container start -->
			<!-- ================ -->
			<section style="margin-top: 0px;" class="main-container">

				<!-- main start -->
				<!-- ================ -->
				<div class="main">
					<div class="container">
						<div class="row">
							<div class="col-md-12">
								<!--
								<h1 class="text-center title">Catégories vedettes</h1>
								<div class="separator"></div>
								<p class="text-center">Tout pour votre maison !</p>
								-->
								<div class="row">
									<div class="col-sm-4">
										<div class="box-style-1 white-bg object-non-visible animated object-visible fadeInUpSmall" data-animation-effect="fadeInUpSmall" data-effect-delay="0">
											<div class="product-image"><img src="images/table.JPG" width="320"/></div>
											<div class="product-info"><h2>Bois d'acacia</h2></div>
											<!--<p>Voluptatem ad provident non <a href="#">repudiandae</a> veritatis beatae cupiditate amet reiciendis.</p>-->
											<!--<a href="http://www.shopizer.comv.1.1/html/page-services.html" class="btn-default btn">Détails</a>-->
										</div>
									</div>
									<div class="col-sm-4">
										<div class="box-style-1 white-bg object-non-visible animated object-visible fadeInUpSmall" data-animation-effect="fadeInUpSmall" data-effect-delay="0">
											<div class="ribbon-wrapper-green">
											    	<div class="ribbon-green">
											    		Tendance
											    	</div>
											</div>
											<div class="product-image"><img src="images/table1.JPG" width="320"/></div>
											<div class="product-info"><h2>Racine de teck</h2></div>
											<!--<p>Voluptatem ad provident non <a href="#">repudiandae</a> veritatis beatae cupiditate amet reiciendis.</p>-->
											<!--<a href="http://www.shopizer.comv.1.1/html/page-services.html" class="btn-default btn">Détails</a>-->
										</div>
									</div>
									<div class="col-sm-4">
										<div class="box-style-1 white-bg object-non-visible animated object-visible fadeInUpSmall" data-animation-effect="fadeInUpSmall" data-effect-delay="0">
											<div class="ribbon-wrapper-green">
											    	<div class="ribbon-green">
											    		Chrome
											    	</div>
											</div>
											<div class="product-image"><img src="images/table-bois-de-rose.JPG" width="320" /></div>
											<div class="product-info"><h2>Bois de rose</h2></div>
											<!--<p>Voluptatem ad provident non <a href="#">repudiandae</a> veritatis beatae cupiditate amet reiciendis.</p>-->
											<!--<a href="http://www.shopizer.comv.1.1/html/page-services.html" class="btn-default btn">Détails</a>-->
										</div>
									</div>									
									<div class="col-sm-4">
										<div class="box-style-1 white-bg object-non-visible animated object-visible fadeInUpSmall" data-animation-effect="fadeInUpSmall" data-effect-delay="0">
											    <div class="ribbon-wrapper-green">
											    	<div class="ribbon-green">
											    		Nouveau
											    	</div>
											    </div>
											<div class="product-image"><img src="images/console.JPG" width="320"/></div>
											<div class="product-info"><h2>Meubles télé</h2></div>
											<!--<p>Voluptatem ad provident non <a href="#">repudiandae</a> veritatis beatae cupiditate amet reiciendis.</p>-->
											<!--<a href="http://www.shopizer.comv.1.1/html/page-services.html" class="btn-default btn">Détails</a>-->
										</div>
									</div>
									<div class="col-sm-4">
										<div class="box-style-1 white-bg object-non-visible animated object-visible fadeInUpSmall" data-animation-effect="fadeInUpSmall" data-effect-delay="0">
					
											<div class="product-image"><center><img src="images/commode.JPG"/></center></div>
											<div class="product-info"><h2>Bois recyclés et métal</h2></div>
											<!--<p>Voluptatem ad provident non <a href="#">repudiandae</a> veritatis beatae cupiditate amet reiciendis.</p>-->
											<!--<a href="http://www.shopizer.comv.1.1/html/page-services.html" class="btn-default btn">Détails</a>-->
										</div>
									</div>
									<div class="col-sm-4">
										<div class="box-style-1 white-bg object-non-visible animated object-visible fadeInUpSmall" data-animation-effect="fadeInUpSmall" data-effect-delay="0">
											<div class="product-image"><center><img src="images/bibliotheque.JPG"/></center></div>
											<div class="product-info"><h2>Bibliothèques</h2></div>
											<!--<p>Voluptatem ad provident non <a href="#">repudiandae</a> veritatis beatae cupiditate amet reiciendis.</p>-->
											<!--<a href="http://www.shopizer.comv.1.1/html/page-services.html" class="btn-default btn">Détails</a>-->
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- main end -->

			</section>
			<!-- main-container end -->

			<!-- section start -->
			<!-- ================ -->
			<div class="section clearfix">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<h1 class="text-center">À propos de nous</h1>
							<div class="separator"></div>
							<p class="lead text-center">
								20 ans d'expérience en vente de meubles
								<br>
								20 ans d'importations de meubles de toutes sortes
							</p>
							<br>
							<div class="row">
								<div id="map_container" class="col-md-6">
										<div id="map_canvas"></div>
								</div>
								<div class="col-md-6">
									<p>
									Entrepôt de meubles exotiques de qualité à Montréal. Nous vendons directement du distributeur sans intermédiaire. Nos meubles sont neufs ou avec légères imperfections.
									</p>
									
									<p>
											<table>
												<tr>
													<td colspan="2"><strong>Heures d'ouverture</strong></td>
												</tr>
												<tr>
													<td>Lundi</td><td>10:00 - 17:00</td>
												</tr>
												<tr>
													<td>Mardi</td><td>10:00 - 17:00</td>
												</tr>
												<tr>
													<td>Mercredi</td><td>10:00 - 17:00</td>
											    </tr>
												<tr>
													<td>Jeudi</td><td>10:00 - 17:00</td>
												</tr>
												<tr>
													<td>Vendredi</td><td>10:00 - 17:00</td>
												</tr>
												<tr>
													<td>Samedi</td><td>10:00 - 17:00</td>
												</tr>
												<tr>
													<td>Dimanche</td><td>10:00 - 17:00</td>
												</tr>
											</table>
									</p>
									
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- section end -->



			<!-- footer start (Add "light" class to #footer in order to enable light footer) -->
			<!-- ================ -->
			<footer id="footer">

				<!-- .footer start -->
				<!-- ================ -->
				<div class="footer">
					<div class="container">
						<div class="row">
							<div class="col-md-6">
								<div class="footer-content">
								<div class="logo">
									<h1>EM ExotiKA Mobilia</h1>
									<!--<a href="home3.html"><img id="logo" src="home_files3/logo_dark_gray.png" alt=""></a>-->
								</div>

								<!-- name-and-slogan -->
								<div class="site-slogan">
									Meubles exotiques importés de qualité
								</div>
									<div class="row">
										<div class="col-sm-6">
											
											<ul class="social-links circle">
												<li class="facebook"><a target="_blank" href="http://www.facebook.com/"><i class="fa fa-facebook"></i></a></li>
												<li class="twitter"><a target="_blank" href="http://www.twitter.com/"><i class="fa fa-twitter"></i></a></li>
												
												<!—-li class="googleplus"><a target="_blank" href="http://plus.google.com/"><i class="fa fa-google-plus"></i></a></li—->
												<!—-li class="skype"><a target="_blank" href="http://www.skype.com/"><i class="fa fa-skype"></i></a></li—->
												<!—-li class="linkedin"><a target="_blank" href="http://www.linkedin.com/"><i class="fa fa-linkedin"></i></a></li—- cxccxsaeeerrwewew32ee43444`>
												
											</ul>
										</div>
										<div class="col-sm-6">
											<ul class="list-icons">
												<li><i class="fa fa-map-marker pr-10"></i>EM ExotiKA Mobilia</li>
												<li><i class="pr-20"></i>&nbsp;3333 Crémazie Est</li>
												<li><i class="pr-20"></i>&nbsp;Montréal QC H1Z 2H8</li>
												<li><i class="fa fa-phone pr-10"></i>514 546 2145</li>
												<li><i class="fa fa-envelope-o pr-10"></i>info@exotikamobilia.ca</li>
											</ul>
										</div>
									</div>
									<!--<a href="http://www.shopizer.com" class="link"><span>Nos projets récents</span></a>-->
								</div>
							</div>
							<div class="space-bottom hidden-lg hidden-xs"></div>
							<div class="col-sm-6 col-md-2">
								<!--
								<div class="footer-content">
									<h2>Liens</h2>
									<nav>
										<ul class="nav nav-pills nav-stacked">
											<li><a href="home3.html">Accueil</a></li>
											<li class="active"><a href="http://www.shopizer.com">Blogue</a></li>
											<li><a href="http://www.shopizer.com">Projets</a></li>
											<li><a href="http://www.shopizer.com">À propos</a></li>
											<li><a href="http://www.shopizer.com">Contact</a></li>
										</ul>
									</nav>
								</div>
								-->
							</div>
							<div class="col-sm-6 col-md-3 col-md-offset-1">
								
								<div class="footer-content">
									<img src='images/entrepot.JPG' border=0 width='500'/>
									<!--
									<h2>Nos projets</h2>
									<div class="gallery row">
										<div class="gallery-item col-xs-4">
											<div class="overlay-container">
												<img src="images/project1.jpg" alt="">
												<a href="http://www.shopizer.com" class="overlay small">
													<i class="fa fa-link"></i>
												</a>
											</div>
										</div>
										<div class="gallery-item col-xs-4">
											<div class="overlay-container">
												<img src="images/project2.jpg" alt="">
												<a href="http://www.shopizer.com" class="overlay small">
													<i class="fa fa-link"></i>
												</a>
											</div>
										</div>
										<div class="gallery-item col-xs-4">
											<div class="overlay-container">
												<img src="images/project3.jpg" alt="">
												<a href="http://www.shopizer.com" class="overlay small">
													<i class="fa fa-link"></i>
												</a>
											</div>
										</div>
										<div class="gallery-item col-xs-4">
											<div class="overlay-container">
												<img src="images/project4.jpg" alt="">
												<a href="http://www.shopizer.com" class="overlay small">
													<i class="fa fa-link"></i>
												</a>
											</div>
										</div>
										<div class="gallery-item col-xs-4">
											<div class="overlay-container">
												<img src="images/project1.jpg" alt="">
												<a href="http://www.shopizer.com" class="overlay small">
													<i class="fa fa-link"></i>
												</a>
											</div>
										</div>
										<div class="gallery-item col-xs-4">
											<div class="overlay-container">
												<img src="images/project4.jpg" alt="">
												<a href="http://www.shopizer.com" class="overlay small">
													<i class="fa fa-link"></i>
												</a>
											</div>
										</div>
										<div class="gallery-item col-xs-4">
											<div class="overlay-container">
												<img src="images/project2.jpg" alt="">
												<a href="http://www.shopizer.com" class="overlay small">
													<i class="fa fa-link"></i>
												</a>
											</div>
										</div>
										<div class="gallery-item col-xs-4">
											<div class="overlay-container">
												<img src="images/project3.jpg" alt="">
												<a href="http://www.shopizer.com" class="overlay small">
													<i class="fa fa-link"></i>
												</a>
											</div>
										</div>
										<div class="gallery-item col-xs-4">
											<div class="overlay-container">
												<img src="images/project4.jpg" alt="">
												<a href="http://www.shopizer.com" class="overlay small">
													<i class="fa fa-link"></i>
												</a>
											</div>
										</div>
									</div>
									-->
								</div>
							</div>
						</div>
						<div class="space-bottom hidden-lg hidden-xs"></div>
					</div>
				</div>
				<!-- .footer end -->

				<!-- .subfooter start -->
				<!-- ================ -->
				<div class="subfooter">
					<div class="container">
						<div class="row">
							<div class="col-md-6">
								<p>© 2015 EM ExotiKA Mobilia. Tous droits réservés</p>
							</div>
							<div class="col-md-6">
								<!--
								<nav class="navbar navbar-default" role="navigation">
									
									<div class="navbar-header">
                                          <a class="navbar-brand" href="#"></a>
										<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-2">
											<span class="sr-only">Toggle navigation</span>
											<span class="icon-bar"></span>
											<span class="icon-bar"></span>
											<span class="icon-bar"></span>
										</button>
									</div>   
									<div class="collapse navbar-collapse" id="navbar-collapse-2">
										<ul class="nav navbar-nav">
											<li><a href="http://www.shopizer.comv.1.1/html/index.html">Accueil</a></li>
											<li><a href="http://www.shopizer.comv.1.1/html/page-about.html">À propos de nous</a></li>
											<li><a href="http://www.shopizer.comv.1.1/html/blog-right-sidebar.html">Blogue</a></li>
											<li><a href="http://www.shopizer.comv.1.1/html/page-contact.html">Contact</a></li>
										</ul>
									</div>
								</nav>
								-->
							</div>
						</div>
					</div>
				</div>
				<!-- .subfooter end -->

			</footer>
			<!-- footer end -->

		</div>
		<!-- page-wrapper end -->

		<!-- JavaScript files placed at the end of the document so the pages load faster
		================================================== -->
		<!-- Jquery and Bootstap core js files -->
		<script async="" src="/sm-shop/resources/templates/exoticamobilia/old/home3_files/www-widgetapi.js" id="www-widgetapi-script"></script>
		
        <script type="text/javascript" src="/sm-shop/resources/templates/exoticamobilia/old/home3_files/iframe_api"></script>
		
        <script type="text/javascript" src="/sm-shop/resources/templates/exoticamobilia/js/jquery-1.11.1.min.js"></script>
		
        <script type="text/javascript" src="/sm-shop/resources/templates/exoticamobilia/old/home3_files/bootstrap.js"></script>

		<!-- Modernizr javascript -->
		<script type="text/javascript" src="/sm-shop/resources/templates/exoticamobilia/old/home3_files/modernizr.js"></script>

		<!-- jQuery REVOLUTION Slider  -->
		<!--
		<script type="text/javascript" src="/sm-shop/resources/templates/exoticamobilia/old/home3_files/jquery_004.js"></script>
		<script type="text/javascript" src="/sm-shop/resources/templates/exoticamobilia/old/home3_files/jquery_008.js"></script>
		-->

		<!-- Isotope javascript -->
		<script type="text/javascript" src="/sm-shop/resources/templates/exoticamobilia/old/home3_files/isotope.js"></script>

		<!-- Owl carousel javascript -->
		<script type="text/javascript" src="/sm-shop/resources/templates/exoticamobilia/old/home3_files/owl.js"></script>

		<!-- Magnific Popup javascript -->
		<!--
		<script type="text/javascript" src="/sm-shop/resources/templates/exoticamobilia/old/home3_files/jquery_003.js"></script>
		-->

		<!-- Appear javascript -->
		<!--<script type="text/javascript" src="/sm-shop/resources/templates/exoticamobilia/old/home3_files/jquery.js"></script>-->

		<!-- 
		<script type="text/javascript" src="/sm-shop/resources/templates/exoticamobilia/old/home3_files/jquery_007.js"></script>
		<script src="/sm-shop/resources/templates/exoticamobilia/old/home3_files/jquery_006.js"></script>
		<script src="/sm-shop/resources/templates/exoticamobilia/old/home3_files/jquery_002.js"></script>
		-->

		<!-- Initialization of Plugins -->
		<script type="text/javascript" src="/sm-shop/resources/templates/exoticamobilia/old/home3_files/template.js"></script>


    		<script src="js/jquery.event.move.js"></script>
    		<script src="js/responsive-slider.js"></script>

		<!-- Color Switcher (Remove these lines) -->
		<!--<script type="text/javascript" src="/sm-shop/resources/templates/exoticamobilia/old/home3_files/style-switcher.js"></script>-->
    
        <script src="<c:url value="/resources/js/shop-functions.js" />"></script>
        <jsp:include page="/resources/js/functions.jsp" />
        <script src="<c:url value="/resources/js/jquery-1.10.2.min.js" />"></script>
        <script src="<c:url value="/resources/js/json2.js" />"></script>
        <script src="<c:url value="/resources/js/jquery-cookie.js" />"></script>
        <script src="<c:url value="/resources/js/shopping-cart.js" />"></script>
        <script src="<c:url value="/resources/js/login.js" />"></script>
        <script src="<c:url value="/resources/js/jquery.showLoading.min.js" />"></script>


                <script type="text/javascript">

                var address = '3333 Cremazie Est, Montreal, QC H1Z 2H8';
                if(address!=null) {
                        geocoder = new google.maps.Geocoder();
                                var mapOptions = {
                                        zoom: 8,
                                        mapTypeId: google.maps.MapTypeId.ROADMAP
                                }
                                map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
                
                                geocoder.geocode( { 'address': address}, function(results, status) {
                                
        if (status == google.maps.GeocoderStatus.OK) {
                                        map.setCenter(results[0].geometry.location);
                                        var marker = new google.maps.Marker({
                                                        map: map,
                                                        position: results[0].geometry.location
                                        });
                                        } else {
                                        alert("Geocode was not successful for the following reason: " + status);
                                        }
                                });
                }

        </script>




</body></html>