Merge branch 'frontend/feature/presentation_fonctionnalites' into dev

frontend/views/site/contact.php

@@ -43,7 +43,7 @@ use yii\captcha\Captcha;
 /* @var $this yii\web\View */
 /* @var $form yii\bootstrap\ActiveForm */
 
-$this->title = 'Contact';
+$this->title = 'Me contacter';
 $this->params['breadcrumbs'][] = $this->title;
 ?>
 <div class="site-contact">
@@ -54,6 +54,14 @@ $this->params['breadcrumbs'][] = $this->title;
 
     <div class="row">
         <div class="col-lg-5">
+            
+            <h2>par téléphone</h2>
+            <p id="contact-phone">
+                Guillaume Bourgeois<br />
+                <span class="glyphicon glyphicon-phone"></span> 06 84 59 71 79
+            </p>
+            
+            <h2>Par email</h2>
             <?php $form = ActiveForm::begin(['id' => 'contact-form']); ?>
                 <?= $form->field($model, 'name') ?>
                 <?= $form->field($model, 'email') ?>

frontend/views/site/index.php

@@ -57,7 +57,7 @@ $this->setPageTitle('Plateforme de réservation de pain') ;
 <div id="presentation">
     <div id="row-presentation-distrib">
         <h2>
-            <span>Un outil web de gestion de commandes pour les producteurs en vente directe.</span>
+            <span><span class="glyphicon glyphicon-chevron-right"></span>Un outil web libre de gestion de commandes<br />pour les producteurs en vente directe.</span>
         </h2>
     </div>
     <div class="row" id="row-users-producers">
@@ -66,24 +66,10 @@ $this->setPageTitle('Plateforme de réservation de pain') ;
                 <img class="img" src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/cagette.png" id="img-producer" />
                 <span>Producteurs</span>
             </h2>
-
-            <p class="presentation">Simplifiez la gestion de vos commandes.</p>
-            <ul>
-                <li>Prise de commande en ligne automatisée</li>
-                <li>Gestion de vos points de vente</li>
-                <li>Réception de vos commandes par email</li>
-                <li>Mise en place de comptes prépayés possible pour vos clients</li>
-            </ul>
-
-            <div class="price">
-                <ul>
-                    <li>Abonnement à <strong>prix libre</strong><br /></li>
-                    <li>Formation & développement spécifique <strong>sur devis</strong></li>
-                </ul>
-            </div>
-            
+            <p class="presentation">Simplifiez la gestion de vos commandes avec des outils adaptés.</p>
             <?php if(Yii::$app->user->isGuest): ?>
                 <a class="btn btn-primary" href="<?= Yii::$app->urlManagerFrontend->createUrl(['site/signup']) ; ?>"><span class="glyphicon glyphicon-user"></span> Je crée mon compte</a>
+                <a class="btn btn-default" href="<?= Yii::$app->urlManagerFrontend->createUrl(['site/contact']) ; ?>"><span class="glyphicon glyphicon-info-sign"></span> J'ai besoin d'informations complémentaires</a>
             <?php endif; ?>
         </div>
         <div class="col-md-6" id="users">
@@ -92,29 +78,79 @@ $this->setPageTitle('Plateforme de réservation de pain') ;
                 <span>Clients</span>
             </h2>
             <p class="presentation">Réservez vos produits en ligne et récupérez votre commande
-            chez votre producteur ou dans un dépôt près de chez vous.</p>
-            <ul>
-                <li>Garantie d'avoir vos produits</li>
-                <li>Moyen simple de commander</li>
-                <li>Possibilité de choisir un dépôt proche de chez soi</li>
-            </ul>
-            <div class="price">
-                <ul>
-                    <li>Gratuit</li>
-                    <li>Possibilité de don lors de la commande</li>
-                </ulv>
-            </div>
-            
+            chez votre producteur ou dans un dépôt près de chez vous.</p>    
             <a class="btn btn-primary" href="<?= Yii::$app->urlManagerFrontend->createUrl(['site/producers']) ; ?>"><span class="glyphicon glyphicon-search"></span> Je recherche un producteur</a>
         </div>
     </div>
-    <?php if(Yii::$app->user->isGuest): ?>
+    <?php if(Yii::$app->user->isGuest && YII_ENV == 'demo'): ?>
     <div class="row" id="row-signup">
