Преподаватель который помогает студентам и школьникам в учёбе.

РАЗРАБОТКА САЙТА КОНСАЛТИНГОВОЙ КОМПАНИИ В СФЕРЕ ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ (Требования к приложению)

Содержание:

Введение

Интернет - это глобальная информационная сеть, доступная практически для каждого человека, который интересуется свежими новостями, рекламой и хочет сообщить или найти какую - либо информацию.

Если организация, компания или предприятие захочет оставить о себе информацию в сети, то это можно сделать с помощью Веб-сайта.

Веб-сайт рассчитан на среднестатистического пользователя сети интернет. Поэтому, наряду с широким применением графики, интерфейс сайта максимально прост и интуитивно понятен, но с другой стороны достаточно удобен и информативен.

Веб-сайт способствует привлечению новых клиентов, а так же призван снизить нагрузку на работников фирмы OOO "Экаунт-Бизнес" в чьи задачи входит проведение консультаций по телефону.

Веб-сайт носит не только информационно-ознакомительный характер, но также содержит возможность консультации с нашими специалистами по средствам форума, который упрощает работу нашим сотрудникам и экономит ваше время, исходя из этого, наблюдается положительный экономический эффект, суть которого состоит в том, что с увеличением числа клиентов, увеличивается ежемесячный финансовый оборот компании.

С точки зрения системного администратора, в чьи функции входят поддержание работоспособности Веб-сайта, регулярное обновление, и др., проблем не возникает, так как проект требует к себе минимум усилий по эксплуатации и администрированию.

Объектом исследования является web-программирование.

Предметом исследования является разработка сайта рекламного агентства.

Целью данной работы является разработка сайта для рекламного агентства «Лучшее решение» с возможностью последующего размещением в сети Интернет.

Для достижения поставленной цели необходимо решение следующих основных задач:

- Выбор технологии создания сайта, анализ основных критериев и параметров выбора.

- Разработка требований к приложению.

- Проведение анализа исходных данных

- Описание хода разработки приложения.

ОСНОВНАЯ ЧАСТЬ

1.1 Требования к приложению

Сайт должен обеспечивать реализацию следующих функций:

* Имиджевая.

Формирование стиля и образа спортивной школы по хоккею ООО «Лучшее решение». Стилевое оформление сайта должно соответствовать корпоративному стилю спортивной школы.

* Информационная.

Сайт должен предоставлять доступ к информации о Рекламной компании, ее истории, деятельности, ассортименте предлагаемой продукции и услуг, а также оперативно информировать пользователей о новостях спортивной школы.

* Рекламная.

Сайт должен содержать информацию:

1. О товарах которых предоставляет компания;

2. Участие учреждения в проектах, мероприятиях;

3. Другая информация об уставной деятельности рекламной компании.

Формат входных данных представляет собой форму для отправки резюме;

Пользовательский интерфейс был разработан с помощью текстового редактора notepad++.

1.2 Анализ исходных данных

Для реализации отправки данных было реализован протокол TCP один из основных протоколов передачи данных интернета, предназначенный для управления передачей данных

1.3 Разработка приложения

Web-страница может содержать текст, графику и гиперсвязи с разными ресурсами Интернет. Чтобы реализовать все эти возможности, был разработанный специальный язык, названная Hyper Text Markup Language (HTML), то есть, Язык Разметки Гипертекста. Документ, написанный на HTML, представляет собой текстовый файл, который содержит собственно текст, несущий информацию читателю, и флаги разметки. Последние представляют собой определенные последовательности символов, которые являются инструкциями для программы просмотра; в соответствии с этими инструкциями программа располагает текст на экране, включает в него рисунки, которые сохраняются в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Internet. Таким образом, файл на языке HTML приобретает вид WWW-документа только тогда, когда он интерпретируется программой просмотра.

Поскольку HTML-документы записываются в ASCII-формате, то для ее создания может использован любой текстовый редактор.

Обычно HTML-документ - это файл с расширением.html или. htm, в котором текст размечен HTML-тегами. Средствами HTML задаются синтаксис и размещение тегов, в соответствии с которыми браузер отображает содержимое Web-документа. Текст самих тегов Web-браузером не отображается.

Все теги начинаются символом '<' и заканчиваются символом '>'. Обычно имеется пара тегов - стартовый (открывающий) и завершающий (закрывающий) тег, между которыми помещается размечаемая информация:

<p> HTML - стандартный язык разметки гипертекстовых документов</p>

Здесь стартовым тегом является тег <P>, а завершающим - </P>. Завершающий тег отличатся от стартового лишь тем, что у него перед текстом в скобках <> стоит символ '/' (слэш).

Браузер, читающий HTML-документ, отображает его в окне, используя структуру HTML-тегов. В каждом HTML-документе должны присутствовать три главных части:

Объявление HTML

Заголовок

Тело документа

Рассмотрим каждый из пунктов в отдельности:

Объявление HTML

