Ajout du téléphone sur la page de contact

frontend/views/site/contact.php

 /* @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">
 
     <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/web/css/screen.css

   width: 300px;
 }
 
-/* line 553, ../sass/screen.scss */
+/* line 552, ../sass/screen.scss */
 #bookmarked-producers {
   padding: 0px;
   padding-top: 20px;
   margin: 0px;
   border-bottom: solid 1px #e0e0e0;
 }
-/* line 559, ../sass/screen.scss */
+/* line 558, ../sass/screen.scss */
 #bookmarked-producers h2 {
   font-family: "highvoltageregular";
   color: #323232;
   margin-left: 15px;
   margin-bottom: 15px;
 }
-/* line 570, ../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 574, ../sass/screen.scss */
+/* line 573, ../sass/screen.scss */
 #bookmarked-producers .col-md-12 .producer {
   background-size: 920px auto;
 }
-/* line 577, ../sass/screen.scss */
+/* line 576, ../sass/screen.scss */
 #bookmarked-producers .col-md-6 .producer {
   background-size: 460px auto;
 }
-/* line 581, ../sass/screen.scss */
+/* line 580, ../sass/screen.scss */
 #bookmarked-producers .col-md-3 .producer {
   background-size: 230px auto;
 }
-/* line 585, ../sass/screen.scss */
+/* line 584, ../sass/screen.scss */
 #bookmarked-producers .producer {
   position: relative;
   height: 100px;
   border: solid 1px #e0e0e0;
   background-color: white;
 }
-/* line 597, ../sass/screen.scss */
+/* line 596, ../sass/screen.scss */
 #bookmarked-producers .producer.logo-distrib-default {
   background-size: auto 70px;
   background-position: center 0px;
 }
-/* line 602, ../sass/screen.scss */
+/* line 601, ../sass/screen.scss */
 #bookmarked-producers .producer a {
   position: absolute;
   bottom: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
 }
-/* line 612, ../sass/screen.scss */
+/* line 611, ../sass/screen.scss */
 #bookmarked-producers .producer a:hover {
   background-color: #f57a00;
 }
-/* line 618, ../sass/screen.scss */
+/* line 617, ../sass/screen.scss */
 #bookmarked-producers #discover {
   padding-bottom: 20px;
   text-align: center;
 }
-/* line 622, ../sass/screen.scss */
+/* line 621, ../sass/screen.scss */
 #bookmarked-producers #discover p {
   padding-bottom: 0px;
   color: white;
 }
-/* line 627, ../sass/screen.scss */
+/* line 626, ../sass/screen.scss */
 #bookmarked-producers #discover .btn {
   background-color: white;
   color: #FF7F00;
   border: solid 1px white;
 }
 
-/* line 636, ../sass/screen.scss */
+/* line 635, ../sass/screen.scss */
 #footer {
   position: absolute;
   bottom: 0px;
   background-color: white;
   border-top: solid 1px #e0e0e0;
 }
-/* line 646, ../sass/screen.scss */
+/* line 645, ../sass/screen.scss */
 #footer a {
   color: black;
   font-family: "capsuularegular";
   padding-right: 10px;
   border-right: solid 1px white;
 }
-/* line 655, ../sass/screen.scss */
+/* line 654, ../sass/screen.scss */
 #footer a:hover {
   text-decoration: underline;
 }
-/* line 659, ../sass/screen.scss */
+/* line 658, ../sass/screen.scss */
 #footer a:last-child {
   border: 0px none;
 }
-/* line 665, ../sass/screen.scss */
+/* line 664, ../sass/screen.scss */
 #footer #code-source img {
   height: 20px;
 }
 
-/* line 671, ../sass/screen.scss */
+/* line 670, ../sass/screen.scss */
 #content #mentions {
   padding-top: 20px;
 }
-/* line 674, ../sass/screen.scss */
+/* line 673, ../sass/screen.scss */
 #content #mentions div.content {
   width: 60%;
   font-size: 90%;
 }
-/* line 679, ../sass/screen.scss */
+/* line 678, ../sass/screen.scss */
 #content #mentions p {
   padding-bottom: 15px;
 }
-/* line 683, ../sass/screen.scss */
+/* line 682, ../sass/screen.scss */
 #content #mentions h2 {
   color: black;
   padding-bottom: 40px;
   line-height: 35px;
   font-family: "highvoltageregular";
 }
