-
Notifications
You must be signed in to change notification settings - Fork 0
/
news.html
108 lines (106 loc) · 7.69 KB
/
news.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
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
102
103
104
105
106
107
108
<!doctype html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, user-scalable=no" />
<title></title>
<meta name="description" content="">
<link rel="stylesheet" href="css/style.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
<script>document.write('<script src="http://'
+ (location.host || 'localhost').split(':')[0]
+ ':35729/livereload.js"></'
+ 'script>')</script>
</head>
<body onload="">
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<div class="site">
<div class="top">
<a class="top1" href="#"><img src="images/top-1.png" alt=""/></a>
<a class="top2" href="#"><img src="images/top-2.png" alt=""/></a>
<a class="top3" href="#"><img src="images/top-3.png" alt=""/></a>
<a class="top4" href="#"><img src="images/top-4.png" alt=""/></a>
</div>
<div class="right-menu">
<a class="right1" href="#"><img src="images/right-1.jpg" alt=""/></a>
<a class="right2" href="#"><img src="images/right-2.jpg" alt=""/></a>
<a class="right3" href="#"><img src="images/right-3.jpg" alt=""/></a>
<a class="right4" href="#"><img src="images/right-4.jpg" alt=""/></a>
</div>
<div class="left-menu">
<a class="left1" href="#"><img src="images/left-1.jpg" alt=""/></a>
<a class="left2" href="#"><img src="images/left-2.jpg" alt=""/></a>
<a class="left3" href="#"><img src="images/left-3.jpg" alt=""/></a>
<a class="left4" href="#"><img src="images/left-4.jpg" alt=""/></a>
</div>
<div class="wrapper center">
<header class="header">
<div class="switcher">
<ul>
<li class="active"><a href="#"><img src="images/rus.jpg" alt=""/></a></li>
<li><a href="#"><img src="images/en.jpg" alt=""/></a></li>
<li>Русский</li>
</ul>
<ul>
<li class="active"><a href="#"><img src="images/icon-on.png" alt=""/></a></li>
<li><a href="#"><img src="images/icon-off.png" alt=""/></a></li>
<li>Support</li>
</ul>
</div>
<div class="login">
<span>Monopoly</span>
<a href="#">Вход</a> | <a href="#">Регистрация</a>
</div>
<a class="logo" href="#"><img src="images/logo.png" alt=""/></a>
</header>
<div class="content">
<article class="news">
<h2>Новости
<span>Последние новости Монополии</span>
</h2>
<h3>Новость 1</h3>
<p>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
<h3>Новость 2 </h3>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. </p>
<h3>Новость 3</h3>
<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
<h3>Новость 4</h3>
<p>Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
<h3>Новость 5</h3>
<p>Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
<h3>Новость 6</h3>
<p>Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
<div class="pagination">
<ul>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li> ... </li>
<li><a href="#">20</a></li>
</ul>
<a class="fl_r" href="#"> Следующая</a>
<a class="disabled fl_r" href="#">Предыдущая</a>
</div>
</article>
</div>
</div>
<p class="bottom-menu">Monopoly © 2006–2014 http://mnpl.me <br/>
<a href="mailto:#">[email protected]</a>
</p>
</div>
<script src="js/libs/jquery-1.9.1.min.js"></script>
<script src="js/libs/jquery.flexslider-min.js"></script>
<script src="js/script.js"></script>
</body>
</html>