[Site] Amélioration contenu de présentation du logiciel #1214

frontend/views/site/index.php

             </div>
             <div class="panel-body">
                 <div class="hook">
-                    Simplifiez la distribution de vos produits<br>
-                    en circuit court avec des outils adaptés.
+                    Profitez d'un logiciel simple et intuitif pour :<br />
+                    <div class="word-animate"><span class="functionality"></span></div>
                 </div>
                 <div class="links">
                     <?php if (Yii::$app->user->isGuest): ?>
             </div>
             <div class="panel-body">
                 <div class="hook">
-                    Réservez facilement vos produits en ligne<br>
-                    auprès de producteurs locaux.
+                    Réservez facilement vos produits<br>
+                    auprès de producteurs locaux.<br><br>
                 </div>
                 <div class="links">
                     <?php if (Yii::$app->user->isGuest): ?>

frontend/views/site/service.php

                            target="_blank">
                             <span class="glyphicon glyphicon-education"></span> Je demande une démo
                         </a>
+                        <br><br>
+                        <a class="btn btn-default"
+                           href="<?= $this->getUrlManagerFrontend()->createUrl(['site/about']); ?>">
+                            <span class="glyphicon glyphicon-info-sign"></span> À propos
+                        </a>
                         <a class="btn btn-default"
                            href="<?= $this->getUrlManagerFrontend()->createUrl(['site/contact']); ?>">
-                            <span class="glyphicon glyphicon-envelope"></span> Je contacte le développeur
+                            <span class="glyphicon glyphicon-envelope"></span> Contact
                         </a>
                     </p>
                 </div>

frontend/web/css/screen.css

 #content #row-users-producers .col-md-6.producer {
   padding-left: 0px;
 }
-/* line 598, ../sass/screen.scss */
+/* line 597, ../sass/screen.scss */
+#content #row-users-producers .col-md-6.producer .word-animate {
+  margin-top: 18px;
+  height: 40px;
+}
+/* line 602, ../sass/screen.scss */
+#content #row-users-producers .col-md-6.producer .word-animate span.functionality {
+  background-color: #FFF8DC;
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  border-radius: 8px;
+  padding: 8px 15px 5px 15px;
+}
+/* line 612, ../sass/screen.scss */
+#content #row-users-producers .col-md-6.producer .word-animate span.functionality .glyphicon {
+  position: relative;
+  top: 4px;
+  right: 6px;
+}
+/* line 623, ../sass/screen.scss */
 #content #row-users-producers .col-md-6.users {
   padding-right: 0px;
 }
-/* line 602, ../sass/screen.scss */
+/* line 627, ../sass/screen.scss */
 #content #row-users-producers .col-md-6 .hook {
   font-family: 'capsuularegular';
   font-size: 23px;
   margin-top: 10px;
   margin-bottom: 30px;
 }
-/* line 611, ../sass/screen.scss */
+/* line 636, ../sass/screen.scss */
 #content #row-users-producers .col-md-6 .links a {
   margin-bottom: 5px;
 }
-/* line 637, ../sass/screen.scss */
+/* line 662, ../sass/screen.scss */
 #content #row-users-producers p,
 #content #row-functionalities-rates p {
   padding-bottom: 4px;
 }
-/* line 643, ../sass/screen.scss */
+/* line 668, ../sass/screen.scss */
 #content #row-functionalities-rates .block {
   position: relative;
   margin-bottom: 25px;
   padding-left: 70px;
   min-height: 50px;
 }
-/* line 649, ../sass/screen.scss */
+/* line 674, ../sass/screen.scss */
 #content #row-functionalities-rates .block .glyphicon {
   font-size: 40px;
   position: absolute;
   left: 0px;
   top: 0px;
 }
-/* line 656, ../sass/screen.scss */
+/* line 681, ../sass/screen.scss */
 #content #row-functionalities-rates .block p {
   font-family: 'capsuularegular';
   font-size: 18px;
 }