-/* line 691, ../sass/screen.scss */
+/* line 690, ../sass/screen.scss */
 #content #mentions h3 {
   font-family: "highvoltageregular";
   font-size: 18px;
   color: black;
 }
 
-/* line 706, ../sass/screen.scss */
+/* line 705, ../sass/screen.scss */
 .vegas-loading {
   display: none;
 }
 
-/* line 713, ../sass/screen.scss */
+/* line 712, ../sass/screen.scss */
 #profil-user .form-group.field-user-no_mail label {
   font-weight: normal;
 }
-/* line 717, ../sass/screen.scss */
+/* line 716, ../sass/screen.scss */
 #profil-user .form-group label {
   cursor: pointer;
 }
-/* line 722, ../sass/screen.scss */
+/* line 721, ../sass/screen.scss */
 #profil-user #mails-days-distribution .form-group {
   float: left;
   margin-right: 15px;
 }
-/* line 725, ../sass/screen.scss */
+/* line 724, ../sass/screen.scss */
 #profil-user #mails-days-distribution .form-group label {
   font-weight: normal;
 }
-/* line 731, ../sass/screen.scss */
+/* line 730, ../sass/screen.scss */
 #profil-user p.strong {
   font-weight: bold;
 }
 
 /* login */
-/* line 742, ../sass/screen.scss */
+/* line 741, ../sass/screen.scss */
 .site-login .col-lg-5 {
   margin: 0px auto;
   float: none;
 }
 
 /* signup */
-/* line 751, ../sass/screen.scss */
+/* line 750, ../sass/screen.scss */
 .modal-backdrop {
   z-index: 999;
 }
 
-/* line 756, ../sass/screen.scss */
+/* line 755, ../sass/screen.scss */
 .site-signup .col-lg-5 {
   margin: 0px auto;
   float: none;
   max-width: 500px;
 }
 
-/* line 765, ../sass/screen.scss */
+/* line 764, ../sass/screen.scss */
 #modal-cgv .modal-body h2 {
   margin-bottom: 5px;
   padding-bottom: 0px;
   margin-top: 0px;
 }
 
-/* line 775, ../sass/screen.scss */
+/* line 774, ../sass/screen.scss */
 #form-signup #user-producer {
   margin-bottom: 30px;
 }
-/* line 780, ../sass/screen.scss */
+/* line 779, ../sass/screen.scss */
 #form-signup #signupform-id_producer option:disabled {
   font-weight: bold;
   color: black;
 }
-/* line 786, ../sass/screen.scss */
+/* line 785, ../sass/screen.scss */
 #form-signup #champs-producer {
   display: none;
 }
-/* line 790, ../sass/screen.scss */
+/* line 789, ../sass/screen.scss */
 #form-signup #buttons-signup {
   margin-top: 30px;
 }
 
-/* line 795, ../sass/screen.scss */
+/* line 794, ../sass/screen.scss */
 #col-left {
   padding: 0px;
   z-index: 15;
 }
-/* line 799, ../sass/screen.scss */
+/* line 798, ../sass/screen.scss */
 #col-left .affix {
   width: 25%;
   border-right: solid 1px #e0e0e0;
   background-color: #FAFAFA;
   height: 100%;
 }
-/* line 806, ../sass/screen.scss */
+/* line 805, ../sass/screen.scss */
 #col-left #link-home {
   text-decoration: none;
   font-size: 22px;
   padding: 10px;
   background-color: white;
 }
-/* line 814, ../sass/screen.scss */
+/* line 813, ../sass/screen.scss */
 #col-left #link-home img {
   height: 50px;
   margin-bottom: 5px;
   float: left;
 }
-/* line 820, ../sass/screen.scss */
+/* line 819, ../sass/screen.scss */
 #col-left #link-home .text {
   padding-left: 62px;
 }
-/* line 823, ../sass/screen.scss */
+/* line 822, ../sass/screen.scss */
 #col-left #link-home .text .bap {
   font-family: "comfortaalight";
   font-size: 24px;
 }
-/* line 828, ../sass/screen.scss */
+/* line 827, ../sass/screen.scss */
 #col-left #link-home .text .plateforme {
   font-size: 17px;
   font-family: "myriadpro-light";
   color: #FF7F00;
 }