-        <?php if(YII_ENV == 'demo'): ?>
-            <a class="btn btn-primary btn-lg" href="<?= Url::env('prod','frontend'); ?>"><span class="glyphicon glyphicon-circle-arrow-left"></span> Retour sur le site</a>
-        <?php endif; ?>    
+        <a class="btn btn-primary btn-lg" href="<?= Url::env('prod','frontend'); ?>"><span class="glyphicon glyphicon-circle-arrow-left"></span> Retour sur le site</a>
     </div> 
     <?php endif; ?>
+    <div class="col-md-6" id="row-functionalities">
+        <h2><span class="glyphicon glyphicon-cog"></span> Fonctionnalités</h2>
+        <div class="block block-order col-md-6">
+            <img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/order.png" />
+            <p>Prise de commande en ligne automatisée avec génération d'un récapitulatif par jour de distribution.</p>
+            <div class="clr"></div>
+        </div>
+        <div class="block block-payment col-md-6">
+            <img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/payment.png" />
+            <p>Système de crédit permettant la comptabilisation des paiements.</p>
+            <div class="clr"></div>
+        </div>
+        <div class="clr"></div>
+        <div class="block block-points-sale-products col-md-6">
+            <img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/map-marker.png" />
+            <p>Gestion des différents points de vente et produits.</p>
+            <div class="clr"></div>
+        </div>
+        <div class="block block-subscriptions col-md-6">
+            <img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/subscription.png" />
+            <p>Gestion des abonnement.</p>
+            <div class="clr"></div>
+        </div>
+        <div class="clr"></div>
+        <div class="block block-communication col-md-6">
+            <img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/megaphone.png" />
+            <p>Communication simplifiée avec les clients.</p>
+            <div class="clr"></div>
+        </div>
+        <div class="block block-evolution col-md-6">
+            <img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/fist.png" />
+            <p><a href="<?= Yii::$app->urlManager->createUrl(['site/contact']) ?>">Proposez-nous</a> vos idées afin de faire évoluer l'outil !</p>
+            <div class="clr"></div>
+        </div>
+    </div>
+    <div class="col-md-6" id="row-rates">
+        <h2><span class="glyphicon glyphicon-euro"></span> Tarifs</h2>
+        <table class="table table-bordered">
+            <thead>
+                <tr>
+                    <th colspan="2">Producteurs</th>
+                    <th>Clients</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>Abonnement mensuel</td>
+                    <td><strong>Prix libre</strong></td>
+                    <td><strong>Gratuit</strong></td>
+                </tr>
+                <tr>
+                    <td>Formation & aide à la mise en place</td>
+                    <td><strong>30 € HT / heure</strong></td>
+                    <td>Possibilité de don<br />lors de la commande</td>
+                </tr>
+                <tr>
+                    <td>Développement spécifique</td>
+                    <td><strong>Sur devis</strong></td>
+                    <td></td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    <div class="clr"></div>
 </div>
 
 <!-- Tarifs -->

frontend/web/css/screen.css

@@ -420,103 +420,143 @@ ul li {
 #content #row-presentation-distrib {
   border-bottom: solid 1px #e0e0e0;
 }
-/* line 410, ../sass/screen.scss */
+/* line 409, ../sass/screen.scss */
+#content #row-presentation-distrib .glyphicon-chevron-right {
+  color: gray;
+  margin-right: 8px;
+  font-size: 18px;
+  position: relative;
+  top: -1px;
+}
+/* line 416, ../sass/screen.scss */
 #content #row-presentation-distrib h2 {
   font-family: "capsuularegular";
   text-align: center;
   margin-top: 0px;
   text-transform: none;
 }
-/* line 418, ../sass/screen.scss */
+/* line 424, ../sass/screen.scss */
 #content #row-users-producers {
-  margin-bottom: 50px;
   padding-top: 30px;
 }
-/* line 422, ../sass/screen.scss */
+/* line 426, ../sass/screen.scss */
+#content #row-users-producers div.producer, #content #row-users-producers div.users {
+  margin-bottom: 50px;
+}
+/* line 432, ../sass/screen.scss */
 #content #row-users-producers h2 {
   text-align: left;
   margin-bottom: 10px;
   margin-top: 0px;
 }
-/* line 426, ../sass/screen.scss */
+/* line 436, ../sass/screen.scss */
 #content #row-users-producers h2 .img {
   height: 35px;
 }
