Файл: Разработка серверного WEB приложения для туристического агентства «Travelerland».pdf

<div class="overlay"></div>

<div class="container">

<div class="row no-gutters slider-text js-fullheight align-items-center justify-content-end" data-scrollax-parent="true">

<div class="col-md-7 ftco-animate mt-5" data-scrollax=" properties: { translateY: '70%' }">

<h1 class="mb-4" data-scrollax="properties: { translateY: '30%', opacity: 1.6 }">Будь путешественником а не туристом</h1>

<p class="mb-4" data-scrollax="properties: { translateY: '30%', opacity: 1.6 }">Путешествуйте в любые уголки мира</p>

</div>

</div>

</div>

</div>

<section class="ftco-section">

<div class="container">

<div class="row justify-content-center pb-5">

<div class="col-md-12 heading-section text-center ftco-animate">

<h2 class="mb-4">Лучшие места для путешествий</h2>

</div>

</div>

<div class="row">

<?php foreach ($destinations as $key => $value): ?>

<div class="col-md-6 col-lg-3 ftco-animate">

<div class="project">

<div class="img">

<img src="images/<?=$value['image']?>" class="img-fluid">

</div>

<div class="text">

<h4 class="price">$<?=$value['cost']?></h4>

<span><?=$value['duration']?> дней тур</span>

<h3><a><?=$value['name']?></a></h3>

<div class="star d-flex clearfix">

<div class="mr-auto float-left">

<span class="ion-ios-star"></span>

<span class="ion-ios-star"></span>

<span class="ion-ios-star"></span>

<span class="ion-ios-star"></span>

<span class="ion-ios-star"></span>

</div>

<div class="float-right">

<span class="rate"><a>(<?=$value['comments']?>)</a></span>

</div>

</div>

</div>

<a href="images/<?=$value['image']?>" class="icon image-popup d-flex justify-content-center align-items-center">

<span class="icon-expand"></span>

</a>

</div>

</div>

<?php endforeach; ?>

</div>

</div>

</section>

<section class="ftco-section">

<div class="container">

<div class="row justify-content-center pb-5">

<div class="col-md-12 heading-section text-center ftco-animate">

<h2 class="mb-4">Отели и рестораны</h2>

</div>

</div>

<div class="row">

<?php foreach ($hotels as $key => $value): ?>

<div class="col-md-6 col-lg-4 ftco-animate">

<div class="project">

<div class="img">

<img src="images/<?=$value['image']?>" class="img-fluid">

</div>

<div class="text">

<h4 class="price">$<?=$value['cost']?></h4>

<span><?=$value['cost']/2?> $ за человека</span>

<h3><a><?=$value['name']?></a></h3>

<div class="star d-flex clearfix">

<div class="mr-auto float-left">

<span class="ion-ios-star"></span>

<span class="ion-ios-star"></span>

<span class="ion-ios-star"></span>

<span class="ion-ios-star"></span>

<span class="ion-ios-star"></span>

</div>

<div class="float-right">

<span class="rate"><a>(<?=$value['comments']?>)</a></span>

</div>

</div>

</div>

<a href="images/<?=$value['image']?>" class="icon image-popup d-flex justify-content-center align-items-center">

<span class="icon-expand"></span>

</a>

</div>

</div>

<?php endforeach; ?>

</div>

</div>

</section>

<section class="ftco-subscribe" style="background-image: url(images/bg_1.jpg);">

<div class="overlay">

<div class="container">

<div class="row d-flex justify-content-center">

<div class="col-md-10 text-wrap text-center heading-section ftco-animate">

<h2>Подпишитесь на нашу новостную рассылку</h2>

<div class="row d-flex justify-content-center mt-4 mb-4">

<div class="col-md-10">

<form method="POST" action="" class="subscribe-form">

<div class="form-group d-flex">

<input type="text" class="form-control" name="mail" placeholder="Введите электронный адрес">

<input type="submit" name="button" value="Подписаться" class="submit px-3">

</div>

</form>

</div>

</div>

</div>

</div>

</div>

</div>

</section>

<?php

include 'footer.php';

?>

<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>

<script src="js/jquery.min.js"></script>

<script src="js/jquery-migrate-3.0.1.min.js"></script>

<script src="js/popper.min.js"></script>

<script src="js/bootstrap.min.js"></script>

<script src="js/jquery.easing.1.3.js"></script>

<script src="js/jquery.waypoints.min.js"></script>

<script src="js/jquery.stellar.min.js"></script>

<script src="js/owl.carousel.min.js"></script>

<script src="js/jquery.magnific-popup.min.js"></script>

<script src="js/aos.js"></script>

<script src="js/jquery.animateNumber.min.js"></script>

<script src="js/bootstrap-datepicker.js"></script>

<script src="js/scrollax.min.js"></script>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>

<script src="js/google-map.js"></script>

<script src="js/main.js"></script>

</body>

</html>

nav.php

<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">

<div class="container">

<a class="navbar-brand" href="index.php"><span>Travelerland</span></a>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">

<span class="oi oi-menu"></span> Меню

</button>

<div class="collapse navbar-collapse" id="ftco-nav">

<ul class="navbar-nav ml-auto">

<li class="nav-item <?php if ($_SERVER['REQUEST_URI']=="/index.php"){echo 'active';}?>"><a href="index.php" class="nav-link">Главная</a></li>

<li class="nav-item <?php if ($_SERVER['REQUEST_URI']=="/about.php"){echo 'active';}?>"><a href="about.php" class="nav-link">О нас</a></li>

<li class="nav-item <?php if ($_SERVER['REQUEST_URI']=="/destination.php"){echo 'active';}?>"><a href="destination.php" class="nav-link">Путевки</a></li>

<li class="nav-item <?php if ($_SERVER['REQUEST_URI']=="/hotel-resto.php"){echo 'active';}?>"><a href="hotel-resto.php" class="nav-link">Отели</a></li>

<li class="nav-item <?php if ($_SERVER['REQUEST_URI']=="/blog.php"){echo 'active';}?>"><a href="blog.php" class="nav-link">Блог</a></li>

<li class="nav-item <?php if ($_SERVER['REQUEST_URI']=="/contact.php"){echo 'active';}?>"><a href="contact.php" class="nav-link">Контакты</a></li>

</ul>

</div>

</div>

</nav>

footer.php