<HTML> и </HTML>. Пара этих тегов сообщает программе просмотра (браузеру), что между ними заключен документ в формате HTML, причем первым тегом в документе должен быть тег <HTML> (в самом начале документа), а последним - </HTML> (в самом конце документа).

<HTML>

…

</HTML>

Заголовок

<HEAD> и </HEAD>. Между этими тегами располагается информация о документе (название, ключевые слова для поиска, описание и т.д.). Однако наиболее важным является название документа, которое мы видим в верхней строке окна браузера и в списках "Избранное". Для того чтобы дать название своему HTML-документу текст помещается между тегами <TITLE> и </TITLE>.

<HTML>

<HEAD>

<TITLE>Главная</TITLE>

</HEAD>

</HTML>

Тело документа

Третьей главной частью документа является его тело. Оно следует сразу за заголовком и находится между тегами <BODY> и </BODY>. Первый из них должен стоять сразу после тега </HEAD>, а второй - перед тегом </HTML>. Тело HTML-документа - это место, куда автор помещает информацию, отформатированную средствами HTML.

<HTML>

<HEAD

<TITLE>Главная</TITLE>

</HEAD>

<BODY>

...

</BODY>

</HTML>

Из всего вышесказанного, можем написать код HTML странички:

<HTML>

<HEAD>

<TITLE>Главная</TITLE>

</HEAD>

<BODY>

Содержаниемо их станиц

</BODY>

</HTML>

Вообще тегов существует очень много и каждый из них выполняет определенные функции в создании HTML страницы.

Каскадные таблицы стилей CSS

Предположим, вам нужно изменить цвет текста в HTML-сайте с черного на синий, для этого вам придется менять цвет фона на каждой страницы вашего сайта, но есть более простое решение этой проблемы. Можно воспользоваться каскадными таблицами стилей или по-другому - CSS (Cascading Style Sheets).

CSS были революцией, потрясшей WWW. Если до этого Web-дизайнер не знал, как будет выглядеть его творение в разных программах Web-обозревателей, то теперь он может контролировать все: от начертания шрифта до положения картинки на странице.

Итак, CSS используется создателями Web-страниц для задания цвета, шрифтов, расположения и других аспектов представления документа. Основной целью разработки CSS являлось разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS).html используется для структурирования содержимого страницы, а CSS - для форматирования этого структурированного содержимого.

Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печать, чтение голосом (специальным голосовым браузером или программой чтения с экрана).

CSS при отображении страницы может быть взята из различных источников:

Авторские стили (информация стилей, предоставляемая автором страницы) в виде:

Внешних таблиц стилей, то есть отдельного файла. css, на который делается ссылка в документе.

Встроенных стилей - блоков CSS внутри самого HTML-документа.

Inline-стилей, когда в HTML-документе информация стиля для одного элемента указывается в его атрибуте style.

Пользовательские стили: локальный CSS-файл, указанный пользователем в настройках браузера, переопределяющий авторские стили, и применяемый ко всем документам.

Стиль браузера: стандартный стиль, используемый браузером по умолчанию для представления элементов.

Другими словами, вы можете сохранить описание стиля не в тексте вашей странички, а в отдельном файле - это позволит использовать описание стиля на любом количестве Web-страниц.

Описания стилей находятся в тегах <STYLE></STYLE> и размешаются между тегами <HEAD></HEAD>.

Если Вы располагаете стили в отдельном файле, тогда между тегами <HEAD></HEAD> каждого HTML документа нужно добавить ссылку на CSS файл:

Default. css - это Ваш CSS файл, содержащий описание применяемых стилей. Если он находиться в другом каталоге, нужно указать к нему путь. Создается CSS файл в любом текстовом редакторе, например, в Блокноте, нужно будет только изменить расширение текстового файла на CSS.

Инструментарий создания сайта

Notepad++ - свободный текстовый редактор с открытым исходным кодом для Windows с подсветкой синтаксиса большого количества языков программирования и разметки. Поддерживает открытие более 100 форматов.

Страница главные была сделана блоками

<HTML>

<HEAD>

<TITLE>Главная</TITLE>

</HEAD>

<BODY>

<header>

</header>

<section1>

</section1>

<section2>

</section2>

<footer>

</footer>

</BODY>

</HTML>

Рис. 1 Верхняя часть

Рис. 2 Нижняя часть

На главной реализован Логотип виде картинки, в верхнего меню, блок в котором представлена кратка информация «О компании» и нижнего блока в котором сделана контакты компании и карта сайта.

Страница решение была сделана блоками

<HTML>

<HEAD>

<TITLE>Решение</TITLE>

</HEAD>

<BODY>

<header>

</header>

<section1>

</section1>

<section2>

</section2>

<footer>

</footer>

</BODY>

</HTML>

Рис. 3 Верхняя часть

Рис. 4 Нижняя часть

На страницы решение реализован Логотип виде картинки, в верхнего меню реализована фиксация путем прописования в css “position: fixed;” , блок в котором представлена информация «О решениях компании с указанием цен» и путем реализации тегом <figcaption>, а нижнего блока в котором сделана контакты компании и карта сайта.

