diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..2079cff
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,72 @@
+
+.idea/*
+.idea/**/workspace.xml
+.idea/**/tasks.xml
+.idea/**/usage.statistics.xml
+.idea/**/dictionaries
+.idea/**/shelf
+
+# AWS User-specific
+.idea/**/aws.xml
+
+# Generated files
+.idea/**/contentModel.xml
+
+# Sensitive or high-churn files
+.idea/**/dataSources/
+.idea/**/dataSources.ids
+.idea/**/dataSources.local.xml
+.idea/**/sqlDataSources.xml
+.idea/**/dynamic.xml
+.idea/**/uiDesigner.xml
+.idea/**/dbnavigator.xml
+
+# Gradle
+.idea/**/gradle.xml
+.idea/**/libraries
+
+# Gradle and Maven with auto-import
+# When using Gradle or Maven with auto-import, you should exclude module files,
+# since they will be recreated, and may cause churn.  Uncomment if using
+# auto-import.
+# .idea/artifacts
+# .idea/compiler.xml
+# .idea/jarRepositories.xml
+# .idea/modules.xml
+# .idea/*.iml
+# .idea/modules
+# *.iml
+# *.ipr
+
+# CMake
+cmake-build-*/
+
+# Mongo Explorer plugin
+.idea/**/mongoSettings.xml
+
+# File-based project format
+*.iws
+
+# IntelliJ
+out/
+
+# mpeltonen/sbt-idea plugin
+.idea_modules/
+
+# JIRA plugin
+atlassian-ide-plugin.xml
+
+# Cursive Clojure plugin
+.idea/replstate.xml
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+com_crashlytics_export_strings.xml
+crashlytics.properties
+crashlytics-build.properties
+fabric.properties
+
+# Editor-based Rest Client
+.idea/httpRequests
+
+# Android studio 3.1+ serialized cache file
+.idea/caches/build_file_checksums.ser
diff --git a/dist/css/main.css b/dist/css/main.css
index 1854c29..38da436 100644
--- a/dist/css/main.css
+++ b/dist/css/main.css
@@ -1 +1 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
\ No newline at end of file
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--primaryDefault:hsla(79, 62%, 51%, 1);--primaryHover:hsla(79, 75%, 41%, 1);--errorDefault:hsla(0, 62%, 51%, 1);--grey:hsla(0, 0%, 39%, 1);--titleFS:2.25rem;--generalFS:1.125rem;--headingFS:1.5rem}h1{font-family:Share Tech Mono,monospace;font-style:normal;font-weight:400;font-size:2.25rem;line-height:2.5625rem;text-transform:lowercase}h2{font-family:Noto Sans KR,sans-serif;font-style:normal;font-weight:500;font-size:1.5rem;line-height:2.1875rem}body{font-family:Noto Sans KR,sans-serif;font-style:normal;font-weight:500;font-size:18px;line-height:1.625rem}
\ No newline at end of file
diff --git a/dist/index.html b/dist/index.html
index a20c89b..826d1e6 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><link rel="stylesheet" href="css/main.css"></head><body><header><nav><a href="/"><h1>rohit pai</h1></a><ul><li><a href="#about">about</a></li><li><a href="#curiculumvitae">cv</a></li><li><a href="#projects">projects</a></li><li><a href="#contact">contact</a></li></ul></nav></header><main><div id="about"><h1>about</h1><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae debitis dolore, illum minus molestias officiis quidem similique ut. Autem consectetur eum, fugit illum ipsam laudantium magnam magni minima nesciunt numquam officia, soluta unde, voluptates! Aliquid aut, beatae dignissimos, dolorem ex exercitationem fugiat harum itaque laudantium placeat repellat suscipit velit! Aliquam architecto autem beatae consectetur, dicta dolorum eligendi esse harum hic iure labore, libero molestias nemo neque nisi nostrum odio sed sunt tempora totam voluptatem voluptatibus.</p><a href="/other/rohitpaicv.pdf" class="btn btnPrimary" download="">Download CV</a></div><div id="curiculumvitae"><h1>curriculum vitae</h1><div class="cvGrid"><div><h2>Education</h2><div></div></div><div><h2>Work</h2><div></div></div></div></div><div id="projects"><div class="mainProj"><h1>project title to be generated</h1><div><img src="" alt=""><div class="flexRow"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus dolorem dolores esse itaque iure iusto libero molestias nobis nostrum placeat praesentium quia quo reprehenderit, repudiandae.</p><div class="flexCol"><a href="" class="btn btnPrimary"></a> <a href="" class="btn btnOutline"></a></div></div></div></div><div class="otherProj"><h1>other projects</h1><div class="oProjGrid"><img src="" alt=""><div class="flexCol"><div><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, voluptates.</p></div><div><a href="" class="btn btnPrimary"></a> <a href="" class="btn btnOutline"></a></div></div></div><div class="oProjGrid"><img src="" alt=""><div class="flexCol"><div><p>Adipisci aspernatur consectetur debitis fugiat minus mollitia rem ullam, voluptate.</p></div><div><a href="" class="btn btnPrimary"></a> <a href="" class="btn btnOutline"></a></div></div></div><div class="oProjGrid"><img src="" alt=""><div class="flexCol"><div><p>Beatae culpa distinctio dolorum eius et fugit optio reiciendis soluta!</p></div><div><a href="" class="btn btnPrimary"></a> <a href="" class="btn btnOutline"></a></div></div></div><a href="" class="btn btnPrimary"></a></div></div><div id="contact"><div id="findme"><h1>find me</h1><div class="flexRow socialIcons"><div><a href=""><img src="" alt=""></a><a href=""><img src="" alt=""></a><a href=""><img src="" alt=""></a></div><div><a href=""><img src="" alt=""></a><a href=""><img src="" alt=""></a><a href=""><img src="" alt=""></a></div></div><img src="" alt="" class="profile"></div><div id="sayhello"><h1>say hello</h1><form action="" id="contactForm"><div class="flName"><div class="formControl"><label for="fName">First Name</label> <input type="text" name="fName" id="fName"></div><div class="formControl"><label for="lName">Last Name</label> <input type="text" name="lName" id="lName"></div></div><div class="formControl"><label for="email">Email</label> <input type="email" id="email" name="email"></div><div class="formControl"><label for="message">Message</label> <textarea name="message" id="message" cols="30" rows="10"></textarea></div><input type="submit" class="btn btnPrimary" value="Say Hello"></form></div></div><footer class="flexRow"><p>&copy; 2021 Rohit Pai all rights reserved</p><button class="goBackToTop"></button></footer></main></body></html>
\ No newline at end of file
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><link rel="stylesheet" href="css/main.css"><script src="https://kit.fontawesome.com/ed3c25598e.js" crossorigin="anonymous"></script></head><body><header><nav><a href="/"><h1>rohit pai</h1></a><ul><li><a href="#about">about</a></li><li><a href="#curiculumvitae">cv</a></li><li><a href="#projects">projects</a></li><li><a href="#contact">contact</a></li><li><a href="#">blog</a></li></ul></nav><div><h1>full stack developer</h1><a href="" class="btn btnPrimary">Contact Me</a> <button><i class="fas fa-chevron-down"></i></button></div></header><main><div id="about"><h1>about</h1><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae debitis dolore, illum minus molestias officiis quidem similique ut. Autem consectetur eum, fugit illum ipsam laudantium magnam magni minima nesciunt numquam officia, soluta unde, voluptates! Aliquid aut, beatae dignissimos, dolorem ex exercitationem fugiat harum itaque laudantium placeat repellat suscipit velit! Aliquam architecto autem beatae consectetur, dicta dolorum eligendi esse harum hic iure labore, libero molestias nemo neque nisi nostrum odio sed sunt tempora totam voluptatem voluptatibus.</p><a href="/other/rohitpaicv.pdf" class="btn btnPrimary" download="">Download CV</a></div><div id="curiculumvitae"><h1>curriculum vitae</h1><div class="cvGrid"><div><h2>Education</h2><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem ipsum nobis officia sequi. Beatae hic molestiae quibusdam repellendus vero voluptatem!</div></div><div><h2>Work</h2><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid aperiam atque blanditiis doloribus labore minima odio recusandae tempore. Totam, ut!</div></div></div></div><div id="projects"><div class="mainProj"><h1>project title to be generated</h1><div><img src="" alt=""><div class="flexRow"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus dolorem dolores esse itaque iure iusto libero molestias nobis nostrum placeat praesentium quia quo reprehenderit, repudiandae.</p><div class="flexCol"><a href="" class="btn btnPrimary"></a> <a href="" class="btn btnOutline"></a></div></div></div></div><div class="otherProj"><h1>other projects</h1><div class="oProjGrid"><img src="" alt=""><div class="flexCol"><div><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, voluptates.</p></div><div><a href="" class="btn btnPrimary"></a> <a href="" class="btn btnOutline"></a></div></div></div><div class="oProjGrid"><img src="" alt=""><div class="flexCol"><div><p>Adipisci aspernatur consectetur debitis fugiat minus mollitia rem ullam, voluptate.</p></div><div><a href="" class="btn btnPrimary"></a> <a href="" class="btn btnOutline"></a></div></div></div><div class="oProjGrid"><img src="" alt=""><div class="flexCol"><div><p>Beatae culpa distinctio dolorum eius et fugit optio reiciendis soluta!</p></div><div><a href="" class="btn btnPrimary"></a> <a href="" class="btn btnOutline"></a></div></div></div><a href="" class="btn btnPrimary"></a></div></div><div id="contact"><div id="findme"><h1>find me</h1><div class="flexRow socialIcons"><div><a href=""><img src="" alt=""></a><a href=""><img src="" alt=""></a><a href=""><img src="" alt=""></a></div><div><a href=""><img src="" alt=""></a><a href=""><img src="" alt=""></a><a href=""><img src="" alt=""></a></div></div><img src="" alt="" class="profile"></div><div id="sayhello"><h1>say hello</h1><form action="" id="contactForm"><div class="flName"><div class="formControl"><label for="fName">First Name</label> <input type="text" name="fName" id="fName"></div><div class="formControl"><label for="lName">Last Name</label> <input type="text" name="lName" id="lName"></div></div><div class="formControl"><label for="email">Email</label> <input type="email" id="email" name="email"></div><div class="formControl"><label for="message">Message</label> <textarea name="message" id="message" cols="30" rows="10"></textarea></div><input type="submit" class="btn btnPrimary" value="Say Hello"></form></div></div><footer class="flexRow"><p>&copy; 2021 Rohit Pai all rights reserved</p><button class="goBackToTop"></button></footer></main></body></html>
\ No newline at end of file
diff --git a/src/css/main.css b/src/css/main.css
index d7cebf0..ecfc1d9 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -1,3 +1,42 @@
+/******** Imports ********/
 @import "/node_modules/normalize.css/normalize.css";
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Share+Tech+Mono&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
 
