-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsinglenews.html
76 lines (69 loc) · 4.56 KB
/
singlenews.html
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
<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="singlenews.css" type="text/css">
<head>
<meta charset="UTF-8">
<title>SDUcommunity</title>
</head>
<body>
<!-- Navigation Bar -->
<ul class="nav">
<li id="nav-home">
<a href="index.html"><img src="images/home.png" alt="">home</a>
</li>
<li id="nav-menu">
<a href=""><img src="images/menu.png" alt="">main menu</a>
<a href="clubs.html">clubs</a>
<a href="news.html">news</a>
<a href="http://sdu.edu.kz/en/" target="_blank">sdu official site</a>
</li>
<li id="nav-account">
<a href=""><img src="images/user.png" alt="">account</a>
<a href="profile.html">profile</a>
<a href="">notifications</a>
<a href="">sign out</a>
</li>
<li id="nav-settings">
<a href=""><img src="images/s.png" alt="">settings</a>
</li>
</ul>
<!-- Header -->
<div class="header">
<div class="logocontainer menubar">
<a id="logo" href="index.html"><img src="images/logo.png" alt="logo" width="100px"></a>
</div>
<div class="menubar">
<a href="feed.html">feed</a>
</div>
<div class="menubar screen810">
<a href="clubs.html">clubs</a>
</div>
<div class="menubar screen810">
<a href="news.html">news</a>
</div>
<div class="menubar screen810">
<a href="profile.html">profile</a>
</div>
<div class="search">
<input class="searchtext" type="text" placeholder="Search on site...">
<div id="searchiconcontainer"><img src="images/search.png" alt="search"></div>
</div>
</div>
<!-- Main Page -->
<div id="container">
<div id="content">
<h1>Heading of a News</h1>
<div class="images"></div>
<div class="post-info">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur quaerat, id dolore, labore aliquam eligendi enim, repudiandae reprehenderit perspiciatis vero modi nostrum sint, fugiat deserunt? Hic mollitia praesentium cum repellat vitae animi. Dolore, possimus, minus. Id recusandae laboriosam, nesciunt reprehenderit labore officiis cumque perspiciatis dolore et eligendi similique optio autem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor aliquam voluptatem, distinctio dolores, quos est rerum aspernatur dolorem iure ipsa, amet mollitia quod omnis nam rem quis illum. Dignissimos repellat optio neque explicabo, enim veritatis, debitis, minus voluptatibus deleniti vel quod cupiditate. Saepe totam, quae eaque dignissimos suscipit debitis iste perspiciatis reprehenderit ut, repellendus nulla. Voluptates accusantium praesentium eos illo, eveniet nam ut consequatur beatae, in perferendis illum molestias, laboriosam suscipit dolorem quidem quod reiciendis sunt assumenda pariatur, aliquid cumque? Optio dolorem autem harum veritatis, quia eos omnis maiores voluptas atque, esse rem illum vel expedita. Obcaecati soluta vel expedita deserunt amet explicabo pariatur cupiditate ipsum accusantium beatae molestiae, quisquam iusto sint doloribus cumque neque harum facere, voluptas. Ullam magnam dignissimos debitis laboriosam dolore facere asperiores esse, fugit, officia dolor explicabo beatae sit fugiat culpa veniam et inventore porro pariatur mollitia eaque. Dolorum earum similique itaque officia explicabo, illum velit ea, amet ratione enim asperiores nulla, nesciunt magnam officiis in non quod. Optio, laboriosam, repudiandae distinctio delectus placeat, voluptates cupiditate illo a nisi aperiam perspiciatis ratione deleniti est. Ad sapiente explicabo incidunt maxime magnam rem alias doloribus, animi deleniti veritatis voluptatum. Natus quibusdam quo ratione nisi placeat veniam maiores corporis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi consequatur cupiditate mollitia itaque facere accusamus aliquid nesciunt, cum quo minima dicta, fugit. Veritatis, odit, praesentium! Optio laudantium, quibusdam quis consequuntur saepe provident explicabo. Ullam pariatur, quisquam error placeat ratione. Nihil iure nemo officia pariatur temporibus delectus veritatis recusandae asperiores excepturi neque rem, quos ex laudantium ab est illo possimus! Minus labore corporis harum, culpa error vero officia animi, cum ad ea quaerat molestias obcaecati mollitia doloremque odio odit? Odit assumenda, quisquam, ab corporis commodi earum modi ad, obcaecati vitae aliquid corrupti laboriosam, dicta quas. Sit reprehenderit facilis natus, commodi voluptatum.</p>
</div>
<hr>
</div>
</div>
<div id="footer">
<p><span class="textatfooter">SDU Community</span> by <span class="textatfooter">Tore Maratov</span>, 2016</p>
</div>
</body>
</html>