-
Notifications
You must be signed in to change notification settings - Fork 0
/
target.html
124 lines (122 loc) · 7.75 KB
/
target.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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!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="target">
<h2>Оплачиваемые задания
<span>Примеры оплачиваемых заданий</span>
</h2>
<ul class="target-list">
<li>
<span>Комментирование</span>
<a href="#">Powerclick.co gives you 500+ chances to win per day. <br/>
Thousands of advertisers!
</a>
</li>
<li>
<span>Регистрация и отзывы</span>
<a href="#">Powerclick.co gives you 500+ chances to win per day. <br/>
Thousands of advertisers!
</a>
</li>
<li>
<span>Написание отзывов на товары</span>
<a href="#">Powerclick.co gives you 500+ chances to win per day. <br/>
Thousands of advertisers!
</a>
</li>
</ul>
<p>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
<p>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>
<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>
<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.</p>
<h3>Пример правил зачисления средств за задание</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. </p>
<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.</p>
</article>
</div>
<footer class="footer">
<h3>Пресс-центр</h3>
<section class="footer__item fl_l">
<a href="#">Обновление тарифных планов. </a>
<p>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus...</p>
<span>01.01.2014 16:45</span>
</section>
<section class="footer__item fl_r">
<a href="#">Обновление тарифных планов. </a>
<p>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus...</p>
<span>01.01.2014 16:45</span>
</section>
</footer>
</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>