AnonSec Team
Server IP : 10.131.40.8  /  Your IP : 216.73.216.63
Web Server : Apache
System : Linux webd008.cluster131.gra.hosting.ovh.net 5.15.167-ovh-vps-grsec-zfs-classid #1 SMP Tue Sep 17 08:14:20 UTC 2024 x86_64
User : ludmqhh ( 137773)
PHP Version : 8.4.10
Disable Function : _dyuweyrj4,_dyuweyrj4r,dl
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON
Directory (0705) :  /home/ludmqhh/www/provence-plomberie/../jscom/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home/ludmqhh/www/provence-plomberie/../jscom/_index.html
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>JsCom imprimerie</title>

    <!-- Bootstrap Core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom Fonts -->
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,100italic,100,300,300italic' rel='stylesheet' type='text/css'>
    <!-- Theme CSS -->
    <!-- <link href="css/agency.min.css" rel="stylesheet"> -->
	<link href="css/agency.css" rel="stylesheet">
	<link href="css/main.css" rel="stylesheet">
	<link href="css/line-icons.css" rel="stylesheet">
	

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body id="page-top" class="index">
<!-- Header -->
    <header>
        <div class="container">
            <div class="#">
                <img id="headerimg" src="img/header.jpg" class="img-responsive headerimg" alt="">
            </div>
        </div>
    </header>


    <!-- Navigation -->
    <nav id="mainNav" class="navbar navbar-default navbar-custom navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
                </button>
                <!-- <a class="navbar-brand page-scroll" href="#page-top">JsCom IMPRIMERIE</a> -->
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-default">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll bouton bouton_bleu" href="#imprimerie">Imprimerie</a>
                    </li>
                    <li>
                        <a class="page-scroll bouton bouton_rose" href="#enseigne">Enseigne</a>
                    </li>
                    <li>
                        <a class="page-scroll bouton bouton_jaune" href="#objets">Objets Pub</a>
                    </li>
                    <li>
                        <a class="page-scroll bouton bouton_gris" href="#web">Web</a>
                    </li>
                    <li>
                        <a class="page-scroll bouton bouton_bleu" href="#contact">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    
    <!-- Services Section -->
    <section id="about">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h2 class="section-heading">JSCOM IMPRIMERIE</h2>
					<p class="p-about">Nous vous proposons d’insérer <b>votre logo, votre texte, vos idées,</b> sur les supports publicitaires qui correspondent
le mieux à <b>votre image</b>.</p>
                    
                </div>
                <div class="col-md-6">
                    <img src="img/about/voiture_jscom.png" class="img-responsive" alt="">
                </div>
				<!-- <div class="col-md-12 bg_gris center-block"> -->
					
					<!-- <img class="img-valign" src="img/picto_chrono.jpg" alt="" /><span class="align-middle text1"><b>La Rapidité</b> : Traitement express de votre commande.</span> -->
					<!-- <img class="img-valign" src="img/picto_livraison.jpg" alt="" /><span class="align-middle">Livraison <b>GRATUITE</b> en 24/48h.</span> -->
					<!-- <img class="img-valign" src="img/picto_chronopost.jpg" alt="" /><span class="align-middle"><b>Chronopost</b></span> -->
					<!-- <img class="img-valign" src="img/picto_dpd.jpg" alt="" /><span class="align-middle"><b>dpd</b></span> -->

				<!-- </div> -->
			<div class="col-sm-12 col-xs-12 bg_gris">
<ul>
  
  <li class="col-md-5"><img class="img-valign" src="img/picto_chrono.jpg" alt="" /> <span href="#"><b>La Rapidité</b> : Traitement express de votre commande.</span></li>
  <li class="col-md-3"><img class="img-valign" src="img/picto_livraison.jpg" alt="" /><span href="#">
    Livraison <b>GRATUITE</b> en 24/48h.</span></li>
  <li class="col-md-2"><img class="img-valign" src="img/picto_chronopost.jpg" alt="" /> <span href="#"><b>Chronopost</b></span></li>
  <li class="col-md-2"><img class="img-valign"  src="img/picto_dpd.jpg" alt="" />
    <span style="padding-right:10px;" href="#"><b>Dpd</b></span></li>
  
</ul>
  
