<?php include "header.php" ?>

	<section class="inner-banner-area" style="background: url('images/innerbanner-1.jpg') no-repeat center;">
		<div class="black-overlay"></div>
		<div class="container">
			<h2 class="page-title">Contact</h2>
		   	<nav role="navigation" aria-label="Breadcrumbs" class="breadcrumb-trail breadcrumbs" itemprop="breadcrumb">
				<ul class="trail-items">
					<li class="trail-item trail-begin">
						<a href="index.php" rel="home"><span itemprop="name">Home</span></a>
					</li>
					<!-- <li class="trail-item">
						<a href="#"><span itemprop="name">Courses</span></a>
					</li> -->
					<li class="trail-item trail-end">
						<span itemprop="name">Contact</span>
					</li>
		      	</ul>
		   	</nav>
		</div>
		<!-- .container -->		
	</section>

	<section id="contact-information" class="page-section burger_t">
		<div class="container">
			<header class="entry-header">
				<h2 class="entry-title text-center">Contact us</h2>
				<div class="description text-center mt-3">
					<p>Thanks for your interest in World Wide Voices!</p>
					<p>World Wide Voices is an enrichment program that solves the disconnect between education and real world experience by focusing on practical, transferrable skills and inspiring young people to explore industries and careers.</p>
					<p>Send us a message below and be sure to check in and follow us on our many social media sites too!</p>
				</div>
			</header>
			<!-- .entry-content -->

			<div class="row g-0 mt-5">
				<div class="col-sm-7 bg-white">
					<div class="p-5">
						<h3>Send Us a Message</h3>
						<form class="mt-4" action="#">
							<div class="mb-3">
								<label for="name" class="form-label">Your Name (required)</label>
								<input type="text" class="form-control" id="name" aria-describedby="Name">
							</div>
							<div class="mb-3">
								<label for="exampleInputEmail1" class="form-label">Your Email (required)</label>
								<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="email">
							</div>
							<div class="mb-3">
								<label for="Subject" class="form-label">Subject</label>
								<input type="text" class="form-control" id="Subject">
							</div>
							<div class="mb-5">
								<label for="message" class="form-label">Your Message</label>
								<textarea class="form-control" id="message"></textarea>
							</div>
							<button type="submit" class="btn btn-primary">Submit</button>
						</form>
					</div>
				</div>
				<div class="col-sm-5 bg-gray">
					<div class="p-5 text-white">
						<div class="mb-3 contact-info">
							<h3 class="text-white">Contact Info</h3>
							<ul>
								<li><i class="fa fa-map-marker"></i><span>Office No. 111, Area, City State</span></li>
								<li><a href="tel:4875213654"><i class="fa fa-phone"></i>+ 1111111111</a></li>
								<!-- <li><i class="fa fa-envelope-square"></i>SF54 5Sf</li> -->
								<li><a href="mailto:andyjones@gmail.com"><i class="fa fa-envelope"></i>domain@gmail.com</a></li>
							</ul>
						</div>
						<div class="mt-4 social-link">
							<h3 class="text-white">Get Social</h3>
							<ul class="social-icon">
								<li><a href="https://www.facebook.com/World-Wide-Voices-111043463999715" target="_blank" class="animate icon-facebook"> <i class="fa fa-facebook"></i></a></li>
			                    <li><a href="https://www.instagram.com/wwvoicesorg/" target="_blank" class="animate icon-instagram"><i class="fa fa-instagram"></i></a></li>
			                    <li><a href="https://www.youtube.com/channel/UCw54JJ9fqyEbSK9SN6Il62Q" target="_blank" class="animate icon-youtube"><i class="fa fa-youtube-play"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	   <!-- .container -->
	</section>

	<?php include "footer.php" ?>
</body>
</html>