-/* line 429, ../sass/screen.scss */
+/* line 439, ../sass/screen.scss */
 #content #row-users-producers h2 span {
   margin-left: 10px;
   font-size: 25px;
   position: relative;
   top: 5px;
 }
-/* line 437, ../sass/screen.scss */
-#content #row-users-producers h3 {
-  margin-top: 0px;
-}
-/* line 441, ../sass/screen.scss */
+/* line 447, ../sass/screen.scss */
 #content #row-users-producers p.presentation {
   font-family: "capsuularegular";
   color: black;
   font-size: 20px;
   line-height: 26px;
 }
-/* line 448, ../sass/screen.scss */
-#content #row-users-producers ul {
-  text-align: left;
-}
-/* line 450, ../sass/screen.scss */
-#content #row-users-producers ul li {
-  color: #FF7F00;
-}
-/* line 455, ../sass/screen.scss */
+/* line 454, ../sass/screen.scss */
 #content #row-users-producers p {
   padding-bottom: 4px;
 }
 /* line 459, ../sass/screen.scss */
-#content #row-users-producers .btn-primary {
-  margin-top: 20px;
+#content #row-users-producers .table td {
+  border-color: #FF7F00;
+  color: #FF7F00;
+  text-align: center;
+}
+/* line 472, ../sass/screen.scss */
+#content #row-functionalities .block {
+  margin-bottom: 10px;
+}
+/* line 474, ../sass/screen.scss */
+#content #row-functionalities .block p {
+  font-family: "capsuularegular";
+  font-size: 18px;
+  margin-left: 70px;
 }
-/* line 466, ../sass/screen.scss */
+/* line 479, ../sass/screen.scss */
+#content #row-functionalities .block img {
+  float: left;
+  width: 50px;
+  height: auto;
+}
+/* line 484, ../sass/screen.scss */
+#content #row-functionalities .block a {
+  text-decoration: none;
+  color: black;
+}
+/* line 487, ../sass/screen.scss */
+#content #row-functionalities .block a:hover {
+  color: #FF7F00;
+}
+/* line 494, ../sass/screen.scss */
+#content #row-functionalities .block-points-sale-products img {
+  width: 40px;
+}
+/* line 502, ../sass/screen.scss */
+#content #row-rates table th {
+  font-family: "capsuularegular";
+  font-weight: normal;
+  font-size: 23px;
+}
+/* line 507, ../sass/screen.scss */
+#content #row-rates table th, #content #row-rates table td {
+  text-align: center;
+}
+/* line 514, ../sass/screen.scss */
 #content #btn-demo:hover, #content #btn-demo:focus, #content #btn-demo:active {
   color: black;
 }
 
-/* line 476, ../sass/screen.scss */
+/* line 524, ../sass/screen.scss */
 #content #contact {
   display: none;
 }
-/* line 480, ../sass/screen.scss */
+/* line 528, ../sass/screen.scss */
 #content #contact .icon {
   width: 55px;
   top: -15px;
   margin-left: -70px;
 }
-/* line 486, ../sass/screen.scss */
+/* line 534, ../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 491, ../sass/screen.scss */
+/* line 539, ../sass/screen.scss */
 #content #contact .form-group {
   text-align: center;
 }
-/* line 495, ../sass/screen.scss */
+/* line 543, ../sass/screen.scss */
 #content #contact .img-right {
   float: right;
 }
-/* line 498, ../sass/screen.scss */
+/* line 546, ../sass/screen.scss */
 #content #contact .img-right img {
   width: 300px;
 }
 
-/* line 505, ../sass/screen.scss */
+/* line 552, ../sass/screen.scss */
 #bookmarked-producers {
   padding: 0px;
   padding-top: 20px;
   margin: 0px;
   border-bottom: solid 1px #e0e0e0;
 }
-/* line 511, ../sass/screen.scss */
+/* line 558, ../sass/screen.scss */
 #bookmarked-producers h2 {
   font-family: "highvoltageregular";
   color: #323232;
@@ -527,23 +567,23 @@ ul li {
   margin-left: 15px;
   margin-bottom: 15px;
 }
-/* line 522, ../sass/screen.scss */
+/* line 569, ../sass/screen.scss */
 #bookmarked-producers .col-md-12, #bookmarked-producers .col-md-6, #bookmarked-producers .col-md-3 {
   float: left;
 }
