<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="shortcut icon" href="images/favicon.png" />
	<title>Home</title>
</head>
<div class="grid-container">
	<header>
	<img src="images/favicon.png" alt="HeaderImage" id="imageHeader"/>
	</header>
	<nav class="menu">
		<ul id="nav">
		    <li id="nav-home"><a href="home.php">Accueil</a></li>
		    <li id="nav-news"><a href="news.php">Nouvelle</a></li>
		    <li id="nav-shop"><a href="shop.php">Boutique</a></li>
		</ul>
	</nav>
	<body id="homeNav">
	      <div id="slideshowhome">
            <ul id="sContent">
              <li><img src="images/g4.jpg" alt="Image1" id="imageSlide"/></li>
              <li><img src="images/g4.jpg" alt="Image2" id="imageSlide"/></li>
              <li><img src="images/g4.jpg" alt="Image3" id="imageSlide"/></li>
            </ul>
          </div>
                      		<h1>Bonjour<br><br><br><br></h1>
			<section>
				<article>
				<span>Toute l'actualité</span>
				<div class="grid-x grid-padding-x">
		            <div class="boxNewsHome">
			            <img src="images/rasp_appareil.jpeg" alt="Image3" id="imgNewsHome"/>
			              <div class="titleNewsHome">
			                <p>Title <br> <span id="tdNewsHome"> Type - Date </span></p>
			              </div>
				              <div class="descNewsHome">
				                <p class="overflow-ellipsis">Description</p>
				                </div>
			        	<a href="#" class="button">Commentaire</a><a href="#" class="button">En savoir +</a>
		            </div>
			            <div class="boxNewsHome">
				            <img src="images/rasp_appareil.jpeg" alt="Image3" id="imgNewsHome"/>
				              <div class="titleNewsHome">
			                <p>Title <br> <span id="tdNewsHome"> Type - Date </span></p>			                
				              </div>
					              <div class="descNewsHome">
					                <p class="overflow-ellipsis">Description</p>
					                </div>
				        	<a href="#" class="button">Commentaire</a><a href="#" class="button">En savoir +</a>
			            </div>
				            <div class="boxNewsHome">
					            <img src="images/rasp_appareil.jpeg" alt="Image3" id="imgNewsHome"/>
					              <div class="titleNewsHome">
			                <p>Title <br> <span id="tdNewsHome"> Type - Date </span></p>
					              </div>
						              <div class="descNewsHome">
						                <p class="overflow-ellipsis">Description</p>
						                </div>
					        	<a href="#" class="button">Commentaire</a><a href="#" class="button">En savoir +</a>
				            </div>
					            <div class="boxNewsHome">
						            <img src="images/rasp_appareil.jpeg" alt="Image3" id="imgNewsHome"/>
						              <div class="titleNewsHome">
			                <p>Title <br> <span id="tdNewsHome"> Type - Date </span></p>
						              </div>
							              <div class="descNewsHome">
							                <p class="overflow-ellipsis">Description</p>
							                </div>
						        	<a href="#" class="button">Commentaire</a><a href="#" class="button">En savoir +</a>
					            </div>
		        </div>
    				<div class="boxNewsHomeF">
			            <img src="images/rasp_appareil.jpeg" alt="Image3" id="imgNewsHomeF"/>
			              <div class="titleNewsHomeF">
                <p>Title <br> <span id="tdNewsHomeF"> Type - Date </span></p>
			              </div>
				              <div class="descNewsHomeF">
				                <p class="overflow-ellipsisF">Description</p>
				                </div>
			        	<a href="#" class="button">Commentaire</a><a href="#" class="button">En savoir +</a>
		            </div>
				</article>
			</section>

	</body>
		<footer>
			<div class="footLink">
				<a href="http://localhost:82/christamplate/home.php" target="_blank">
				  <img src="images/footer_icon_01.png" alt="IconFooter" id="footic" />
				</a>
				<a href="http://localhost:82/christamplate/home.php" target="_blank">
				  <img src="images/footer_icon_02.png" alt="IconFooter" id="footic" />
				</a>
				<a href="http://localhost:82/christamplate/home.php" target="_blank">
				  <img src="images/footer_icon_03.png" alt="IconFooter" id="footic" />
				</a>
      		</div>
			<div class="footListLink">
				<ul id="footerNavList">
					<span id="footNavTitle">COMPTE</span>
				    <li id="footNavLabel"><a href="#Accueil">Option1</a></li>
				    <li id="footNavLabel"><a href="#News">Option2</a></li>
				    <li id="footNavLabel"><a href="#Boutique">Option3</a></li>
					<li id="footNavLabel"><a href="#Accueil">Option1</a></li>
				    <li id="footNavLabel"><a href="#News">Option2</a></li>
				    <li id="footNavLabel"><a href="#Boutique">Option3</a></li>
				</ul>
			</div>
			
		</footer>
</div>
</html>