pavelefimen95
/
homework


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
							<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>Modul</title>
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/styles.css">
</head>
<body>
	<header>
		<div class="container clearfix">
			<a href="/"><img src="images/logo.png" alt="Prechu"></a>
			<form>
				<label for="search">
					<input type="text" id="search" placeholder="Search">
				</label>
				<label for="search-btn"><i class="fa"></i></label>
				<input type="submit" id="search-btn">
			</form>
		</div>
	</header>
	<section class="banner">
		<div class="container">
			<div class="slider">
				<div class="arrows">
					<img src="images/slider-arrow-left.png" alt="img" id="arrow-left">
					<img src="images/slider-arrow-right.png" alt="img" id="arrow-right">
				</div>
				<div class="slides">
					<div class="slide">
						<img src="images/banner.jpg" alt="">
					</div>
					<div class="slide">
						<img src="images/img2.png" alt="">
					</div>
					<div class="slide">
						<img src="images/img3.png" alt="" style = "width: 356px; height: 350px; margin-top: 50px;">
					</div>
					<div class="slide">
						<img src="images/img4.gif" alt="" style = "width: 356px; height: 350px; margin-top: 50px">
					</div>
				</div>
				
			</div>
		</div>
	</section>
	<section class="circles">
		<div class="container circle-flex">
			<div class="circle-item">
				<div class="icon">
					<i class="fa"></i>
				</div>
				<div class="circle-text">
					<h3>Contrary to popular</h3>
					<p>Lorem Ipsum is not simply random text. It has roots in a piece </p>
				</div>
			</div>
			<div class="circle-item">
				<div class="icon">
					<i class="fa"></i>
				</div>
				<div class="circle-text">
					<h3>Contrary to popular</h3>
					<p>Lorem Ipsum is not simply random text. It has roots in a piece </p>
				</div>
			</div>
			<div class="circle-item">
				<div class="icon">
					<i class="fa"></i>
				</div>
				<div class="circle-text">
					<h3>Contrary to popular</h3>
					<p>Lorem Ipsum is not simply random text. It has roots in a piece </p>
				</div>
				
			</div>
		</div>
	</section>
	<section class="shopping-cart">
		<div class="container">
			<div class="header-h1">
				<h1>The Shopping cart</h1>
			</div>
			
			<div class="shop-flex">
				<div class="shop-img">
					<a href="#" class="shop-icon">
						<i class="fa"></i>
					</a>
				</div>
				<div class="shop-text">
					<div class="h2-header">
						<h2>Some Bullet text here</h2>
					</div>
					
					<p>Lorem Ipsum is simply dummy text of the printing and typesetting 
					Lorem Ipsum has been the industry's standard dummy text ever 
					When an unknown printer took a galley of type and scrambled 
					It to make a type specimen book. It has survived not only five centuries
					But also the leap into electronic typesetting,
					Remaining essentially unchanged. It was popularised 
					The release of Letraset sheets containing Lorem Ipsum passages
					</p>
				</div>
			</div>
		</div>
	</section>
	<footer>
		<span>Copyright © 2017 A-Level</span>
	</footer>

	<script src="slider-Animation.js"></script>
</body>
</html>