Homework/news.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
<!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="newswrap">
    <!--Start Popular Uploads-->
      <div class="container">
        <div class="newshnav">
          <h3 class="news1title">Popular News</h3>
          <p class="uploads"> Popular Uploads Here !</p>
        </div><!--newshnav-->
        </div><!--container--->
        <!--End Popular Uploads-->
        <!--Start Last Comments-->
        <div class="container">
          <div class="lastcom">
            <h3 class="lastcomments">Last Comments</h3>
            <p class="lastcomp"> Last Comments Here !</p>
          </div><!--newshnav-->
          </div><!--container--->
          <!--End Last Comments-->

          <!--Start News Comments-->
          <div class="containernews">
            <article class="newspost">
            <div class="sitenews">
              <h3 class="newstitle">News Title</h3>
              <h4 class="commentsnum">Comments: 50</h4>
              <h4 class="viewsnum">Views: 150</h4>
              <img src="img/wall1.png" alt="wallpaper">
              <p class="shortstory">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>
            </div><!--Sitenewst-->
              </article>
          </div><!--container-->
          <div class="bottom"></div>
          <div class="containernews">
            <article class="newspost">
            <div class="sitenews">
              <h3 class="newstitle">News Title</h3>
              <h4 class="commentsnum">Comments: 50</h4>
              <h4 class="viewsnum">Views: 150</h4>
              <img src="img/wall2.png" alt="wallpaper">
              <p class="shortstory">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>
            </div><!--Sitenewst-->
              </article>
          </div><!--container-->
  <div class="bottom2"></div>
		</section><!--newswrap-->

			<footer>
				<div class="foot container">
				<p class="footerp">
						©2017 hyper text murkup language
				</p>
				<p class="footerme">
					created by: Nikusha Bekurashvili
				</p>
        <div class="clear"></div>
			</div><!--footerdv-->
		</footer><!--footer-->
	</body>
</html>