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