</div>
				
            </div>

        </div>
    </section>
	<!-- Imprimerie Section -->
	<section id="imprimerie" class="">
	<div class="col-md-12 bg_titrebleu"> 
					
	</div>
        <div class="container">
            <div class="row">
				
                <div class="col-md-6">
						<h2 class="section-heading bouton_bleuh2">IMPRIMERIE</h2>
						<div class="bg_logo">
						<p class="p-imprimerie">Nous vous proposons <b>un large choix de formats et qualités de papier :</b></p>
						
						<ul class="puce puce_gauche puce_bleu">
							<li>Cartes de visite</li>
							<li>Entête-de-lettre</li>
							<li>Tract</li>
							<li>Dépliant</li>
							<li>Brochure</li>
							<li>Affiche</li>
						</ul>
						
						<ul class="puce puce_bleu">
							<li>Eveloppe</li>
							<li>Chemise-à-rabats</li>
							<li>Calendrier</li>
							<li>Menu</li>
							<li>Bloc-note</li>
							<li>Carnet / Liasse …</li>
						</ul>
						<p class="p-imprimerie">avec de <b>multiples finitions possibles :</b></p>
						<ul class="puce_noir puce">
							<li>Pelliculage mat ou brillant,</li>
							<li>Vernis sélectif / vernis 3D</li>
							<li>Dorure à chaud…</li>
						</ul>
						</div>
					</div>
					<div class="col-md-6 img-imprimerie">
						<img src="img/img_imprimerie.png" class="img-responsive" alt="" style="height:660px;">
					</div>
					
            </div>
        </div>
		<div class="col-md-12 bg-light-gray text-center"> 
			<a href="#contact" class="btn-marge"><p class="p-cadre ">Pour tout autre produit ou format, merci de nous consulter.</p></a>		
		</div>
    </section>
	<!-- Start Video promo Section -->
    <section class="video-promo section" data-stellar-background-ratio="0.5">
    <div class="overlay"></div>
      <div class="container">
        <div class="row">
          <div class="col-md-12 col-sm-12">
              <div class="video-promo-content text-center">
			  <h2></h2>
                <!-- <h2 class="wow zoomIn" data-wow-duration="1000ms" data-wow-delay="100ms">Nos réalisations</h2> -->
                <!-- <p class="wow zoomIn" data-wow-duration="1000ms" data-wow-delay="100ms">Découvrez notre galerie d'images</p> -->
                <!-- <a href="galerie.html" class="video-popup wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="0.3s"><i class="lnr lnr-picture"></i></a> -->
              </div>
          </div>
        </div>
      </div>
    </section>
    <!-- End Video Promo Section --> 
	<!-- Enseigne Section -->
	<section id="enseigne">
	<div class="col-md-12 bg_titrerose"> 
					
	</div>
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h2 class="section-heading bouton_roseh2">Enseigne</h2>
					<div class="bg_logo">
					<p class="p-imprimerie"><b>Nombreux supports publicitaires :</b></p>
					
					<ul class="puce_rose puce_gauche puce ">
						<li>Banderole</li>
						<li>Panneau publicitaire tous formats</li>
						<li>Panneau lumineux (led)</li>
						<li>Caisson lumineux</li>
						<li>Adhésif autocollant</li>
						<li>Chevalet</li>
					</ul>
					
					<ul class="puce_rose puce">
						<li>Roll-up</li>
						<li>Drapeau</li>
						<li>Beachflag</li>
						<li>Décoration vitrine</li>
						<li>Décoration véhicule</li>
					</ul>
					</br>
					<p class="p-imprimerie"><b>sur un large choix de matières:</b></p>
					<div class="matieres">
						<img src="img/1.png" class="icon img-responsive" alt=""  >
						<p id="alu">Alu</p>
					</div>
					<div class="matieres">
						<img src="img/2.png" class="icon img-responsive" alt=""  >
						<p>Alvéolaire</p>
					</div>
					<div class="matieres">
						<img src="img/3.png" class="icon img-responsive" alt=""  >
						<p id="pvc">PVC</p>
					</div>
					<div class="matieres">
						<img src="img/4.png" class="icon img-responsive" alt=""  >
						<p>Magnétique</p>
					</div>
					<div class="matieres">
						<img src="img/5.png" class="icon img-responsive" alt=""  >
						<p id="bache">Bâche</p>
					</div>
					<div class="matieres">
						<img src="img/6.png" class="icon img-responsive" alt=""  >
						<p>Microperforé</p>
					</div>
					<div class="matieres">
						<img src="img/7.png" class="icon img-responsive" alt=""  >
						<p id="decoupe">Découpe</p>
					</div>
					
				
					</div>
			
            </div>
			
			<div class="col-md-6 img-enseigne">
                    <img src="img/img_enseigne1.png" class="img-responsive" alt="" >
                </div>
				
				
        </div>
		</div>
		<div class="col-md-12 bg-light-gray text-center"> 
			<a href="#contact" class="btn-marge"><p class="p-cadre ">Pour tout autre produit ou format, merci de nous consulter.</p></a>		
		</div>
		
    </section>
	<!-- Objet pub Section -->
	<section id="objets" class="">
	<div class="col-md-12 bg_titrejaune"> 
					
	</div>
        <div class="container">
            <div class="row">
				
                <div class="col-md-6">
						<h2 class="section-heading bouton_jauneh2">Objets pub</h2>
						<div class="">
						<p class="p-imprimerie">Nous vous proposons <b>un large choix de supports publicitaires et goodies :</b></p>
						
						<ul class="puce puce_gauche puce_jaune">
							<li>Textile</li>
							<li>Stylo</li>
							<li>Mug</li>
						</ul>
						
						<ul class="puce puce_jaune">
							<li>Clé USB</li>
							<li>Porte-clés</li>
							<li>Briquet…</li>
						</ul>
						</div>
				</div>
				<div class="col-md-6 img-imprimerie">
					<img src="img/img_objpub.png" class="img-responsive" alt="" >
				</div>
				<div class="col-md-12"> 
					<img src="img/img_pub.jpg" class="img-responsive" alt="" >		
				</div>
					
            </div>
        </div>
		
		<div class="col-md-12 bg-light-gray text-center"> 
			<a href="#contact" class="btn-marge"><p class="p-cadre ">Pour tout autre produit ou format, merci de nous consulter.</p></a>		
		</div>
    </section>
