<?php
	include 'app.php';
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>

<?php
	 
?>
	
	<base href="http://localhost/parceiros/ryan/painelSite/site/v1/">
	<title><?=$site['nome'];?></title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="assets/css/style.css">
	<link rel="stylesheet" href="color.php?colorBase=<?=str_replace("#", "", $site['cor_base']);?>" id="colors">
</head>
<body>
<div id="wrapper">
	<?php include '__header.php';?>
	<div class="clearfix"></div> 
	
	


	<!-- Titlebar
	================================================== -->
	<div id="titlebar" class="property-titlebar margin-bottom-0">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<h2>Fale Conosco</h2>

				</div>
			</div>
		</div>
	</div>

	
	
 

<!-- Container / Start -->
<div class="container">
	<div class="row">
		<div class="col-md-4">
			<h4 class="headline margin-bottom-12">Contatos</h4>
			<div class="sidebar-textbox">
 				<ul class="contact-details">
					<li><i class="im im-icon-Phone-2"></i> <strong>Telefone:</strong> <span><?=$site['telefone'];?></span></li>
					<?=(!empty($site['whatsapp'])) ? ("<li><i class='fa fa-whatsapp'></i> <strong>WhatsApp:</strong><span><a href='https://api.whatsapp.com/send?phone=55".numeros($site['whatsapp'])."'>".$site['whatsapp']."</span></a></li>") : ("");?>
					
					<li><i class="im im-icon-Envelope"></i> <strong>E-mail:</strong> <span><a href="#"><span class="__cf_email__" data-cfemail=""><?=$site['email'];?></span></a></span></li>
 					<?=(!empty($site['facebook'])) ? ("<li><a class='' href='https://www.facebook.com/".$site['facebook']."' target='_blank'><i class='fa fa-facebook'></i></a></li>") : ("");?>
					<?=(!empty($site['instagram'])) ? ("<li><a class='' href='https://www.instagram.com/".$site['instagram']."' target='_blank'><i class='fa fa-instagram'></i></a></li>") : ("");?>
				</ul>
				
			</div>
		</div>

		<div class="col-md-8">
			<section id="contact">
				<h4 class="headline margin-bottom-35">Envie uma mensagem</h4>

				<div id="contact-message"></div> 

					<form method="post" action="" name="contactform" id="contactform" autocomplete="on">
						<div class="row">
							<div class="col-md-6">
								<div>
									<input name="name" type="text" id="name" placeholder="Seu nome" required="required" />
								</div>
							</div>
							<div class="col-md-6">
								<div>
									<input name="email" type="email" id="email" placeholder="E-mail" pattern="^[A-Za-z0-9](([_\.\-]?[a-zA-Z0-9]+)*)@([A-Za-z0-9]+)(([\.\-]?[a-zA-Z0-9]+)*)\.([A-Za-z]{2,})$" required="required" />
								</div>
							</div>
						</div>
						<div>
							<input name="subject" type="text" id="subject" placeholder="Telefone" required="required" />
						</div>
						<div>
							<textarea name="comments" cols="40" rows="3" id="comments" placeholder="Mensagem" spellcheck="true" required="required"></textarea>
						</div>
						<button type="submit" class="submit button" id="submit" value="">Enviar Mensagem</button>
					</form>
			</section>
		</div>
		<!-- Contact Form / End -->
	</div>
</div>
<!-- Container / End -->




	<?php include '__footer.php';?>
	<script type="text/javascript" src="assets/scripts/jquery-2.2.0.min.js"></script>
	<script type="text/javascript" src="assets/scripts/chosen.min.js"></script>
	<script type="text/javascript" src="assets/scripts/magnific-popup.min.js"></script>
	<script type="text/javascript" src="assets/scripts/owl.carousel.min.js"></script>
	<script type="text/javascript" src="assets/scripts/rangeSlider.js"></script>
	<script type="text/javascript" src="assets/scripts/sticky-kit.min.js"></script>
	<script type="text/javascript" src="assets/scripts/slick.min.js"></script>
	<script type="text/javascript" src="assets/scripts/masonry.min.js"></script>
	<script type="text/javascript" src="assets/scripts/mmenu.min.js"></script>
	<script type="text/javascript" src="assets/scripts/tooltips.min.js"></script>
	<script type="text/javascript" src="assets/scripts/custom.js"></script>
	<script src="https://kit.fontawesome.com/77e3b86f29.js" crossorigin="anonymous"></script>
</div>
</body>
</html>