+/****** Root Style ******/
+:root{
+    /* colours */
+    --primaryDefault: hsla(79, 62%, 51%, 1);
+    --primaryHover: hsla(79, 75%, 41%, 1);
+    --errorDefault: hsla(0, 62%, 51%, 1);
+    --grey: hsla(0, 0%, 39%, 1);
 
+    /* font sizes */
+    --titleFS: 2.25rem;
+    --generalFS: 1.125rem;
+    --headingFS: 1.5rem;
+}
+
+h1{
+    font-family: Share Tech Mono, monospace;
+    font-style: normal;
+    font-weight: normal;
+    font-size: 2.25rem;
+    line-height: 2.5625rem;
+    text-transform: lowercase;
+}
+
+h2{
+    font-family: Noto Sans KR, sans-serif;
+    font-style: normal;
+    font-weight: 500;
+    font-size: 1.5rem;
+    line-height: 2.1875rem;
+}
+
+body{
+    font-family: Noto Sans KR, sans-serif;
+    font-style: normal;
+    font-weight: 500;
+    font-size: 18px;
+    line-height: 1.625rem;
+}
diff --git a/src/index.html b/src/index.html
index 8d374f6..2196d0b 100644
--- a/src/index.html
+++ b/src/index.html
@@ -7,143 +7,148 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>Document</title>
     <link rel="stylesheet" href="css/main.css">
