-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
150 lines (144 loc) · 9.25 KB
/
index.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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<html>
<head>
<title>Training-progect-1</title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="./css/style.css"/>
</head>
<body>
<div class="wrapper">
<div class="layout">
// new comment
<!-- Header -->
<div class="header clearfix">
<div class="header-item-left"></div>
<div class="header-item-center"></div>
<div class="header-item-right">
<div class="header-item-right-text">
<div class="header-link">
<a href="tel:74994362131">+7(499)346-21-31</a>
</div>
<div class="header-link">
<a href="#">manager@pixelplus.ru</a>
</div>
<div class="header-link">
<a href="#">www.pixeplus.ru</a>
</div>
</div>
</div>
</div><!-- End Header -->
<!-- Main -->
<main class="main clearfix">
<!--Sidebar-->
<aside class="sidebar">
<div class="sidebar-menu">
<div class="sidebar-menu-header">Создание сайтов</div>
<div class="sidebar-menu-item"><a href="#" class="sidebar-item-top-link">Изготовление сайтов «под ключ»</a></div>
<div class="sidebar-menu-item"><a href="#" class="sidebar-item-top-link">Как мы работаем</a></div>
<div class="sidebar-menu-item"><a href="#" class="sidebar-item-top-link">Интеграция с 1С</a></div>
<div class="sidebar-menu-item"><a href="#" class="sidebar-item-top-link">Поддержка сайтов</a></div>
<div class="sidebar-menu-item"><a href="#" class="sidebar-item-top-link">Создание сайтов на Битрикс</a></div>
<div class="sidebar-menu-item"><a href="#" class="sidebar-item-top-link">Модули Битрикс</a></div>
<div class="sidebar-menu-item"><a href="#" class="sidebar-item-top-link">Купить Битрикс</a></div>
<div class="sidebar-menu-item"><a href="#" class="sidebar-item-top-link">Дизайн сайтов</a></div>
<div class="sidebar-menu-item"><a href="#" class="sidebar-item-top-link">Редизайн сайтов</a></div>
<div class="sidebar-menu-item"><a href="#" class="sidebar-item-top-link">Интернет-магазины</a></div>
<div class="sidebar-menu-item"><a href="#" class="sidebar-item-top-link">Создание логотипов</a></div>
</div>
</aside>
<div class="bottom-side-block"></div>
<!--Content-->
<div class="content">
<div class="content-block">
<p class="paragraph bold">
PSD фаил с макетом. Макет разбит по слоям и сгрупирован по папкам:
</p>
<div class="paragraph">
<ul class="content-list">
<li class="content-list-item">
<span class="bold">number</span> - нумерация блоков (номера блоков верстать не нужно)
</li>
<li class="content-list-item">
<span class="bold">text</span> - текстовые блоки (шрифт Arial, размер 14 пикселей, межстрочное растояние 22 пикселя)
</li>
<li class="content-list-item">
<span class="bold">head</span> - шапка сайта
</li>
<li class="content-list-item">
<span class="bold">content</span> - контентная область, которая в свою очередь делится на
<span class="bold">left</span> и <span class="bold">center</span>
</li>
</ul>
</div>
<p class="paragraph">Текстовое описание задания и требования.</p>
</div>
<div class="content-block-list clearfix">
<div class="content-block content-block_small"></div>
<div class="content-block content-block_small"></div>
<div class="content-block content-block_small"></div>
<div class="content-block content-block_small"></div>
<div class="content-block content-block_small"></div>
<div class="content-block content-block_small"></div>
<div class="content-block content-block_small"></div>
</div>
<div class="content-block-list clearfix">
<div class="content-block content-block_middle">
<p class="paragraph">
Студия «Пиксель Плюс» разработает
полнофункциональный продукт ориентированный
на целевую аудиторию и эффективно решающий
поставленные перед ним маркетинговые задачи.
Опыт работ и использование собственных
технологий, позволяет предлагать услугу
изготовления сайта в Москве в разумные сроки.
</p>
</div>
<div class="content-block content-block_middle">
<p class="paragraph">
Поисковое продвижение (раскрутка) ведется по коммерческим запросам,
что позволяет многократно увеличить количество продаж с сайта при разумном
рекламном бюджете.
</p>
</div>
</div>
</div><!--End Content-->
</main>
</div><!--End layout-->
<!--Footer-->
<div class="footer clearfix">
<div class="footer-item-left">
<p class="footer-item-left-text">
<a href="#">Пункт 1</a>
<a href="#">Пункт 2</a>
<a href="#">Пункт 3</a>
<a href="#">Пункт 4</a>
<a href="#">Пункт 5</a>
<a href="#">Пункт 6</a>
<a href="#">Пункт 7</a>
<a href="#">Пункт 8</a>
<a href="#">Пункт 9</a>
<a href="#">Пункт 10</a>
<a href="#">Пункт 11</a>
<a href="#">Пункт 12</a>
<a href="#">Пункт 13</a>
<a href="#">Пункт 14</a>
</p>
</div>
<div class="footer-item-center">
<ul class="footer-item-center-text">
<li><a href="#">Поисковое продвижение сайтов</a></li>
<li><a href="#">Тариф "Старт"</a></li>
<li><a href="#">Тариф "Продвижение плюс"</a></li>
<li><a href="#">Тариф "Интернет магазин"</a></li>
<li><a href="#">Тариф "Эксклюзив"</a></li>
<li><a href="#">Тариф "Контекст + SEO"</a></li>
<li><a href="#">Тариф "Регион"</a></li>
</ul>
</div>
<div class="footer-right">
<div class="footer-item-right"></div>
<div class="footer-item-right"></div>
</div>
</div><!--End footer-->
</div><!--End wrapper-->
</body>
</html>