-/* line 661, ../sass/screen.scss */
+/* line 686, ../sass/screen.scss */
 #content #row-functionalities-rates .block a {
   text-decoration: none;
   color: black;
 }
-/* line 665, ../sass/screen.scss */
+/* line 690, ../sass/screen.scss */
 #content #row-functionalities-rates .block a:hover {
   color: #F2B84B;
 }
-/* line 672, ../sass/screen.scss */
+/* line 697, ../sass/screen.scss */
 #content #row-functionalities-rates .block-points-sale-products img {
   width: 40px;
 }
-/* line 680, ../sass/screen.scss */
+/* line 705, ../sass/screen.scss */
 #content #block-services .panel-body .panel-body {
   padding-bottom: 0px;
 }
-/* line 682, ../sass/screen.scss */
+/* line 707, ../sass/screen.scss */
 #content #block-services .panel-body .panel-body h3 {
   margin-top: 0px;
 }
-/* line 691, ../sass/screen.scss */
+/* line 716, ../sass/screen.scss */
 #content #block-rates table th {
   font-weight: bold;
   font-size: 14px;
 }
-/* line 700, ../sass/screen.scss */
+/* line 725, ../sass/screen.scss */
 #content #btn-demo:hover, #content #btn-demo:focus, #content #btn-demo:active {
   color: black;
 }
 
-/* line 710, ../sass/screen.scss */
+/* line 735, ../sass/screen.scss */
 #content #contact {
   display: none;
 }
-/* line 714, ../sass/screen.scss */
+/* line 739, ../sass/screen.scss */
 #content #contact .icon {
   width: 55px;
   top: -15px;
   margin-left: -70px;
 }
-/* line 720, ../sass/screen.scss */
+/* line 745, ../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 725, ../sass/screen.scss */
+/* line 750, ../sass/screen.scss */
 #content #contact .form-group {
   text-align: center;
 }
-/* line 729, ../sass/screen.scss */
+/* line 754, ../sass/screen.scss */
 #content #contact .img-right {
   float: right;
 }
-/* line 732, ../sass/screen.scss */
+/* line 757, ../sass/screen.scss */
 #content #contact .img-right img {
   width: 300px;
 }
 
-/* line 738, ../sass/screen.scss */
+/* line 763, ../sass/screen.scss */
 #bookmarked-producers {
   padding: 0px;
   padding-top: 15px;
   border-bottom: solid 1px #e0e0e0;
   background-color: white;
 }
-/* line 746, ../sass/screen.scss */
+/* line 771, ../sass/screen.scss */
 #bookmarked-producers h2 {
   float: left;
   font-family: 'highvoltageregular';
   padding: 0px;
   color: #323232;
 }
-/* line 757, ../sass/screen.scss */
+/* line 782, ../sass/screen.scss */
 #bookmarked-producers #producers {
   position: relative;
   top: -5px;
   left: 5px;
 }
-/* line 763, ../sass/screen.scss */
+/* line 788, ../sass/screen.scss */
 #bookmarked-producers #discover {
   padding-bottom: 20px;
   text-align: center;
 }
-/* line 767, ../sass/screen.scss */
+/* line 792, ../sass/screen.scss */
 #bookmarked-producers #discover p {
   padding-bottom: 0px;
   color: white;
 }
-/* line 772, ../sass/screen.scss */
+/* line 797, ../sass/screen.scss */
 #bookmarked-producers #discover .btn {
   background-color: white;
   color: #F2B84B;
   border: solid 1px white;
 }
 
-/* line 781, ../sass/screen.scss */
+/* line 806, ../sass/screen.scss */
 #footer {
   position: absolute;
   bottom: 0px;
   border-top: 0px none;
   color: white;
 }
-/* line 792, ../sass/screen.scss */
+/* line 817, ../sass/screen.scss */
 #footer a {
   color: white;
   font-family: 'capsuularegular';
   border-right: solid 1px white;
   border: 0px none;
 }
