v3 development

layouts/partials/sections/v3/home.html

@@ -0,0 +1,59 @@
+<div class="container-fluid home">
+  <div class="py-5">
+    <div class="row justify-content-center intro">
+      <div class="col-md-7 name-container">
+        <div class="name">
+          <div class="text-warning" style="font-size: 15px;">
+            Hi there, I'm
+          </div>
+          <h1 class="text-primary">
+            {{ .Site.Params.name }}
+          </h1>
+          <h5 class="text-light">
+            {{ .Site.Params.profession }}
+          </h5>
+        </div>
+        <div class="row social pt-4">
+          {{ if .Site.Params.github }}
+          <a href="{{ .Site.Params.github }}" class="social-icon">
+            <i class="fab fa-lg fa-github"></i>
+          </a>
+          <span class="px-1"></span>
+          {{ end }}
+
+          {{ if .Site.Params.twitter }}
+          <a href="{{ .Site.Params.twitter }}" class="social-icon">
+            <i class="fab fa-lg fa-twitter"></i>
+          </a>
+          <span class="px-1"></span>
+          {{ end }}
+
+          {{ if .Site.Params.linkedin }}
+          <a href="{{ .Site.Params.linkedin }}" class="social-icon">
+            <i class="fab fa-lg fa-linkedin"></i>
+          </a>
+          <span class="px-1"></span>
+          {{ end }}
+
+          {{ if .Site.Params.facebook }}
+          <a href="{{ .Site.Params.facebook }}" class="social-icon">
+            <i class="fab fa-lg fa-facebook"></i>
+          </a>
+          {{ end }}
+        </div>
+        <div class="pt-4 btn-intro">
+          <a href="#about" class="btn-know btn btn-outline-info">
+            About me
+          </a>
+        </div>
+
+      </div>
+      <div class="col-md-5 text-center">
+        {{ if .Site.Params.profile_image }}
+        <img class="profile rounded shadow-lg" src="{{ .Site.Params.profile_image }}" alt="{{ .Site.Params.name }}" class="rounded">
+        {{ end }}
+      </div>
+
+    </div>
+  </div>
+</div>