API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 21st, 2016
325
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 15.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.    <head>
  4.       <meta charset="utf-8">
  5.       <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.       <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7.       <!-- SITE META -->
  8.       <title>Nous contacter</title>
  9.       <meta name="description" content="Recherchez votre emploi ou proposez vous en tant que candiat !">
  10.       <meta name="author" content="Kwizzy">
  11.       <meta name="keywords" content="job, pole emplois, jobid">
  12.       <!-- FAVICONS -->
  13.       <link rel="shortcut icon" href="/assets/images/favicon.ico" type="image/x-icon">
  14.       <link rel="apple-touch-icon" href="/assets/images/apple-touch-icon.png">
  15.       <link rel="apple-touch-icon" sizes="57x57" href="/assets/images/apple-touch-icon-57x57.png">
  16.       <link rel="apple-touch-icon" sizes="72x72" href="/assets/images/apple-touch-icon-72x72.png">
  17.       <link rel="apple-touch-icon" sizes="76x76" href="/assets/images/apple-touch-icon-76x76.png">
  18.       <link rel="apple-touch-icon" sizes="114x114" href="/assets/images/apple-touch-icon-114x114.png">
  19.       <link rel="apple-touch-icon" sizes="120x120" href="/assets/images/apple-touch-icon-120x120.png">
  20.       <link rel="apple-touch-icon" sizes="144x144" href="/assets/images/apple-touch-icon-144x144.png">
  21.       <link rel="apple-touch-icon" sizes="152x152" href="/assets/images/apple-touch-icon-152x152.png">
  22.       <!-- BOOTSTRAP STYLES -->
  23.       <link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css">
  24.       <!-- TEMPLATE STYLES -->
  25.       <link rel="stylesheet" type="text/css" href="/assets/style.css">
  26.       <!-- RESPONSIVE STYLES -->
  27.       <link rel="stylesheet" type="text/css" href="/assets/css/responsive.css">
  28.       <!-- COLORS -->
  29.       <link rel="stylesheet" type="text/css" href="/assets/css/colors.css">
  30.       <!-- CUSTOM STYLES -->
  31.       <link rel="stylesheet" type="text/css" href="/assets/css/custom.css">
  32.       <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  33.       <script type="text/javascript" src="/assets/ckeditor/ckeditor.js"></script>
  34.       <!--[if lt IE 9]>
  35.      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  36.      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  37.      <![endif]-->
  38.    </head>
  39.    <body>
  40.       <div id="wrapper">
  41.          <header class="header">
  42.             <div class="container-fluid">
  43.                <nav class="navbar navbar-default yamm">
  44.                   <div class="container">
  45.                      <div class="navbar-header">
  46.                         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  47.                         <span class="sr-only">Toggle navigation</span>
  48.                         <span class="icon-bar"></span>
  49.                         <span class="icon-bar"></span>
  50.                         <span class="icon-bar"></span>
  51.                         </button>
  52.                         <a class="navbar-brand" title="" href="index.html"><img src="/assets/images/logo.png" alt="" class="img-responsive"></a>
  53.                      </div>
  54.                      <!-- end navbar header -->
  55.                      <div id="navbar" class="navbar-collapse collapse">
  56.                         <ul class="nav navbar-nav">
  57.                            <li><a title="" href="">Employeurs</a></li>
  58.                            <li><a title="" href="">Indépendants</a></li>
  59.                            <li><a title="" href="">Blog</a></li>
  60.                            <li><a title="" href="">Support</a></li>
  61.                         </ul>
  62.                         <ul class="nav navbar-nav navbar-right">
  63.                            <li class="dropdown yamm-half membermenu hasmenu">
  64.                               <a href="index.html#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="/assets/upload/default_user.png" alt="" class="img-circle"> <span class="caret"></span></a>
  65.                               <ul class="dropdown-menu start-right">
  66.                                  <li class="dropdown-header">Welcome Jenny</li>
  67.                                  <li><a href="freelancer-profile.html"><span class="glyphicon glyphicon-user"></span>
  68.                                     Profil publique</a>
  69.                                  </li>
  70.                                  <li><a href="freelancer-dashboard.html"><span class="glyphicon glyphicon-cog"></span>
  71.                                     Préférence du profil</a>
  72.                                  </li>
  73.                                  <li><a href="freelancer-edit-resume.html"><span class="glyphicon glyphicon-edit"></span>
  74.                                     Editer son CV</a>
  75.                                  </li>
  76.                                  <li><a href="freelancer-active-jobs.html"><span class="glyphicon glyphicon-briefcase"></span>
  77.                                     Job actif</a>
  78.                                  </li>
  79.                                  <li><a href="freelancer-change-password.html"><span class="glyphicon glyphicon-refresh"></span>
  80.                                     Changer son mot de passe</a>
  81.                                  </li>
  82.                                  <li><a href="/logout"><span class="glyphicon glyphicon-lock"></span>
  83.                                     Se déconnecter</a>
  84.                                  </li>
  85.                               </ul>
  86.                            </li>
  87.                            <li><a class="btn btn-primary" title="" href="">Poster un job</a></li>
  88.                         </ul>
  89.                         <!-- end dropdown -->
  90.                      </div>
  91.                      <!--/.nav-collapse -->
  92.                   </div>
  93.                   <!--/.container-fluid -->
  94.                </nav>
  95.                <!-- end nav -->
  96.             </div>
  97.             <!-- end container -->
  98.          </header>
  99.          <!-- end header -->
  100.          <div class="section db">
  101.             <div class="container">
  102.                <div class="page-title text-center">
  103.                   <div class="heading-holder">
  104.                      <h1>Nous contacter</h1>
  105.                   </div>
  106.                   <p class="lead">Si vous avez des questions c'est ici !</p>
  107.                </div>
  108.             </div>
  109.             <!-- end container -->
  110.          </div>
  111.          <!-- end section -->
  112.          <div class="section lb">
  113.             <div class="container">
  114.                <div class="row">
  115.                   <div class="content col-md-8">
  116.                      <div class="post-padding">
  117.                         <div class="content-title">
  118.                            <h4>Contact Form</h4>
  119.                            <hr>
  120.                         </div>
  121.                         <!-- end widget-title -->
  122.                         <p>Si vous avez des problèmes en rapport avec le site, des bugs, des suggestions ou des offres commerciales à nous proposer nous sommes ouverts à toutes proposition. <br>
  123.                            Temps de réponse maximum : 72 Heures.
  124.                         </p>
  125.                         <hr class="invis">
  126.                         <form id="submit" class="submit-form" method="post" action="/support">
  127.                            <div class="row">
  128.                               <div class="col-md-6 col-sm-12">
  129.                                  <label class="control-label">Votre nom</label>
  130.                                  <input type="text" class="form-control" name="lastName" placeholder="">
  131.                               </div>
  132.                               <div class="col-md-6 col-sm-12">
  133.                                  <label class="control-label">Votre adresse email (valide)</label>
  134.                                  <input type="email" class="form-control" name="email" placeholder="">
  135.                               </div>
  136.                            </div>
  137.                            <!-- end row -->
  138.                            <hr class="invis">
  139.                            <div class="row">
  140.                               <div class="col-md-12 col-sm-12">
  141.                                  <label class="control-label">Sujet du message</label>
  142.                                  <input type="text" class="form-control" name="subject" placeholder="">
  143.                               </div>
  144.                            </div>
  145.                            <!-- end row -->
  146.                            <hr class="invis">
  147.                            <div class="row">
  148.                               <div class="col-md-6 col-sm-12">
  149.                                  <label class="control-label">Votre site internet</label>
  150.                                  <input type="text" class="form-control" name="website" value="http://">
  151.                               </div>
  152.                               <div class="row">
  153.                                  <div class="col-md-5 col-sm-12">
  154.                                     <label class="control-label">Catégorie de support</label>
  155.                                     <select name="department" class="form-control" data-style="btn-default" data-live-search="true">
  156.                                        <option value="Bug">Bug</option>
  157.                                        <option value="Compte">Compte</option>
  158.                                        <option value="Communication">Communication</option>
  159.                                        <option value="Finance">Finance</option>
  160.                                     </select>
  161.                                  </div>
  162.                               </div>
  163.                               <!-- end row -->
  164.                            </div>
  165.                            <!-- end row -->
  166.                            <hr class="invis">
  167.                            <div class="row">
  168.                               <div class="col-md-12 col-sm-12">
  169.                                  <label class="control-label">Your Message</label>
  170.                                  <p>
  171.                                     <textarea id="editor" name="content" placeholder="Ecrivez votre message ici"></textarea>
  172.                                     <script type="text/javascript">
  173.                                        CKEDITOR.replace('editor');
  174.                                     </script>
  175.                                  </p>
  176.                               </div>
  177.                            </div>
  178.                            <!-- end row -->
  179.                            <hr class="invis">
  180.                            <button type="submit" class="btn btn-primary">Envoyer !</button>
  181.                         </form>
  182.                      </div>
  183.                      <!-- end post-padding -->
  184.                   </div>
  185.                   <!-- end col -->
  186.                   <div class="sidebar col-md-4">
  187.                      <div class="widget clearfix">
  188.                         <div class="postpager liststylepost">
  189.                            <ul class="post-blog">
  190.                               <li>
  191.                                  <div class="post">
  192.                                     <a href="">
  193.                                        <h4>Poster votre CV</h4>
  194.                                     </a>
  195.                                     <div class="blog-meta clearfix">
  196.                                        <small>
  197.                                        Vous voulez devenir visible au près des annonceurs ? Proposez sur notre site votre CV !</small>
  198.                                     </div>
  199.                                  </div>
  200.                               </li>
  201.                               <li>
  202.                                  <div class="post">
  203.                                     <a href="">
  204.                                        <h4>Poster un job</h4>
  205.                                     </a>
  206.                                     <div class="blog-meta clearfix">
  207.                                        <small>
  208.                                        Vous voulez recevoir les meilleurs personnes qui correspondent à votre offre d'emploi ? Proposez votre offre sur notre site !</small>
  209.                                     </div>
  210.                                  </div>
  211.                               </li>
  212.                               <li>
  213.                                  <div class="post">
  214.                                     <a href="/register">
  215.                                        <h4>Créer un compte</h4>
  216.                                     </a>
  217.                                     <div class="blog-meta clearfix">
  218.                                        <small>
  219.                                        Pas encore inscrit ? Inscrivez vous dès maintenant et bénéficiez de pleins d'avantages !</small>
  220.                                     </div>
  221.                                  </div>
  222.                               </li>
  223.                            </ul>
  224.                         </div>
  225.                         <!-- end postpager -->
  226.                      </div>
  227.                      <!-- end widget -->
  228.                      <div class="widget clearfix">
  229.                         <div class="widget-title">
  230.                            <h4>Détails</h4>
  231.                         </div>
  232.                         <!-- end widget-title -->
  233.                         <ul class="contact-details">
  234.                            <li><a href=""><i class="fa fa-envelope-o"></i> [email protected]</a></li>
  235.                         </ul>
  236.                      </div>
  237.                      <!-- end widget -->
  238.                   </div>
  239.                </div>
  240.                <!-- end col -->
  241.             </div>
  242.             <!-- end row -->
  243.          </div>
  244.          <!-- end section -->
  245.       </div>
  246.       <div id="sitefooter-wrap" class="stickyfooter">
  247.          <div id="sitefooter" class="container">
  248.             <div id="copyright" class="row">
  249.                <div class="col-md-6 col-sm-12 text-left">
  250.                   <p>JobID est une idée d'Alexis Viscogliosi disigné par <a href="http://psdconverthtml.com">PSD to HTML</a>.</p>
  251.                </div>
  252.                <div class="col-md-6 col-sm-12">
  253.                   <ul class="list-inline text-right">
  254.                      <li><a href="#">Copyrights</a></li>
  255.                      <li><a href="#">Nous contacter</a></li>
  256.                      <li><a href="#">Twitter</a></li>
  257.                      <li><a href="#">Facebook</a></li>
  258.                   </ul>
  259.                </div>
  260.             </div>
  261.          </div>
  262.       </div>
  263.       <!-- ******************************************
  264.         DEFAULT JAVASCRIPT FILES
  265.         ********************************************** -->
  266.       <script src="/assets/js/jquery.js"></script>
  267.       <script src="/assets/js/bootstrap.min.js"></script>
  268.       <script src="/assets/js/all.js"></script>
  269.       <script src="/assets/js/custom.js"></script>
  270.       <script src="/assets/js/map.js"></script>
  271.       <script src="/assets/js/filter_01.js"></script>
  272.       <script src="/assets/js/filter_02.js"></script>
  273.       <!-- ******************************************
  274.         ADD YOUR CUSTOM JAVASCRIPT FILES HERE
  275.         ********************************************** -->
  276.    </body>
  277. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!