-/* line 802, ../sass/screen.scss */
+/* line 827, ../sass/screen.scss */
 #footer a:hover {
   text-decoration: underline;
 }
-/* line 806, ../sass/screen.scss */
+/* line 831, ../sass/screen.scss */
 #footer a:last-child {
   border: 0px none;
 }
 
-/* line 816, ../sass/screen.scss */
+/* line 841, ../sass/screen.scss */
 .site-producers #producers-list #producer-search {
   padding-bottom: 15px;
 }
-/* line 820, ../sass/screen.scss */
+/* line 845, ../sass/screen.scss */
 .site-producers #producers-list .alert-no-results {
   display: none;
 }
-/* line 824, ../sass/screen.scss */
+/* line 849, ../sass/screen.scss */
 .site-producers #producers-list .panel {
   border: solid 1px #e0e0e0;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
 }
-/* line 828, ../sass/screen.scss */
+/* line 853, ../sass/screen.scss */
 .site-producers #producers-list .panel .panel-body {
   border: 0px none;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
 }
-/* line 832, ../sass/screen.scss */
+/* line 857, ../sass/screen.scss */
 .site-producers #producers-list .panel .panel-body h2 {
   font-family: 'capsuularegular';
   font-weight: bold;
   margin-bottom: 5px;
   padding-bottom: 0px;
 }
-/* line 842, ../sass/screen.scss */
+/* line 867, ../sass/screen.scss */
 .site-producers #producers-list .panel .panel-body p {
   padding-bottom: 0px;
 }
-/* line 846, ../sass/screen.scss */
+/* line 871, ../sass/screen.scss */
 .site-producers #producers-list .panel .panel-body .producer-type {
   text-transform: uppercase;
   margin-bottom: 10px;
   font-size: 14px;
 }
-/* line 857, ../sass/screen.scss */
+/* line 882, ../sass/screen.scss */
 .site-producers #producers-list .panel .panel-footer {
   -moz-border-radius: 0px 0px 8px 8px;
   -webkit-border-radius: 0px;
   border-radius: 0px 0px 8px 8px;
   border: 0px none;
 }
-/* line 863, ../sass/screen.scss */
+/* line 888, ../sass/screen.scss */
 .site-producers #producers-list .panel .logo {
   float: right;
   position: relative;
   text-align: right;
   overflow: hidden;
 }
-/* line 874, ../sass/screen.scss */
+/* line 899, ../sass/screen.scss */
 .site-producers #producers-list .panel .logo .img-logo {
   position: absolute;
   top: 50%;
   max-width: 90px;
   max-height: 90px;
 }
-/* line 886, ../sass/screen.scss */
+/* line 911, ../sass/screen.scss */
 .site-producers #producers-map {
   height: 750px;
   border: solid 1px #e0e0e0;
   -webkit-border-radius: 8px;
   border-radius: 8px;
 }
-/* line 891, ../sass/screen.scss */
+/* line 916, ../sass/screen.scss */
 .site-producers #producers-map.fixed {
   position: fixed !important;
   top: 20px;
   width: 300px;
   height: 750px;
 }
-/* line 899, ../sass/screen.scss */
+/* line 924, ../sass/screen.scss */
 .site-producers #producers-map a {
   text-decoration: none;
 }
-/* line 903, ../sass/screen.scss */
+/* line 928, ../sass/screen.scss */
 .site-producers #producers-map .popup-producer {
   font-size: 14px;
   color: #505050;
 }
-/* line 907, ../sass/screen.scss */
+/* line 932, ../sass/screen.scss */
 .site-producers #producers-map .popup-producer .name {
   font-family: 'capsuularegular';
   font-weight: bold;
   font-size: 23px;
   color: #323232;
 }
-/* line 913, ../sass/screen.scss */
+/* line 938, ../sass/screen.scss */
 .site-producers #producers-map .popup-producer .type {
   text-transform: uppercase;
   font-size: 13px;
   margin-bottom: 12px;
 }