-/* line 526, ../sass/screen.scss */
+/* line 573, ../sass/screen.scss */
 #bookmarked-producers .col-md-12 .producer {
   background-size: 920px auto;
 }
-/* line 529, ../sass/screen.scss */
+/* line 576, ../sass/screen.scss */
 #bookmarked-producers .col-md-6 .producer {
   background-size: 460px auto;
 }
-/* line 533, ../sass/screen.scss */
+/* line 580, ../sass/screen.scss */
 #bookmarked-producers .col-md-3 .producer {
   background-size: 230px auto;
 }
-/* line 537, ../sass/screen.scss */
+/* line 584, ../sass/screen.scss */
 #bookmarked-producers .producer {
   position: relative;
   height: 100px;
@@ -556,12 +596,12 @@ ul li {
   border: solid 1px #e0e0e0;
   background-color: white;
 }
-/* line 549, ../sass/screen.scss */
+/* line 596, ../sass/screen.scss */
 #bookmarked-producers .producer.logo-distrib-default {
   background-size: auto 70px;
   background-position: center 0px;
 }
-/* line 554, ../sass/screen.scss */
+/* line 601, ../sass/screen.scss */
 #bookmarked-producers .producer a {
   position: absolute;
   bottom: 0px;
@@ -574,28 +614,28 @@ ul li {
   -webkit-border-radius: 0px;
   border-radius: 0px;
 }
-/* line 564, ../sass/screen.scss */
+/* line 611, ../sass/screen.scss */
 #bookmarked-producers .producer a:hover {
   background-color: #f57a00;
 }
-/* line 570, ../sass/screen.scss */
+/* line 617, ../sass/screen.scss */
 #bookmarked-producers #discover {
   padding-bottom: 20px;
   text-align: center;
 }
-/* line 574, ../sass/screen.scss */
+/* line 621, ../sass/screen.scss */
 #bookmarked-producers #discover p {
   padding-bottom: 0px;
   color: white;
 }
-/* line 579, ../sass/screen.scss */
+/* line 626, ../sass/screen.scss */
 #bookmarked-producers #discover .btn {
   background-color: white;
   color: #FF7F00;
   border: solid 1px white;
 }
 
-/* line 588, ../sass/screen.scss */
+/* line 635, ../sass/screen.scss */
 #footer {
   position: absolute;
   bottom: 0px;
@@ -606,7 +646,7 @@ ul li {
   background-color: white;
   border-top: solid 1px #e0e0e0;
 }
-/* line 598, ../sass/screen.scss */
+/* line 645, ../sass/screen.scss */
 #footer a {
   color: black;
   font-family: "capsuularegular";
@@ -616,33 +656,33 @@ ul li {
   padding-right: 10px;
   border-right: solid 1px white;
 }
-/* line 607, ../sass/screen.scss */
+/* line 654, ../sass/screen.scss */
 #footer a:hover {
   text-decoration: underline;
 }
-/* line 611, ../sass/screen.scss */
+/* line 658, ../sass/screen.scss */
 #footer a:last-child {
   border: 0px none;
 }
-/* line 617, ../sass/screen.scss */
+/* line 664, ../sass/screen.scss */
 #footer #code-source img {
   height: 20px;
 }
 
-/* line 623, ../sass/screen.scss */
+/* line 670, ../sass/screen.scss */
 #content #mentions {
   padding-top: 20px;
 }
-/* line 626, ../sass/screen.scss */
+/* line 673, ../sass/screen.scss */
 #content #mentions div.content {
   width: 60%;
   font-size: 90%;
 }
-/* line 631, ../sass/screen.scss */
+/* line 678, ../sass/screen.scss */
 #content #mentions p {
   padding-bottom: 15px;
 }
-/* line 635, ../sass/screen.scss */
+/* line 682, ../sass/screen.scss */
 #content #mentions h2 {
   color: black;
   padding-bottom: 40px;
@@ -650,7 +690,7 @@ ul li {
   line-height: 35px;
   font-family: "highvoltageregular";
 }
-/* line 643, ../sass/screen.scss */
+/* line 690, ../sass/screen.scss */
 #content #mentions h3 {
   font-family: "highvoltageregular";
   font-size: 18px;
@@ -659,35 +699,35 @@ ul li {
   color: black;
 }
 
-/* line 658, ../sass/screen.scss */
+/* line 705, ../sass/screen.scss */
 .vegas-loading {
   display: none;
 }
 
