Файл: РАЗРАБОТКА САЙТА КОНСАЛТИНГОВОЙ КОМПАНИИ В СФЕРЕ ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ (Требования к приложению).pdf
Добавлен: 23.05.2023
Просмотров: 119
Скачиваний: 3
<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>
<!-- saved from url=(0239)file:///C:/Users/%D0%9C%D0%B0%D0%BA%D1%81%D0%B8%D0%BC/Desktop/%D0%A1%D0%B0%D0%B9%D1%82/%D0%9E%20%D0%BA%D0%BE%D0%BC%D0%BF%D0%B0%D0%BD%D0%B8%D0%B8%20%D0%A3%D0%B4%D0%BE%D0%B1%D0%BD%D1%8B%D0%B5%20%D0%A0%D0%B5%D1%88%D0%B5%D0%BD%D0%B8%D1%8F.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>
<!-- saved from url=(0267)file:///C:/Users/%D0%9C%D0%B0%D0%BA%D1%81%D0%B8%D0%BC/Desktop/%D0%A1%D0%B0%D0%B9%D1%82/%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0%20%D1%81%D0%B0%D0%B9%D1%82%D0%BE%D0%B2%20%D0%B8%20Web-%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B9.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>
<!-- saved from url=(0283)file:///C:/Users/%D0%9C%D0%B0%D0%BA%D1%81%D0%B8%D0%BC/Desktop/%D0%A1%D0%B0%D0%B9%D1%82/%D0%9F%D0%B0%D1%80%D1%82%D0%BD%D0%B5%D1%80%D1%8B%20%D0%BA%D0%BE%D0%BC%D0%BF%D0%B0%D0%BD%D0%B8%D0%B8%20_%D0%A3%D0%B4%D0%BE%D0%B1%D0%BD%D1%8B%D0%B5%20%D0%A0%D0%B5%D1%88%D0%B5%D0%BD%D0%B8%D1%8F_.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>
<!-- saved from url=(0205)file:///C:/Users/%D0%9C%D0%B0%D0%BA%D1%81%D0%B8%D0%BC/Desktop/%D0%9A%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D1%8B%20%D0%A3%D0%B4%D0%BE%D0%B1%D0%BD%D1%8B%D0%B5%20%D0%A0%D0%B5%D1%88%D0%B5%D0%BD%D0%B8%D1%8F.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>
<!-- saved from url=(0205)file:///C:/Users/%D0%9C%D0%B0%D0%BA%D1%81%D0%B8%D0%BC/Desktop/%D0%9A%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D1%8B%20%D0%A3%D0%B4%D0%BE%D0%B1%D0%BD%D1%8B%D0%B5%20%D0%A0%D0%B5%D1%88%D0%B5%D0%BD%D0%B8%D1%8F.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