+    <script src="https://kit.fontawesome.com/ed3c25598e.js" crossorigin="anonymous"></script>
 </head>
 <body>
-
-<header>
-    <nav>
-        <a href="/">
-            <h1>rohit pai</h1>
-        </a>
-        <ul>
-            <li><a href="#about">about</a></li>
-            <li><a href="#curiculumvitae">cv</a></li>
-            <li><a href="#projects">projects</a></li>
-            <li><a href="#contact">contact</a></li>
-        </ul>
-    </nav>
-</header>
-<main>
-    <div id="about">
-        <h1>about</h1>
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae debitis dolore, illum minus molestias
-            officiis quidem similique ut. Autem consectetur eum, fugit illum ipsam laudantium magnam magni minima
-            nesciunt numquam officia, soluta unde, voluptates! Aliquid aut, beatae dignissimos, dolorem ex
-            exercitationem fugiat harum itaque laudantium placeat repellat suscipit velit! Aliquam architecto autem
-            beatae consectetur, dicta dolorum eligendi esse harum hic iure labore, libero molestias nemo neque nisi
-            nostrum odio sed sunt tempora totam voluptatem voluptatibus.</p>
-        <a href="/other/rohitpaicv.pdf" class="btn btnPrimary" download="">Download CV</a></div>
-    <div id="curiculumvitae">
-        <h1>curriculum vitae</h1>
-        <div class="cvGrid">
-            <div>
-                <h2>Education</h2>
-                <div></div>
-            </div>
-            <div>
-                <h2>Work</h2>
-                <div></div>
+    <header>
+        <nav>
+            <a href="/">
+                <h1>rohit pai</h1>
+            </a>
+            <ul>
+                <li><a href="#about">about</a></li>
+                <li><a href="#curiculumvitae">cv</a></li>
+                <li><a href="#projects">projects</a></li>
+                <li><a href="#contact">contact</a></li>
+                <li><a href="#">blog</a></li>
+            </ul>
+        </nav>
+        <div>
+            <h1>full stack developer</h1>
+            <a href="" class="btn btnPrimary">Contact Me</a>
+                <button><i class="fas fa-chevron-down"></i></button>
+        </div>
+    </header>
+    <main>
+        <div id="about">
+            <h1>about</h1>
+            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae debitis dolore, illum minus molestias
+                officiis quidem similique ut. Autem consectetur eum, fugit illum ipsam laudantium magnam magni minima
+                nesciunt numquam officia, soluta unde, voluptates! Aliquid aut, beatae dignissimos, dolorem ex
+                exercitationem fugiat harum itaque laudantium placeat repellat suscipit velit! Aliquam architecto autem
+                beatae consectetur, dicta dolorum eligendi esse harum hic iure labore, libero molestias nemo neque nisi
+                nostrum odio sed sunt tempora totam voluptatem voluptatibus.</p>
+            <a href="/other/rohitpaicv.pdf" class="btn btnPrimary" download="">Download CV</a></div>
+        <div id="curiculumvitae">
+            <h1>curriculum vitae</h1>
+            <div class="cvGrid">
+                <div>
+                    <h2>Education</h2>
+                    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem ipsum nobis officia sequi. Beatae hic molestiae quibusdam repellendus vero voluptatem!</div>
+                </div>
+                <div>
+                    <h2>Work</h2>
+                    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid aperiam atque blanditiis doloribus labore minima odio recusandae tempore. Totam, ut!</div>
+                </div>
             </div>
         </div>
