[add] enquiry form added

AplusAgency/#2
tribikram 2 years ago
parent 9795a19ced
commit aa7c649bc2
  1. 65
      public/frontend/css/style.css
  2. 71
      resources/views/welcome.blade.php

@ -487,6 +487,7 @@ Responsive Codes
} }
.contact-phone{ .contact-phone{
display: flex; display: flex;
text-decoration: none;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
} }
@ -499,7 +500,7 @@ Responsive Codes
flex-direction: column; flex-direction: column;
gap: 20px; gap: 20px;
} }
.enquiry-form h2{ .enquiry-header h2{
font-weight: 500; font-weight: 500;
font-size: 46px; font-size: 46px;
text-align: center; text-align: center;
@ -507,7 +508,7 @@ Responsive Codes
color: #F54C5F; color: #F54C5F;
display: inline-block; display: inline-block;
} }
.enquiry-form h2::after{ .enquiry-header h2::after{
content: ''; content: '';
margin: 20px 30%; margin: 20px 30%;
border-bottom: 5px solid #F54C5F; border-bottom: 5px solid #F54C5F;
@ -515,9 +516,67 @@ Responsive Codes
text-align: center; text-align: center;
display: block; display: block;
} }
.enquiry-form p{ .enquiry-header p{
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
color: #FFFFFF; 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;
}

@ -311,30 +311,87 @@
<h2>Let’s Start a Conversation</h2> <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> <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-desc">
<div class="contact-phone"> <a href="tel: +61 - 047 817 7809" class="contact-phone">
<img src="{{url('frontend/icons/phone-Icon.svg')}}" alt=""> <img src="{{url('frontend/icons/phone-Icon.svg')}}" alt="">
<h5>+61 - 047 817 7809</h5> <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=""> <img src="{{url('frontend/icons/email-Icon.svg')}}" alt="">
<h5>info@aplusagency.com.au</h5> <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=""> <img src="{{url('frontend/icons/location-Icon.svg')}}" alt="">
<h5>Suite 503, Level 5, 368 Sussex Street Sydney, NSW 2000</h5> <h5>Suite 503, Level 5, 368 Sussex Street Sydney, NSW 2000</h5>
</div> </a>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div class="enquiry-form text-center"> <div class="enquiry-header text-center">
<h2>Quick Enquiry</h2> <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> <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> </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>
</div> </div>
</section> </section>

Loading…
Cancel
Save