diff --git a/src/assets/contactUs.png b/src/assets/contactUs.png
new file mode 100644
index 0000000..def85ef
Binary files /dev/null and b/src/assets/contactUs.png differ
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 8d59fd9..30c2794 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -2,9 +2,14 @@
v-card.elevation-24
v-footer(color="basic" padless)
v-row(justify="center" no-gutters)
- v-btn.py-2(v-for="link in links" :key="link" :href="link.href" color="white" icon)
+ v-btn(v-for="link in links" :key="link" :href="link.href" color="white" icon)
v-icon {{link.icon}}
- v-col.py-4.text-center.white--text.font-weight-bold(color="secondary" cols="12") {{ new Date().getFullYear() }} — Devlup Labs
+ v-col.my-n5.text-center.font-weight-bold(color="secondary" cols="12")
+ v-btn.text-center.white--text.font-weight-bold(text='Primary'
+ to='./about' color='white' large
+ @click="viewForm"
+ ) Contact Us
+ v-col.pt-0.pb-1.text-center.white--text.font-weight-bold(color="secondary" cols="12") {{ new Date().getFullYear() }} — Devlup Labs
diff --git a/src/views/AboutUs.vue b/src/views/AboutUs.vue
index 8758ce6..16d1a3e 100644
--- a/src/views/AboutUs.vue
+++ b/src/views/AboutUs.vue
@@ -38,8 +38,51 @@ v-container(fluid='' style='margin: 0px; padding: 0px; width: 100%;')
h1.font-weight-medium.pa-3(style="text-align: center;color:#000") {{item.heading}}
h3.font-weight-light.mb-n.pa-3(style="text-align: center;color:#000") {{item.subheading}}
v-flex(xs12='',sm12='', md4='',lg4='',xl4='')
- v-img.mt-5.ml-n3.mr-3(:src="item.src" contain aspect-ratio='2.5')
+ v-img.mt-5.ml-n3.mr-3(:src="item.src" contain aspect-ratio='2.5')
+
+ div(align='center', class="form-container" justify='center')
+ div.Form(name="formSection" id="formComponent")
+ div.container.col-sm-10(class="my-5" name="")
+ v-row(class="no-gutters pb-5" id="formRow")
+ div.col-md-5(class="pt-11 pl-7 pb-0" align="center" justify="center")
+ v-img.img-fluid.mt-40(src="../assets/contactUs.png"
+ max-height='300' max-width='400'
+ align="center" justify="center")
+ div.col-md-7( justify='center' class='px-5')
+ div.col-lg-9(align="center" justify="left")
+ iframe(name="hiddenFrame" width="0" height="0" border="0" style="display: none;"
+ onload="if(submitted){location.reload()}")
+ v-form(class="login my-3" id="user_info_submit" name="form"
+ action="https://docs.google.com/forms/d/e/1FAIpQLSeyQ2dD8L6DkyYjL_3JzWyZUD1IhOelzgEO8O4kVcdySFVehA/formResponse"
+ method="POST" target="hiddenFrame"
+ v-model="validForm"
+ onsubmit="submitted=true;"
+ )
+ h1(style="color: #1b65c4; font-size: 2.5rem" class="font-weight-bold py-3") Contact Us
+ v-text-field(lable="Email: " id="email" name="entry.785378515" color='#1b65c4'
+ type="email" placeholder="Email"
+ v-model="emailAddress"
+ :rules="emailRules")
+
+ v-text-field(lable="full name: " id="name" name="entry.2032351164" color='#1b65c4'
+ type="text" placeholder="Full Name"
+ counter=50
+ :rules="[required('Name'), minLength('Name', 4), maxLength('Name', 50)]")
+
+ v-text-field(lable="phone" color='#1b65c4' id="phone" name="entry.1442733485"
+ type="phone" placeholder="Contact Number"
+ counter=true
+ v-model="mobileNo"
+ :rules="numberRules")
+
+ v-text-field(lable="comments" color='#1b65c4'
+ name="entry.1558155518" type="textarea"
+ placeholder="What can we do for you?"
+ id="suggestion"
+ counter=true)
+
+ v-btn(color='#1b65c4' class='my-3' type="submit" :disabled="!validForm").white--text Submit
diff --git a/src/views/Videos.vue b/src/views/Videos.vue
index ef6037e..6393672 100644
--- a/src/views/Videos.vue
+++ b/src/views/Videos.vue
@@ -5,7 +5,7 @@ div(align='center', justify='center')
div(v-else)
v-container
v-row.mt-9
- v-flex.mb-6(v-for='tutorial in tutorials', :key='tutorial.name', xs12='',sm12='', md6='',lg6='',xl4='')
+ v-flex.mb-6(v-for='tutorial in tutorials', :key='tutorial.name', xs12='',sm12='', md12='',lg6='',xl4='')
VideoCard(:tutorial='tutorial')
v-btn(color='#1b65c4' dark='' large href="https://www.youtube.com/channel/UCFaRxxB8-BB5GXH-wlwGqIw") Our Channel