-/* line 918, ../sass/screen.scss */
+/* line 943, ../sass/screen.scss */
 .site-producers #producers-map .popup-producer .address {
   margin-bottom: 12px;
 }
-/* line 921, ../sass/screen.scss */
+/* line 946, ../sass/screen.scss */
 .site-producers #producers-map .popup-producer .link {
   color: white;
 }
 
-/* line 931, ../sass/screen.scss */
+/* line 956, ../sass/screen.scss */
 #content .site-about .panel .panel-heading h2 {
   margin: 0px;
   padding: 0px;
   font-size: 25px;
 }
-/* line 939, ../sass/screen.scss */
+/* line 964, ../sass/screen.scss */
 #content .site-about .panel .panel-body h2 {
   font-size: 20px;
   text-transform: none;
   padding-bottom: 0px;
   margin-top: 0px;
 }
-/* line 947, ../sass/screen.scss */
+/* line 972, ../sass/screen.scss */
 #content .site-about .panel .panel-body p:last-child {
   margin-bottom: 0px;
   padding-bottom: 5px;
 }
-/* line 955, ../sass/screen.scss */
+/* line 980, ../sass/screen.scss */
 #content .site-about #few-numbers .item {
   text-align: center;
   padding-top: 20px;
   padding-bottom: 20px;
 }
-/* line 960, ../sass/screen.scss */
+/* line 985, ../sass/screen.scss */
 #content .site-about #few-numbers .item .number {
   font-family: 'highvoltageregular';
   font-weight: bold;
   font-size: 35px;
 }
-/* line 966, ../sass/screen.scss */
+/* line 991, ../sass/screen.scss */
 #content .site-about #few-numbers .item .description {
   font-size: 16px;
 }
-/* line 970, ../sass/screen.scss */
+/* line 995, ../sass/screen.scss */
 #content .site-about #few-numbers .item .detail {
   color: gray;
 }
-/* line 976, ../sass/screen.scss */
+/* line 1001, ../sass/screen.scss */
 #content .site-about #carousel-producers-testimonials {
   transition: all 0.4s;
 }
-/* line 979, ../sass/screen.scss */
+/* line 1004, ../sass/screen.scss */
 #content .site-about #carousel-producers-testimonials .item, #content .site-about #carousel-producers-testimonials .carousel-caption {
   transition: all 0.4s;
 }
-/* line 983, ../sass/screen.scss */
+/* line 1008, ../sass/screen.scss */
 #content .site-about #carousel-producers-testimonials .carousel-indicators {
   display: none;
 }
-/* line 987, ../sass/screen.scss */
+/* line 1012, ../sass/screen.scss */
 #content .site-about #carousel-producers-testimonials .carousel-control {
   background: none;
 }
-/* line 990, ../sass/screen.scss */
+/* line 1015, ../sass/screen.scss */
 #content .site-about #carousel-producers-testimonials .carousel-control span.glyphicon {
   top: 50px;
 }
-/* line 996, ../sass/screen.scss */
+/* line 1021, ../sass/screen.scss */
 #content .site-about #carousel-producers-testimonials .item .carousel-caption {
   top: 20px;
   color: #323232;
   text-shadow: none;
   padding: 0px;
 }
-/* line 1002, ../sass/screen.scss */
+/* line 1027, ../sass/screen.scss */
 #content .site-about #carousel-producers-testimonials .item .carousel-caption img {
   display: block;
   width: 150px;
   height: auto;
   margin: 0px auto 15px auto;
 }
-/* line 1010, ../sass/screen.scss */
+/* line 1035, ../sass/screen.scss */
 #content .site-about #carousel-producers-testimonials .item .carousel-caption .producer-testimony {
   margin-bottom: 12px;
 }
-/* line 1014, ../sass/screen.scss */
+/* line 1039, ../sass/screen.scss */
 #content .site-about #carousel-producers-testimonials .item .carousel-caption .producer-details {
   font-style: italic;
 }
 
