Improve breadcrumb styles and fix urls

layouts/index.html

@@ -11,8 +11,8 @@
             <h1>Hi! I am <span>Hazem</span>, a sofware engineer currently working at <a href="https://finteum.com" target="_blank">Finteum</a></h1>
             <p>I have over two years of experience mainly working on web and cross platform mobile applications in E-Commerce, Fintech, Auditing and Compliance. My role was mainly working on the front-end.</p>
             <div id="action-buttons">
-                <a href="/blog">Blog</a>
-                <a href="/contact">Contact</a>
+                <a href="{{ urls.JoinPath .Site.BaseURL "blog" }}">Blog</a>
+                <a href="{{ urls.JoinPath .Site.BaseURL "contact" }}">Contact</a>
             </div>
         </div>
         <img src="{{ $faceImage.Permalink }}" alt="Hazem Krimi's face">
@@ -27,7 +27,7 @@
     <section id="projects">
         <div>
             <h2>Projects</h2>
-            <a class="read-more" href="/projects">
+            <a class="read-more" href="{{ urls.JoinPath .Site.BaseURL "projects" }}">
                 View more
             </a>
         </div>
@@ -42,7 +42,7 @@
     <section id="blog">
         <div>
             <h2>Blog</h2>
-            <a class="read-more" href="/blog">
+            <a class="read-more" href="{{ urls.JoinPath .Site.BaseURL "blog" }}">
                 View more
             </a>
         </div>