Mini Shell

<?php include('header.php') ?>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
   <style>
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
  }

  .config-item {
  	height: 500px;
  }

  @media (max-width: 700px) {
  	.carousel-caption {
  		font-size: 30px;
  	}
  }

  @media (max-width: 600px) {
  	.config-item {
  		height: 500px;
  	}
  }
  </style> 

 <div id="myCarousel" class="carousel slide">
    <!-- Indicators --> 
    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">

<?php if(date('Y') == 2020 && date('m') <= 3 && date('d') <= 8) : ?>
	<div class="item  active">
			<img src="http://www.emypro.com.br/img/banners/mulher.jpg" alt="">
			 
	</div>
<?php endif; ?>

    <?php  $banners = new Banner() ?>
		<?php $n = 0 ?>
		<?php foreach($banners->findAll() as $banner): ?>
		<div class="item  <?= $n ? '' : 'active' ?>">
			<div class="config-item" style="background: url(<?= URL_IMG .'banners/'. $banner->image ?>) no-repeat 50% 0; background-size: cover;">
				<div class="carousel-caption">
					<p><?= $banner->title ?></p>
					<?php if($banner->link != 'http://www.emypro.com.br') : ?>
					<p>
						<a href="<?= $banner->link ?>" class="caption-button">
							Read more
						</a>
					</p>
				<?php endif; ?>
				</div>
			</div>
			<!-- /.config-item -->

		</div>
		<?php $n++ ?>
		<?php endforeach  ?>
  
    </div>

    <!-- Left and right controls -->
    <a class="left carousel-control" href="#myCarousel" role="button">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>
 <script>
$(document).ready(function(){
  // Activate Carousel
  $("#myCarousel").carousel();
    
  
    
  // Enable Carousel Controls
  $(".left").click(function(){
    $("#myCarousel").carousel("prev");
  });
  $(".right").click(function(){
    $("#myCarousel").carousel("next");
  });
});
</script>
<div class="blue-wrapper">
	<b>Welcome to</b> Emypro
</div>
<div id="mvv" class="container-fluid">
	<div class="container">
		<div class="row">
			<div class="col-sm-4">
				<h3><b>Mission</b></h3>
				<p align="justify">To perform engineering services with the highest quality within the standards of safety, human health and environmental management, generating value to our customers and shareholders.</p>
			</div>
			<div class="col-sm-4">
				<h3><b>Vision</b></h3>
				<p align="justify">To be recognized as a reference model in industrial assembly technology, being in the next 5 years among the top 20 most profitable companies in the sector.</p>
			</div>
			<div class="col-sm-4">
				<h3><b>Values</b></h3>
				<p align="justify">We believe that sustainable development, human resources valorization and ethical behavior are essential to achieve higher levels of excellence.</p>
			</div>
		</div>
	</div>
</div>
<div id="posts-list">
	<div class="container">
		<?php $noticias = new Noticia() ?>
		<?php $noticiasAll = $noticias->findAll('created', 'desc', 2) ?>
		<?php if($noticiasAll): ?>
		<div class="row">
			<div class="col-sm-12">
				<h3 class="text-center">Latest News</h3>
			</div>
		</div>
		<?php foreach(array_chunk($noticiasAll, 2) as $row): ?>
			<div class="row">
			<?php foreach($row as $noticia): ?>
				<div class="col-sm-6">
					<a href="<?= URL_APP ?>en/noticia/<?= Helper::slugify($noticia->title) .'/'. $noticia->id ?>">
						<div class="thumbnail">
							<img src="<?= URL_IMG .'noticias/'. $noticia->image ?>" class="img-responsive" alt="">
							<div class="caption">
								<h4><?= $noticia->title ?></h4>
							</div>
						</div>
					</a>
				</div>
			<?php endforeach ?>
			</div>
		<?php endforeach ?>		
		<?php endif ?>
	</div>
</div>
<?php include('footer.php') ?>