-/* line 1022, ../sass/screen.scss */
+/* line 1047, ../sass/screen.scss */
 #content #mentions {
   padding-top: 20px;
 }
-/* line 1025, ../sass/screen.scss */
+/* line 1050, ../sass/screen.scss */
 #content #mentions div.content {
   width: 60%;
   font-size: 90%;
 }
-/* line 1030, ../sass/screen.scss */
+/* line 1055, ../sass/screen.scss */
 #content #mentions p {
   padding-bottom: 15px;
 }
-/* line 1034, ../sass/screen.scss */
+/* line 1059, ../sass/screen.scss */
 #content #mentions h2 {
   color: black;
   padding-bottom: 40px;
   line-height: 35px;
   font-family: 'highvoltageregular';
 }
-/* line 1042, ../sass/screen.scss */
+/* line 1067, ../sass/screen.scss */
 #content #mentions h3 {
   font-family: "highvoltageregular";
   font-size: 18px;
   color: black;
 }
 
-/* line 1057, ../sass/screen.scss */
+/* line 1082, ../sass/screen.scss */
 .vegas-loading {
   display: none;
 }
 
-/* line 1064, ../sass/screen.scss */
+/* line 1089, ../sass/screen.scss */
 #profil-user .form-group.field-user-no_mail label {
   font-weight: normal;
 }
-/* line 1068, ../sass/screen.scss */
+/* line 1093, ../sass/screen.scss */
 #profil-user .form-group label {
   cursor: pointer;
 }
-/* line 1073, ../sass/screen.scss */
+/* line 1098, ../sass/screen.scss */
 #profil-user #mails-days-distribution .form-group {
   float: left;
   margin-right: 15px;
 }
-/* line 1077, ../sass/screen.scss */
+/* line 1102, ../sass/screen.scss */
 #profil-user #mails-days-distribution .form-group label {
   font-weight: normal;
 }
-/* line 1083, ../sass/screen.scss */
+/* line 1108, ../sass/screen.scss */
 #profil-user p.strong {
   font-weight: bold;
 }
-/* line 1087, ../sass/screen.scss */
+/* line 1112, ../sass/screen.scss */
 #profil-user h2 {
   text-transform: none;
   font-size: 25px;
 }
-/* line 1091, ../sass/screen.scss */
+/* line 1116, ../sass/screen.scss */
 #profil-user h2:first-child {
   margin-top: 0px;
 }
 
 /* login */
-/* line 1102, ../sass/screen.scss */
+/* line 1127, ../sass/screen.scss */
 .back-white, .site-login .col-lg-5, .site-signup .col-lg-5 {
   background-color: white;
   padding: 30px;
   border-radius: 5px;
 }
 
-/* line 1109, ../sass/screen.scss */
+/* line 1134, ../sass/screen.scss */
 .site-login .col-lg-5 {
   margin: 0px auto;
   float: none;
 }
 
 /* signup */
-/* line 1119, ../sass/screen.scss */
+/* line 1144, ../sass/screen.scss */
 .modal-backdrop {
   z-index: 999;
 }
 
-/* line 1124, ../sass/screen.scss */
+/* line 1149, ../sass/screen.scss */
 .site-signup .col-lg-5 {
   margin: 0px auto;
   float: none;
   max-width: 500px;
 }
 
-/* line 1134, ../sass/screen.scss */
+/* line 1159, ../sass/screen.scss */
 #modal-cgv .modal-body h2 {
   margin-bottom: 5px;
   padding-bottom: 0px;
   margin-top: 0px;
 }
 
-/* line 1144, ../sass/screen.scss */
+/* line 1169, ../sass/screen.scss */
 #form-signup #user-producer {
   margin-bottom: 30px;
 }
-/* line 1149, ../sass/screen.scss */
+/* line 1174, ../sass/screen.scss */
 #form-signup #signupform-id_producer option:disabled {
   font-weight: bold;
   color: black;
 }
