Entony
/
homework


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
							<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Project one</title>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="css/style.css">
	
</head>
<body>
	<header>
		<div class="inner-content"> 
		<section class="head-menu">
			<p><a href="#">Module #1</a></p>
			<ul class="menu">
				<li><a href="#">Home</a></li>
				<li><a href="#">Downloads</a></li>
				<li><a href="#">Gallery</a></li>
				<li><a href="#">Contact us</a></li>
				<li><a href="#">About</a></li>
			</ul>
		</section>
		</div>
	</header>
	<section class="slider">
			<div class="inslider">
				<div class="slider-caption">
					<p>A-Level: Front-End course</p>
				</div>
				<div class="slider-under-caption">
					<p>Semantic elements are elements with a meaning. A semantic element clearly describes its meaning to both the browser and the developer. Examples of non-semantic elements: &lt;div&gt; and &lt;span&gt; - tells nothing about its content. Examples of semantic elements: &lt;table&gt;, and &lt;img&gt; - clearly defines its content.</p>
				</div>
			</div>
	</section>
	<main class="inner-content">
			<section class="colum-content">
				<article>
					<a class="article-prew" href="#"><img src="img/slider-wallpaper-colorlib-750x410.png" alt="">
					</a>
					<div class="article-content">
						<h2><a href="">HTML Layot Using &lt;div&gt; Element</a></h2>
						<div class="meta-info">
							<a href=""><i class="fa fa-calendar"></i>&nbsp;20-07-2017</a>
						 	<a href=""><i class="fa fa-user"></i>&nbsp;Admin</a>
							<a href=""><i class="fa fa-comment"></i>&nbsp;15 comments</a>
						</div>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae, sed quia consequuntur, illo, fugit, sunt dolorum natus libero consequatur commodi repellat enim! Officiis, deleniti dolorem alias quia quod commodi magni!</p>
					<div class="links">
						<a class="readmore" href="#">Read more</a>
					</div>
					</div>
				</article>
				<article>
					<a class="article-prew" href="#"><img src="img/instagram_logo_new-750x410.jpg" alt="">
					</a>
					<div class="article-content">
						<h2><a href="">HTML Layot Using &lt;div&gt; Element</a></h2>
						<div class="meta-info">
							<a href=""><i class="fa fa-calendar"></i>&nbsp;20-07-2017</a>
						 	<a href=""><i class="fa fa-user"></i>&nbsp;Admin</a>
							<a href=""><i class="fa fa-comment"></i>&nbsp;15 comments</a>
						</div>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae, sed quia consequuntur, illo, fugit, sunt dolorum natus libero consequatur commodi repellat enim! Officiis, deleniti dolorem alias quia quod commodi magni!</p>
					<div class="links">
						<a class="readmore" href="#">Read more</a>
					</div>
					</div>
				</article>
			</section>
			<div class="colum-side">
				<section class="colum-side-inner">
					<article class="social-block">
						<p>Follow us </p>
						<div class="social-media">
							<a href="#" class="tw"><i class="fa fa-twitter" aria-hidden="true"></i></a>
							<a href="#" class="f"><i class="fa fa-facebook" aria-hidden="true"></i></a>
							<a href="#" class="gg"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
							<a href="#" class="yb"><i class="fa fa-youtube" aria-hidden="true"></i></a>
							<a href="#" class="vk"><i class="fa fa-vk" aria-hidden="true"></i></a>
						</div>
					</article>
					<article class="comments-block">
						<p>Resent comments</p>
						<ul class="comments">
							<li><i class="fa fa-comment-o"></i>&nbsp;<span>Jon</span> on How to Use WordPress Pingbacks And Trackbacks</li>
							<li><i class="fa fa-comment-o"></i>&nbsp;<span>maayan</span> on How to Use WordPress Pingbacks And Trackbacks</li>
							<li><i class="fa fa-comment-o"></i>&nbsp;<span>banar</span> on How to Use WordPress Pingbacks And Trackbacks</li>
							<li><i class="fa fa-comment-o"></i>&nbsp;<span>fra</span> Use HTML5 and CSS3 technologies</li>
							<li><i class="fa fa-comment-o"></i>&nbsp;<span>dan</span> on This is how comments will be displayed on Spakrkling WP Theme</li>
						</ul>
					</article>
					<article class="links-block">
						<p>Tags</p>
						<section class="tag-link">
							<a href="#">8BIT</a>
							<a href="#">aligmint</a>
							<a href="#">Articles</a>
							<a href="#">aside</a>
							<a href="#">audio</a>
							<a href="#">captions</a>
							<a href="#">categories</a>
							<a href="#">chat</a>
							<a href="#">Codex</a>
							<a href="#">comments</a>
							<a href="#">content</a>
							<a href="#">css</a>
							<a href="#">dowork</a>
							<a href="#">edge case</a>
							<a href="#">embeds</a>
							<a href="#">excerpt</a>
							<a href="#">Fail</a>
							<a href="#">featured image</a>
							<a href="#">firmatting</a>
							<a href="#">FTW</a>
							<a href="#">Fun</a>
							<a href="#">gallery</a>
							<a href="#">html</a>
							<a href="#">image</a>
							<a href="#">jetpack</a>
							<a href="#">layout</a>
							<a href="#">link</a>
							<a href="#">lists</a>
							<a href="#">Love</a>
							<a href="#">markup</a>
							<a href="#">media</a>
							<a href="#">Mothership</a>
							<a href="#">Must Read</a>
							<a href="#">Nailed it</a>
							<a href="#">pagination</a>
							<a href="#">Post Formats</a>
							<a href="#">quote</a>
							<a href="#">shortcode</a>
							<a href="#">standart</a>
							<a href="#">template</a>
							<a href="#">title</a>
							<a href="#">twitter</a>
							<a href="#">video</a>
							<a href="#">videopress</a>
							<a href="#">worldpress.tv</a>
						</section>
					</article>
				</section>
			</div>
		</div>
	</main>	
	<footer>
		<div class="inner-content">
			<section class="footer-menu">	
				<ul class="menu">
					<li><a href="#">Home</a></li>
					<li><a href="#">Downloads</a></li>
					<li><a href="#">Gallery</a></li>
					<li><a href="#">Contact us</a></li>
					<li><a href="#">About</a></li>
				</ul>
				<address class="coprg">
					<p><span>Sparking</span> All righhts reserved. Theme by <span>Colorlib</span> Powered by <span>WorldPress</span></p>
				</address>
			</section>
		</div>
	</footer>
	
</body>
</html>