Страница решение была сделана блоками

<HTML>

<HEAD>

<TITLE>Партенеры</TITLE>

</HEAD>

<BODY>

<header>

</header>

<section1>

</section1>

<section2>

</section2>

<footer>

</footer>

</BODY>

</HTML>

Рис. 4 Нижняя часть

Рис. 5 Верхняя часть

Рис. 6 Нижняя часть

На страницы контакты была реализована краткая информация о местонахождение компании Лучшее решение

<HTML>

<HEAD>

<TITLE>Контакты</TITLE>

</HEAD>

<BODY>

<header>

</header>

<section1>

</section1>

<section2>

</section2>

<footer>

</footer>

</BODY>

</HTML>

Рис. 4 Нижняя часть

На страницы Вакансии была реализована форма для отправки заявки на вакансию.

<HTML>

<HEAD>

<TITLE>Контакты</TITLE>

</HEAD>

<BODY>

<header>

</header>

<section1>

</section1>

<section2>

</section2>

<footer>

</footer>

</BODY>

</HTML>

Рис. 7 Форма вакансии

Форма была сделана виде чекбоксов с вакансиями, текстовые поля с плейсхолдером для ввода информации о пользователе и отправке файла и кнопки отправки методом post.

Заключение

В соответствии с заданием на проектирование сайта был создан сайт рекламной компании ООО «Лучшее решение». Были созданы Главная страница и страницы: Главная, Решение, Контакты, Партнеры, Вакансии.

Оценивая проделанную работу, можно сделать следующие выводы:

* сайт предоставляет пользователям наиболее нужную ему информацию, а именно возможность ознакомиться со списком услуг в сфере рекламной деятельности.

* дизайн сайта соответствует предполагаемым предпочтениям целевой группы, времени и целям нахождения потенциальных клиентов на сайте;

* реализована навигация с помощью меню по страницам сайта.

* реализованы заявки;

* разработан логотип сайта.

Для реализации сайта был использован notepad++.

Было создано подробное описание деятельности рекламной компании, дизайн сайта, форма для отправки вакансии.

В процессе создания сайта были получены навыки работы создание сайта путем написание кода html и css.

Список литературы

В списке литературы необходимо указать использованные в работе источники, на которые имеются ссылки в тексте.

Образец записи сведений об источнике:

С. В. Глушаков, А.В. Коваль, С.А. Черепнин, Программирование на Visual C++, ФОЛИО, Москва, 2017.
Ю. Тихомиров, Самоучитель MFC, БХВ-Санкт –Петербург, 2017.
HTML5. Основы клиентской разработки Алексеев А.А., Савельев, НОИ Интуит, 2016.
Новая большая книга CSS Дэвид Макфарланд, Питер, 2016.
Секреты CSS. Идеальные решения ежедневных задач. Леа Веру, Питер, 2016.
HTML5, CSS3 и JavaScript. Исчерпывающее руководство Дженнифер Нидерст Роббинс, Эксмо, 2014.
Изучаем HTML, XHTML и CSS Эрик Фримен, Элизабет Фримен, Питер, 2014.
HTML5 и CSS3: Разработка сайтов для любых браузеров и устройств Фрейн Бен., Питер, 2014.

Приложение

Приложение A

<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>О компании
</title>
<link href="./CSS/main_2.css" rel="stylesheet">

</head>
<body class="smoothscroll enable-animation ng-scope" ng-app="cslSite" style="padding-top: 0px;">
<div id="wrapper">
<div>

<header>
<div id="topBar">
<div class="container header-container">

<a class="logo pull-left">

<img src=".\IMG\logo.png">
</a>
</div>
</div>
<div id="header" class="sticky clearfix">
<div id="topNav">
<div class="container header-container">
<button class="btn btn-mobile" id="sidepanel_btn">
<i class="fa fa-bars"></i>
</button>

<ul class="pull-right nav nav-pills hidden-xs has-topBar">
</ul>
<div class="navbar-collapse pull-left nav-main-collapse collapse">
<nav class="nav-main">

<ul id="topMain" class="nav nav-pills nav-main has-topBar">
<li class="active">
<a class="" href=".\Главная.html">
Главная
</a>
</li>
<li class="">
<a class="" href=".\О работе.html">
Решение
</a>
</li>
<li class="">
<a class="" href=".\Партнеры.html">
Партнеры
</a>
</li>
<li class="dropdown mega-menu">
<li class="">
<a class="" href=".\Контакты.html">
Контакты
</a>
</li>
<li class="">
<a class="" href=".\Вакансии.html">
Вакансии
</a>
</li>

</ul>

</nav>
</div>

</div>
</div>
</div>
</header>
</div>
<section>
<div class="overlay light-6"></div>

<div class="container">

<div class=" margin-bottom-50">
<h1 class="margin-bottom-10 weight-300 topimg__h"> О компании</h1>