<!-- Web Section -->
<section id="web" class="">
	<div class="col-md-12 bg_titregris"> 
					
	 </div> 
         <div class="container"> 
             <div class="row"> 
				
                <div class="col-md-6 col-sm-6"> 
						 <h2 class="section-heading bouton_grish2">Web</h2> 
						
						<!-- Start Pricing Table Section --> 
							<div id="pricing" class=" pricing-section"> 
							  <div class="container"> 
								<div class="section-header">           
								 </div> 

								<div class="row pricing-tables">
								  <div class="col-md-4 col-sm-6 col-xs-12"> 
									<div class="pricing-table table-left wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="0.3s">
									  <div class="icon"> 
										<i class="lnr lnr-rocket"></i>  
									  </div>
									  <div class="pricing-details"> 
										<h2>Pack site vitrine</h2> 
										 <ul>
										  <li>4 pages + formulaire de contact + situation géographique</li>
										  <li>Optimisation du référencement naturel</li>
										  <li>Adaptation au webdesign demandé</li>
										  <li>Responsive : site optimisé sur smartphone </li>
										   <li>Mise en ligne inclus</li> 
										  <li>Recettes, tests, corrections inclus</li>
											<li>Maintenance corrective pendant 1 mois</li>										  
										</ul> 
									  </div> 
									</div> 
								  </div>
								 <div class="col-md-4 col-sm-6 col-xs-12"> 
									<div class="pricing-table wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="0.3s"> 
									   <div class="icon"> 
										<i class="lnr lnr-magic-wand"></i>  
									   </div>
									  <div class="pricing-details"> 
										 <h2>Pack site administrable</h2> 
										 <ul> 
										   <li>Installation et configuration du CMS et template</li> 
										  <li>Adaptation au webdesign demandé</li>
										  <li>12 pages de contenus dont un formulaire de contact, mentions légales</li>
										  <li>Optimisation du référencement naturel </li>
										  <li>Statistiques détaillées incluses </li>
										  <li>Responsive : site optimisé sur smartphone </li>
										   <li>Maintenance corrective pendant 1 mois</li>
										 </ul> 
									   </div> 
									 </div> 
								  </div> 
								  <div class="col-md-4 col-sm-6 col-xs-12"> 
									<div class="pricing-table table-left wow fadeInRight" data-wow-duration="1000ms" data-wow-delay="0.3s"> 
									   <div class="icon"> 
										<i class="lnr lnr-users"></i>  
									   </div>
									  <div class="pricing-details"> 
										 <h2>Animation de réseaux sociaux</h2> 
										 <ul> 
										   <li>Facebook</li> 
										  <li>Twitter</li>
										  <li>Page entreprise : Google, Viadeo, Linked In, Tripadvisor</li>
										  <li>Pinterest</li>
										  <li>Instagram</li>
										 </ul> 
									   </div> 
									 </div> 
								  </div> 

								</div> 
							  </div> 
							 </div>	 
						
						
					</div>
					
					
            </div> 
        </div>
		<div id="demande" class="col-md-12 bg-light-gray text-center">  
			<a href="#contact" class="btn-marge"><p class="p-cadre ">Pour toute demande, merci de nous consulter.</p></a>		  
		</div> 
  </section>
  <!-- Start Video promo Section -->
    <section class="video-promo section" data-stellar-background-ratio="0.5">
    <div class="overlay"></div>
      <div class="container">
        <div class="row">
          <div class="col-md-12 col-sm-12">
              <div class="video-promo-content text-center">
			  <h2></h2>
                <!-- <h2 class="wow zoomIn" data-wow-duration="1000ms" data-wow-delay="100ms">Nos réalisations</h2> -->
                <!-- <p class="wow zoomIn" data-wow-duration="1000ms" data-wow-delay="100ms">Découvrez notre galerie d'images</p> -->
                <!-- <a href="galerie.html" class="video-popup wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="0.3s"><i class="lnr lnr-picture"></i></a> -->
              </div>
          </div>
        </div>
      </div>
    </section>
		
