Finalisation accueil avant communication sur le site

Mise en place des prix.
"Service" devient "Plateforme".
Ajout d'une icone devant "Je m'inscris"

frontend/views/site/index.php

 use dosamigos\leaflet\widgets\Map;
 
 /* @var $this yii\web\View */
-$this->title = 'Service de réservation de pain';
+$this->title = 'Plateforme de réservation de pain';
 ?>
 
 <?php
 	<div class="row" id="row-presentation">
             <div class="col-md-12">
                 <h1 id="title-site">La boîte à pain</h1>
-                <p><strong>Service de réservation de pain</strong>.<br /><br /> 
+                <p><strong>Plateforme de réservation de pain</strong>.<br /><br /> 
                     
                     <em>Réservez votre pain en ligne et récupérez votre commande<br />
                 dans votre boulangerie ou dans un dépôt près de chez vous.</em></p>
                     <li>Garantie d'avoir du pain</li>
                     <li>Possibilité de choisir un dépôt proche de chez soi</li>
                 </ul>
+                <div class="prix"><span>Gratuit</span></div>
             </div>
             <div class="col-md-6">
                 <h2><img src="./img/boulanger1.png" id="img-boulanger" /><br />
                     Boulanger
                    </h2>
                 <ul>
-                    <li>Contact supplémentaire avec vos clients</li>
+                    <li>Prise de commande automatisée</li>
                     <li>Optimisation de la production</li>
                 </ul>
+                <div class="prix"><span>30 € / mois</span></div>
+                <div id="periode-essai">Période d'essai gratuite de 30 jours</div>
             </div>
         </div>
         <?php if(Yii::$app->user->isGuest): ?>
         <div class="row" id="row-signup">
-            <a class="btn btn-primary btn-lg" href="<?= Yii::$app->urlManager->createUrl('site/signup'); ?>">Je m'inscris</a>
+            <a class="btn btn-primary btn-lg" href="<?= Yii::$app->urlManager->createUrl('site/signup'); ?>"><span class="glyphicon glyphicon-circle-arrow-right"></span> Je m'inscris</a>
         </div>
         <?php endif; ?>
         

frontend/web/css/screen.css

 /* line 49, ../sass/screen.scss */
 #main a:focus, #main a:active {
   outline-color: gray;
-  color: black;
+  color: white;
 }
 /* line 54, ../sass/screen.scss */
 #main a:hover {
-  color: black;
+  color: white;
 }
 /* line 58, ../sass/screen.scss */
 #main a.btn {
 /* line 276, ../sass/screen.scss */
 #content #row-signup {
   text-align: center;
-  margin-top: 20px;
+  margin-top: 40px;
 }
-/* line 281, ../sass/screen.scss */
+/* line 280, ../sass/screen.scss */
+#content #row-signup a.btn {
+  padding: 13px 32px;
+  font-size: 25px;
+}
+/* line 286, ../sass/screen.scss */
 #content #row-clients-boulanger {
   margin-bottom: 50px;
 }
-/* line 283, ../sass/screen.scss */
+/* line 288, ../sass/screen.scss */
 #content #row-clients-boulanger h2 {
   text-align: center;
   margin-bottom: 15px;
   padding-bottom: 0px;
 }
-/* line 287, ../sass/screen.scss */
+/* line 292, ../sass/screen.scss */
 #content #row-clients-boulanger h2 img {
   height: 70px;
   margin-bottom: 60px;
 }
-/* line 293, ../sass/screen.scss */
+/* line 298, ../sass/screen.scss */
 #content #row-clients-boulanger ul {
   text-align: center;
 }
-/* line 295, ../sass/screen.scss */
+/* line 300, ../sass/screen.scss */
 #content #row-clients-boulanger ul li {
   list-style-type: none;
 }
-/* line 300, ../sass/screen.scss */
+/* line 305, ../sass/screen.scss */
 #content #row-clients-boulanger #clients {
   border-right: dotted 1px gray;
 }
-/* line 304, ../sass/screen.scss */
+/* line 309, ../sass/screen.scss */
 #content #row-clients-boulanger .prix {
   padding-top: 15px;
   font-size: 18px;
+  text-align: center;
+}
+/* line 314, ../sass/screen.scss */
+#content #row-clients-boulanger .prix span {
+  color: #BB8757;
+  background-color: #F8F1DD;
+  border: solid 1px #e0e0e0;
+  font-weight: normal;
+  font-size: 22px;
+  font-family: "comfortaaregular";
+  padding: 5px 10px;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  border-radius: 10px;
+}
+/* line 328, ../sass/screen.scss */
+#content #row-clients-boulanger #periode-essai {
+  margin-top: 8px;
+  text-align: center;
+  font-size: 13px;
+  color: gray;
+  font-family: "comfortaaregular";
 }
 
-/* line 313, ../sass/screen.scss */
+/* line 340, ../sass/screen.scss */
 #content #contact {
   display: none;
 }
-/* line 317, ../sass/screen.scss */
+/* line 344, ../sass/screen.scss */
 #content #contact .icon {
   width: 55px;
   top: -15px;
   margin-left: -70px;
 }
-/* line 326, ../sass/screen.scss */
+/* line 353, ../sass/screen.scss */
 #content #contact .form-control:focus {
   /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
   border-color: $jaune ;*/
 }
-/* line 331, ../sass/screen.scss */
+/* line 358, ../sass/screen.scss */
 #content #contact .form-group {
   text-align: center;
 }