<p class="lead topimg__subh ">Информация о компании "Лучшее Решения"</p>
</div>

</div>

</section>
<section class="innerpage-with-bg padding-xxs greybg">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="wblock" style="
margin-top: 100px;
">
<p style="text-align:justify">Консалтинговая компания Лучшее Решения была образована 26 июня 2018 года командой молодых и амбициозных специалистов высокой квалификации, имеющих опыт в каждой из представленных выше компетенций.</p>

<p style="text-align:justify">Своей целью мы видим найти Лучшее Решение для любой стоящей перед Вами задачи посредством предоставления качественных, своевременных и профессиональных услуг в сфере информационных техналогий.</p>

<p>Мы работаем на всей территории Российской Федерации.</p>
</div>
</div>
<div class="col-lg-4">

</div>
</div>
</div>
</section>

<footer id="footer" class="footer footer-light">
<div class="container">

<div class="row">

<div class="col-md-5 footer__column">

<h4 class="letter-spacing-1">ЛУЧШЕЕ РЕШЕНИЯ</h4>

<p>Профессиональные консалтинговые услуги</p>

<address>
<ul class="list-unstyled">
<li class="footer-sprite address">
г. Москва,<br>
Левнуша переулок, д. 5, стр. 1<br>
</li>
<li class="footer-sprite phone">
+7 (499) 499-11-22
</li>
<li class="footer-sprite email">
<a>1@mail.ru</a>
</li>
</ul>
</address>

</div>

<div class="col-md-3 footer__column">

<h4 class="letter-spacing-1">Карта сайта</h4>
<ul class="footer-links list-unstyled">
<li><a href=".\Главная.html">Главная</a></li>
<li><a href=".\О работе.html">О компании</a></li>
<li><a href=".\Партнеры.html">Партнеры</a></li>
<li><a href=".\Контакты.html">Контакты</a></li>
<li><a href=".\Вакансии.html">Вакансии</a></li>
</ul>
</div>
</div>

</div>

</footer>

</div>

</body>
</html>

Приложение Б

<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>О работе</title>
<link href="./CSS/main_3.css" rel="stylesheet">
</head>
<body class="smoothscroll enable-animation ng-scope" ng-app="cslSite" style="padding-top: 45px;">
<div id="wrapper">
<header>
<div id="topBar">
<div class="container header-container">

<a class="logo pull-left"">
<img src=".\IMG\logo.png">
</a>
</div>
</div>
<div id="header" class="sticky clearfix fixed">
<div id="topNav">
<div class="container header-container">
<button class="btn btn-mobile" id="sidepanel_btn">
<i class="fa fa-bars"></i>
</button>
<ul class="pull-right nav nav-pills hidden-xs has-topBar">
</ul>
<div class="navbar-collapse pull-left nav-main-collapse collapse">
<nav class="nav-main">
<ul id="topMain" class="nav nav-pills nav-main has-topBar">
<li class="">
<a class="" href=".\Главная.html">
Главная
</a>
</li>
<li class="active">
<a class="" href=".\О работе.html">
Решение
</a>
</li>
<li class="">
<a class="" href=".\Партнеры.html">
Партнеры
</a>
</li>
<li class="dropdown mega-menu">
<li class="">
<a class="" href=".\Контакты.html">
Контакты
</a>
</li>
<li class="">
<a class="" href=".\Вакансии.html">
Вакансии
</a>
</li>

</ul>

</nav>
</div>

</div>
</div>
</div>
</header>

<div ng-init="service = ''"></div>
<div ng-controller="productCalculatorCtrl as ctrl" class="ng-scope">

<div ng-init="service = 'Разработка сайтов и Web приложений'; service_type='service'"></div>
<div>

<div class="landing-style">

<section class="services-section section_white padding-md">

<div class="container">
<div class="heading">
<h2 class="heading-title">
Как мы работаем
</h2>

</div>
</div>

<div class="container">

<div class="">
<p style="text-align: center;"><span style="font-size:18px;">Мы предоставляем услуги по созданию сайтов любого направления и сложности. От простых сайтов-визиток и интернет-магазинов под ключ до сложных и уникальных веб-приложений с дополнительной техподдержкой.</span><br>
<br>
<span style="font-size:14px;">Все наши сайты одинаково хорошо отображаются на любых современных браузерах, имеют адаптивный дизайн и приспособлены к высоким нагрузкам.</span></p>
</div>

<div class="row margin-top-50">

<div class="col-lg-4 col-md-4 col-sm-6 margin-bottom-0">
<div class="item-list__block">

<figure class="hoverable-block">
<img src="./IMG/9f633e65375c82aeaf6ab6efa7a0bb09.jpg" alt="Лэндинг" title="Создание и разработка одностраничных web-сайтов для привлечения клиентов, увеличения продаж, повышения конверсии.">
<figcaption>
<h4>1000-5000 руб</h4>
</figcaption>
</figure>

