pvvvm505
/
Pavlov_Maik_HM6


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
							<!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">
</head>
<body>
<div class="wrapper">
	<header>
		<div class="header">
			<img src="img/A-logo.png" alt="logo">
			<div class="menu">
				<a href="#">Item1</a>
				<a href="#">Item2</a>
				<a href="#">Item3</a>
				<a href="#">Item4</a>
				<a href="#">Item5</a>
			</div>
		</div>
	</header>
	<main>
		<div class="main">
			<aside><a href="#">Aside 1</a></aside>
			<div class="content">
				<div class="block">
					<img src="img/car.jpg" alt="car pitch">
					<h2>Lorem ipsum.</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus repellat tenetur sunt nam animi repudiandae provident nihil, dicta consequuntur beatae omnis perspiciatis, fugiat velit veritatis maiores quae nulla quibusdam quaerat labore, dignissimos ullam pariatur consequatur. Ducimus iste veritatis suscipit maxime quasi maiores. Ab officiis ullam at aperiam nisi facere nulla!</p>
					<div class="btn"><a href="#">GO</a></div>
				</div>
				<div class="block">
					<img src="img/car.jpg" alt="car pitch">
					<h2>Lorem ipsum.</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores optio vel vero libero, quasi ex magnam animi amet dolore, laboriosam consequuntur culpa cupiditate, aliquid molestias, quam aliquam eaque! Porro rem, aut nihil blanditiis, debitis officiis dolore assumenda sit, doloribus consequuntur ducimus animi ab consectetur. Labore modi magni a vel voluptate similique, perspiciatis, voluptas laudantium doloremque nihil quia. Minima quia ad atque possimus quos iste, nam et consequatur, doloremque, quo sunt officiis modi sapiente voluptas corporis.</p>
					<div class="btn"><a href="#">GO</a></div>
				</div>
				<div class="block">
					<img src="img/car.jpg" alt="car pitch">
					<h2>Lorem ipsum.</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel libero praesentium deserunt asperiores, inventore provident, id perspiciatis porro laboriosam veritatis obcaecati saepe tempora rerum ducimus nemo eaque. Repudiandae, soluta! Praesentium pariatur quis assumenda, voluptas at eum totam debitis laboriosam odit sapiente tenetur error in similique, doloremque nobis omnis doloribus. Tempore doloribus, impedit, vero hic eligendi minima possimus pariatur veniam error dolor cumque sunt dicta nulla eveniet temporibus, asperiores quo perspiciatis. Eaque quasi nostrum impedit ut aliquid quo nihil cupiditate. Ea.</p>
					<div class="btn"><a href="#">GO</a></div>
				</div>
				<div class="block">
					<img src="img/car.jpg" alt="car pitch">
					<h2>Lorem ipsum.</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore quod consectetur dolorem, consequuntur debitis cupiditate sit minima aperiam. Dolore sed, excepturi, doloribus eligendi reprehenderit aliquid? Rerum, sequi a totam placeat doloremque beatae quae sunt magnam aliquam, inventore cupiditate velit ea esse optio odit ullam cumque officia et accusamus sapiente accusantium. Accusamus, sint, ipsam. Placeat, quam numquam est tempora ipsa iure, provident iste sequi exercitationem. Pariatur ut, at architecto quos velit, molestiae blanditiis laborum minus facilis voluptatum recusandae iusto. Fuga autem recusandae, assumenda vel cupiditate atque veniam fugiat esse facere dolore harum rerum quibusdam aperiam, quos minima maiores natus placeat aliquam praesentium qui, molestiae iste laudantium nisi. Aliquid aut deleniti dolorum, tempore distinctio possimus voluptas ex consequuntur voluptatum et! Voluptates repellat rerum eligendi harum facere hic quia reprehenderit consectetur corporis tempore. Fuga repellendus excepturi quo odio officia, dignissimos, commodi ad labore aliquid, provident perferendis. Nesciunt non voluptas, necessitatibus reiciendis. Ut, fuga.</p>
					<div class="btn"><a href="#">GO</a></div>
				</div>
				<div class="block">
					<img src="img/car.jpg" alt="car pitch">
					<h2>Lorem ipsum.</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat nam adipisci odio, sequi, dolor reprehenderit laudantium aperiam corporis veniam harum exercitationem facilis, magni cupiditate aut! Nulla autem consequatur, exercitationem commodi minus sint nihil corrupti perferendis corporis reprehenderit atque molestias ullam labore vero a sapiente aliquam quaerat voluptatibus sequi. Quam itaque dignissimos, ea, et aspernatur quae ipsam fugiat, cupiditate veritatis magni cum dolorum quis repellat sapiente provident nemo error nisi quasi quisquam sit illum pariatur quod? Ad, laborum ea est molestias, sed consequatur vel hic! Sint, neque a, ratione dolore ex et totam quia nam! Fugit esse velit soluta error molestias.</p>
					<div class="btn"><a href="#">GO</a></div>
				</div>
				<div class="block">
					<img src="img/car.jpg" alt="car pitch">
					<h2>Lorem ipsum.</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita adipisci laudantium vel. Corporis saepe quaerat ab! Dolorem sed ullam nobis harum et, nulla eligendi blanditiis ab delectus. Harum explicabo qui illum nesciunt? Qui commodi totam minima harum provident, est veritatis id assumenda nam eaque molestiae nobis maxime enim doloremque voluptatum placeat dignissimos asperiores quibusdam quis consectetur tempora temporibus? Natus, pariatur. Modi ullam porro obcaecati aliquam delectus, repellendus minima? Voluptatum aliquid dolorem voluptatem qui natus! Odit tempora, voluptates officia dolor sed blanditiis soluta tenetur, nulla maxime quisquam impedit molestiae accusantium saepe autem explicabo illum animi sint minima modi quas excepturi ad eligendi odio suscipit. Corporis beatae reprehenderit non nam, eaque, quasi nisi id debitis! Debitis quas eaque voluptas accusantium mollitia ut, recusandae quaerat tenetur ea ratione, quod tempore laudantium impedit modi voluptate alias corporis culpa eveniet odio distinctio ab similique nam laboriosam minus. Consequuntur perspiciatis velit, fugit pariatur. Error doloremque quia at dicta fuga repudiandae reiciendis obcaecati repellendus, hic laudantium tenetur ullam sunt earum, nostrum sed quod exercitationem delectus vel! Repellat earum amet voluptatibus autem fugiat labore repudiandae officia nisi dicta iste possimus tempore error sit, quod recusandae porro itaque, aliquam, officiis sed illo magni delectus hic tempora atque et! Iste.</p>
					<div class="btn"><a href="#">GO</a></div>
				</div>
				
				<div class="holder">
				  <div class="item">1</div>
				  <div class="item">2</div>
				  <div class="item">3</div>
				  <div class="item">4</div>
				  <div class="item">5</div>
				</div>
				
			</div>
			<aside><a href="#">Aside 2</a></aside>
		</div>
	</main>
	<footer>
		<div class="footer">
			<a href="#">Footer</a>
		</div>
	</footer>
</div>
</body>
</html>