-/* line 1155, ../sass/screen.scss */
+/* line 1180, ../sass/screen.scss */
 #form-signup #champs-producer {
   display: none;
 }
-/* line 1159, ../sass/screen.scss */
+/* line 1184, ../sass/screen.scss */
 #form-signup #buttons-signup {
   margin-top: 30px;
 }
-/* line 1163, ../sass/screen.scss */
+/* line 1188, ../sass/screen.scss */
 #form-signup .field-signupform-is_test {
   display: none;
 }
 
-/* line 1168, ../sass/screen.scss */
+/* line 1193, ../sass/screen.scss */
 #col-left {
   padding: 0px;
   z-index: 15;
 }
-/* line 1172, ../sass/screen.scss */
+/* line 1197, ../sass/screen.scss */
 #col-left .affix {
   width: 25%;
   border-right: solid 1px #e0e0e0;
   background-color: #FAFAFA;
   height: 100%;
 }
-/* line 1179, ../sass/screen.scss */
+/* line 1204, ../sass/screen.scss */
 #col-left #link-home {
   text-decoration: none;
   font-size: 22px;
   padding: 10px;
   background-color: white;
 }
-/* line 1187, ../sass/screen.scss */
+/* line 1212, ../sass/screen.scss */
 #col-left #link-home img {
   height: 50px;
   margin-bottom: 5px;
   float: left;
 }
-/* line 1193, ../sass/screen.scss */
+/* line 1218, ../sass/screen.scss */
 #col-left #link-home .text {
   padding-left: 62px;
 }
-/* line 1196, ../sass/screen.scss */
+/* line 1221, ../sass/screen.scss */
 #col-left #link-home .text .bap {
   font-family: "comfortaalight";
   font-size: 24px;
 }
-/* line 1201, ../sass/screen.scss */
+/* line 1226, ../sass/screen.scss */
 #col-left #link-home .text .plateforme {
   font-size: 17px;
   font-family: "myriadpro-light";
   color: #F2B84B;
 }
-/* line 1209, ../sass/screen.scss */
+/* line 1234, ../sass/screen.scss */
 #col-left h2 {
   font-family: 'myriadpro-regular';
   color: black;
   margin-bottom: 10px;
   padding: 15px 0px 5px 15px;
 }
-/* line 1217, ../sass/screen.scss */
+/* line 1242, ../sass/screen.scss */
 #col-left #links {
   background-color: white;
   margin-bottom: 20px;
 }
-/* line 1223, ../sass/screen.scss */
+/* line 1248, ../sass/screen.scss */
 #col-left #links ul li a {
   text-align: center;
   border-right: solid 1px #e0e0e0;
 }
-/* line 1227, ../sass/screen.scss */
+/* line 1252, ../sass/screen.scss */
 #col-left #links ul li a:hover {
   background-color: #F2B84B;
   color: white;
 }
-/* line 1233, ../sass/screen.scss */
+/* line 1258, ../sass/screen.scss */
 #col-left #links ul li:last-child a {
   border-right: 0px none;
 }
-/* line 1243, ../sass/screen.scss */
+/* line 1268, ../sass/screen.scss */
 #col-left #producers nav.nav-producers ul li a {
   padding-left: 50px;
   height: 40px;
 }
-/* line 1249, ../sass/screen.scss */
+/* line 1274, ../sass/screen.scss */
 #col-left #producers nav.nav-producers ul li.active a {
   background-color: #F2B84B;
   position: relative;
   color: white;
 }
-/* line 1254, ../sass/screen.scss */
+/* line 1279, ../sass/screen.scss */
 #col-left #producers nav.nav-producers ul li.active a:after {
   right: -40px;
   top: 50%;
   border-width: 20px;
   margin-top: -20px;
 }
-/* line 1273, ../sass/screen.scss */
+/* line 1298, ../sass/screen.scss */
 #col-left ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
 }
