tribikram
/
AplusAgency
1
0
Fork 0
Code Issues 26 Pull Requests 13 Packages Projects 1 Releases Wiki Activity

[add] enquiry form added

Browse Source
AplusAgency/#2
tribikram 2 years ago
parent 9795a19ced
commit aa7c649bc2
2 changed files with 126 additions and 10 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 65
      public/frontend/css/style.css
  2. 71
      resources/views/welcome.blade.php

65
public/frontend/css/style.css
Unescape View File

@ -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;
}

71
resources/views/welcome.blade.php
Unescape View File

@ -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>
<div class="contact-phone">
</a>
<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>
<div class="contact-phone">
</a>
<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>

Write Preview
Loading…
Cancel
Save