pvvvm505
/
Pavlov_maik_modul


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216
							<!DOCTYPE html >
<html lang="zxx">
<head>
	<meta charset="utf-8">
	<title>Pavlov_Maik_FSA3</title>
	<link rel="stylesheet" href="css/clean.css">
	<link rel="stylesheet" href="css/style.css">
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="css/icon.css">
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Satisfy&display=swap" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
    <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<script></script>
</head>
<body>
	<div class="wraper">
		<header class="header">
			<nav class="header-nav">
				<input id="menu__toggle" type="checkbox" />
  				<label class="menu__btn" for="menu__toggle"><span></span>
  				</label>
  				<ul class="header-burger">
					<li><a href="#" class="menu__item">About us</a></li>
					<li><a href="#" class="menu__item">Reservation</a></li>
					<li><a href="#" class="menu__item">Galery</a></li>
					<li><a href="#" class="menu__item">Blog</a></li>
					<li><a href="#" class="menu__item">Elements</a></li>
					<li><a href="#" class="menu__item">Shop</a></li>
				</ul>
				<ul class="header-menu">
					<li><a href="#" >About us</a></li>
					<li><a href="#" >Reservation</a></li>
					<li><a href="#" >Galery</a></li>
				</ul>
				<a href="#" class="header-logo" ><img src="img/logo.png" alt="LOGO"></a>
				<ul class="header-menu">
					<li><a href="#" >Blog</a></li>
					<li><a href="#" >Elements</a></li>
					<li><a href="#" >Shop</a></li>
				</ul>
			</nav>
		</header>
		<main>
			<div class="intro">
				<div class="intro-form">
					<p>Trial class</p>
					<input type="text" placeholder="Enter You Name">
					<input type="text" placeholder="Enter You Phone">
					<select>
						<option value="Chose Your class">Chose your class</option>
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
					</select>
					<button class="btn">Try it</button>
				</div>
				<div class="intro-text">
					<h1>JUST BALANCE <br>YOUR MIND & BODY</h1>
					<p>Create the healthy living <br> for yourself</p>
				</div>
			</div>
			<div class="info-container">
				<div class="info-text">
					<h2>YOGA FEATURE PROGRAM</h2>
					<p>Our Classes</p>
				</div>
				<div class="info">
					<div class="info-content">
					<div class="info-box">
						<img src="img/info-girl.png" alt="photo girl">
						<div class="info-txt">
							<h3>YOGA FOR HEALTH</h3>
							<p>Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
							<span>Ashtanga - Hatha</span>
						</div>
					</div>
					<div class="info-box">
						<img src="img/info-girl-up.png" alt="photo girl">
						<div class="info-txt">
							<h3>YOGA FOR LOSE WEIGHT</h3>
							<p>Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
							<span>Ashtanga - Hatha</span>
						</div>
					</div>
				</div>
				<div class="info-content">
					<div class="info-box">
						<img src="img/info-children.png" alt="photo children">
						<div class="info-txt">
							<h3>YOGA FOR CHILDREN</h3>
							<p>Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
							<span>Ashtanga - Hatha</span>
						</div>
					</div>
					<div class="info-box">
						<img src="img/info-old-children.png" alt="photo old children">
						<div class="info-txt">
							<h3>YOGA FOR ELDERY</h3>
							<p>Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
							<span>Ashtanga - Hatha</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="photo">
				<a href="#" class="g-photo"><img src="img/img-grid01.jpg" alt="pic"></a>
				<a href="#" class="g-photo"><img src="img/img-grid02.jpg" alt="pic"></a>
				<a href="#" class="g-photo"><img src="img/img-grid03.jpg" alt="pic"></a>
				<a href="#" class="g-photo"><img src="img/img-grid04.jpg" alt="pic"></a>
				<a href="#" class="g-photo"><img src="img/img-grid05.jpg" alt="pic"></a>
				<a href="#" class="g-photo"><img src="img/img-grid06.jpg" alt="pic"></a>
				<a href="#" class="g-photo"><img src="img/img-grid07.jpg" alt="pic"></a>
				<a href="#" class="g-photo"><img src="img/img-grid08.jpg" alt="pic"></a>
		</div>
		<div class="ch-box">
			<div class="card-holder">
				  <div class="card">
				    <div class="price">
				      <p>$</p>
				      <h3>49</h3>
				      <p>/MONTH</p>
				  </div>
				    <div class="card-content">
				    <p>ENTRY DATE: MON – FR</p>
				    <p>ENTRY TIME: 8A.M – 8P.M</p>
				    <p>NUTRITION ADVICER: NO</p>
				      </div>
				    <a href="#" class="btn-cont">Buy now</a>
				  </div>
				  <div class="card">
				    <div class="price">
				      <p>$</p>
				      <h3>69</h3>
				      <p>/MONTH</p>
				  </div>
				     <div class="card-content">
				       <p>ENTRY DATE: MON – FR</p> 
				       <p>ENTRY TIME: 8A.M – 8P.M</p>
				       <p>NUTRITION ADVICER: YES</p>
				      </div>
				    <a href="#" class="btn-cont">Buy now</a>
				  </div>
				  <div class="card">
				    <div class="price">
				      <p>$</p>
				      <h3>99</h3>
				      <p>/MONTH</p>
				  </div>
				     <div class="card-content">
				    <p>ENTRY DATE: MON – SUN</p>
				    <p>ENTRY TIME: 8A.M – 8P.M</p>
				    <p>NUTRITION ADVICER: YES</p>
				      </div>
				    <a href="#" class="btn-cont">Buy now</a>
				  </div>
				</div>
		</div>
		<div class="footer-duwn">
				<div class="about-duwn">
					<div class="about-txt-h">
						<h2>ABOUT</h2>
					</div>
					<div class="about-txt-p"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad m inim veniam, quis nostrud exercitation toui ullamcomi laboris nisi ut aliquip ex ea commodo consequat.</p></div>
					<div class="about-icon">
						<ul class="social-networks">
							<li><a href="#" class="icon-pinterest-p"></a></li>
							<li><a href="#" class="icon-twitter"></a></li>
							<li><a href="#" class="icon-facebook"></a></li>
							<li><a href="#" class="icon-google"></a></li>
							<li><a href="#" class="icon-instagram"></a></li>
						</ul>
					</div>
				</div>
				<div class="contact-duwn">
					<div class="u-duwn">
						<h2>CONTACT US</h2>
					</div>
					<div class="c-duwn">
						<div class="lc-duwn">
							<div class="dl maps">
								<a href="#" class="icon-position"></a>
								<a href="#">5419 Joseph Mountains<br>Apt. 716</a>
							</div>
							<div class="dl phone">
								<a href="#" class="icon-phone"></a>
								<div class="ph0ne">
									<a href="tel:+123456789">+1 234 567 89</a>
									<a href="tel:+123467890">+1 234 678 90</a>
								</div>
							</div>
						</div>
						<div class="rc-duwn">
							<div class="dl mail">
								<a href="#" class="icon-envelop"></a>
								<a href="#">joga.info@example.com</a>
							</div>
							<div class="dl adres">
								<a href="#" class="icon-earth"></a>
								<a href="#">www.example.com</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</main>
		<footer class="footer">
			<div class="footer-page">
				<p>Copyright  ©  2016-2017 Yoga classes</p>
			</div>
		</footer>
	</div>
</body>
</html>