About page and home page

layouts/partials/about-card.html

@@ -0,0 +1,28 @@
+{{ $styles := resources.Get "css/partials/about-card.css" | toCSS | minify }}
+
+<link rel="stylesheet" href="{{ $styles.Permalink }}" />
+
+{{ $cv := resources.Get "cv.pdf" }}
+{{ $faceImage := resources.Get "images/borded-face.png" }}
+
+<div id="about-card">
+  <img src="{{ $faceImage.Permalink }}" alt="Hazem Krimi's face" />
+  <div>
+    <p>
+      My programming experience is mostly non-professional but it was essential
+      for my development Even though I am working professionally for over two
+      years now, I got into programming much longer than that. I got into web
+      development in the Summer of 2018 as I started learning the basics: HTML,
+      CSS, JS and most importantly how the web works by building very small
+      projects.
+    </p>
+    <div id="links">
+      <a href="{{ $cv.Permalink }}" target="_blank">
+        Download CV
+      </a>
+      <a class="read-more" href="/about">
+        Read more
+      </a>
+    </div>
+  </div>
+</div>

layouts/partials/card.html

@@ -2,7 +2,7 @@
 
 <link rel="stylesheet" href="{{ $styles.Permalink }}" />
 
-<article>
+<article class="card">
   <div>
     <h3>{{ .Title }}</h3>
     <p>{{ .Params.description }}</p>

layouts/partials/header.html

@@ -9,7 +9,7 @@
 
 <header>
   <div id="header-face">
-    <img src="{{ $faceImage.Permalink }}" alt="Hazem Krimi" />
+    <img src="{{ $faceImage.Permalink }}" alt="Hazem Krimi's face" />
     <h3>Hazem Krimi</h3>
   </div>
   <div id="menus">