Untitled

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>Sweet</title>
  <link rel="stylesheet" type="text/css" href="sweetcss.css">
  <link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow" rel="stylesheet">
</head>

<body>

  <!--BLOCK 1-->

  <div id="Block1">
    <img id="Logo1" src="img/logo_web.svg">
    <p id="titre1"><strong>Sweet</strong> votre allié bonne humeur</p>
    <img class="Logos2" src="img/android.svg">
    <img class="Logos2" src="img/apple.svg">
    <p id="Découvrir">Découvrir</p>
    <img id="Logo3" src="img/catchphrase.svg">
    <br>
    <img id="image1" src="img/homescreen@2x.png">
  </div>
  <!-- FIN BLOCK1 -->
  <!-- BLOCK2 -->

  <div id="Block2">

    <h1>Have a <span class="sweet">Sweet</span> life</h1>
    <p class="paragraphe1">Sweet est un réseau social spécialement conçu pour diffuser du bonheur.<br>Découvrez la communauté de ceux qui veulent prendre la vie avec le sourire !</p>

    <!-- DEBUT DIV PARENTWELCOM -->

    <div id="welcom1">
      <img class="logow" src="img/welcom_1.svg">
      <br>
      <h2 class="titres2">Quotidien</h2>
      <p class="paragraphe2">Innondez le monde d'amour et d'énergie positive</p>
    </div>
    <div id="welcom2">
      <img class="logow" src="img/welcom_2.svg">
      <br>
      <h2 class="titres2">Positif</h2>
      <p class="paragraphe2">Votez pour ne conserver que les contenus qui vous donnent le moral</p>
    </div>
    <div id="welcom3">
      <img class="logow" src="img/welcom_3.svg">
      <br>
      <h2 class="titres2">Communautaire</h2>
      <p class="paragraphe2">Comptez sur vos amis pour vous envoyer une touche de douceur</p>
    </div>
  </div>
  <!-- FIN DIV PARENTWELCOM -->
  <!-- FIN BLOCK2 -->

  <!-- DEBUT SOUSBLOCK21 -->
  <div id="sousblock21">
    <!-- DEBUT PARENTPARAGRAPHE -->
    <div id="parentparagraphe">
      <h1 id="titre3"> Ne manquez plus les<br> bonnes nouvelles </h1>
      <br>
      <p class="paragraphe2"> L'actualité, c'est aussi des choses formidables qui se passent à travers le
        <br> monde. Vous trouvez qu'on n'en parle pas assez? Nous aussi!</p>
      <img class="logo4" src="img/lili.svg">
      <p class="paragraphe3"> <span class="sweet">Lili, votre assistant personnel</span> <br> Nous avons conçu Lili, votre assistant qui sera en charge de<br> vous donner votre dose de bonnes vibes quotidiennes.</p>
      <img class="logo4" src="img/share_icon.svg">
      <p class="paragraphe3"> <span class="sweet">Partagez vos découvertes</span> <br> Vous avez trouvé un article sympa? Partagez-le sur Sweet pour <br> le faire découvrir aux autres utilisateurs.</p>

    </div>
    <!-- FIN PARENTPARAGRAPHE  -->
    <!-- DEBUT PARENTIPHONE12 -->
    <div id="parentiphone12">
      <img id="iphone1" src="img/features1a@2x.png">
      <img id="iphone2" src="img/features1b@2x.png">
    </div>
    <!-- FIN PARENTIPHONE12 -->
  </div>
  <!-- FIN SOUSBLOCK21 -->

  <!-- DEBUT SOUSBLOCK22 -->
  <div id="sousblock22">
    <!-- DEBUT PARENTPARAGRAPHE2 -->
    <div id="parentparagraphe2">
      <h1 id="titre3"> Soyez acteur du bonheur</h1>
      <br>
      <p class="paragraphe2">"Le bonheur est la seule chose qui se double quand on le partage"<br> C'est le fondement de Sweet. Partagez votre bonheur est inspirez-vous de <br> celui des autres. </p>
      <img class="logo5" src="img/welcom_2.svg">
      <p class="paragraphe4"> <span class="sweet">Contribuez</span> <br> Une photo Sweet? Une citation inspirante? Un Gif amusant? <br> Diffusez votre énergie sur Sweet.</p>
      <img class="logo5" src="img/welcom_1.svg">
      <p class="paragraphe4"> <span class="sweet">Puisez dans l'énergie de la communauté</span> <br> Sweet est une nouvelle ressource pour vous aider à voir un <br> rayon de soleil dans vos journées.</p>

    </div>
    <!-- FIN PARENTPARAGRAPHE2  -->
    <!-- DEBUT PARENTIPHONE34 -->
    <div id="parentiphone34">
      <img id="iphone3" src="img/features2a@2x.png">
      <img id="iphone4" src="img/features2b@2x.png">
    </div>
    <!-- FIN PARENTIPHONE34 -->
  </div>
  <!-- FIN SOUSBLOCK22 -->
  <!-- FIN Block2 -->

  <!-- BLOCK3 -->
  <div id="Block3">
    <h1 id="titre4"> <span class="sweet">Votre moment</span> </h1>

    <p class="paragraphe5">Sweet a été conçu pour que vous vous exprimiez, avec simplicité</p>
    <img id="iphone5" src="img/features3@2x.png">
  </div>
  <!-- DEBUT SOUSBLOCK31 -->
  <div id="sousblock31">
    <p><span class="sweet">Les Sweets</span> <br> Créez des Sweets au format photo, gif,<br> citation, emoji ou lien internet</p>
    <p>
      <br>
      <p><span class="sweet">Évaluation</span> <br> Notez la douceur d'un Sweet et aidez à<br> filtrer le contenu négatif
        <p>
  </div>
  <!-- FIN SOUSBLOCK31 -->
  <!-- DEBUT SOUSBLOCK32 -->
  <div id="sousblock32">
    <p><span class="sweet">Votre réseau</span> <br> Personnalisez vos connexions dans Sweet<br> afin de partager dans un cercle plus intime</p>
    <p>
      <br>
      <p><span class="sweet">Le "Need a Sweet"</span> <br> Signalez à vos proches que vous n'êtes pas<br> dans votre meilleur jour afin qu'ils vous<br> envoient de quoi égayer votre journée
        <p>
  </div>
  <!-- FIN SOUSBLOCK32 -->
  <!-- FIN BLOCK3 -->
  <!-- DEBUT BLOCK4 -->
  <div id="Block4">
    <img id="facebook" src=img/facebook.png>
    <p id="copyright">Copyright © 2017 SWEET</p>
  </div>

  <!-- FIN BLOCK4 -->


</body>

</html>