[add] enquiry form added

public/frontend/css/style.css

@@ -487,6 +487,7 @@ Responsive Codes
 }
 .contact-phone{
     display: flex;
+    text-decoration: none;
     align-items: center;
     gap: 10px;
 }
@@ -499,7 +500,7 @@ Responsive Codes
     flex-direction: column;
     gap: 20px;
 }
-.enquiry-form h2{
+.enquiry-header h2{
     font-weight: 500;
     font-size: 46px;
     text-align: center;
@@ -507,7 +508,7 @@ Responsive Codes
     color: #F54C5F;
     display: inline-block;
 }
-.enquiry-form h2::after{
+.enquiry-header h2::after{
     content: '';
     margin: 20px 30%;
     border-bottom: 5px solid #F54C5F;
@@ -515,9 +516,67 @@ Responsive Codes
     text-align: center;
     display: block;
 }
-.enquiry-form p{
+.enquiry-header p{
     font-weight: 400;
     font-size: 14px;
     text-align: center;
     color: #FFFFFF;
+}
+.enquiry-form .input-group{
+    border: 1px solid #E0DEDE;
+    background: rgba(255, 255, 255, 0.55);
+    border-radius: 2px;
+}
+.enquiry-form .input-group-text{
+    padding: 1rem;
+    border: none;
+    border-radius: 0;
+    color: #01070F;
+    background: none;
+}
+.enquiry-form input::-webkit-input-placeholder{
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 1.6rem;
+    color: #071C39;
+}
+.enquiry-form textarea::-webkit-input-placeholder{
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 1.6rem;
+    color: #071C39;
+}
+.enquiry-form input:-moz-placeholder{
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 1.6rem;
+    color: #071C39;
+}
+.enquiry-form .form-control{
+    background: none;
+    border: none;
+    margin-left: 0 !important;
+    border-radius: 0;
+}
+.enquiry-form .form-select{
+    background-color: rgb(0 0 0 / 0%);
+    margin-left: 0 !important;
+    border: none;
+}
+.enquiry-contacts{
+    padding-right: 20%;
+}
+.enquiry-contacts h2{
+    font-weight: 700;
+    font-size: 38px;
+    line-height: 2.6rem;
+    letter-spacing: 0.001em;
+    color: #FFFFFF;
+    margin-bottom: 30px;
+}
+.enquiry-contacts p{
+    font-weight: 400;
+    font-size: 22px;
+    line-height: 2rem;
+    color: #FFFFFF;
 }

resources/views/welcome.blade.php

@@ -311,30 +311,87 @@
             <h2>Let’s Start a Conversation</h2>
             <p>We’d love to hear from you. Our friendly support team is always here to assist you. </p>
             <div class="contact-desc">
-              <div class="contact-phone">
+              <a href="tel: +61 - 047 817 7809" class="contact-phone">
                 <img src="{{url('frontend/icons/phone-Icon.svg')}}" alt="">
                 <h5>+61 - 047 817 7809</h5>
-              </div>
+              </a>
-              <div class="contact-phone">
+              <a href="mailto: info@aplusagency.com.au" class="contact-phone">
                 <img src="{{url('frontend/icons/email-Icon.svg')}}" alt="">
                 <h5>info@aplusagency.com.au</h5>
-              </div>
+              </a>
-              <div class="contact-phone">
+              <a href="https://goo.gl/maps/P4Y2PYGMpGa83L2R8" target="_blank" class="contact-phone">
                 <img src="{{url('frontend/icons/location-Icon.svg')}}" alt="">
                 <h5>Suite 503, Level 5, 368 Sussex Street Sydney, NSW 2000</h5>
-              </div>
+              </a>
             </div>
           </div>
         </div>
         <div class="col-md-6">
           <div class="row">
             <div class="col-md-12">
-              <div class="enquiry-form text-center">
+              <div class="enquiry-header text-center">
                 <h2>Quick Enquiry</h2>
                 <p>Want to get in touch? Please fill in the form below and one of our agents will be in touch with you shortly. </p>
               </div>
             </div>
           </div>
+          <form action="">
+            <div class="row enquiry-form">
+              <div class="col-md-6 mb-3">
+                <div class="input-group mb-3">
+                  <div class="input-group-prepend">
+                    <span class="input-group-text" id="basic-addon1"><i class="fa-regular fa-user"></i></span>
+                  </div>
+                  <input type="text" class="form-control" placeholder="Full Name" aria-label="Fullname" aria-describedby="basic-addon1">
+                </div>
+              </div>
+              <div class="col-md-6">
+                <div class="input-group mb-3">
+                  <div class="input-group-prepend">
+                    <span class="input-group-text" id="basic-addon1">
+                      <i class="fa-regular fa-envelope"></i>
+                    </span>
+                  </div>
+                  <input type="email" class="form-control" placeholder="Email" aria-label="Email" aria-describedby="basic-addon1">
+                </div>
+              </div>
+              <div class="col-md-6">
+                <div class="input-group mb-3">
+                  <div class="input-group-prepend">
+                    <span class="input-group-text" id="basic-addon1">
+                      <i class="fa-solid fa-phone"></i>
+                    </span>
+                  </div>
+                  <input type="text" class="form-control" placeholder="Phone" aria-label="Phone" aria-describedby="basic-addon1">
+                </div>
+              </div>
+              <div class="col-md-6">
+                <div class="input-group mb-3">
+                  <div class="input-group-prepend">
+                    <label class="input-group-text" for="inputGroupSelect01">
+                      <i class="fa-solid fa-layer-group"></i>
+                    </label>
+                  </div>
+                  <select class="form-select" id="inputGroupSelect01">
+                    <option selected>Choose Services</option>
+                    <option value="1">One</option>
+                    <option value="2">Two</option>
+                    <option value="3">Three</option>
+                  </select>
+                </div>
+              </div>
+              <div class="col-md-12">
+                <div class="input-group mb-3">
+                  <div class="input-group-prepend">
+                    <label class="input-group-text" for="inputGroupSelect01">
+                      <i class="fa-regular fa-message"></i>
+                    </label>
+                  </div>
+                  <textarea class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="Message" name="message"></textarea>
+                </div>
+              </div>
+            </div>
+          </form>
         </div>
       </div>
     </section>