<a class="item-list__text-content">
<div class="item-list__title">
Лэндинг
</div>
<div class="item-list__description">
Создание и разработка одностраничных web-сайтов для привлечения клиентов, увеличения продаж, повышения конверсии.
</div>
</a>

</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 margin-bottom-0">
<div class="item-list__block">

<figure class="hoverable-block">
<img src="./IMG/bee6b15de91cefb2910d2c7e7674273c.jpg">
<figcaption>
<h4>1000-5000 руб</h4>
</figcaption>
</figure>

<a class="item-list__text-content">
<div class="item-list__title">
Корпоративный сайт
</div>
<div class="item-list__description">
Решение для бизнеса, которое выполняет функцию размещения информации о компании и предоставляемых услугах и продукции.
</div>
</a>
</div>
</div>
<div class="clearfix visible-sm"></div>

<div class="col-lg-4 col-md-4 col-sm-6 margin-bottom-0">
<div class="item-list__block">

<figure class="hoverable-block">
<img src="./IMG/6a00db9a141057a55c1feba346cd1630.jpg">
<figcaption>
<h4>1000-5000 руб</h4>
</figcaption>
</figure>

<a class="item-list__text-content">
<div class="item-list__title">
Эксклюзивный проект
</div>
<div class="item-list__description">
Если Ваши желания находятся в рамках существующих веб-технологий, мы их выполним. Если нет, то... придумаем и выполним.
</div>
</a>

</div>
</div>
<div class="clearfix visible-md visible-lg"></div>
</div>
</div>
</section>
<section class="advantages-section section_blue padding-md">
<div class="container">
<div class="heading">
<h2 class="heading-title">
Как мы работаем
</h2>

</div>
</div>
<div class="container">
<div class="row">

<div class="col-sm-6 col-md-3">

<div class="iconblock-with-text">
<img class="iconblock-with-text__img" src="./IMG/icon_De9lZRH.png">
<div class="iconblock-with-text__text">

<h3 class="iconblock-with-text__title">1. Обсуждение</h3>

<div class="iconblock-with-text__description">Обсуждаем с Вами все детали будущего проекта и рассчитываем сроки и стоимость реализации.</div>

</div>
</div>
</div>
<div class="col-sm-6 col-md-3">

<div class="iconblock-with-text">
<img class="iconblock-with-text__img" src="./IMG/icon_XEe12rK.png">
<div class="iconblock-with-text__text">

<h3 class="iconblock-with-text__title">2. Техническое задание</h3>
<div class="iconblock-with-text__description">Разрабатываем и согласовываем техническое задание в которое входит описание дизайна и необходимого функционала проекта</div>

</div>
</div>
</div>
<div class="col-sm-6 col-md-3">

<div class="iconblock-with-text">
<img class="iconblock-with-text__img" src="./IMG/icon_jIc83fC.png" alt="3. Программирование">
<div class="iconblock-with-text__text">
<h3 class="iconblock-with-text__title">3. Программирование</h3>
<div class="iconblock-with-text__description">Переносим функционал и дизайн проекта в код согласно техническому заданию</div>

</div>
</div>
</div>
<div class="col-sm-6 col-md-3">

<div class="iconblock-with-text">
<img class="iconblock-with-text__img" src="./IMG/icon_e8786Re.png" alt="4. Хостинг">
<div class="iconblock-with-text__text">
<h3 class="iconblock-with-text__title">4. Хостинг</h3>
<div class="iconblock-with-text__description">Загружаем сайт на хостинг и передаем Вам все доступы

к нему</div>

</div>
</div>
</div>

</div>
</div>
</section>
</div>
</div>
<div id="orderModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog ">
<div class="modal-content">

<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">Заявка
на услугу</h4>
</div>

</div>
<div id="loader-wrapper" ng-class="preloader" preloadtext="Отправка заявки..." ng-show="sentOrder" class="ng-isolate-scope ng-hide">
<div id="loader"></div>
<div class="loader__title ng-binding">Отправка заявки...</div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
</div>
</div>
</div>
<footer id="footer" class="footer footer-light">
<div class="container">

<div class="row">

<div class="col-md-5 footer__column">

<h4 class="letter-spacing-1">ЛУЧШЕЕ РЕШЕНИЯ</h4>

<p>Профессиональные консалтинговые услуги</p>

<address>
<ul class="list-unstyled">
<li class="footer-sprite address">
г. Москва,<br>
Левнуша переулок, д. 5, стр. 1<br>
</li>
<li class="footer-sprite phone">
+7 (499) 499-11-22
</li>
<li class="footer-sprite email">
<a>1@mail.ru</a>
</li>
</ul>
</address>

</div>

<div class="col-md-3 footer__column">

<h4 class="letter-spacing-1">Карта сайта</h4>
<ul class="footer-links list-unstyled">
<li><a href=".\Главная.html">Главная</a></li>
<li><a href=".\О работе.html">О компании</a></li>
<li><a href=".\Партнеры.html">Партнеры</a></li>
<li><a href=".\Контакты.html">Контакты</a></li>
<li><a href=".\Вакансии.html">Вакансии</a></li>
</ul>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>

