contact ✨

config.yaml

@@ -123,6 +123,9 @@ params:
       description: It's a great experience.
       img: https://blog.gurusabarish.tech/blog/deploy-hugo/hero.jpg
 
+  # Contact
+  email: "[email protected]"
+
   #Description for seo. If you want to show description in your listing or single page, let's make it true
   showdescription: false
   tweet: true

layouts/index.html

@@ -72,15 +72,13 @@
   {{- partial "sections/v3/experience.html" . -}}
   {{- partial "sections/v3/education.html" . -}}
   {{- partial "sections/v3/projects.html" . -}}
-  {{- partial "sections/v3/contact.html" . -}}
   {{- partial "sections/v3/achievements.html" . -}}
+  {{- partial "sections/v3/contact.html" . -}}
   {{- partial "sections/v3/footer.html" . -}}
   {{- partial "sections/v3/scripts.html" . -}}
 
-  <script src="js/contact.js"></script>
 </body>
 {{ else }}
-guru{{ .Site.Params.github }}
 
 {{ end }}
 

layouts/partials/sections/v3/about.html

@@ -9,11 +9,14 @@
           <br>
           {{ .Site.Params.descripe_l2_person | markdownify }}
         </div>
+        {{ if .Site.Params.email }}
         <div class="py-3 pl-2">
-          <a href="#contact" class="contact-btn btn">
+          <a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn">
             Get In Touch
           </a>
         </div>
+        {{ end }}
+
 
       </div>
       <div class="col-md-5 about-skill">

layouts/partials/sections/v3/contact.html

@@ -2,32 +2,19 @@
   <div class="container-fluid py-3">
     <div class="text-light text-center h3">Get In Touch</div>
     <div class="row justify-content-center px-md-5">
-      <div class="py-5 overflow-hidden col-md-4 d-none d-md-block">
-        <img class="contact-img" src="/contact.svg" />
+      <div class="col-md-6 py-3">
+        <div class=" text-center">
+          Although I'm not currently looking for any new opportunities, my inbox is always open. Whether you have a question or just want to say hi, I'll try my best to get back to you!
+        </div>
+        {{ if .Site.Params.email }}
+        <div class="text-center pt-3">
+          <a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn">
+            Get In Touch
+          </a>
+        </div>
+        {{ end }}
       </div>
-      <div class="py-5 col-md-5">
-        <form class="text-secondary px-3" method="get">
-          <div class="form-group">
-            <label for="name">Name</label>
-            <input type="text" class="form-control" name="name" id="name" placeholder="Your Name">
-          </div>
 
-          <div class="form-group">
-            <label for="email">Email address</label>
-            <input type="email" class="form-control" id="email" placeholder="[email protected]">
-            <small class="form-text text-muted">We'll never share your email with anyone else.</small>
-          </div>
-
-          <div class="form-group">
-            <label for="text">Content</label>
-            <textarea class="form-control" placeholder="Type Something ...." id="text" rows="3"></textarea>
-          </div>
-
-          <div class="text-center">
-            <button type="submit" class="btn btn-primary">Submit</button>
-          </div>
-        </form>
-      </div>
     </div>
   </div>
 </section>

static/css/v3/v3.css

@@ -360,10 +360,8 @@ a:hover {
 /* v3 contact */
 #contact {
   background-color: #0a192f;
-}
-.contact-img {
-  width: 100%;
-  height: 400px;
+  color: #8892b0;
+  font-size: 17px;
 }
 
 /* v2 and v3 footer */