-/* line 1278, ../sass/screen.scss */
+/* line 1303, ../sass/screen.scss */
 #col-left ul li {
   margin: 0px;
   padding: 0px;
 }
-/* line 1282, ../sass/screen.scss */
+/* line 1307, ../sass/screen.scss */
 #col-left ul li a {
   text-decoration: none;
   font-family: 'comfortaaregular';
   display: block;
   color: black;
 }
-/* line 1292, ../sass/screen.scss */
+/* line 1317, ../sass/screen.scss */
 #col-left ul li a span.name, #col-left ul li a span.wording {
   display: none;
 }
-/* line 1299, ../sass/screen.scss */
+/* line 1324, ../sass/screen.scss */
 #col-left p {
   padding: 20px;
   padding-top: 0px;
   color: gray;
 }
 
-/* line 1307, ../sass/screen.scss */
+/* line 1332, ../sass/screen.scss */
 #content .header-title {
   height: 79px;
   padding: 20px 20px;
   -webkit-box-shadow: 0px 0px 8px #e0e0e0;
   box-shadow: 0px 0px 8px #e0e0e0;
 }
-/* line 1319, ../sass/screen.scss */
+/* line 1344, ../sass/screen.scss */
 #content .header-title h1 {
   color: black;
   font-family: 'myriadpro-regular';
   font-size: 25px;
   text-transform: uppercase;
 }
-/* line 1327, ../sass/screen.scss */
+/* line 1352, ../sass/screen.scss */
 #content .header-title h2 {
   color: gray;
   text-transform: none;
   line-height: 20px;
 }
 
-/* line 1338, ../sass/screen.scss */
+/* line 1363, ../sass/screen.scss */
 .header-producer {
   z-index: 1;
 }
-/* line 1341, ../sass/screen.scss */
+/* line 1366, ../sass/screen.scss */
 .header-producer #block-main-img {
   height: 144px;
   overflow: hidden;
 }
-/* line 1345, ../sass/screen.scss */
+/* line 1370, ../sass/screen.scss */
 .header-producer #block-main-img #main-img {
   width: 100%;
   height: auto;
   -webkit-border-radius: 0px;
   border-radius: 0px;
 }
-/* line 1354, ../sass/screen.scss */
+/* line 1379, ../sass/screen.scss */
 .header-producer h1 {
   font-family: 'comfortaaregular';
   text-align: center;
   top: 30px;
   left: 40px;
 }
-/* line 1361, ../sass/screen.scss */
+/* line 1386, ../sass/screen.scss */
 .header-producer h1 span {
   background-color: rgba(255, 255, 255, 0.8);
   padding: 10px 30px;
   border: dotted 1px black;
 }
 
-/* line 1372, ../sass/screen.scss */
+/* line 1397, ../sass/screen.scss */
 nav#menu-producer {
   border-bottom: solid 1px #e0e0e0;
 }
-/* line 1376, ../sass/screen.scss */
+/* line 1401, ../sass/screen.scss */
 nav#menu-producer ul li {
   padding: 0px;
   margin: 0px;
 }
-/* line 1380, ../sass/screen.scss */
+/* line 1405, ../sass/screen.scss */
 nav#menu-producer ul li a {
   border-right: solid 1px #e0e0e0;
   text-decoration: none;
   -webkit-border-radius: 0px;
   border-radius: 0px;
 }
-/* line 1385, ../sass/screen.scss */
+/* line 1410, ../sass/screen.scss */
 nav#menu-producer ul li a:hover {
   background-color: #F2B84B;
   color: white;
 }
 
-/* line 1395, ../sass/screen.scss */
+/* line 1420, ../sass/screen.scss */
 .site-contact .col-lg-6 {
   margin: 0px auto;
   float: none;
 }
-/* line 1400, ../sass/screen.scss */
+/* line 1425, ../sass/screen.scss */
 .site-contact .form-group.submit {
   text-align: center;
 }
 
