Homework/index.html at master · GeoLabCommunity/Homework · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html>
	<head>
		<title>Hyper Text Markup Language</title>
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<link rel="stylesheet" type="text/css" href="css/reset.css">
		<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
	</head>
	<body>
		<header class="container">
			<img src="img/logo.svg">
			<nav>
			<li><a href="index.html">HOME</a></li><!--
			--><li><a href="news.html">news</a></li><!--
			--><li><a href="about.html">about</a></li><!--
			--><li><a href="#">contact</a></li>
			</nav>
			<div class="social">
				<a href="https://plus.google.com/"><i class="fa fa-google-plus-official fa-2x google" aria-hidden="true"></i></a>
				<a href="https://facebook.com/"><i class="fa fa-facebook fa-2x facebook" aria-hidden="true"></i></a>
				<a href="https://youtube.com/"><i class="fa fa-youtube fa-2x youtube" aria-hidden="true"></i></a>
				<a href="#"><i class="fa fa-search fa-2x search" aria-hidden="true"></i></a>
			</div><!--social-->
		</header>
		<section class="banner">
				<img class="container" src="img/banner.jpg" alt="banner">
		</section><!--banner-->
		<section class="Videos">
			<h2 class="vid container">VIDEOS | view all videos</h2>
			<div class="flex container">
				<iframe width="570" height="420" src="https://www.youtube.com/embed/3jTjBt0Enyw?ecver=1" frameborder="0" allowfullscreen></iframe>
				<iframe width="570" height="420" src="https://www.youtube.com/embed/3jTjBt0Enyw?ecver=1" frameborder="0" allowfullscreen></iframe>
		</div><!--ifrm-->
		</section><!--Videos-->
		<section class="news">
			<h2 class="newsp container">NEWS | view all news</h2>
			<article class="container typ">
				<div class="imgnav">
        	<img src="img/typography.jpg" alt="">
            <div class="block-container-content">
            	<h2>Typography Lab</h2>
						</div><!--block-container-content-->
					</div><!---imgnav-->

					<div class="imgnav">
						<img src="img/online_marketing.jpg" alt="">
							<div class="block-container-content">
								<h2>Online Marketing</h2>
							</div><!--block-container-content-->
						</div><!---imgnav-->

						<div class="imgnav">
		        	<img src="img/coding.jpg" alt="">
		            <div class="block-container-content">
		            	<h2>C# Coding</h2>
								</div><!--block-container-content-->
							</div><!---imgnav-->

							<div class="imgnav">
			        	<img src="img/design.jpg" alt="">
			            <div class="block-container-content">
			            	<h2>Interface Design</h2>
									</div><!--block-container-content-->
								</div><!---imgnav-->
					</article>
		</section><!--newssec-->

		<section class="featured">
			<h2 class="featuredp container">FEATURED |  view all featured media</h2>
			<div class="wibes container">
			<section class="wibe">
				<h2>Responsive Web Design</h2>
					<img src="img/resp.png" alt="0" width="170px" align="left" height="150px">
					<p class="wibep">Lorem Ipsum is simply dummy text of the printing and typesetting industry.
						Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
						when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
						<span class="read"><a href="#">Read More</a></span>
			</section><!--wibe-->

			<section class="wibe2">
				<h2>APP DEVELOPMENT</h2>
				<img src="img/resp.png" alt="0" width="170px" align="left" height="150px">
				<p class="wibe2p">Lorem Ipsum is simply dummy text of the printing and typesetting industry.
					Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
					when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
					<span class="read2"><a href="#">Read More<a/></span>
			</section><!--wibe2-->
		</div><!--wibes-->
		</section>
			<footer>
				<div class="foot container">
				<p class="footerp">
						©2017 hyper text murkup language
				</p>
				<p class="footerme">
					created by: Nikusha Bekurashvili
				</p>
			</div><!--footerdv-->
		</footer><!--footer-->
	</body>
</html>