-/* line 665, ../sass/screen.scss */
+/* line 712, ../sass/screen.scss */
 #profil-user .form-group.field-user-no_mail label {
   font-weight: normal;
 }
-/* line 669, ../sass/screen.scss */
+/* line 716, ../sass/screen.scss */
 #profil-user .form-group label {
   cursor: pointer;
 }
-/* line 674, ../sass/screen.scss */
+/* line 721, ../sass/screen.scss */
 #profil-user #mails-days-distribution .form-group {
   float: left;
   margin-right: 15px;
 }
-/* line 677, ../sass/screen.scss */
+/* line 724, ../sass/screen.scss */
 #profil-user #mails-days-distribution .form-group label {
   font-weight: normal;
 }
-/* line 683, ../sass/screen.scss */
+/* line 730, ../sass/screen.scss */
 #profil-user p.strong {
   font-weight: bold;
 }
 
 /* login */
-/* line 694, ../sass/screen.scss */
+/* line 741, ../sass/screen.scss */
 .site-login .col-lg-5 {
   margin: 0px auto;
   float: none;
@@ -695,19 +735,19 @@ ul li {
 }
 
 /* signup */
-/* line 703, ../sass/screen.scss */
+/* line 750, ../sass/screen.scss */
 .modal-backdrop {
   z-index: 999;
 }
 
-/* line 708, ../sass/screen.scss */
+/* line 755, ../sass/screen.scss */
 .site-signup .col-lg-5 {
   margin: 0px auto;
   float: none;
   max-width: 500px;
 }
 
-/* line 717, ../sass/screen.scss */
+/* line 764, ../sass/screen.scss */
 #modal-cgv .modal-body h2 {
   margin-bottom: 5px;
   padding-bottom: 0px;
@@ -715,37 +755,37 @@ ul li {
   margin-top: 0px;
 }
 
-/* line 727, ../sass/screen.scss */
+/* line 774, ../sass/screen.scss */
 #form-signup #user-producer {
   margin-bottom: 30px;
 }
-/* line 732, ../sass/screen.scss */
+/* line 779, ../sass/screen.scss */
 #form-signup #signupform-id_producer option:disabled {
   font-weight: bold;
   color: black;
 }
-/* line 738, ../sass/screen.scss */
+/* line 785, ../sass/screen.scss */
 #form-signup #champs-producer {
   display: none;
 }
-/* line 742, ../sass/screen.scss */
+/* line 789, ../sass/screen.scss */
 #form-signup #buttons-signup {
   margin-top: 30px;
 }
 
-/* line 747, ../sass/screen.scss */
+/* line 794, ../sass/screen.scss */
 #col-left {
   padding: 0px;
   z-index: 15;
 }
-/* line 751, ../sass/screen.scss */
+/* line 798, ../sass/screen.scss */
 #col-left .affix {
   width: 25%;
   border-right: solid 1px #e0e0e0;
   background-color: #FAFAFA;
   height: 100%;
 }
-/* line 758, ../sass/screen.scss */
+/* line 805, ../sass/screen.scss */
 #col-left #link-home {
   text-decoration: none;
   font-size: 22px;
@@ -754,28 +794,28 @@ ul li {
   padding: 10px;
   background-color: white;
 }
-/* line 766, ../sass/screen.scss */
+/* line 813, ../sass/screen.scss */
 #col-left #link-home img {
   height: 50px;
   margin-bottom: 5px;
   float: left;
 }
-/* line 772, ../sass/screen.scss */
+/* line 819, ../sass/screen.scss */
 #col-left #link-home .text {
   padding-left: 62px;
 }
-/* line 775, ../sass/screen.scss */
+/* line 822, ../sass/screen.scss */
 #col-left #link-home .text .bap {
   font-family: "comfortaalight";
   font-size: 24px;
 }
-/* line 780, ../sass/screen.scss */
+/* line 827, ../sass/screen.scss */
 #col-left #link-home .text .plateforme {
   font-size: 17px;
   font-family: "myriadpro-light";
   color: #FF7F00;
 }
-/* line 788, ../sass/screen.scss */
+/* line 835, ../sass/screen.scss */
 #col-left h2 {
   font-family: "myriadpro-regular";
   color: black;
@@ -783,37 +823,37 @@ ul li {
   margin-bottom: 10px;
   padding: 15px 0px 5px 15px;
 }
