[add] map section for contact page added

aplus#4
tribikram 2 years ago
parent 41687d7e05
commit 52b17f877e
  1. 10
      public/frontend/css/style.css
  2. 12
      resources/views/contact.blade.php

@ -775,11 +775,13 @@ Responsive Codes
display: flex;
gap: 20px;
}
.about-banner-section .breadcrumb{
.about-banner-section .breadcrumb,
.contact-us-section .breadcrumb{
float: right;
margin-top: 15px;
}
.about-banner-section .breadcrumb a{
.about-banner-section .breadcrumb a,
.contact-us-section .breadcrumb a{
text-decoration: none;
color: #FFFFFF;
}
@ -891,3 +893,7 @@ Responsive Codes
.aplus-display-select{
color: #0A2849;
}
.map-section{
padding-top: 3rem;
background: #F5F5F5;
}

@ -4,7 +4,12 @@
@endsection
@section('content')
<section class="contact-us-section">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Contact Us</li>
</ol>
</nav>
</section>
<section class="get-in-touch-section">
<div class="get-in-card">
@ -81,7 +86,7 @@
</div>
<div class="col-md-6">
<div class="mb-3">
<label for="">Enter Captch</label>
<label for="">Enter Captcha</label>
<input type="text" class="form-control" placeholder="Captcha">
</div>
</div>
@ -101,4 +106,7 @@
</div>
</div>
</section>
<section class="map-section">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3312.514012872817!2d151.2047258!3d-33.8764135!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b12ae3c9ed85d5f%3A0x778da1aae43c7216!2sSuite%20503%2C%20Level%205%2F368%20Sussex%20St%2C%20Sydney%20NSW%202000%2C%20Australia!5e0!3m2!1sen!2snp!4v1670397808126!5m2!1sen!2snp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</section>
@endsection
Loading…
Cancel
Save