<commit_before><!doctype html>
<html class="no-js" lang="fr">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>FUTURE! The blog to be</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="https://fonts.googleapis.com/css?family=Bubbler+One|Montserrat:700" rel="stylesheet">
        <link rel="apple-touch-icon" href="apple-touch-icon.png">
        <!-- Place favicon.ico in the root directory -->

        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body>

      <!-- ~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~ -->

  <header>
    <div class="title">
      <div class="titleandimg">
        <figure>
          <img src="img/lego.png" alt="lego espace">
        </figure>
        <h1>FUTURE!</h1>
      </div>
      <p class="soustitre">An other way to see tech</p>
    </div>
  </header>
  <!-- ~~~~~~~~~~~~~~~ END HEADER ~~~~~~~~~~~~~~~ -->


  <!-- ~~~~~~~~~~~~~~~ SECTION ~~~~~~~~~~~~~~~ -->

 <section class="maincontainer">
  <div class="containerarticles">

    <article class="mainarticle">

    </article>

    <div class="colonnesarticles">

      <div class="colonne1">
        <article class="articlesimple articlecolor1">
          <figure class="figurearticle">
            <img src="img/article1" alt="">
          </figure>
          <h5>Twitter tweaks its design</h5>
          <div class="divsoustitrearticle">
            <img src="img/horloge" alt="horloge">
            <p class="soustitrearticle">Monday, 06 October</p>
          </div>
          <p class="descriptionarticle">Twitter tweaks its design again in an attempt to woo newcomers</p>
        </article>

        <article class="articlesimple articlecolor2">
          <figure class="figurearticle">
            <img src="img/article2" alt="">
          </figure>
          <h5>the new Surface Pro</h5>
          <div class="divsoustitrearticle">
            <img src="img/horloge" alt="horloge">
            <p class="soustitrearticle">Tuesday, 19 July</p>
          </div>
          <p class="descriptionarticle">The Surface Laptop makes the new Surface Pro mostly a nonstarter</p>
        </article>
      </div>

      <div class="colonne2">
        <article class="articlesimple articlecolor3">
          <figure class="figurearticle">
            <img src="img/article3" alt="">
          </figure>
          <h5>Columbus meetup is happening</h5>
          <div class="divsoustitrearticle">
            <img src="img/horloge" alt="horloge">
            <p class="soustitrearticle">Friday, 03 February</p>
          </div>
          <p class="descriptionarticle">The Columbus meetup is happening tonight but the location changed</p>
        </article>

        <article class="articlesimple articlecolor4">
          <figure class="figurearticle">
            <img src="img/article4" alt="">
          </figure>
          <h5>Highspot raises $15 million</h5>
          <div class="divsoustitrearticle">
            <img src="img/horloge" alt="horloge">
            <p class="soustitrearticle">Sunday, 11 November</p>
          </div>
          <p class="descriptionarticle">Highspot raises $15 million to perfect your sales pitch</p>
        </article>

      </div>

      <div class="colonne3">
        <article class="articlesimple articlecolor5">
          <figure class="figurearticle">
            <img src="img/article5" alt="">
          </figure>
          <h5>Ridibooks scores $20M</h5>
          <div class="divsoustitrearticle">
            <img src="img/horloge" alt="horloge">
            <p class="soustitrearticle">Sunday, 18 November</p>
          </div>
          <p class="descriptionarticle">Korean e-book service Ridibooks scores $20M Series C</p>
        </article>

        <article class="articlesimple articlecolor6">
          <figure class="figurearticle">
            <img src="img/article6" alt="">
          </figure>
          <h5>Uber rival Careem closes $500M raise</h5>
          <div class="divsoustitrearticle">
            <img src="img/horloge" alt="horloge">
            <p class="soustitrearticle">Monday, 23 March</p>
          </div>
          <p class="descriptionarticle">Uber rival Careem closes $500M raise at $1B+ valuation as Daimler steps in</p>
        </article>

      </div>
    </div>
  </div>
 </section>
 <!-- ~~~~~~~~~~~~~~~END SECTION ~~~~~~~~~~~~~~~ -->




 <!-- ~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~ -->
 <footer>

 <div class="containerform">
   <h5>Suscribe!</h5>

   <form>
     <div class="form-group row">
       <label for="inputEmail3" class="col-3 col-sm-2 form-control-label formtext">Email</label>
       <div class="col-9 col-sm-10">
         <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
       </div>
     </div>

     <div class="form-group row">
       <label for="inputName3 formtext" class="col-3 col-sm-2 form-control-label formtext">Name</label>
       <div class="col-9 col-sm-10">
         <input type="Name" class="form-control" id="inputName3" placeholder="Name">
       </div>
     </div>

     <div class="form-group row">
       <label for="inputSurname3 formtext" class="col-3 col-sm-2 form-control-label formtext">Surname</label>
       <div class="col-9 col-sm-10">
         <input type="Surname" class="form-control" id="inputSurname3" placeholder="Surname">
       </div>
     </div>

     <div class="form-group row">
       <label for="inputPhone3 formtext" class="col-3 col-sm-2 form-control-label formtext">Phone</label>
       <div class="col-9 col-sm-10">
         <input type="Phone" class="form-control" id="inputPhone3" placeholder="Phone">
       </div>
     </div>

    <button type="button" class="offset-2 col-8 btn btn-secondary">Send</button>

   </form>
 </div>

   <script type="text/javascript">