-    </div>
-    <div id="projects">
-        <div class="mainProj">
-            <h1>project title to be generated</h1>
-            <div><img src="" alt="">
-                <div class="flexRow">
-                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus dolorem dolores esse itaque
-                        iure iusto libero molestias nobis nostrum placeat praesentium quia quo reprehenderit,
-                        repudiandae.</p>
+        <div id="projects">
+            <div class="mainProj">
+                <h1>project title to be generated</h1>
+                <div><img src="" alt="">
+                    <div class="flexRow">
+                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus dolorem dolores esse itaque
+                            iure iusto libero molestias nobis nostrum placeat praesentium quia quo reprehenderit,
+                            repudiandae.</p>
+                        <div class="flexCol">
+                            <a href="" class="btn btnPrimary"></a>
+                            <a href="" class="btn btnOutline"></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="otherProj">
+                <h1>other projects</h1>
+                <div class="oProjGrid"><img src="" alt="">
                     <div class="flexCol">
-                        <a href="" class="btn btnPrimary"></a>
-                        <a href="" class="btn btnOutline"></a>
+                        <div>
+                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, voluptates.</p>
+                        </div>
+                        <div>
+                            <a href="" class="btn btnPrimary"></a>
+                            <a href="" class="btn btnOutline"></a>
+                        </div>
                     </div>
                 </div>
-            </div>
+                <div class="oProjGrid"><img src="" alt="">
+                    <div class="flexCol">
+                        <div>
+                            <p>Adipisci aspernatur consectetur debitis fugiat minus mollitia rem ullam, voluptate.</p>
+                        </div>
+                        <div>
+                            <a href="" class="btn btnPrimary"></a>
+                            <a href="" class="btn btnOutline"></a>
+                        </div>
+                    </div>
+                </div>
+                <div class="oProjGrid"><img src="" alt="">
+                    <div class="flexCol">
+                        <div>
+                            <p>Beatae culpa distinctio dolorum eius et fugit optio reiciendis soluta!</p>
+                        </div>
+                        <div>
+                            <a href="" class="btn btnPrimary"></a>
+                            <a href="" class="btn btnOutline"></a>
+                        </div>
+                    </div>
+                </div>
+                <a href="" class="btn btnPrimary"></a></div>
         </div>