-/* line 796, ../sass/screen.scss */
+/* line 843, ../sass/screen.scss */
 #col-left #links {
   background-color: white;
   margin-bottom: 20px;
 }
-/* line 802, ../sass/screen.scss */
+/* line 849, ../sass/screen.scss */
 #col-left #links ul li a {
   text-align: center;
   border-right: solid 1px #e0e0e0;
 }
-/* line 806, ../sass/screen.scss */
+/* line 853, ../sass/screen.scss */
 #col-left #links ul li a:hover {
   background-color: #FF7F00;
   color: white;
 }
-/* line 812, ../sass/screen.scss */
+/* line 859, ../sass/screen.scss */
 #col-left #links ul li:last-child a {
   border-right: 0px none;
 }
-/* line 822, ../sass/screen.scss */
+/* line 869, ../sass/screen.scss */
 #col-left #producers nav.nav-producers ul li a {
   padding-left: 50px;
   height: 40px;
 }
-/* line 828, ../sass/screen.scss */
+/* line 875, ../sass/screen.scss */
 #col-left #producers nav.nav-producers ul li.active a {
   background-color: #FF7F00;
   position: relative;
   color: white;
 }
-/* line 833, ../sass/screen.scss */
+/* line 880, ../sass/screen.scss */
 #col-left #producers nav.nav-producers ul li.active a:after {
   right: -40px;
   top: 50%;
@@ -828,18 +868,18 @@ ul li {
   border-width: 20px;
   margin-top: -20px;
 }
-/* line 852, ../sass/screen.scss */
+/* line 899, ../sass/screen.scss */
 #col-left ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
 }
-/* line 856, ../sass/screen.scss */
+/* line 903, ../sass/screen.scss */
 #col-left ul li {
   margin: 0px;
   padding: 0px;
 }
-/* line 859, ../sass/screen.scss */
+/* line 906, ../sass/screen.scss */
 #col-left ul li a {
   text-decoration: none;
   font-family: "comfortaaregular";
@@ -850,18 +890,18 @@ ul li {
   display: block;
   color: black;
 }
-/* line 869, ../sass/screen.scss */
+/* line 916, ../sass/screen.scss */
 #col-left ul li a span.name, #col-left ul li a span.wording {
   display: none;
 }
-/* line 876, ../sass/screen.scss */
+/* line 923, ../sass/screen.scss */
 #col-left p {
   padding: 20px;
   padding-top: 0px;
   color: gray;
 }
 
-/* line 884, ../sass/screen.scss */
+/* line 931, ../sass/screen.scss */
 #content .header-title {
   height: 79px;
   padding: 20px 20px;
@@ -876,7 +916,7 @@ ul li {
   -webkit-box-shadow: 0px 0px 8px #e0e0e0;
   box-shadow: 0px 0px 8px #e0e0e0;
 }
-/* line 896, ../sass/screen.scss */
+/* line 943, ../sass/screen.scss */
 #content .header-title h1 {
   color: black;
   font-family: "myriadpro-regular";
@@ -884,7 +924,7 @@ ul li {
   font-size: 25px;
   text-transform: uppercase;
 }
-/* line 904, ../sass/screen.scss */
+/* line 951, ../sass/screen.scss */
 #content .header-title h2 {
   color: gray;
   text-transform: none;
@@ -893,16 +933,16 @@ ul li {
   line-height: 20px;
 }
 
-/* line 915, ../sass/screen.scss */
+/* line 962, ../sass/screen.scss */
 .header-producer {
   z-index: 1;
 }
-/* line 917, ../sass/screen.scss */
+/* line 964, ../sass/screen.scss */
 .header-producer #block-main-img {
   height: 144px;
   overflow: hidden;
 }
-/* line 921, ../sass/screen.scss */
+/* line 968, ../sass/screen.scss */
 .header-producer #block-main-img #main-img {
   width: 100%;
   height: auto;
@@ -912,7 +952,7 @@ ul li {
   -webkit-border-radius: 0px;
   border-radius: 0px;
 }