-/* line 335, ../sass/screen.scss */
+/* line 362, ../sass/screen.scss */
 #content #contact .img-right {
   float: right;
 }
-/* line 338, ../sass/screen.scss */
+/* line 365, ../sass/screen.scss */
 #content #contact .img-right img {
   width: 300px;
 }
 
-/* line 345, ../sass/screen.scss */
+/* line 372, ../sass/screen.scss */
 .form-control:focus {
   /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
   border-color: $jaune ;*/
 }
 
-/* line 350, ../sass/screen.scss */
+/* line 377, ../sass/screen.scss */
 #footer {
   position: absolute;
   bottom: 0px;
   padding-top: 30px;
   padding-bottom: 60px;
 }
-/* line 366, ../sass/screen.scss */
+/* line 393, ../sass/screen.scss */
 #footer a {
   color: #7e7e7e;
   color: white;
   border-right: solid 1px #7e7e7e;
   border-right: solid 1px white;
 }
-/* line 375, ../sass/screen.scss */
+/* line 402, ../sass/screen.scss */
 #footer a:hover {
   color: gray;
 }
-/* line 379, ../sass/screen.scss */
+/* line 406, ../sass/screen.scss */
 #footer a:last-child {
   border: 0px none;
 }
 
-/* line 385, ../sass/screen.scss */
+/* line 412, ../sass/screen.scss */
 #content #mentions {
   padding-top: 20px;
 }
-/* line 388, ../sass/screen.scss */
+/* line 415, ../sass/screen.scss */
 #content #mentions div.content {
   width: 60%;
   font-size: 90%;
 }
-/* line 393, ../sass/screen.scss */
+/* line 420, ../sass/screen.scss */
 #content #mentions p {
   padding-bottom: 15px;
 }
-/* line 397, ../sass/screen.scss */
+/* line 424, ../sass/screen.scss */
 #content #mentions h2 {
   color: black;
   padding-bottom: 40px;
   line-height: 35px;
   font-family: "myriadpro-regular";
 }
-/* line 405, ../sass/screen.scss */
+/* line 432, ../sass/screen.scss */
 #content #mentions h3 {
   font-family: "comfortaaregular";
   font-size: 18px;
   color: black;
 }
 
-/* line 416, ../sass/screen.scss */
+/* line 443, ../sass/screen.scss */
 .mentions #main, .mentions body {
   background-color: white;
 }
 
-/* line 421, ../sass/screen.scss */
+/* line 448, ../sass/screen.scss */
 .vegas-loading {
   display: none;
 }
 
-/* line 428, ../sass/screen.scss */
+/* line 455, ../sass/screen.scss */
 #profil-user .form-group.field-user-no_mail label {
   font-weight: normal;
 }
-/* line 432, ../sass/screen.scss */
+/* line 459, ../sass/screen.scss */
 #profil-user .form-group label {
   cursor: pointer;
 }
-/* line 437, ../sass/screen.scss */
+/* line 464, ../sass/screen.scss */
 #profil-user #mails-jours-prod .form-group {
   float: left;
   margin-right: 15px;
 }
-/* line 440, ../sass/screen.scss */
+/* line 467, ../sass/screen.scss */
 #profil-user #mails-jours-prod .form-group label {
   font-weight: normal;
 }
-/* line 446, ../sass/screen.scss */
+/* line 473, ../sass/screen.scss */
 #profil-user p.strong {
   font-weight: bold;
 }
 
 /* signup */
-/* line 455, ../sass/screen.scss */
+/* line 482, ../sass/screen.scss */
 #form-signup #client-boulanger {
   margin-bottom: 30px;
 }
-/* line 460, ../sass/screen.scss */
+/* line 487, ../sass/screen.scss */
 #form-signup #signupform-id_etablissement option:disabled {
   font-weight: bold;
   color: black;
 }
-/* line 466, ../sass/screen.scss */
+/* line 493, ../sass/screen.scss */
 #form-signup #champs-boulanger {
   display: none;
 }
-/* line 470, ../sass/screen.scss */
+/* line 497, ../sass/screen.scss */
 #form-signup #boutons-inscrire {
   margin-top: 30px;
 }

frontend/web/sass/screen.scss

 
 	&:focus, &:active {
 		outline-color: gray ;
-		color: black ;		
+		color: white ;		
 	}
 	
 	&:hover {
-		color: black ;
+		color: white ;
 	}
 	
 	&.btn {
         
         #row-signup {
             text-align: center ;
-            margin-top: 20px ;
+            margin-top: 40px ;
+            
+            a.btn {
+                padding: 13px 32px ;
+                font-size: 25px ;
+            }
         }
 
         #row-clients-boulanger {
             .prix {
                 padding-top: 15px ;
                 font-size: 18px ;
+                text-align: center ;
+                
+                span {
+                    color: $color1 ;
+                    background-color: $color2 ;
+                    border: solid 1px #e0e0e0 ;
+                    font-weight: normal ;
+                    font-size: 22px ;
+                    font-family: 'comfortaaregular' ;
+                    
+                    
+                    padding: 5px 10px ;
+                    @include border-radius(10px) ;
+                }
+            }
+            
+            #periode-essai {
+                margin-top: 8px ;
+                text-align: center ;
+                font-size: 13px ;
+                color: gray ;
+                font-family: 'comfortaaregular' ;
             }
         }