Приложение В

<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Партнеры</title>
<link href="./CSS/main_4.css" rel="stylesheet">
</head>
<body class="smoothscroll enable-animation ng-scope" ng-app="cslSite" style="padding-top: 45px;">
<div id="wrapper">
<div>
<header>
<div id="topBar">
</div>
<div id="header" class="sticky clearfix fixed">
<div id="topNav">
<div class="container header-container">

<button class="btn btn-mobile" id="sidepanel_btn">
<i class="fa fa-bars"></i>
</button>
<ul class="pull-right nav nav-pills hidden-xs has-topBar">
</ul>
<div class="navbar-collapse pull-left nav-main-collapse collapse">
<nav class="nav-main">

<ul id="topMain" class="nav nav-pills nav-main has-topBar">
<li class="">
<a class="" href=".\Главная.html">
Главная
</a>
</li>
<li class="">
<a class="" href=".\О работе.html">
Решение
</a>
</li>
<li class="active">
<a class="" href=".\Партнеры.html">
Партнеры
</a>
</li>
<li class="dropdown mega-menu">
<li class="">
<a class="" href=".\Контакты.html">
Контакты
</a>
</li>
<li class="">
<a class="" href=".\Вакансии.html">
Вакансии
</a>
</li>

</ul>

</nav>
</div>

</div>
</div>
</div>
</header>
</div>
<section class="parallax padding-xlg overlay_light" style="background-image: url(/static/images/partners_topimg.png);">
<div class="overlay light-5 "></div>
<div class="container" style="
padding-bottom: 0px;
margin-bottom: -;
bottom: -;
">
<div class=" margin-bottom-50">
<h3 class="margin-bottom-10 weight-300 topimg__h">Партнеры</h3>

<p class=" weight-300 lead topimg__subh ">Наши партнеры и доверители</p>
</div>

</div>

</section>
<section class="innerpage-with-bg padding-xxs greybg">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="wblock" style="
padding-top: 100px;
margin-top: 100px;
">
<div class="partners__one">

<div class="partners__one_left">
<div class="partners__one__img-wrapper">
<img src="./IMG/092a0aaa2a788f705a4f554b7352262c.jpg" alt="">
</div>
</div>

<div class="partners__one_right">
<a class="partners__one_title">АО "Тинькофф банк"</a>
<div class="partners__one_shortdesc">Первый российский банк, который полностью отказался от отделений. Все банковские операции мгновенно проводятся по телефону или через интернет.</div>
</div>
</div>

<div class="partners__one">
<div class="partners__one_left">
<div class="partners__one__img-wrapper">
<img src="./IMG/db0169c5b17b10deaa93a35f31673bd5.jpg" alt="">
</div>
</div>

<div class="partners__one_right">
<a class="partners__one_title">Международная рекрутинговая компания</a>
<div class="partners__one_shortdesc">Лидер в разработке и предоставлении инновационных кадровых решений и услуг, позволяющих Клиентам добиваться успеха в постоянно меняющемся мире бизнеса.</div>
</div>
</div>

<div class="partners__one">

<div class="partners__one_left">
<div class="partners__one__img-wrapper">
<img src="./IMG/6776830099a9380029a223ba37370636.jpg" alt="">
</div>
</div>

<div class="partners__one_right">
<a class="partners__one_title">Сеть кальянных LightRooms</a>
<div class="partners__one_shortdesc">Самые вкусные кальяны в Москве! Но это не точно.</div>
</div>
</div>
<div class="partners__one">
<div class="partners__one_left">
<div class="partners__one__img-wrapper">
<img src="./IMG/834b7eed97546ca2157d295044035565.jpg" alt="">
</div>
</div>
<div class="partners__one_right">
<a class="partners__one_title">Патентная компания "Айпэкс Груп"</a>
<div class="partners__one_shortdesc">Патентная компания IPAKS Group - это команда профессионалов, состоящая из патентных поверенных, юристов и маркетологов, успешно работающих в сфере правовой охраны, защиты и использования объектов интеллектуальной собственности.</div>
</div>
</div>

</div>

</div>
</div>
</div>
</section>
</div>
<footer id="footer" class="footer footer-light">
<div class="container">

<div class="row">

<div class="col-md-5 footer__column">

<h4 class="letter-spacing-1">ЛУЧШЕЕ РЕШЕНИЯ</h4>

<p>Профессиональные консалтинговые услуги</p>

<address>
<ul class="list-unstyled">
<li class="footer-sprite address">
г. Москва,<br>
Левнуша переулок, д. 5, стр. 1<br>
</li>
<li class="footer-sprite phone">
+7 (499) 499-11-22
</li>
<li class="footer-sprite email">
<a>1@mail.ru</a>
</li>
</ul>
</address>

</div>

<div class="col-md-3 footer__column">