-/* line 930, ../sass/screen.scss */
+/* line 977, ../sass/screen.scss */
 .header-producer h1 {
   font-family: "comfortaaregular";
   text-align: center;
@@ -920,23 +960,23 @@ ul li {
   top: 30px;
   left: 40px;
 }
-/* line 937, ../sass/screen.scss */
+/* line 984, ../sass/screen.scss */
 .header-producer h1 span {
   background-color: rgba(255, 255, 255, 0.8);
   padding: 10px 30px;
   border: dotted 1px black;
 }
 
-/* line 948, ../sass/screen.scss */
+/* line 995, ../sass/screen.scss */
 nav#menu-producer {
   border-bottom: solid 1px #e0e0e0;
 }
-/* line 952, ../sass/screen.scss */
+/* line 999, ../sass/screen.scss */
 nav#menu-producer ul li {
   padding: 0px;
   margin: 0px;
 }
-/* line 955, ../sass/screen.scss */
+/* line 1002, ../sass/screen.scss */
 nav#menu-producer ul li a {
   border-right: solid 1px #e0e0e0;
   text-decoration: none;
@@ -944,17 +984,23 @@ nav#menu-producer ul li a {
   -webkit-border-radius: 0px;
   border-radius: 0px;
 }
-/* line 960, ../sass/screen.scss */
+/* line 1007, ../sass/screen.scss */
 nav#menu-producer ul li a:hover {
   background-color: #FF7F00;
   color: white;
 }
 
-/* line 970, ../sass/screen.scss */
+/* line 1017, ../sass/screen.scss */
 .site-contact .col-lg-5 {
   margin: 0px auto;
   float: none;
 }
+/* line 1022, ../sass/screen.scss */
+.site-contact #contact-phone {
+  font-family: "capsuularegular";
+  font-size: 20px;
+  line-height: 25px;
+}
 
 /** 
 Copyright distrib (2018) 

frontend/web/sass/screen.scss

@@ -406,7 +406,13 @@ ul {
         
         #row-presentation-distrib {
             border-bottom: solid 1px #e0e0e0 ;
-            
+            .glyphicon-chevron-right {
+                color: gray ;
+                margin-right: 8px ;
+                font-size: 18px ;
+                position: relative ;
+                top: -1px ;
+            }
             h2 {
                 font-family: 'capsuularegular' ;
                 text-align: center ;
@@ -416,7 +422,11 @@ ul {
         }
         
         #row-users-producers {
-            margin-bottom: 50px ;
+            
+            div.producer, div.users {
+                margin-bottom: 50px ;
+            }
+            
             padding-top: 30px ;
             
             h2 {
@@ -434,10 +444,6 @@ ul {
                }
             }
             
-            h3 {
-                margin-top: 0px ;
-            }
-            
             p.presentation {
                 font-family: 'capsuularegular' ;
                 color: black ;
@@ -445,21 +451,63 @@ ul {
                 line-height: 26px ;
             }
             
-            ul {
-                text-align: left ;
-                li {
-                    color: $color1 ;
-                }
-            }
-            
             p {
                 padding-bottom: 4px ;
             }
+           
+            .table {
+                td {
+                    border-color: $color1 ;
+                    color: $color1 ;
+                    text-align: center ;
+                }
+            }
             
             .btn-primary {
-                margin-top: 20px ;
+            }  
+            
+        }
+        
+        #row-functionalities {
+            .block {
+                margin-bottom: 10px ;
+                p {
+                    font-family: 'capsuularegular' ;
+                    font-size: 18px ;
+                    margin-left: 70px ;
+                }
+                img {
+                    float: left ;
+                    width: 50px ;
+                    height: auto ;
+                }
+                a {
+                    text-decoration: none ;
+                    color: black ;
+                    &:hover {
+                        color: $color1 ;
+                    }
+                }
             }
             
+            .block-points-sale-products {
+                img {
+                    width: 40px ;
+                }
+            }
+        }
+        
+        #row-rates {
+            table {
+                th {
+                    font-family: 'capsuularegular' ;
+                    font-weight: normal ;
+                    font-size: 23px ;
+                }
+                th, td {
+                    text-align: center ;
+                }
+            }
         }
         
         #btn-demo {
@@ -499,7 +547,6 @@ ul {
 			width: 300px ;
 		}
 	}
-	
 }
 
 #bookmarked-producers {
@@ -971,6 +1018,12 @@ nav#menu-producer {
         margin: 0px auto ;
         float: none ;
     }
+    
+    #contact-phone {
+        font-family: 'capsuularegular' ;
+        font-size: 20px ; 
+        line-height: 25px ;
+    } 
 }
 
 @import "_order_system.scss" ;