-/* line 1406, ../sass/screen.scss */
+/* line 1431, ../sass/screen.scss */
 .site-opinion .col-lg-6 {
   margin: 0px auto;
   float: none;
 }
-/* line 1411, ../sass/screen.scss */
+/* line 1436, ../sass/screen.scss */
 .site-opinion .field-opinionform-istest {
   display: none;
 }
-/* line 1415, ../sass/screen.scss */
+/* line 1440, ../sass/screen.scss */
 .site-opinion .form-group.submit {
   text-align: center;
 }
 
-/* line 1422, ../sass/screen.scss */
+/* line 1447, ../sass/screen.scss */
 #site-prices .panel p {
   padding-bottom: 0px;
 }
 
-/* line 1429, ../sass/screen.scss */
+/* line 1454, ../sass/screen.scss */
 #contact-form .field-contactform-istest {
   display: none;
 }

frontend/web/js/frontend.js

  */
 
 $(document).ready(function () {
+    opendistrib_home_text_animation();
     opendistrib_signup();
     producersModule.init();
     aboutProducersTestimonialsCarousel.init();
 });
 
+function opendistrib_home_text_animation() {
+    var
+        words = [
+            '<span class="glyphicon glyphicon-eye-open"></span> présenter votre activité',
+            '<span class="glyphicon glyphicon-calendar"></span> gérer vos prises de commandes',
+            //'<span class="glyphicon glyphicon-repeat"></span> gérer les abonnements clients',
+            '<span class="glyphicon glyphicon-send"></span> envoyer vos messages',
+            '<span class="glyphicon glyphicon-file"></span> générer vos bons de livraisons et factures',
+            '<span class="glyphicon glyphicon-euro"></span> comptabiliser l\'argent',
+            '<span class="glyphicon glyphicon-stats"></span> obtenir des statistiques de vente'
+        ],
+        part,
+        i = 0,
+        offset = 0,
+        len = words.length,
+        forwards = true,
+        skip_count = 0,
+        skip_delay = 10,
+        speed = 3000;
+
+    var wordflick = function(){
+
+        part = words[i];
+        $('#row-users-producers .producer .word-animate span').html(part);
+
+        setInterval(function(){
+            i ++;
+            if(i >= len){
+                i=0;
+            }
+
+            part = words[i];
+            $('#row-users-producers .producer .word-animate span').hide().html(part).fadeIn();
+
+            /*if (forwards) {
+                if(offset >= words[i].length){
+                    ++skip_count;
+                    if (skip_count == skip_delay) {
+                        forwards = false;
+                        skip_count = 0;
+                    }
+                }
+            }
+            else {
+                if(offset == 0){
+                    forwards = true;
+                    i++;
+                    offset = 0;
+                    if(i >= len){
+                        i=0;
+                    }
+                }
+            }
+            part = words[i].substr(0, offset);
+            if (skip_count == 0) {
+                if (forwards) {
+                    offset++;
+                }
+                else {
+                    offset--;
+                }
+            }*/
+        }, speed);
+    };
+
+    $(document).ready(function(){
+        wordflick();
+    });
+}
+
 var UrlManager = {
     getBaseUrl: function () {
         return $('meta[name=baseurl]').attr('content') + '/';

frontend/web/sass/screen.scss

 
       &.producer {
         padding-left: 0px;
+
+        .word-animate {
+          margin-top: 18px;
+          //font-weight: bold;
+          height: 40px;
+
+          span.functionality {
+            //font-family: 'highvoltageregular';
+            //background-color: $color1;
+            //background-color: #333;
+            background-color: #FFF8DC;
+            //color: white;
+            //border: dotted 1px #333;
+            @include border-radius(8px);
+            padding: 8px 15px 5px 15px;
+
+            .glyphicon {
+              //color: white;
+              position: relative;
+              top: 4px;
+              right: 6px;
+            }
+          }
+
+        }
       }
 
       &.users {