<h4 class="letter-spacing-1">Карта сайта</h4>
<ul class="footer-links list-unstyled">
<li><a href=".\Главная.html">Главная</a></li>
<li><a href=".\О работе.html">О компании</a></li>
<li><a href=".\Партнеры.html">Партнеры</a></li>
<li><a href=".\Контакты.html">Контакты</a></li>
<li><a href=".\Вакансии.html">Вакансии</a></li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>

Приложение С

<!DOCTYPE html>

<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
Лучшие решения
</title>
<link href="./CSS/main_1.css" rel="stylesheet">
</head>
<body class="smoothscroll enable-animation ng-scope" ng-app="cslSite" style="padding-top: 0px;">
<div id="wrapper">
<header>
<div id="topBar">
<div class="container header-container">

<a class="logo pull-left">
<img src=".\IMG\logo.png">

</a>
</div>
</div>
<div id="header" class="sticky clearfix">
<div id="topNav">
<div class="container header-container">

<button class="btn btn-mobile" id="sidepanel_btn">
<i class="fa fa-bars"></i>
</button>

<ul class="pull-right nav nav-pills hidden-xs has-topBar">
</ul>
<div class="navbar-collapse pull-left nav-main-collapse collapse">
<nav class="nav-main">

<ul id="topMain" class="nav nav-pills nav-main has-topBar">
<li class="">
<a class="" href=".\Главная.html">
Главная
</a>
</li>
<li class="">
<a class="" href=".\О работе.html">
Решение
</a>
</li>
<li class="">
<a class="" href=".\Партнеры.html">
Партнеры
</a>
</li>
<li class="dropdown mega-menu">
<li class="active">
<a class="" href=".\Контакты.html">
Контакты
</a>
</li>
<li class="">
<a class="" href=".\Вакансии.html">
Вакансии
</a>
</li>

</ul>

</nav>
</div>

</div>
</div>
</div>
</header>
</div>
<section class="parallax padding-xlg overlay_light" style="">
<div class="overlay light-6 "></div>

<div class="container" style="
margin-bottom: 10px;
margin-top: 10px;
">

<div class=" margin-bottom-50">
<h3 class="margin-bottom-10 weight-300 topimg__h">Контакты</h3>

<p class="lead topimg__subh ">Контактная информация компании</p>
</div>

</div>

</section>

<section class="innerpage-with-bg padding-xxs innerpage-content">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="wblock margin-bottom-30 " style="
padding-top: 100px;
padding-bottom: 10px;
padding-top: 10px;
margin-top: -;
margin-bottom: -;
padding-left: 10px;
padding-right: 10px;
">

<div class="row margin-top-50">
<div class="col-sm-12" style="
margin-top: 100px;
">
<h2>Реквизиты компании Лучшее Решения</h2>

<div class="table-responsive">
<table align="left" border="0" cellpadding="1" cellspacing="1" class="table table-hover">
<tbody>
<tr>
<td>Полное наименование</td>
<td>Общество с ограниченной ответственностью "Лучшее Решения"</td>
</tr>
<tr>
<td>Юридический адрес</td>
<td>123456, Москва, Левнуша переулок, д. 5, стр. 1</td>
</tr>
</tbody>
</table>
</div>

<p></p>
</div>
</div>
</div>
</div>
</div>

</div>
</section>
<footer id="footer" class="footer footer-light">
<div class="container">

<div class="row">

<div class="col-md-5 footer__column">

<h4 class="letter-spacing-1">ЛУЧШЕЕ РЕШЕНИЯ</h4>

<p>Профессиональные консалтинговые услуги</p>

<address>
<ul class="list-unstyled">
<li class="footer-sprite address">
г. Москва,<br>
Левнуша переулок, д. 5, стр. 1<br>
</li>
<li class="footer-sprite phone">
+7 (499) 499-11-22
</li>
<li class="footer-sprite email">
<a>1@mail.ru</a>
</li>
</ul>
</address>

</div>

<div class="col-md-3 footer__column">

<h4 class="letter-spacing-1">Карта сайта</h4>
<ul class="footer-links list-unstyled">
<li><a href=".\Главная.html">Главная</a></li>
<li><a href=".\О работе.html">О компании</a></li>
<li><a href=".\Партнеры.html">Партнеры</a></li>
<li><a href=".\Контакты.html">Контакты</a></li>
<li><a href=".\Вакансии.html">Вакансии</a></li>
</ul>
</div>
</div>

</div>
</footer>

</div>
</body>
</html>

Приложение Д

<!DOCTYPE html>

<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
Лучшие решения
</title>
<link href="./CSS/main_1.css" rel="stylesheet">
</head>
<body class="smoothscroll enable-animation ng-scope" ng-app="cslSite" style="padding-top: 0px;">
<div id="wrapper">
<header>
<div id="topBar">
<div class="container header-container">

<a class="logo pull-left">
<img src=".\IMG\logo.png">

</a>
</div>
</div>
<div id="header" class="sticky clearfix">
<div id="topNav">
<div class="container header-container">

<button class="btn btn-mobile" id="sidepanel_btn">
<i class="fa fa-bars"></i>
</button>

