Skip to content

Instantly share code, notes, and snippets.

@SitesByYogi
Last active October 12, 2022 13:05
Show Gist options
  • Save SitesByYogi/2e17b757e338c32fdb3b7df5f35fe435 to your computer and use it in GitHub Desktop.
Save SitesByYogi/2e17b757e338c32fdb3b7df5f35fe435 to your computer and use it in GitHub Desktop.
Contact us section with info left and map right
<div class="tmpl-contact-3 boldgrid-section dynamic-gridblock" style="border-width: 0px;" data-alpha="0.78">
<div class="container">
<div class="row" style="padding-top: 50px; padding-bottom: 50px; border-width: 0px;">
<div class="col-md-6 col-xs-12 col-sm-6 col-lg-6" style="padding: 1em;">
<h2>Contact Us</h2>
<p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu dignissim tortor, sit amet bibendum lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="row" style="padding-top: 25px;">
<div class="col-md-2 col-sm-2 col-xs-2 col-lg-2">
<p class="" style="text-align: center;"><i class="fa fa-map-signs color3-background-color color-3-text-contrast bg-background-color" style="border-radius: 50px; padding: 0.7em; font-size: 20px;" aria-hidden="true"><span style="display: none;">&nbsp;</span></i></p>
</div>
<div class="col-md-10 col-sm-10 col-xs-10 align-column-center col-lg-10">
<p class="">202 Grid Blvd. Agloe, NY, 12776</p>
</div>
</div>
<div class="row" style="padding-top: 15px;">
<div class="col-md-2 col-sm-2 col-xs-2 col-lg-2">
<p class="" style="text-align: center;"><i class="fa fa-phone color3-background-color color-3-text-contrast bg-background-color" style="border-radius: 50px; padding: 0.7em; font-size: 20px;" aria-hidden="true"><span style="display: none;">&nbsp;</span></i></p>
</div>
<div class="col-md-10 col-sm-10 col-xs-10 align-column-center col-lg-10">
<p class="">777-765-4321</p>
</div>
</div>
<div class="row" style="padding-top: 15px; padding-bottom: 25px;">
<div class="col-md-2 col-sm-2 col-xs-2 col-lg-2">
<p class="" style="text-align: center;"><i class="fa fa-envelope color3-background-color color-3-text-contrast bg-background-color" style="border-radius: 50px; padding: 0.7em; font-size: 20px;" aria-hidden="true"><span style="display: none;">&nbsp;</span></i></p>
</div>
<div class="col-md-10 col-sm-10 col-xs-10 align-column-center col-lg-10">
<p class=""><a style="color: inherit;" href="#">[email protected]</a></p>
</div>
</div>
<p class="wow tada" style="text-align: center;" data-wow-duration="1.5s" data-wow-delay="1s"><a class="btn btn-rounded btn-small-caps btn-color-1" style="border-width: 0px;" href="#">Contact Us Today</a></p>
</div>
<div class="col-md-6 col-xs-12 col-sm-6 col-lg-6" style="padding: 1em;">
<p class="boldgrid-google-maps"><iframe style="max-width: 100%;" src="https://maps.google.com/maps?q=New+York%2C+NY&amp;t=m&amp;z=16&amp;output=embed" width="600" height="400" frameborder="0"></iframe></p>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment