Convert homepage into hugo templates

layouts/partials/cards/post.html

@@ -0,0 +1,17 @@
+<div class="col-lg-4 col-md-6 pt-2">
+  <div class="card">
+    <div class="card-head">
+      <img class="card-img-top" src="{{ .Params.hero }}"
+        alt="Card image cap"
+      />
+    </div>
+    <div class="card-body">
+      <h5 class="card-title">{{ .Title }}</h5>
+      <p class="card-text post-summery"> {{ .Summary }}</p>
+    </div>
+    <div class="card-footer">
+      <span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
+      <a href="{{ .RelPermalink }}" class="float-right btn btn-outline-info btn-sm">Details</a>
+    </div>
+  </div>
+</div>

layouts/partials/cards/project.html

@@ -0,0 +1,43 @@
+<div
+  class="col-md-6 col-lg-4 p-2 filtr-item"
+  data-category='all, {{ delimit  .tags ","}}'
+>
+  <div class="card mt-1">
+    <div class="card">
+      <div class="card-header">
+        <div class="d-flex">
+          {{ if .logo }}
+          <img class="card-img-xs" src="{{ .logo }}" alt="{{ .name }}" />
+          {{ end }}
+          <h5 class="card-title mb-0">{{ .name }}</h5>
+        </div>
+        <div class="sub-title">
+          <span>{{ .role }}</span>
+          <span>{{ .timeline }}</span>
+        </div>
+      </div>
+      <div class="card-body text-justify pt-1 pb-1">
+        <p>{{ .summary }}</p>
+        <span class="float-right">
+          {{ if .repo }}
+          <a
+            class="github-button-inactive"
+            href="{{ .repo }}"
+            data-icon="octicon-standard"
+            data-show-count="true"
+            aria-label="Star {{ .name }}"
+            >Star</a
+          >
+          {{ else if .url }}
+          <a
+            class="btn btn-outline-info btn-sm mb-2"
+            href="{{ .url }}"
+            target="#"
+            >Details</a
+          >
+          {{ end }}
+        </span>
+      </div>
+    </div>
+  </div>
+</div>

layouts/partials/cards/skill.html

@@ -0,0 +1,15 @@
+<div class="col-sm-12 col-md-6 col-lg-4 pt-2">
+  <div class="card">
+    <div class="card-head d-flex">
+      {{ if .icon }}
+      <img class="card-img-sm" src="{{ .icon }}" alt="{{ .name }}" />
+      {{ else }}
+      <i class="fas fas fa-tools"></i>
+      {{ end }}
+      <h4 class="card-title">{{ .name }}</h4>
+    </div>
+    <div class="card-body">
+      <p class="card-text">{{ .summary }}</p>
+    </div>
+  </div>
+</div>