-        <div class="otherProj">
-            <h1>other projects</h1>
-            <div class="oProjGrid"><img src="" alt="">
-                <div class="flexCol">
+        <div id="contact">
+            <div id="findme">
+                <h1>find me</h1>
+                <div class="flexRow socialIcons">
                     <div>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, voluptates.</p>
+                        <a href=""><img src="" alt=""></a>
+                        <a href=""><img src="" alt=""></a>
+                        <a href=""><img src="" alt=""></a>
                     </div>
                     <div>
-                        <a href="" class="btn btnPrimary"></a>
-                        <a href="" class="btn btnOutline"></a>
+                        <a href=""><img src="" alt=""></a>
+                        <a href=""><img src="" alt=""></a>
+                        <a href=""><img src="" alt=""></a>
                     </div>
                 </div>
+                <img src="" alt="" class="profile">
             </div>
-            <div class="oProjGrid"><img src="" alt="">
-                <div class="flexCol">
-                    <div>
-                        <p>Adipisci aspernatur consectetur debitis fugiat minus mollitia rem ullam, voluptate.</p>
-                    </div>
-                    <div>
-                        <a href="" class="btn btnPrimary"></a>
-                        <a href="" class="btn btnOutline"></a>
-                    </div>
-                </div>
-            </div>
-            <div class="oProjGrid"><img src="" alt="">
-                <div class="flexCol">
-                    <div>
-                        <p>Beatae culpa distinctio dolorum eius et fugit optio reiciendis soluta!</p>
-                    </div>
-                    <div>
-                        <a href="" class="btn btnPrimary"></a>
-                        <a href="" class="btn btnOutline"></a>
-                    </div>
-                </div>
-            </div>
-            <a href="" class="btn btnPrimary"></a></div>
-    </div>
-    <div id="contact">
-        <div id="findme">
-            <h1>find me</h1>
-            <div class="flexRow socialIcons">
-                <div>
-                    <a href=""><img src="" alt=""></a>
-                    <a href=""><img src="" alt=""></a>
-                    <a href=""><img src="" alt=""></a>
-                </div>
-                <div>
-                    <a href=""><img src="" alt=""></a>
-                    <a href=""><img src="" alt=""></a>
-                    <a href=""><img src="" alt=""></a>
-                </div>
-            </div>
-            <img src="" alt="" class="profile">
-        </div>
-        <div id="sayhello">
-            <h1>say hello</h1>
-            <form action="" id="contactForm">
-                <div class="flName">
-                    <div class="formControl">
-                        <label for="fName">First Name</label>
-                        <input type="text" name="fName" id="fName">
+            <div id="sayhello">
+                <h1>say hello</h1>
+                <form action="" id="contactForm">
+                    <div class="flName">
+                        <div class="formControl">
+                            <label for="fName">First Name</label>
+                            <input type="text" name="fName" id="fName">
+                        </div>
+                        <div class="formControl">
+                            <label for="lName">Last Name</label>
+                            <input type="text" name="lName" id="lName">
+                        </div>
                     </div>
                     <div class="formControl">
-                        <label for="lName">Last Name</label>
-                        <input type="text" name="lName" id="lName">
+                        <label for="email">Email</label>
+                        <input type="email" id="email" name="email">
                     </div>
-                </div>
-                <div class="formControl">
-                    <label for="email">Email</label>
-                    <input type="email" id="email" name="email">
-                </div>
-                <div class="formControl">
-                    <label for="message">Message</label>
-                    <textarea name="message" id="message" cols="30" rows="10"></textarea></div>
-                <input type="submit" class="btn btnPrimary" value="Say Hello">
-            </form>
+                    <div class="formControl">
+                        <label for="message">Message</label>
+                        <textarea name="message" id="message" cols="30" rows="10"></textarea></div>
+                    <input type="submit" class="btn btnPrimary" value="Say Hello">
+                </form>
+            </div>
         </div>
-    </div>
-    <footer class="flexRow">
-        <p>&copy; 2021 Rohit Pai all rights reserved</p>
-        <button class="goBackToTop"></button>
-    </footer>
-</main>
-
+        <footer class="flexRow">
+            <p>&copy; 2021 Rohit Pai all rights reserved</p>
+            <button class="goBackToTop"></button>
+        </footer>
+    </main>
 </body>
 </html>