@extends('layout/default', ['title' => 'gestion-documents'])

@section('content')

	<!-- contact -->
	<div class="contact">
		<div class="container">
			<div class="contact-heading">
					<h2 class="wow fadeInDown animated" data-wow-delay=".5s">
                      <img class="img-responsive" src="img/nscontact.jpg">
                    </h2>
                    <form name="central" method="post" action="affcentral.php" enctype="multipart/form-data"> 
                    <div class="contact-form wow fadeInUp animated" data-wow-delay=".5s">
                    <h2 class="wow fadeInDown animated" data-wow-delay=".5s"><font color="#e32924">ESPACE CLIENT</font></h2><br>
				    <div align="left"><h4>Formulaire à remplir</h4>        
                    <input type="text" placeholder="Nom" name="nom" style=" text-transform:uppercase" required>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" placeholder="Prénom"  name="prenom" style=" text-transform:uppercase" required><br>
                    <input type="text" placeholder="Téléphone" name="tel" required>
                    <input type="email" placeholder="Email" name="email" style=" text-transform:lowercase" required><br>
                    <font color="#263b88">Catégorie du produit&nbsp;&nbsp;&nbsp;:</font>&nbsp;&nbsp;&nbsp;<select placeholder="Catégorie" name="cat_produit"  style="width:235px;height:42px;display: inline-block;background: none;border: 1.5px solid #CBCBCB;outline: none;padding: 10px 15px 10px 15px;font-size:15px;color: #111111;margin-bottom: 1.5em"><option value="Informatique" style=" color:CBCBCB">Informatique</option><option value="Electronique">Electronique</option><option value="Telephonique">Telephonique</option><option value="Telecom">Telecom</option><option value="Biometrique">Biometrique</option><option value="Protection">Protection de sites</option>
                    </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="text" placeholder="Produit recherché" name="produit" style=" text-transform:uppercase" required><br>
					<textarea placeholder="Message" name="msg_devis" required></textarea>
                    <input type="hidden" name="date">
                    <input type="submit" value="Soumettre" class="btn1">&nbsp;&nbsp;&nbsp;<input type="reset" value="    Annuler    " class="btn2"><br><br><br>
                    <h2 class="wow fadeInDown animated" data-wow-delay=".5s"><center><font color="#263b88">NOS PRODUITS</font></center></h2><br>
				    </div><br>
				<div class="col-md-3 information-grid wow fadeInLeft animated" data-wow-delay=".5s">
					<div class="information-info">
						<div class="information-grid-img">
							<img class="img-responsive" src="img/pdtprotect.jpg"><br>
                            <div class="yok3"><center>PROTECTION DE SITES</center></div>
						</div>
					</div>
				</div>
				<div class="col-md-3 information-grid wow fadeInLeft animated" data-wow-delay=".5s">
					<div class="information-info">
						<div class="information-grid-img">
							<img class="img-responsive" src="img/pdttel.jpg"><br>
                            <div class="yok3"><center>TECHNOLOGIE VOIP</center></div>
						</div>
					</div>
				</div>
				<div class="col-md-3 information-grid wow fadeInRight animated" data-wow-delay=".5s">
					<div class="information-info">
						<div class="information-grid-img">
                           <img class="img-responsive" src="img/pdtinfo.jpg"><br>
                           <div class="yok3"><center>INFORMATIQUE</center></div>
                        </div>
					</div>
				</div>
				<div class="col-md-3 information-grid wow fadeInRight animated" data-wow-delay=".5s">
					<div class="information-info">
						<div class="information-grid-img" align="left">
							<img class="img-responsive" src="img/pdtelec.jpg"><br>
                            <div class="yok3"><center>ELECTRONIQUE</center></div>
						</div>
					</div>
				</div><br>		  
                </form><br><br>
                <div class="clearfix"> </div><br><div class="clearfix"> </div> 
                <div style="background-color:#263b88;height:6px"></div>
                <marquee  height="123" onMouseOut="this.start()" onMouseOver="this.stop()">
               <img border="0" src="img/nos-partenaires-2.jpg" alt="" hspace="0" height="122">&nbsp;&nbsp;<img border="0" src="img/nos-partenaires-3.jpg" alt="" hspace="0" height="122">&nbsp;&nbsp;<img border="0" src="img/affiliation2.jpg" alt="" hspace="0" height="122">&nbsp;&nbsp;<img border="0" src="img/nos-references2.jpg" alt="" hspace="0" height="122">&nbsp;&nbsp;<img border="0" src="img/nos-references3.jpg" alt="" hspace="0" height="122">
            </marquee><br>
			</div>	
		</div>
	</div>
	<!-- //contact -->

@stop