<ul class="pull-right nav nav-pills hidden-xs has-topBar">
</ul>
<div class="navbar-collapse pull-left nav-main-collapse collapse">
<nav class="nav-main">

<ul id="topMain" class="nav nav-pills nav-main has-topBar">
<li class="">
<a class="" href=".\Главная.html">
Главная
</a>
</li>
<li class="">
<a class="" href=".\О работе.html">
Решение
</a>
</li>
<li class="">
<a class="" href=".\Партнеры.html">
Партнеры
</a>
</li>
<li class="dropdown mega-menu">
<li class="">
<a class="" href=".\Контакты.html">
Контакты
</a>
</li>
<li class="active">
<a class="" href=".\Вакансии.html">
Вакансии
</a>
</li>

</ul>

</nav>
</div>

</div>
</div>
</div>
</header>
</div>
<section class="parallax padding-xlg overlay_light" style="">
<div class="overlay light-6 "></div>

<div class="container" style="
margin-bottom: 10px;
margin-top: 10px;
">

<div class=" margin-bottom-50">
<h3 class="margin-bottom-10 weight-300 topimg__h">Вакансии</h3>

<p class="lead topimg__subh ">Лучшее решение исчит лучших специалистов</p>
</div>

</div>

</section>

<section class="innerpage-with-bg padding-xxs innerpage-content">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="own-product wblock margin-top-30">
<h2 class="service__h " style="color:#487AA0" ng-click="fant()">Заполните пожалуста форму</h2>
<div class="col-md-8">
<ul class="own-product__ul">

<div class="own-product__li">
<label class="checkbox">
<input type="checkbox" class="ng-valid ng-dirty ng-valid-parse ng-touched ng-empty">

<i></i> Консультант по внедрению (г.Томск)
</label>
</div>

<div class="own-product__li">
<label class="checkbox">
<input type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty">

<i></i> Консультант по внедрению (г.Новосибирск)
</label>
</div>

<div class="own-product__li">
<label class="checkbox">
<input type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty">

<i></i> Консультант по внедрению (г.Челябинск)
</label>
</div>

<div class="own-product__li">
<label class="checkbox">
<input type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty">

<i></i> Консультант по внедрению (г.Тюмень,г.Сургут)
</label>
</div>

<div class="own-product__li">
<label class="checkbox">
<input type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty">

<i></i> Программист-разработчик
</label>
</div>

</ul>
</div>
<form class="sky-form modal-orderform margin-bottom-0 ng-pristine ng-invalid ng-invalid-required ng-valid-email" ng-submit="sendOrder()" autocomplete="off">
<div class="row">
</div> <div class="modal-body">

<div class="clearfix">
<div class="form-group margin-bottom-10">
<label class="input">
<input placeholder="Ваше ФИО" type="text" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required">

</label>
</div>

<div class="form-group margin-bottom-10">
<label class="input">
<input placeholder="Номер телефона" class="masked ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" type="text">
</label>
</div>

<div class="form-group margin-bottom-10">
<label class="input">
<input placeholder="Email" class="ng-pristine ng-empty ng-valid-email ng-invalid ng-invalid-required ng-touched">
</label>
</div>
<div class="form-group margin-bottom-10">
<label class="input">
<textarea rows="4" placeholder="О себе" class="ng-pristine ng-untouched ng-valid ng-empty"></textarea>
</label>
</div>
<div class="form-group margin-bottom-10">
<label class="input">
<input placeholder="Номер телефона" class="masked ng-pristine ng-untouched

ng-empty ng-invalid ng-invalid-required" type="file">
</label>
</div>
</div>

</div>

<div class="modal-footer">
<input type="submit" class="btn btn-primary" value="Отправить заявку">
</div>
</form>
</div>
</div>
</div>

</div>
</section>
<footer id="footer" class="footer footer-light">
<div class="container">

<div class="row">

<div class="col-md-5 footer__column">

<h4 class="letter-spacing-1">ЛУЧШЕЕ РЕШЕНИЯ</h4>

<p>Профессиональные консалтинговые услуги</p>

<address>
<ul class="list-unstyled">
<li class="footer-sprite address">
г. Москва,<br>
Левнуша переулок, д. 5, стр. 1<br>
</li>
<li class="footer-sprite phone">
+7 (499) 499-11-22
</li>
<li class="footer-sprite email">
<a>1@mail.ru</a>
</li>
</ul>
</address>

</div>

<div class="col-md-3 footer__column">

<h4 class="letter-spacing-1">Карта сайта</h4>
<ul class="footer-links list-unstyled">
<li><a href=".\Главная.html">Главная</a></li>
<li><a href=".\О работе.html">О компании</a></li>
<li><a href=".\Партнеры.html">Партнеры</a></li>
<li><a href=".\Контакты.html">Контакты</a></li>
<li><a href=".\Вакансии.html">Вакансии</a></li>
</ul>
</div>
</div>

</div>
</footer>

</div>
</body>
</html>