Entony
/
homework


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
							<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/style.css">
	<title>modul work</title>
</head>
<body>
	<header>
		<div class="content">
			<div class="logo">
				<img src="img/logo_40.png" alt="">
				<div>
					<h1>
						 Hello World
					</h1>
				</div>
			</div>
			<nav>
				<ul class="hide-menu">
					<li>
					<a href="#" class="desc-m">Menu</i></a>
					<ul class="menu">
						<li><a href="#">Home</a></li>
						<li><a href="#">Blog</a></li>
						<li><a href="#">Gallary</a></li>
						<li><a href="#">Categories</a></li>
						<li><a href="#">Features</a></li>
						<li><a href="#">Support</a></li>
						<li><a href="#">Contacts</a></li>
						<li><a href="#">My account</a></li>
					</ul>
					</li>
				</ul>
				<ul class="menu show">
					<li><a href="#">Home</a></li>
					<li><a href="#">Blog</a></li>
					<li><a href="#">Gallary</a></li>
					<li><a href="#">Categories</a></li>
					<li><a href="#">Features</a></li>
					<li><a href="#">Support</a></li>
					<li><a href="#">Contacts</a></li>
					<li><a href="#">My account</a></li>
				</ul>
			</nav>
		</div>
	</header>
	<section class="slider">
		<div class="content">
			<div class="left-cont">
				<h2>
					Lorem ipsum dolor sit?
				</h2>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit in molestias recusandae minus nisi delectus magni, eveniet, mollitia, laudantium atque explicabo quidem eum quae ea nulla tenetur hic. Libero nobis placeat vitae, laborum quasi harum magnam iste reprehenderit alias, maiores at similique dicta, eos iure, id repellat et eligendi accusamus officiis doloremque ab quia dolor quo itaque. Voluptas vero earum, quidem porro. Non, perspiciatis cumque expedita ea dolore earum autem quasi veniam magni voluptatem eius similique, porro quis suscipit aliquam incidunt ratione tenetur atque totam, sunt facilis quidem. Molestias blanditiis voluptate et possimus odit hic tempora enim culpa quidem ipsa autem, eligendi dolorum exercitationem qui eveniet laudantium, esse natus quas officiis vero in. Exercitationem ipsum obcaecati aspernatur, natus inventore sequi fuga nisi ab tempore culpa libero quod recusandae voluptate similique, impedit quia porro? Consequatur, cum, consequuntur. Veritatis sit, perferendis nisi. Error consequatur aperiam quidem, quisquam quis ipsum voluptatem modi cupiditate eveniet, excepturi laboriosam ratione sed ea repellendus. Modi, iusto, repellat. 
				</p>
			</div>
		<div class="right-cont">
			<nav class="bottom">
				<a href="#" class="bottom1">Download</a>
				<a href="#" class="bottom2">View</a>
			</nav>	
			<img src="img/slide1.jpg" alt="">
		</div>
	</div>
	</section>
	<main class="content">
		<section class="main-left">
			<article>
				<h2>Lorem ipsum dolor.</h2>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus praesentium quaerat, nesciunt maiores dolorum accusantium nam, in ab magnam commodi rem quisquam. Velit sunt corporis non eum excepturi quibusdam cumque quia, magni, sapiente rem repudiandae odit, delectus neque eius dolorum deleniti! Sunt voluptates, ipsa recusandae veniam, iusto cumque et nam.
				</p>
			</article>
			<article>
				<h2>Lorem ipsum dolor.</h2>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus praesentium quaerat, nesciunt maiores dolorum accusantium nam, in ab magnam commodi rem quisquam. Velit sunt corporis non eum excepturi quibusdam cumque quia, magni, sapiente rem repudiandae odit, delectus neque eius dolorum deleniti! Sunt voluptates, ipsa recusandae veniam, iusto cumque et nam.
				</p>
			</article>
			<article>
				<h2>Lorem ipsum dolor.</h2>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus praesentium quaerat, nesciunt maiores dolorum accusantium nam, in ab magnam commodi rem quisquam. Velit sunt corporis non eum excepturi quibusdam cumque quia, magni, sapiente rem repudiandae odit, delectus neque eius dolorum deleniti! Sunt voluptates, ipsa recusandae veniam, iusto cumque et nam.
				</p>
			</article>
			<article>
				<h2>Lorem ipsum dolor.</h2>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus praesentium quaerat, nesciunt maiores dolorum accusantium nam, in ab magnam commodi rem quisquam. Velit sunt corporis non eum excepturi quibusdam cumque quia, magni, sapiente rem repudiandae odit, delectus neque eius dolorum deleniti! Sunt voluptates, ipsa recusandae veniam, iusto cumque et nam.
				</p>
			</article>
		</section>
		<section class="main-right">
			<h2>More Features</h2>
			<p>
				<i class="fa fa-check" aria-hidden="true"></i> Theme options
			</p>
			<p>
				<i class="fa fa-check" aria-hidden="true"></i> Responsive Design
			</p>
			<p>
				<i class="fa fa-check" aria-hidden="true"></i> Featured Slider
			</p>
			<p>
				<i class="fa fa-check" aria-hidden="true"></i> Webmaster Tools
			</p>
			<p>
				<i class="fa fa-check" aria-hidden="true"></i> Featured Thumbnall
			</p>
			<p>
				<i class="fa fa-check" aria-hidden="true"></i> Threaded Comments
			</p>
			<p>
				<i class="fa fa-check" aria-hidden="true"></i> Except Length
			</p>
			<p>
				<i class="fa fa-check" aria-hidden="true"></i> Custom Header / Logo
			</p>
			<p>
				<i class="fa fa-check" aria-hidden="true"></i> Custom Menu
			</p>
			<p>
				<i class="fa fa-check" aria-hidden="true"></i> Custom Layout
			</p>
			<p>
				<i class="fa fa-check" aria-hidden="true"></i> Advertisement Management
			</p>
		</section>
	</main>
	<footer>
		<section class="content">
			<div class="foot-menu">
				<nav>
					<ul>
						<li><a href="#">About Us</a></li>
						<li><a href="#">Contact Us</a></li>
						<li><a href="#">Join Our Team</a></li>
						<li><a href="#">Terms &amp; Conditions</a></li>
						<li><a href="#">Privacy Policy</a></li>
					</ul>
				</nav>
			</div>
			<div class="social-menu">
				<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
				<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
				<a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
				<a href="#"><i class="fa fa-vk" aria-hidden="true"></i></a>
				<a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a>				
			</div>
			<div class="copyr">
				<p>
					&copy; A-level FrontEnd. All Rights Reserved.
				</p>
			</div>
		</section>
	</footer>
</body>
</html>