Image-ing Phone Numbers

assets/css/main.css

@@ -341,7 +341,7 @@ a.back-to-top:hover, a.back-to-top:focus {
 }
 
 .counter-section:before {
-  content: '';
+  /* content: ''; */
   position: absolute;
   top: 0;
   bottom: 0;

settings.yml

@@ -4,7 +4,7 @@
  country: "France"
  city: "Poissy, Île de France"
  mail: "geoffrey.montel@jserv.fr"
- phone: "+ (33) -six- 98 67 44 25"
+ phone: "+33 (0) 6 98 67 44 25"
  cv_url: "https://github.com/moutonjr/CV_LaTeX/releases/latest/download/CV_Montel.pdf"
 
  
@@ -50,7 +50,7 @@
      date: "2008-2010"
      details: "Lire 'PC flocon', un grand moment de challenge intellectuel dans les mathématiques, la physique et la chimie ; et d'humanité à l'internat de ce lycée."
  social:
-   linkedin: "https://github.com/moutonjr"
+   linkedin: "https://www.linkedin.com/in/geoffreymontel/"
    github: "https://github.com/moutonjr"
    reddit: "https://www.reddit.com/u/bokrass"
    stumbleupon: "https://mix.com/geoffmntl"

templates/index.njk

@@ -156,8 +156,8 @@
 									<li><span class="pro-title"> Emploi </span> <span class="pro-detail">{{ experience.current }}</span></li>
 									<li><span class="pro-title"> Pays </span> <span class="pro-detail">{{ country }}</span></li>
 									<li><span class="pro-title"> Ville </span> <span class="pro-detail">{{ city }}</span></li>
-									<li><span class="pro-title"> Courriel </span> <span class="pro-detail">{{ mail }}</span></li>
-									<li><span class="pro-title"> Téléphone </span> <span class="pro-detail">{{ phone }}</span></li>
+									<li><span class="pro-title"> Courriel </span> <span class="pro-detail"><img alt="Mail" height="13px" src="assets/img/Mail.png"/></span></li>
+									<li><span class="pro-title"> Téléphone </span> <span class="pro-detail"><img alt="Phone number" src="assets/img/Phone.png"/></span></li>
                 </ul>
               </div>
               <a href="" class="btn btn-common"><i class="icon-paper-clip"></i>Téléchargez mon CV</a>
@@ -384,13 +384,13 @@
                     <div class="contact-icon">
                       <i class="fa fa-envelope"></i>
                     </div>
-										<p><a href="mailto:{{ mail }}">{{ mail }}</a></p>
+										<p><img alt="Mail" height="13px" src="assets/img/Mail.png"/></p>
                   </div>
                   <div class="single-contact">
                     <div class="contact-icon">
                       <i class="fa fa-phone"></i>
                     </div>
-										<p><a href="#">{{ phone }}</a></p>
+										<p><img alt="Phone number" src="assets/img/Phone.png"/></p>
                   </div>
                 </div>
               </div>