<!-- Contact Section -->
	<section id="contact" class="">
	<div class="col-md-12 bg_titrebleu"> 
					
	</div>
        <div class="container">
            <div class="row">
				
                <div class="col-md-6">
						<h2 class="section-heading bouton_bleuh2">Contact</h2>
						<div class="bg_logo">
						<p class="p-imprimerie"><i>Une équipe jeune et dynamique à votre service, pour vous accompagner dans tous vos projets.</i></p>
						
						<p class="p-imprimerie">Contactez-nous au : <span class="rose"><b>06 63 05 52 34</b></span></p>
						<p class="p-imprimerie">ou par mail : <a class="rose" href="mailto:contact@jscom.fr">contact@jscom.fr</a></p>
						<p class="p-imprimerie">Pour vos devis : <a class="rose" href="mailto:devis@jscom.fr">devis@jscom.fr</a></p>
						<p class="p-imprimerie">Suivez-nous sur : </p>
						<img class="img-valign" src="img/facebook.png" alt="" /><a href="https://www.facebook.com/jscom.fr/" target="_blank" class="align-middle rose">JSCOM imprimerie</a>
						<img class="img-valign" src="img/instagram.png" alt="" /><span class="align-middle rose">JSCOM imprimerie</span>
						<p class="p-imprimerie">Réglement : </p>
						<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="J88G4N4EQJTGL">
<input type="image" src="https://www.paypalobjects.com/fr_FR/FR/i/btn/btn_paynowCC_LG.gif" border="0" name="submit" alt="PayPal, le réflexe sécurité pour payer en ligne">
<img alt="" border="0" src="https://www.paypalobjects.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
						</div>
					</div>
					
					<div class="col-md-6 img-contact">
						<img src="img/contact.png" class="img-responsive" alt="">
					</div>
					
            </div>
        </div>
    </section>
	
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Mentions Légales</h4>
      </div>
      <div class="modal-body">
        <p>www.jscom.fr est le site officiel de JS Com</p>

<p>Directeur de Publication: Eric Caron</p>

<p>Conception et réalisation : Marie-Julie Peltier</p>

<p>Hébergement : Hebergeur-pro – 17 Rue de la République – 13200 Arles</p>

<p>Photographies: JsCom, X</p>

<p>Technologies utilisées : Html, css</p>

<p>Liens hypertextes: Les liens présents sur le site qui permettent aux internautes d’être redirigés vers d’autres sites Internet sont 
systématiquement indiqués. Le contenu de ces pages ne font pas parties du site internet JSCOM et n’engagent pas la responsabilité de sa rédaction.
</p>
      </div>
      
    </div>

  </div>
</div>
    

    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <span class="copyright">JSCOM Imprimerie</span>
					<a  class="copyright" data-toggle="modal" data-target="#myModal">Mentions Légales</a>
                </div>
                
            </div>
        </div>
    </footer>

   

    <!-- jQuery -->
    <script src="vendor/jquery/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

    <!-- Contact Form JavaScript -->
    <script src="js/jqBootstrapValidation.js"></script>
    <script src="js/contact_me.js"></script>

    <!-- Theme JavaScript -->
    <script src="js/agency.min.js"></script>

</body>

</html>

AnonSec - 2021