diff --git a/.gitignore b/.gitignore
index 7b93294..80ab069 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,4 +3,6 @@ _site
.jekyll-cache
.jekyll-metadata
vendor
-.bundle
\ No newline at end of file
+.bundle
+node_modules
+.vscode
\ No newline at end of file
diff --git a/_includes/contact.html b/_includes/contact.html
new file mode 100644
index 0000000..1f1182c
--- /dev/null
+++ b/_includes/contact.html
@@ -0,0 +1,32 @@
+
+
+
+
diff --git a/_includes/header.html b/_includes/header.html
index a44570c..11e9175 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -26,6 +26,9 @@
+
+
+
{{ site.title }}
diff --git a/_includes/navbar.html b/_includes/navbar.html
index 1c27b63..98919e6 100644
--- a/_includes/navbar.html
+++ b/_includes/navbar.html
@@ -20,9 +20,13 @@
Work Experience
-
+
Education
+
+
+ Contact
+
diff --git a/_sass/all.scss b/_sass/all.scss
index 10b1d0d..d529419 100644
--- a/_sass/all.scss
+++ b/_sass/all.scss
@@ -7,6 +7,7 @@
@import "footer";
@import "experience";
@import "project";
+@import "contact";
.card-container {
display: grid;
diff --git a/_sass/contact.scss b/_sass/contact.scss
new file mode 100644
index 0000000..8be0fbd
--- /dev/null
+++ b/_sass/contact.scss
@@ -0,0 +1,40 @@
+.container {
+ max-width: var(--max-width);
+ margin: 0 auto;
+ text-align: center;
+}
+
+.form-group {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ margin: 0 16%;
+}
+
+.form-group input {
+ width: 48%;
+ border: 1px solid #eee;
+ border-radius: 4px;
+ padding: 6px 10px;
+ margin: 0 auto;
+}
+
+textarea {
+ width: 100%;
+ height: 20vh;
+ margin: 1vh;
+ border: 1px solid #eee;
+ border-radius: 4px;
+ padding: 6px 10px;
+ resize: none;
+}
+
+.button-group {
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ align-items: left;
+ margin: 0 16%;
+ padding: 6px 10px;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 8d2e616..82caa02 100644
--- a/index.html
+++ b/index.html
@@ -8,6 +8,7 @@
{% include navbar.html %} {% include profile.html %} {% include
projects.html %} {% include experience.html %} {% include education.html %}
+ {% include contact.html %}