-/* line 836, ../sass/screen.scss */
+/* line 835, ../sass/screen.scss */
 #col-left h2 {
   font-family: "myriadpro-regular";
   color: black;
   margin-bottom: 10px;
   padding: 15px 0px 5px 15px;
 }
-/* line 844, ../sass/screen.scss */
+/* line 843, ../sass/screen.scss */
 #col-left #links {
   background-color: white;
   margin-bottom: 20px;
 }
-/* line 850, ../sass/screen.scss */
+/* line 849, ../sass/screen.scss */
 #col-left #links ul li a {
   text-align: center;
   border-right: solid 1px #e0e0e0;
 }
-/* line 854, ../sass/screen.scss */
+/* line 853, ../sass/screen.scss */
 #col-left #links ul li a:hover {
   background-color: #FF7F00;
   color: white;
 }
-/* line 860, ../sass/screen.scss */
+/* line 859, ../sass/screen.scss */
 #col-left #links ul li:last-child a {
   border-right: 0px none;
 }
-/* line 870, ../sass/screen.scss */
+/* line 869, ../sass/screen.scss */
 #col-left #producers nav.nav-producers ul li a {
   padding-left: 50px;
   height: 40px;
 }
-/* line 876, ../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 881, ../sass/screen.scss */
+/* line 880, ../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 900, ../sass/screen.scss */
+/* line 899, ../sass/screen.scss */
 #col-left ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
 }
-/* line 904, ../sass/screen.scss */
+/* line 903, ../sass/screen.scss */
 #col-left ul li {
   margin: 0px;
   padding: 0px;
 }
-/* line 907, ../sass/screen.scss */
+/* line 906, ../sass/screen.scss */
 #col-left ul li a {
   text-decoration: none;
   font-family: "comfortaaregular";
   display: block;
   color: black;
 }
-/* line 917, ../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 924, ../sass/screen.scss */
+/* line 923, ../sass/screen.scss */
 #col-left p {
   padding: 20px;
   padding-top: 0px;
   color: gray;
 }
 
-/* line 932, ../sass/screen.scss */
+/* line 931, ../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 944, ../sass/screen.scss */
+/* line 943, ../sass/screen.scss */
 #content .header-title h1 {
   color: black;
   font-family: "myriadpro-regular";
   font-size: 25px;
   text-transform: uppercase;
 }
-/* line 952, ../sass/screen.scss */
+/* line 951, ../sass/screen.scss */
 #content .header-title h2 {
   color: gray;
   text-transform: none;
   line-height: 20px;
 }
 
-/* line 963, ../sass/screen.scss */
+/* line 962, ../sass/screen.scss */
 .header-producer {
   z-index: 1;
 }
-/* line 965, ../sass/screen.scss */
+/* line 964, ../sass/screen.scss */
 .header-producer #block-main-img {
   height: 144px;
   overflow: hidden;
 }
-/* line 969, ../sass/screen.scss */
+/* line 968, ../sass/screen.scss */
 .header-producer #block-main-img #main-img {
   width: 100%;
   height: auto;
   -webkit-border-radius: 0px;
   border-radius: 0px;
 }
-/* line 978, ../sass/screen.scss */
+/* line 977, ../sass/screen.scss */
 .header-producer h1 {
   font-family: "comfortaaregular";
   text-align: center;
   top: 30px;
   left: 40px;
 }
-/* line 985, ../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 996, ../sass/screen.scss */
+/* line 995, ../sass/screen.scss */
 nav#menu-producer {
   border-bottom: solid 1px #e0e0e0;
 }
-/* line 1000, ../sass/screen.scss */
+/* line 999, ../sass/screen.scss */
 nav#menu-producer ul li {
   padding: 0px;
   margin: 0px;
 }
-/* line 1003, ../sass/screen.scss */
+/* line 1002, ../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 1008, ../sass/screen.scss */
+/* line 1007, ../sass/screen.scss */
 nav#menu-producer ul li a:hover {
   background-color: #FF7F00;
   color: white;
 }
 
-/* line 1018, ../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

 			width: 300px ;
 		}
 	}
-	
 }
 
 #bookmarked-producers {
         margin: 0px auto ;
         float: none ;
     }
+    
+    #contact-phone {
+        font-family: 'capsuularegular' ;
+        font-size: 20px ; 
+        line-height: 25px ;
+    } 
 }
 
 @import "_order_system.scss" ;