1#@!#!123s

32759 1#@!#!123s
: / home / aissorg / www / pug / sections /
Filename : _section-contact-form-and-map.pug
back
section.section.bg-gray-light
	.range.justify-content-xl-between
		.cell-xl-6.align-self-center.container
			.row
				.col-lg-9.cell-inner: .section-lg
					h3.wow-outer: span.wow.slideInDown Contact Us
					// RD Mailform
					form.rd-form.rd-mailform(data-form-output='form-output-global', data-form-type='contact', method='post', action='bat/rd-mailform.php')
						.row.row-10
							.col-md-6.wow-outer
								.form-wrap.wow.fadeSlideInUp
									label.form-label-outside(for='contact-first-name') First Name
									input#contact-first-name.form-input(type='text' name='name' data-constraints='@Required')

							.col-md-6.wow-outer
								.form-wrap.wow.fadeSlideInUp
									label.form-label-outside(for='contact-last-name') Last Name
									input#contact-last-name.form-input(type='text' name='name' data-constraints='@Required')

							.col-md-6.wow-outer
								.form-wrap.wow.fadeSlideInUp
									label.form-label-outside(for='contact-email') E-mail
									input#contact-email.form-input(type='email' name='email' data-constraints='@Email @Required')

							.col-md-6.wow-outer
								.form-wrap.wow.fadeSlideInUp
									label.form-label-outside(for='contact-phone') Phone
									input#contact-phone.form-input(type='text' name='phone' data-constraints='@PhoneNumber')

							.col-12.wow-outer
								.form-wrap.wow.fadeSlideInUp
									label.form-label-outside(for='contact-message') Your Message
									textarea#contact-message.form-input(name='message' data-constraints='@Required')


						.group.group-middle
							.wow-outer 
								button.button.button-primary.button-winona.wow.slideInRight(type='submit') Send Message
							p or use
							.wow-outer
								a.button.button-primary-outline.button-icon.button-icon-left.button-winona.wow.slideInLeft(href='#')
									span.icon.text-primary.mdi.mdi-facebook-messenger
									| Messenger

		.cell-xl-5.height-fill.wow.fadeIn
			//Google Map

			//Please, add the data attribute data-key="YOUR_API_KEY" in order to insert your own API key for the Google map.
			//Please note that YOUR_API_KEY should replaced with your key.
			//Example: <div class="google-map-container" data-key="YOUR_API_KEY">
			.google-map-container( data-center='9870 St Vincent Place, Glasgow, DC 45 Fr 45.', data-zoom='5', data-icon='images/gmap_marker.png', data-icon-active='images/gmap_marker_active.png', data-styles='[{"featureType":"landscape","stylers":[{"saturation":-100},{"lightness":60}]},{"featureType":"road.local","stylers":[{"saturation":-100},{"lightness":40},{"visibility":"on"}]},{"featureType":"transit","stylers":[{"saturation":-100},{"visibility":"simplified"}]},{"featureType":"administrative.province","stylers":[{"visibility":"off"}]},{"featureType":"water","stylers":[{"visibility":"on"},{"lightness":30}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ef8c25"},{"lightness":40}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"visibility":"off"}]},{"featureType":"poi.park","elementType":"geometry.fill","stylers":[{"color":"#b6c54c"},{"lightness":40},{"saturation":-40}]},{}]' )
				.google-map
				ul.google-map-markers
					li( data-location='9870 St Vincent Place, Glasgow, DC 45 Fr 45.', data-description='9870 St Vincent Place, Glasgow' )