function affichage()
{
temps= new Date();
afficher = showFilled(temps.getHours())+ ":" + showFilled(temps.getMinutes()) + ":" + showFilled(temps.getSeconds());
document.all.heure.innerHTML = afficher;

setTimeout("affichage()",1000);
}
function showFilled(Value)<commit_msg>message alert formulaire<commit_after><!doctype html>
<html class="no-js" lang="fr">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>FUTURE! The blog to be</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="https://fonts.googleapis.com/css?family=Bubbler+One|Montserrat:700" rel="stylesheet">
        <link rel="apple-touch-icon" href="apple-touch-icon.png">
        <!-- Place favicon.ico in the root directory -->

        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body>

      <!-- ~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~ -->

  <header>
    <div class="title">
      <div class="titleandimg">
        <figure>
          <img src="img/lego.png" alt="lego espace">
        </figure>
        <h1>FUTURE!</h1>
      </div>
      <p class="soustitre">An other way to see tech</p>
    </div>
  </header>
  <!-- ~~~~~~~~~~~~~~~ END HEADER ~~~~~~~~~~~~~~~ -->


  <!-- ~~~~~~~~~~~~~~~ SECTION ~~~~~~~~~~~~~~~ -->

 <section class="maincontainer">
  <div class="containerarticles">

    <article class="mainarticle">

    </article>

    <div class="colonnesarticles">

      <div class="colonne1">
        <article class="articlesimple articlecolor1">
          <figure class="figurearticle">
            <img src="img/article1" alt="">
          </figure>
          <h5>Twitter tweaks its design</h5>
          <div class="divsoustitrearticle">
            <img src="img/horloge" alt="horloge">
            <p class="soustitrearticle">Monday, 06 October</p>
          </div>
          <p class="descriptionarticle">Twitter tweaks its design again in an attempt to woo newcomers</p>
        </article>

        <article class="articlesimple articlecolor2">
          <figure class="figurearticle">
            <img src="img/article2" alt="">
          </figure>
          <h5>the new Surface Pro</h5>
          <div class="divsoustitrearticle">
            <img src="img/horloge" alt="horloge">
            <p class="soustitrearticle">Tuesday, 19 July</p>
          </div>
          <p class="descriptionarticle">The Surface Laptop makes the new Surface Pro mostly a nonstarter</p>
        </article>
      </div>

      <div class="colonne2">
        <article class="articlesimple articlecolor3">
          <figure class="figurearticle">
            <img src="img/article3" alt="">
          </figure>
          <h5>Columbus meetup is happening</h5>
          <div class="divsoustitrearticle">
            <img src="img/horloge" alt="horloge">
            <p class="soustitrearticle">Friday, 03 February</p>
          </div>
          <p class="descriptionarticle">The Columbus meetup is happening tonight but the location changed</p>
        </article>

        <article class="articlesimple articlecolor4">
          <figure class="figurearticle">
            <img src="img/article4" alt="">
          </figure>
          <h5>Highspot raises $15 million</h5>
          <div class="divsoustitrearticle">
            <img src="img/horloge" alt="horloge">
            <p class="soustitrearticle">Sunday, 11 November</p>
          </div>
          <p class="descriptionarticle">Highspot raises $15 million to perfect your sales pitch</p>
        </article>

      </div>

      <div class="colonne3">
        <article class="articlesimple articlecolor5">
          <figure class="figurearticle">
            <img src="img/article5" alt="">
          </figure>
          <h5>Ridibooks scores $20M</h5>
          <div class="divsoustitrearticle">
            <img src="img/horloge" alt="horloge">
            <p class="soustitrearticle">Sunday, 18 November</p>
          </div>
          <p class="descriptionarticle">Korean e-book service Ridibooks scores $20M Series C</p>
        </article>

        <article class="articlesimple articlecolor6">
          <figure class="figurearticle">
            <img src="img/article6" alt="">
          </figure>
          <h5>Uber rival Careem closes $500M raise</h5>
          <div class="divsoustitrearticle">
            <img src="img/horloge" alt="horloge">
            <p class="soustitrearticle">Monday, 23 March</p>
          </div>
          <p class="descriptionarticle">Uber rival Careem closes $500M raise at $1B+ valuation as Daimler steps in</p>
        </article>

      </div>
    </div>
  </div>
 </section>
 <!-- ~~~~~~~~~~~~~~~END SECTION ~~~~~~~~~~~~~~~ -->




 <!-- ~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~ -->
 <footer>

 <div class="containerform">
   <h5>Suscribe!</h5>

   <form>
     <div class="form-group row">
       <label for="inputEmail3" class="col-3 col-sm-2 form-control-label formtext">Email</label>
       <div class="col-9 col-sm-10">
         <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
       </div>
     </div>

     <div class="form-group row">
       <label for="inputName3 formtext" class="col-3 col-sm-2 form-control-label formtext">Name</label>
       <div class="col-9 col-sm-10">
         <input type="Name" class="form-control" id="inputName3" placeholder="Name">
       </div>
     </div>

     <div class="form-group row">
       <label for="inputSurname3 formtext" class="col-3 col-sm-2 form-control-label formtext">Surname</label>
       <div class="col-9 col-sm-10">
         <input type="Surname" class="form-control" id="inputSurname3" placeholder="Surname">
       </div>
     </div>

     <div class="form-group row">
       <label for="inputPhone3 formtext" class="col-3 col-sm-2 form-control-label formtext">Phone</label>
       <div class="col-9 col-sm-10">
         <input type="Phone" class="form-control" id="inputPhone3" placeholder="Phone">
       </div>
     </div>

    <button type="button" class="offset-2 col-8 btn btn-secondary" onclick="alert('Bravo!!');" onclick="this.textContent='Envoyé';">Send</button>

   </form>
 </div>

   <script type="text/javascript">

function affichage()
{
temps= new Date();
afficher = showFilled(temps.getHours())+ ":" + showFilled(temps.getMinutes()) + ":" + showFilled(temps.getSeconds());
document.all.heure.innerHTML = afficher;

setTimeout("affichage()",1000);
}
function showFilled(Value)
{'fraction_non_alphanumeric': 0.17828125, 'fraction_numerical': 0.015625, 'mean_word_length': 2.628401360544218, 'pattern_counts': {'":': 4, '<': 349, '<?xml version=': 0, '>': 349, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6757168', 'n_tokens_mistral': 4155, 'n_tokens_neox': 3909, 'n_words': 841}