-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
114 lines (114 loc) · 6.97 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>О нас</title>
<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="main">
<section class="main-header">
<div class="share">
<a class="social social-vk" href="https://vk.com/" target="_blank" title="[В]Контакте"></a>
<form class="search-top">
<input class="sf" type="search" name="search-form" placeholder="Поиск по сайту...">
<input class="btn" type="button" value="Найти">
</form>
</div>
<header class="header-top">
<nav class="nav-top">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="about.html">О нас</a></li>
<li>
<a href="services.html">Услуги</a>
<ul>
<li><a href="development.html">Разработка</a></li>
<li><a href="rework.html">Доработка</a></li>
<li><a href="configuration.html">Установка / Настройка</a></li>
<li><a href="lessons.html">Обучение</a></li>
<li><a href="other.html">Прочие заказы</a></li>
</ul>
</li>
<li><a href="contacts.html">Контакты</a></li>
</ul>
</nav>
<img class="image" src="images/Future-technology-Tablet-with-two-operating-systems.jpg" alt="Слайдер" title="Нажмите чтобы увеличить картинку">
</header>
</section>
<!--<section class="main-aside">
<aside>
<h2>Aside</h2>
<nav class="nav-aside">
</nav>
</aside>
</section>-->
<section class="main-content">
<header>
<h1>О нас</h1>
</header>
<article>
<div class="left-col">
<h2>Качество</h2>
</div>
<div class="center-col">
<h2>Цена</h2>
</div>
<div class="right-col">
<h2>Надёжность</h2>
</div>
</article>
<footer>
<div class="fl">
<input class="hide" id="hd-left" type="checkbox">
<label for="hd-left" title="Нажмите здесь чтобы посмотреть скрытый текст">Подробнее...</label>
<p>Все наши продукты перед отправкой конечному пользователю проходят всестороннее тестирование и проверку. Естетсвенно и сам исходный код мы максимально стараемся сделать найболее легким и оптимизированным для увеличения производительности.</p>
<div class="fb"></div>
</div>
<div class="fc">
<input class="hide" id="hd-center" type="checkbox">
<label for="hd-center" title="Нажмите здесь чтобы посмотреть скрытый текст">Подробнее...</label>
<p>Мы не стремимся завысить цену на наши продукты чтобы подороже их продать. Для нас важнее чтобы наши заказчики были довольны и оставались с нами надолго. Именно поэтому и стараемся делать наши цены доступными каждому. Поддержка - бесплатная, впрочем, как вы наверное и догадались.</p>
<div class="fb"></div>
</div>
<div class="fr">
<input class="hide" id="hd-right" type="checkbox">
<label for="hd-right" title="Нажмите здесь чтобы посмотреть скрытый текст">Подробнее...</label>
<p>В Интернете, как всем известно, имеется большое колличество мошенников. Пользуясь нашими услугами вы никогда не останетесь обманутыми. Более того, мы поддерживаем наши продукты всегда. В случае, если вдруг вы обнаружите какую-либо неисправность - вы всегда можете нам написать и мы обязательно исправим неполадки.</p>
<div class="fb"></div>
</div>
</footer>
</section>
<section class="main-footer">
<header>
<h3>Нравится ли вам наш сайт?</h3>
<p><input type="radio" name="mark">Отлично</p>
<p><input type="radio" name="mark">Хорошо</p>
<p><input type="radio" name="mark">Неплохо</p>
<p><input type="radio" name="mark">Так-себе</p>
<p><input type="radio" name="mark">Плохо</p>
</header>
<article>
<h3>Разработчики</h3>
<p>Разработчик 1</p>
<p>Разработчик 2</p>
<p>Разработчик 3</p>
</article>
<footer>
<nav class="nav-bottom">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="about.html">О нас</a></li>
<li><a href="services.html">Услуги</a></li>
<li><a href="contacts.html">Контакты</a></li>
</ul>
</nav>
<p>Разработчик: sangy_rabbit © 2016</p>
</footer>
</section>
</div>
</body>
</html>