added discuss section

badal925119 · Aug 22, 2024 · 4f7480d · 4f7480d
1 parent 162d69e
commit 4f7480d
Showing 1 changed file with 43 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -33,6 +33,11 @@
         .manrope{
             font-family: "Manrope", sans-serif;
         }
+        .back{
+            background-image: url(assets/bg.jpg);
+            width: 100%;
+            height: 100%;
+        }
       </style>
 
 </head>
@@ -207,6 +212,44 @@ <h1 class="text-lg font-bold">Budget Planning</h1>
 
       </section>
 
+      <!-- discuss section -->
+      <section class="back mb-2">
+       <div class="container mx-auto flex-col flex justify-center items-center">
+        <div class=" flex items-center justify-center pt-36">
+            <button class="btn bg-[#abef5f] bg-opacity-60 rounded-full">View Details <i class="bg-[#abef5f] text-black p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"></i></button>
+        </div>
+        <div class="flex justify-center items-center flex-col pt-6 gap-6">
+            <h1 class="text-5xl font-bold">Let’s Discuss Next Project</h1>
+            <p class="text-center text-lg font-semibold">The barn house captivates with its blend of rustic charm and modern sophistication,<br> featuring weathered wood, sleek metal accents.</p>
+        </div>
+
+        <div class="grid w-2/3 grid-cols-1 lg:grid-cols-2 gap-6 lg:pb-32 pt-6">
+            <div>
+                <input class="py-3 px-2 border-none outline-none bg-slate-100 rounded-lg w-full" placeholder="First Name*" type="text" name="" id="">
+            </div>
+            <div>
+                <input class="py-3 px-2 border-none outline-none bg-slate-100 rounded-lg w-full" placeholder="Last Name*" type="text" name="" id="">
+            </div>
+            <div>
+                <input class="py-3 px-2 border-none outline-none bg-slate-100 rounded-lg w-full" placeholder="Phone Number*" type="number" name="" id="">
+            </div>
+            <div>
+                <input class="py-3 px-2 border-none outline-none bg-slate-100 rounded-lg w-full" placeholder="Email Address*" type="email" name="" id="">
+
+            </div>
+            <textarea class=" py-3 px-2 row-span-10 col-span-2 border-none outline-none rounded-lg" placeholder="Write your message here" name="" id=""></textarea>
+            <a class="btn   bg bg-[#abef5f] text-lg col-span-2 rounded-full font-bold">Send Mail <i class="bg-[black] text-white p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"></i></a>
+
+
+        </div>
+
+       </div>
+
+
+
+      </section>
+
+
   </main>
 
   <!-- Footer Section -->