This commit is contained in:
Suvodip Ghosh
2023-02-17 21:58:52 +05:30
parent 7d4b68b55b
commit 593a9bbdb2
6 changed files with 94 additions and 33 deletions

View File

@@ -8,7 +8,7 @@
<p class="font-20px text-color-2">Check out our plans and what work's for you the best</p>
</div>
<div class="flex w-fit justify-center place-items-center">
<img class="w-fit h-fit rounded-3xl py-4 cursor-none" src="/img/price1.png" alt="">
<img class="w-fit h-fit rounded-3xl cursor-none" src="/img/price1.png" alt="">
</div>
</div>
</section>
@@ -78,7 +78,7 @@
<div class="flex flex-col lg:flex-row place-items-center justify-center">
<div class="flex flex-col justify-center md:px-28 lg:px-0">
<div class="bg-gray-100 text-center border-radius px-20 lg:px-20">
<h1 class="text-3xl md:text-4xl text-center pt-32 p-3 text-blue-700">Talk to Us ></h1>
<h1 class="text-3xl md:text-4xl text-center pt-32 p-3 text-blue-700 font-semibold">Talk to Us ></h1>
<h1 class="text-xl lg:text-2xl lg:w-96">If you want to know which plan works for you the best, write to us and well get back to you with best advice</h1>
</div>
<!-- <img class="h-auto" src="/img/get-in-touch.png" alt="" > -->
@@ -104,7 +104,7 @@
<div class="form-group form-check mb-6"><input v-model="flag" type="checkbox" value="whatsapp" class="form-check-input appearance-none h-4 w-4 border border-gray-300 rounded-sm bg-white checked:bg-blue-600 checked:border-blue-600 focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer">
<label class="form-check-label inline-block text-gray-800" >Keep me updated on WhatsApp</label>
</div>
<button @click="saveContactForm" class="px-6 py-2.5 bg-blue-600 text-white font-medium text-lg leading-tight uppercase rounded shadow-md hover:bg-blue-700 hover:shadow-lg focus:bg-blue-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out">Contact us</button>
<button @click="saveContactForm" class="px-6 py-2.5 bg-blue-600 text-white font-medium text-lg leading-tight rounded shadow-md hover:bg-blue-700 hover:shadow-lg focus:bg-blue-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out">Contact Us</button>
</div>
<div v-else>
<h2 class="text-center py-40 text-4xl">Thank You!</h2>
@@ -256,13 +256,13 @@ padding:0;}
width: 100%;
}
.box1 {
width: 100%;
width: 90%;
height: 550px;
/* padding: 25px; */
border: 1px solid #FFA25F;
}
.box2 {
width: 100%;
width: 90%;
height: 550px;
/* padding: 25px; */
border: 1px solid #9B00FA;