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

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

Содержание:

Введение

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

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

Для этого необходимо решить следующие частные задачи:

– ознакомиться с современными Интернет-технологиями и, по возможности, использовать их в своей разработке;

– изучить основные понятия и программный инструментарий, применяемый для разработки и создания Web-сайтов;

– выявить и учесть методы и способы представления на Web-страницах различных видов информации(текстов и изображений);

– ознакомиться с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительно следовать им в своей практике;

– определиться со структурой Web-страниц;

– представить пошаговую стратегию разработки web-сайта.

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

    1. Назначение данного сайта:
  • Ознакомление москвичей и гостей нашей нашего города с туристическими мероприятиями по городу Москва.
  • Познакомить москвичей и гостей нашего города с достопримечательностями города Москвы.
  • Произвести знакомство москвичей и гостей нашего города с неполярными улицами города Москвы.
  • Возможность записаться на любую туристическую прогулку
  • Возможность в письменной и телефонной связи с экскурсоводами и администрацией туристического агентства.
    1. Требования к сайту:
  • Возможность отправлять заявки на запись на любую экскурсию.
  • Возможность делать обратную связь с администрацией туристического агентства.
  • Возможность администрацией получать письма, оставленные на сайте.
  • Возможность всему административному персоналу туристического агентства видеть заявки на экскурсии.
  • Предоставление рабочих телефонов администрации и экскурсоводам.
  • Обязаны быть страницы каждого направления экскурсий
  • Создать страницу для регистрации каждого вида услуг
  • Реализовать страницу с пост регистрацией с благодарностью от учреждения
  • Разработать страницу обратной связи с формой отправки сообщения на электронную почту учреждения.
  • Фон сайта картинка с видом на Красную площадь.
  • Сформировать страницу контактов с информацией по административному персоналу туристического агентства.

Анализ выбора программы для создания сайта.

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

Каждый интернет ресурс состоит из интернет-страничек, каждая страница состоит в свою очередь, из кода на языке html, который отвечает за формирование страницы, и собственно содержимого. По этой причине без редакторов html – при создании сайта просто не обойтись. Какие существуют редакторы? Что можно реализовать с их содействием? Давайте постараемся разобраться.

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

  • Блокнот.

Блокнот, наиболее простой и верный редактор – обыкновенный интегрированный в ОС Windows текстовый редактор «Блокнот» (Notepad). Для того чтобы создать в блокноте html-код веб-страницы не требуется никаких лишних инструментов – необходимо просто включить блокнот, написать в нем html-код и сохранить документ с расширением .html. Но для того, чтобы писать и редактировать html-код в блокноте, следует весьма хорошо знать и понимать язык html и тщательно наблюдать за написанием кода, так как написание крупных размеров программного кода вручную увеличивает возможность появления ненужных ошибок и погрешностей в результате чего html-код может работать не корректно.

  • Notepad ++.

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

  • Microsoft FrontPage.

Microsoft FrontPage – html-редактор из пакета MS Office. Microsoft FrontPage считается зрительным редактором (WYSIWYG – What You See Is What You Get – то что наблюдаешь, то и получишь), новый Microsoft FrontPage код можно так же изменять вручную. Интерфейс Microsoft FrontPage схож на интерфейс Microsoft Word, привычен для многих юзеров, из-за этого весьма комфортен для начинающих в веб-дизайне. В Microsoft FrontPage для работы доступны три режима: Normal, HTML и Preview.

В режиме «Normal» пользователь может изменять текст и изображения как в простом текстовом файле. Ресурсы изменения в Microsoft FrontPage дают возможность форматировать документ, присоединять таблицы (в том числе MS Excel!) и рисунки, формировать маркированные и нумерованные перечни пользователям без в отсутствии познания языка html.

В режиме «HTML» юзер способен смотреть и изменять код образовываемой веб-страницы, а в режиме «Preview» способен посмотреть, как будет смотреться созидаемая интернет-страница в браузере.

Программы для произведения сайтов. HTML-редакторы

  • Macromedia HomeSite.

Macromedia HomeSite считается одним из наиболее известных html-редакторов. Данный редактор позволяет убыстрить процедуру формирования html-кода страниц и сайта в целом. Рабочая область разделяется на три части. Первая – окно с html-кодом, вторая – список документов, пребывающих на диске у юзера, третья – различные панели приборов, которые могут настраиваться пользователем на своё усмотрение. В процесс создания html-кода, HomeSite предоставляет разработчику комфортные всплывающие подсказки со списком вероятных атрибутов для текущего тэга, подсвечивает тэги по согласно конкретной цветовой гамме, которую возможно менять, так же в панели инструментов можно расположить наиболее часто используемые тэги для упрощения доступа к ним.

  • Adobe Dreamweaver.

В известном визуальном редакторе Adobe Dreamweaver можно изменять html-коды, при этом данное действие делать это легко и просто. В случае если Вы довольно хорошо понимаете язык разметки html, то в таком случае сможете пользоваться режимом «code», в котором на экране отражается только лишь окошко для редактирования кода. В случае, если Вы очень плохо понимаете язык разметки html или не знаете вовсе, то можете использовать режим «design», в котором Вы «один в один» заметите, как будет смотреться Ваш веб-сайт в результате. Желаете сами написать код и при этом мгновенно видеть результат, что получится в итоге? Тогда для вас отлично подойдет: режим «split» отражает два окна, визуального и обыкновенного редактирования html-кодов. Помимо этого, в случае, если Вам позабудется тот или иной html-тэг, Adobe Dreamweaver обеспечит Вас всплывающей подсказкой с абсолютно всеми доступными в данном участке документа вариантами тэгов и их атрибутов.

  • Adobe Muse.

Adobe Muse – это визуальный редактор от популярной фирмы Adobe.

При содействии, которого вы сможете формировать веб-сайты разной степени сложности (Landing Page, сайт-визитки, портфолио, объемистые сайты и многое другое), даже без специальных навыков. Довольно открыть программу и приступить к созиданию собственного веб-сайта и уже через несколько часов, вне зависимости от ваших умений, у вас будет полностью свой сайт, который можно будет разместить в сети Интернет и делиться им с приятелями. Кроме того, он приметен тем, что на осваивание всех способностей программы Adobe Muse у вас уйдет не болеек 2-х суток.

Программа владеет весьма значительной быстротой деятельности и большим перечнем возможностей.

В Adobe Muse вы сможете создать единичные версии веб-сайтов под планшетные устройства и телефонные аппараты. И подобном способом обхватить еще наибольшее число юзеров.

Adobe Muse выполняет поддержку последних шаблонов кода: HTML5 и CSS3. Это означает, что на формируемых страницах можно располагать разнообразные интерактивные элементы, также анимацию, parallax-эффекты и т.д.

Вы сможете загрузить и поставить программу Adobe Muse совершеенно бесплатно.

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

  • Преимущества и недостатки.

К превосходствам текстовых редакторов, таких как Блокнот и Notepad ++ причисляется их легкости и общедоступность. Помимо этого, текстовые html-редакторы часто безвозмездны, не формируют «ненужного» программного кода, что дает возможность сократить объем интернет-страницы. Но значимым минусом подобных редакторов считается неосуществимость просмотреть «на лету» вид образовываемой страницы и потребность хорошего знания языка html.

К превосходствам визуальных редакторов причисляют вероятность мгновенно наблюдать, как будет смотреться веб-страница, присутствие подсказок и подсветки тэгов, вероятность простой и комфортной вставки разных объектов на страницу без знаний языка html. Минусом же визуальных редакторов считается их цена – отличные визуальные html-редакторы платны. Так же многие визуальные редакторы формируют «излишний» код, который «утяжеляет» страницу.

Проведя изучения программных продуктов, связанных с разработкой и визуализацией сайта, учитывая их возможности и недостатки, принято решение применять в работе гипертекстовую разметку HTML и программу Adobe Muse.

При создании сайта для курсовой работы будет в основном применяться программа Adobe Muse. В дополнение будет использоваться гипертекстовая разметка HTML.

1. Оценки Выбранных продуктов для создания сайта.

1.1 Возможности Adobe Muse.

Давайте здесь проанализируем наиболее детально способности этой программы. Программа прекрасно подойдет для формирования Landing Page. При этом вся работа происходит в визуальном редакторе, то есть не нужно понимать HTML или CSS, или еще каких-то вещей. В случае необходимо установить на страничку тот или иной предмет, к примеру – иллюстрацию, клавишу или текст, то в таком случае находим данный пункт в меню и мышкой устанавливаем его на нужное место. Все это очень легко и просто. И при этом удаётся весьма превосходный итог.

Если вкратце, то возможности и достоинства Adobe Muse можно выделить такие:

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

Отличный веб-страницу можно сформировать из ничего примерно за час-два.

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

Огромный комплект способностей – таймеры, виджеты, шрифты (можно загружать любой шрифт из программы), слайдеры и прочее. Каждый пользователь может настроить программу под себя любимого.

Удобная работа – структура проекта, окно изменения, предпросмотр – все рядом, все в одной программе.

Текущие технологии – Adobe Muse функционируют с HTML5 и CSS3. Это разрешает формировать крайне потрясающие современные страницы с различными эффектами – анимацией фона, компонентов, с разнообразными эффектами. В этом количестве возможно применять современный эффект параллакса. Возможно в том числе дать доступ гостям менять содержание странички непосредственно с собственного браузера!

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

Возможно загрузить триал версию программы с официального сайта – ее действия, ограничены на 30 дней. С целью ознакомления и исследования данного продукта вполне достаточно. Понадобится зарегистрироваться на сайте Adobe – это происходит там же и достаточно быстро, а далее можно скачивать. Регистрируемся в Creative Cloud и обретаем идентификатор и 20 Гб облачного места с целью сохранения собственных проектов. Сможем обеспечить допуск к проекту другим людям и действовать, в частности, командой над одним проектом.

Как выглядит программа при запуске смотрите Рис.1.

Рисунок 1.

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

Вот таким образом выглядит страничка в редакторе (пример из видеокурса) смотрите Рис.2.

Рисунок 2.

По какой причине проект с целью формирования Landing Page наилучший онлайн-сервисов?

Имеется большое количество программ для созидания Landing Page, таким образом и онлайн-сервисов. Однако чаще всего предпочитаю программы, поставленные на компьютере. По какой причине? Вот ряд недочетов, с какими вам придется столкутся, если вы станете основывать свой лендинг на онлайн-сервисе:

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

Для деятельности необходим интернет.

Основанную страничку мы никак не сможем взять и расположить на другом хостинге. Прикроется обслуживание – исчезнет и страница. Это самый крупный недостаток, зависимость от сервиса

Для того чтобы приобрести все без исключения способности сервиса понадобится регулярно оплачивать, и достаточно много. На отдельных вообще нет бесплатного конструктора, только лишь небольшой ознакомительный период.

Полагаю, этого достаточно. В таком случае единственная проблема в компьютере – поставил и создавай, как желаешь. Хотя имеется интернет, или нет – включил компьютер и занимайся. А итог затем возможно попросту сохранить на компьютере и разместить на любом хостинге. И в том числе хостинг прпопадет – сайт ваш постоянно будет находится при вас, его можно будет выложить на другом хостинге, и все. А способностей у программ всяко больше, они гибче и имеют большое количество инструментов. В этом ведь в Adobe Muse можно совершить такое, что не сможет сделать ни один онлайн-конструктор лендингов.

1.2 Возможности гипертекстовую разметку HTML.

HTML – это язык гипертекстовой разметки текста Гипертекстовым HTML именуется вследствиие, того что с его поддержкой на странице возможно определять ссылки на все без исключения веб-документы...

А языком разметки он именуется потому, что в его непосредственные функции вступает расположение компонентов на странице. Как вы осознаете из всего вышеперечисленного, главное назначение HTML заключается в разработке статических веб-страниц.

HTML – это самый известный механизм произведения сайтов, если вы сконцентрируете свое внимание на исходном коде страницы, то заметите, что среди всех онлайн-проектов основная масса пишется собственно на базе HTML.

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

HTML является наиболее доступным стилем, таким образом он лучшим образом поддерживается и интерпретируется Интернет-проводниками.

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

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

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

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

2. Описание функциональности разрабатываемого сайта.

2.1 Архитектура сайта.

При разработке сайта необходимо предварительно обдумать архитектуру сайта, осознать какая аудитория должна быть (познать более детально назначение учреждения). Так же важный подход — это легкодоступность каждой информации для пользователей. Так как это будет Туристический сайт города Москвы, где частыми посетителями будут москвичи и гости столицы, то в таком случае следует предельно доступно и комфортно разместить всю нужную для них информацию, которую они отыщут в наименьшие сроки. Это сбережёт время для посетителей и оставит позитивное впечатление об организации в целом.

Структура сайта:

  • Главная
  • О Нас
  • Услуги
  • Отзывы
  • Вопросы и Ответы
  • Заказать Экскурсию
  • Контакты
  • Поиск по сайту

Графическая архитектура сайта показана в Таблице 1.

Таблица 1.

Детальное рассмотрение создания сайта.

2.2 Страница «Главная».

Страница «Главная» это основополагающая страница сайта. Посредством нее можно оказаться на любой странице текущего сайта, будь это страницы для связи с администрацией тур агентства или же записаться на экскурсию, которое предоставляет агентство.

Страница «Главная» включает в себя Меню следующих разделов сайта:

  • Главная
  • О нас (о Компании)
  • Услуги
  • Отзывы
  • Вопросы и Ответы
  • Заказать Экскурсию
  • Контакты
  • Поиск по сайту
  • Новости

Графическую часть можно увидеть на Рис. 3.

Рисунок 3.

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

Чуть ниже названия сайта идет горизонтальное меню со всеми разделами сайта (на всех страницах сайта оно выглядит так же)

По центру на странице представлено автоматизированное слайд шоу.

Снизу располагаются О Компании и последние новости, связанные с городом.

2.3 Страница «О Нас».

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

Страница «О Нас» включает в себя Меню следующих разделов сайта:

  • Главная
  • О нас (о Компании)
  • Услуги
  • Отзывы
  • Вопросы и Ответы
  • Заказать Экскурсию
  • Контакты
  • Поиск по сайту

Графическую часть можно увидеть на Рис. 4.

Рисунок 4.

Текстовый обзор:

Вверху слева находится наименование сайта.

Чуть ниже названия сайта идет горизонтальное меню со всеми разделами сайта.

Ниже располагается контактная информация, о нас и что мы хотим.

Так же на этой странице располагается информация о Команде.

2.4 Страница «Услуги».

Страница «Услуги» сформирована с целью детального ознакомления с экскурсиями, которые предоставляет агентство. Посетители смогут изучить расписание экскурсий и записаться на одну или более экскурсию сразу. Экскурсии из списка проводятся каждый день.

Страница «Услуги» включает в себя Меню следующих разделов сайта:

  • Главная
  • О нас (о Компании)
  • Услуги
  • Отзывы
  • Вопросы и Ответы
  • Заказать Экскурсию
  • Контакты
  • Поиск по сайту

Графическую часть можно увидеть на Рис. 5.

Рисунок 5.

Текстовый обзор:

Вверху слева находится наименование сайта.

Чуть ниже названия сайта идет горизонтальное меню со всеми разделами сайта.

Ниже располагается подробная информация, по определенным экскурсиям с кратким описанием Рис.6

Рисунок 6.

  • Страница «Отзывы».

Страница «Отзывы» образована для оставления комментариев, отзывов и предложений, от людей, которые уже посетили экскурсии.

Страница «Отзывы» включает в себя Меню следующих разделов сайта:

  • Главная
  • О нас (о Компании)
  • Услуги
  • Отзывы
  • Вопросы и Ответы
  • Заказать Экскурсию
  • Контакты
  • Поиск по сайту

Графическую часть можно увидеть на Рис. 7.

Рисунок 7.

Текстовый обзор:

Вверху слева находится наименование сайта.

Чуть ниже названия сайта идет горизонтальное меню со всеми разделами сайта.

  • Страница «Вопросы и Ответы».

Страница «Вопросы и Ответы». сформирована для оставления вопросов получение ответов на интересующие вопросы от посетителей экскурсий и людей, которые хотят пойти на экскурсию.

Страница «Вопросы и Ответы» включает в себя Меню следующих разделов сайта:

  • Главная
  • О нас (о Компании)
  • Услуги
  • Отзывы
  • Вопросы и Ответы
  • Заказать Экскурсию
  • Контакты
  • Поиск по сайту

Графическую часть можно увидеть на Рис. 8.

Рисунок 8.

Текстовый обзор:

Вверху слева находится наименование сайта.

Чуть ниже названия сайта идет горизонтальное меню со всеми разделами сайта.

Слева снизу расположена кнопка «Отправить», которая оставляет вопрос от экскурсантов на сайт туристического агентства.

Справа на странице представлено автоматизированное слайд шоу.

  • Страница «Заказать Экскурсию».

Страница «Заказать Экскурсию» сформирована для подробного ознакомления с Услугами агентства и прям там же посетители сайта могут заказать экскурсию.

Страница «Заказать Экскурсию» включает в себя Меню следующих разделов сайта:

  • Главная
  • О нас (о Компании)
  • Услуги
  • Отзывы
  • Вопросы и Ответы
  • Заказать Экскурсию
  • Контакты
  • Поиск по сайту

Графическую часть можно увидеть на Рис. 9.

Рисунок 9.

Текстовый обзор:

Вверху слева находится наименование сайта.

Чуть ниже названия сайта идет горизонтальное меню со всеми разделами сайта.

Слева снизу расположена кнопка «Смотреть услуги», она переносит пользователя на страницу «Услуги», так же на этой странице имеется вторая кнопка «Добавить экскурсантов», она перенаправляет на страницу добавления экскурсантов на Рис.10

Рисунок 10

Справа на странице представлено автоматизированное слайд-шоу.

  • Страница «Контакты».

Страница «Контакты» создана для подробного ознакомления с контактами администрацией туристического агентства.

Страница «Контакты» включает в себя Меню следующих разделов сайта:

  • Главная
  • О нас (о Компании)
  • Услуги
  • Отзывы
  • Вопросы и Ответы
  • Заказать Экскурсию
  • Контакты
  • Поиск по сайту

Графическую часть можно увидеть на Рис. 11.

Рисунок 11.

Текстовый обзор:

Вверху слева находится наименование сайта.

Чуть ниже названия сайта идет горизонтальное меню со всеми разделами сайта.

Так же на этой странице имеется карта с местоположением офиса.

Справа на странице представлено автоматизированное слайд шоу.

  • Страница «Поиск по сайту».

Страница «Поиск по сайту» создана для того что бы быстрее найти информацию на сайте.

Страница «Поиск по сайту» включает в себя Меню следующих разделов сайта:

  • Главная
  • О нас (о Компании)
  • Услуги
  • Отзывы
  • Вопросы и Ответы
  • Заказать Экскурсию
  • Контакты
  • Поиск по сайту

Графическую часть можно увидеть на Рис.12.

Рисунок 12.

Текстовый обзор:

Вверху слева находится наименование сайта.

Чуть ниже названия сайта идет горизонтальное меню со всеми разделами сайта. Строка поиска находится в самом меню.

Заключение.

Итогом выполнения текущего курсового проекта является формирование туристического сайта города Москвы.

В ходе общения с представителем агентства было выявлено:

  • сфера деятельности компании
  • структура организации
  • нестабильное финансовое положение
  • нехватка экскурсоводов

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

С целью публикации информативных материалов и основании структуры сайта была применена программа AdobeMuse и в добавок язык разметки гипертекстовых страничек HTML – как наиболее популярный в среде Интернет.

Изготовлен дизайн сайта туристического агентства. Выбрана цветовая палитра, рассчитанная на возрастную группу целевой аудитории Интернет-ресурса. Приняли к сведению надобности клиента, очерченные прежде.

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

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

Заголовок сайта.

<div class="clearfixborderbox" id="page"><!-- column -->

<divclass="shadowclearfixcolelem" id="u94-4"><!-- content -->

<h1>Туристический сайт города Москвы"</h1>

</div>

<div class="verticalspacer" data-offset-top="157" data-content-above-spacer="157" data-content-below-spacer="343" style="height: calc(-500px + 100vh);"></div>

</div>

Кнопка«Главная».

<a class="nonblocknontext shadow clearfixgrpelem" id="u22635-5" href="index.html" target="_blank"><!-- content --><p id="u22635-3"><span><span id="u22635">ГЛАВНАЯ</span></span></p></a>

Кнопка «О Нас».

<a class="nonblocknontextMuseLinkActive shadow clearfixgrpelem" id="u22643-4" href="%d0%b1%d0%b5%d0%b9%d1%81%d0%b1%d0%be%d0%bb.html" target="_blank"><!-- content --><p id="u22643-2">О НАС</p></a>

Кнопка «Услуги».

<a class="nonblocknontext shadow clearfixgrpelem" id="u22636-5" href="%d0%b1%d0%be%d0%ba%d1%81.html" target="_blank"><!-- content --><p id="u22636-3"><span><span id="u22636">Услуги</span></span></p></a>

Кнопка «Отзывы».

<a class="nonblocknontext shadow clearfixgrpelem" id="u22637-5" href="%d1%81%d0%be%d1%84%d1%82%d0%b1%d0%be%d0%bb.html" target="_blank"><!-- content --><p id="u22637-3"><span><span id="u22637">Отзывы</span></span></p></a>

Кнопка «Вопросы ответы».

<a class="nonblocknontext shadow clearfixgrpelem" id="u22637-5" href="%d1%81%d0%be%d1%84%d1%82%d0%b1%d0%be%d0%bb.html" target="_blank"><!-- content --><p id="u22637-3"><span><span id="u22637">Вопросы и ответы</span></span></p></a>

Кнопка «Туры».

<a class="nonblocknontext shadow clearfixgrpelem" id="u22637-5" href="%d1%81%d0%be%d1%84%d1%82%d0%b1%d0%be%d0%bb.html" target="_blank"><!-- content --><p id="u22637-3"><span><span id="u22637">Туры</span></span></p></a>

Кнопка «Контакты».

<a class="nonblocknontext shadow clearfixgrpelem" id="u22640-5" href="%d1%82%d1%85%d1%8d%d0%ba%d0%b2%d0%be%d0%bd%d0%b4%d0%be.html" target="_blank"><!-- content --><p id="u22640-3"><span><span id="u22640">Контакты</span></span></p></a>

Кнопка «Поиск по сайту».

<form action="/search/" target="_blank">

<input type="hidden" name="searchid" value="808327">

<input type="search" name="text" required placeholder="Поиск по сайту" style="

padding: 5px 2px 5px 25px;

background: url('http://3.bp.blogspot.com/-4w14hQHr5yQ/Tgm6u7KwUkI/AAAAAAAACAI/Hu2poBOPx3g/s25/search.png') no-repeat scroll 0 50%;

">

</form>

Раздел «О Нас»

</style><div style="top:79px;bottom:;left:29px;right:;width:920px;height:5px;position:absolute" class="hl1" id="FvGrdLn14-d8r"><div id="FvGrdLn14-d8rline" class="hl1line"></div></div><style type="text/css" data-styleid="hl1">.hl1 {border-bottom:1px solid rgba(160, 160, 159, 1);height:0 !important;min-height:0 !important;}</style><div data-packed="true" style="top:98px;bottom:;left:228px;right:;width:717px;height:auto;position:absolute" class="txtNew" id="WRchTxt1c-gos"><p class="font_8"><span style="font-family:helvetica-w01-roman,helvetica-w02-roman,helvetica-lt-w10-roman,sans-serif;">Наша цель – создать удобный сайт с информацией как для самостоятельных путешественников, так и для желающих воспользоваться услугами турфирм. Мы планируем продолжать публиковать информацию о различных местах с описанием достопримечательностей и практической информацией о их посещении (включая фотографии, путеводители, карты и т.д.). Постоянно растет наш каталог <span style="text-decoration:underline;"><a href="http://vetert.ru/reports/list.php" target="_blank" data-content="http://vetert.ru/reports/list.php" data-type="external" rel="nofollow">отчетов о поездках</a></span> по самым различным местам, появляются репортажи о событиях и мероприятиях в различных городах, мы выкладываем актуальные туры и экскурсии от различных туристических компаний.</span></p>

<p class="font_8"> <span style="font-family:helvetica-w01-roman,helvetica-w02-roman,helvetica-lt-w10-roman,sans-serif;">Если вы нашли на нашем сайте что-то полезное для планирования своего путешествия, значит, мы находимся на верном пути. В случае, если, по вашему мнению, сайту чего-то не хватает – <span style="text-decoration:underline;"><a href="mailto:admin@vetert.ru" target="_self" data-content="admin@vetert.ru" data-type="mail">напишите</a></span> обязательно нам, чтобы мы подумали над вашей идеей.</span></p></div>

Автоматизированное слайд шоу.

<div class="SlideShowWidgetclearfixgrpelemwp-slideshow-playing" id="slideshowu9619"><!-- none box -->

<div class="popup_anchor" id="u9634popup">

<div class="SlideShowContentPanelclearfix" id="u9634" style="width: 0px; height: 0px;"><!-- stack box -->

<div class="SSSlide shadow clip_frameclearfixgrpelemwp-panel" id="u9635" style="display: none;"><!-- image -->

<img class="position_content" id="u9635_img" data-src="images/5dbf3f5900a7109a9d1c4da7.jpg?crc=3950250150" src="images/5dbf3f5900a7109a9d1c4da7.jpg?crc=3950250150" alt="" data-width="541" data-height="360" style="" width="541" height="360">

</div>

<div class="SSSlide shadow clip_frameclearfixgrpelemwp-panel" id="u9741" style="display: none;"><!-- image -->

<img class="position_content" id="u9741_img" data-src="images/20_img1.jpg?crc=4246763969" src="images/20_img1.jpg?crc=4246763969" alt="" data-width="493" data-height="360" style="" width="493" height="360">

</div>

<div class="SSSlide shadow clip_framegrpelemwp-panel wp-panel-active" id="u9767" style=""><!-- image -->

<img class="block" id="u9767_img" data-src="images/dsc02144-crop-u9767.jpg?crc=3829708582" src="images/dsc02144-crop-u9767.jpg?crc=3829708582" alt="" data-width="480" data-height="360" style="" width="480" height="360">

</div>

<div class="SSSlide shadow clip_frameclearfixgrpelemwp-panel" id="u9793" style="display: none;"><!-- image -->

<img class="position_content" id="u9793_img" data-src="images/img_8221.jpg?crc=4121692177" src="images/img_8221.jpg?crc=4121692177" alt="" data-width="540" data-height="360" style="" width="540" height="360">

</div>

<div class="SSSlide shadow clip_framegrpelemwp-panel" id="u9819" style="display: none;"><!-- image -->

<img class="block" id="u9819_img" data-src="images/training-game.jpg?crc=36955825" src="images/training-game.jpg?crc=36955825" alt="" data-width="480" data-height="360" style="" width="480" height="360">

</div>

</div>

</div>

</div>

Кнопка «Записаться».

<a class="nonblocknontext shadow clearfixgrpelem" id="u19755-6" href="%d0%b1%d0%b5%d0%b9%d1%81%d0%b1%d0%be%d0%bb2.html" target="_blank"><!-- content --><p>&nbsp;</p><p>&nbsp;</p><p id="u19755-4">ЗАПИСАТЬСЯ</p></a>

Название страницы.

<div class="clearfixgrpelem" id="u5854-4"><!-- content -->

<h2>Отзывы</h2>

</div>

Панель контактов.

<div class="accordion_wrappergrpelem" id="accordionu18256wrapper"><!-- vertical box -->

<ul class="AccordionWidgetclearfix" id="accordionu18256" role="tablist"><!-- column -->

<li class="AccordionPanelborderboxclearfixcolelem" id="u18473"><!-- vertical box --><div class="AccordionPanelTabborderbox shadow clearfixcolelem" id="u18474-6" role="tab" tabindex="0"><!-- content --><div id="u18474-5"><p>Директор тур агентства</p></div><div class="AccordionPanelContentcolelem" style="width: 100%; height: 0px; position: relative; left: 0px; overflow: hidden;" role="tabpanel" aria-labelledby="u18474-6"><div class="AccordionPanelContentClip"><div class="borderbox shadow clearfix" id="u18475"><!-- group --><div class="clearfixgrpelem" id="u18496-20"><!-- content --><p><span id="u18496">ФИО:</span><span id="u18496-3">Беляков Дмитрий Олегович</span></p><p><span id="u18496-5">Телефон:</span><span id="u18496-7">+7 (977) 476-06-86</span></p><p><span id="u18496-9">E-mail:</span> demsm93@mail.ru</p><p><span id="u18496-12">Часыприема:</span><br><span id="u18496-15">Понедельник-пятница: с 09:30 до 16:00</span></p><p id="u18496-18">Воскресение: с 10:00 до 15:00</p></div></div></div></div></li>

<li class="AccordionPanelborderboxclearfixcolelem" id="u18265"><!-- vertical box --><div class="AccordionPanelTabborderbox shadow clearfixcolelem" id="u18268-6" role="tab" tabindex="-1" aria-selected="false"><!-- content --><div id="u18268-5"><p>И.о. заместителядиректора</p></div><div class="AccordionPanelContentcolelem" style="width: 100%; height: 0px; position: relative; left: 0px; overflow: hidden;" role="tabpanel" aria-labelledby="u18268-6"><div class="AccordionPanelContentClip"><div class="borderbox shadow clearfix" id="u18266"><!-- group --><div class="clearfixgrpelem" id="u18267-19"><!-- content --><p><span id="u18267">ФИО:</span>Белякова Алеся Андреевна</p><p><span id="u18267-4">Телефон:</span><span id="u18267-6">+7 (977) 343-66-97</span></p><p><span id="u18267-8">E-mail:</span>&nbsp; belyakovaAA@mail.ru</p><p><span id="u18267-11">Часыприема:</span></p><p id="u18267-15">Понедельник-пятница: с 09:30 до 16:00</p><p id="u18267-17">Воскресение: с 10:00 до 15:00</p></div></div></div></div></li>

<li class="AccordionPanelborderboxclearfixcolelem" id="u18257"><!-- vertical box --><div class="AccordionPanelTabborderbox shadow clearfixcolelem" id="u18258-6" role="tab" tabindex="-1" aria-selected="false"><!-- content --><div id="u18258-5"><p>Заместительдиректора</p><p>поэкскурсоводам</p></div></div><div class="AccordionPanelContentcolelem" style="width: 100%; height: 0px; position: relative; left: 0px; overflow: hidden;" role="tabpanel" aria-labelledby="u18258-6"><div class="AccordionPanelContentClip"><div class="borderbox shadow clearfix" id="u18259"><!-- group --><div class="clearfixgrpelem" id="u18260-19"><!-- content --><p><span id="u18260">ФИО:</span>Иванова Надежда Петровна</p><p><span id="u18260-4">Телефон:</span><span id="u18260-6">+7 (999) 786-15-40</span></p><p><span id="u18260-8">E-mail:</span>&nbsp; IvanovaNP@mail.ru</p><p><span id="u18260-11">Часыприема:</span></p><p id="u18260-15">Понедельник-суббота: с 09:00 до 18:00</p><p id="u18260-17">Воскресение: с 10:00 до 16:00</p></div></div></div></div></li>

<li class="AccordionPanelborderboxclearfixcolelem" id="u18261"><!-- vertical box --><div class="AccordionPanelTabborderbox shadow clearfixcolelem" id="u18264-8" role="tab" tabindex="-1" aria-selected="false"><!-- content --><div id="u18264-7"><p>Экскурсовод</p><p>по исторической части Москвы</p ></div><div class="AccordionPanelContentcolelem" style="width: 100%; height: 0px; position: relative; left: 0px; overflow: hidden;" role="tabpanel" aria-labelledby="u18264-8"><div class="AccordionPanelContentClip"><div class="borderbox shadow clearfix" id="u18262"><!-- group --><div class="clearfixgrpelem" id="u18263-19"><!-- content --><p><span id="u18263">ФИО:</span>Семенова Валентина Михайловна</p><p><span id="u18263-4">Телефон:</span><span id="u18263-6">+7 (999) 786-15-50</span></p><p><span id="u18263-8">E-mail:</span> sport4@mail.ru</p><p><span id="u18263-11">Часы работа:</span></p><p id="u18263-15">Понедельник-среда: с 09:00 до 18:00</p><p id="u18263-17">Воскресение: с 09:00 до 17:00</p></div></div></div></div></li>

<li class="AccordionPanelborderboxclearfixcolelem" id="u18331"><!-- vertical box --><div class="AccordionPanelTabborderbox shadow clearfixcolelem" id="u18334-4" role="tab" tabindex="-1" aria-selected="false"><!-- content --><div id="u18334-3"><p>Экскурсовод</p><p>по Москве Булгакова</p ></div><div </div></div><div class="AccordionPanelContentcolelem" style="width: 100%; height: 0px; position: relative; left: 0px; overflow: hidden;" role="tabpanel" aria-labelledby="u18334-4"><div class="AccordionPanelContentClip"><div class="borderbox shadow clearfix" id="u18332"><!-- group --><div class="clearfixgrpelem" id="u18434-19"><!-- content --><p><span id="u18434">ФИО:</span>Петрова Вероника Павловна</p><p><span id="u18434-4">Телефон:</span><span id="u18434-6">+7 (999) 786-15-65</span></p><p><span id="u18434-8">E-mail:</span> petrovaVP@mail.ru</p><p><span id="u18434-11">Время работы:</span></p><p id="u18434-15">Понедельник-среда: с 09:00 до 18:00</p><p id="u18434-17">Воскресение: с 10:00 до 15:00</p></div></div></div></div></li>

<li class="AccordionPanelborderboxclearfixcolelem" id="u18342"><!-- vertical box --><div class="AccordionPanelTabborderbox shadow clearfixcolelem" id="u18344-4" role="tab" tabindex="-1" aria-selected="false"><!-- content --><div id="u18344-3"><p>Главныйбухгалтер</p></div></div><div class="AccordionPanelContentcolelem" style="width: 100%; height: 0px; position: relative; left: 0px; overflow: hidden;" role="tabpanel" aria-labelledby="u18344-4"><div class="AccordionPanelContentClip"><div class="borderbox shadow clearfix" id="u18343"><!-- group --><div class="clearfixgrpelem" id="u18452-19"><!-- content --><p><span id="u18452">ФИО:</span>Кочеткова Лидия Павловна</p><p><span id="u18452-4">Телефон:</span><span id="u18452-6">+7 (999) 786-15-60</span></p><p><span id="u18452-8">E-mail: </span>kochetkovaLP@mail.ru</p><p><span id="u18452-11">Часып работы:</span></p><p id="u18452-15">Понедельник-пятница: с 09:00 до 18:00</p><p id="u18452-17"></div></div></li>

<li class="AccordionPanelborderboxclearfixcolelem" id="u18351"><!-- vertical box --><div class="AccordionPanelTabborderbox shadow clearfixcolelem" id="u18353-4" role="tab" tabindex="-1" aria-selected="false"><!-- content --><div id="u18353-3"><p>Начальник отдела кадров</p></div></div><div class="AccordionPanelContentcolelem" style="width: 100%; height: 0px; position: relative; left: 0px; overflow: hidden;" role="tabpanel" aria-labelledby="u18353-4"><div class="AccordionPanelContentClip"><div class="borderbox shadow clearfix" id="u18352"><!-- group --><div class="clearfixgrpelem" id="u18455-19"><!-- content --><p><span id="u18455">ФИО:</span>Фадеева Екатерина Сергеевна</p><p><span id="u18455-4">Телефон:</span><span id="u18455-6">+7 (999) 786-15-00</span></p><p><span id="u18455-8">E-mail:</span> fadeevaES@mail.ru</p><p><span id="u18455-11">Время работы:</span></p><p id="u18455-15"> Понедельник-пятница: с 09:00 до 18:00</p><p id="u18452-17"></div></div></li>

<li class="AccordionPanelborderboxclearfixcolelem" id="u18360"><!-- vertical box --><div class="AccordionPanelTabborderbox shadow clearfixcolelem" id="u18361-4" role="tab" tabindex="-1" aria-selected="false"><!-- content --><div id="u18361-3"><p>Специалистпоохранетруда</p></div></div><div class="AccordionPanelContentcolelem" style="width: 100%; height: 0px; position: relative; left: 0px; overflow: hidden;" role="tabpanel" aria-labelledby="u18361-4"><div class="AccordionPanelContentClip"><div class="borderbox shadow clearfix" id="u18362"><!-- group --><div class="clearfixgrpelem" id="u18458-19"><!-- content --><p><span id="u18458">ФИО:</span>Семенкина Вера Борисовна</p><p><span id="u18458-4">Телефон:</span><span id="u18458-6">+7 (999) 786-13-01</span></p><p><span id="u18458-8">E-mail: </span>sport8@mail.ru</p><p><span id="u18458-11">Время работы:</span></p><p id="u18458-15>График сменный охраняют объект по 12 часов в день</p><p id="u18452-17"></div></div></li>

<li class="AccordionPanelborderboxclearfixcolelem" id="u18360"><!-- vertical box --><div class="AccordionPanelTabborderbox shadow clearfixcolelem" id="u18361-4" role="tab" tabindex="-1" aria-selected="false"><!-- content --><div id="u18361-3"><p>Охранник</p></div></div><div class="AccordionPanelContentcolelem" style="width: 100%; height: 0px; position: relative; left: 0px; overflow: hidden;" role="tabpanel" aria-labelledby="u18361-4"><div class="AccordionPanelContentClip"><div class="borderbox shadow clearfix" id="u18362"><!-- group --><div class="clearfixgrpelem" id="u18458-19"><!-- content --><p><span id="u18458">ФИО:</span>Говоров Семен Петрович</p><p><span id="u18458-4">Телефон:</span><span id="u18458-6">+7 (999) 786-13-90</span></p><p><span id="u18458-8">E-mail: </span>sport8@mail.ru</p><p><span id="u18458-11">Время работы:</span></p><p id="u18458-15"> Понедельник-пятница: с 09:00 до 18:00</p><p id="u18452-17"></div></div></li>

<li class="AccordionPanelborderboxclearfixcolelem" id="u18360"><!-- vertical box --><div class="AccordionPanelTabborderbox shadow clearfixcolelem" id="u18361-4" role="tab" tabindex="-1" aria-selected="false"><!-- content --><div id="u18361-3"><p>Охранник</p></div></div><div class="AccordionPanelContentcolelem" style="width: 100%; height: 0px; position: relative; left: 0px; overflow: hidden;" role="tabpanel" aria-labelledby="u18361-4"><div class="AccordionPanelContentClip"><div class="borderbox shadow clearfix" id="u18362"><!-- group --><div class="clearfixgrpelem" id="u18458-19"><!-- content --><p><span id="u18458">ФИО:</span>Козлов Алексей Владмирович</p><p><span id="u18458-4">Телефон:</span><span id="u18458-6">+7 (999) 786-13-85</span></p><p><span id="u18458-8">E-mail: </span>sport8@mail.ru</p><p><span id="u18458-11">Время работы:</span></p><p id="u18458-15">График сменный охраняют объект по 12 часов в день</p><p id="u18452-17"></div></div></li>

</ul>

</div>

Форма отправки письма на почту.

<formclass="form-grpclearfixgrpelem" id="widgetu22534" method="post" enctype="multipart/form-data" onsubmit="alert('Отправка этой формы в режиме просмотра Muse не приведет к требуемым результатам.Передайте сайт на узел FTP с помощью команды передачи или опубликуйте его на AdobeBusinessCatalyst для проверки отправки формы.'); returnfalse;"><!-- nonebox -->

<div class="fld-grp clearfixgrpelem" id="widgetu22554" data-required="true"><!-- none box -->

<label class="fld-label actAsDivclearfixgrpelem" id="u22556-4" for="widgetu22554_input"><!-- content --><span class="actAsPara">Фамилия, Имя, Отчествоклиента:</span></label>

<span class="fld-input NoWrapactAsDivclearfixgrpelem" id="u22557-4"><!-- content --><input class="wrapped-input" spellcheck="false" id="widgetu22554_input" name="custom_U22554" tabindex="1" type="text"><label class="wrapped-input fld-prompt" id="widgetu22554_prompt" for="widgetu22554_input"><span class="actAsPara">Введите ФИО Экскурсовода и Тему Экскурсии </span></label></span>

<div class="fld-message clearfixgrpelem" id="u22555-4"><!-- content -->

<p>Обязательное поле</p>

</div>

</div>

<div class="fld-grp clearfixgrpelem" id="widgetu22546" data-required="true" data-type="email"><!-- none box -->

<label class="fld-label actAsDivclearfixgrpelem" id="u22549-4" for="widgetu22546_input"><!-- content --><span class="actAsPara">Электроннаяпочта:</span></label>

<span class="fld-input NoWrapactAsDivclearfixgrpelem" id="u22547-4"><!-- content --><input class="wrapped-input" spellcheck="false" id="widgetu22546_input" name="Email" tabindex="2" type="email"><label class="wrapped-input fld-prompt" id="widgetu22546_prompt" for="widgetu22546_input"><span class="actAsPara">Введитеадресэлектроннойпочты</span></label></span>

<div class="fld-message clearfixgrpelem" id="u22548-4"><!-- content -->

<p>Обязательное поле</p>

</div>

</div>

<div class="fld-grp clearfixgrpelem" id="widgetu22536" data-required="true"><!-- none box -->

<label class="fld-label actAsDivclearfixgrpelem" id="u22537-4" for="widgetu22536_input"><!-- content --><span class="actAsPara">Телефон</span></label>

</div>

</div>

<div class="fld-grp clearfixgrpelem" id="widgetu22541" data-required="true"><!-- none box -->

<label class="fld-label actAsDivclearfixgrpelem" id="u22543-4" for="widgetu22541_input"><!-- content --><span class="actAsPara">Домашнийадрес:</span></label>

<span class="fld-input NoWrapactAsDivclearfixgrpelem" id="u22544-4"><!-- content --><input class="wrapped-input" spellcheck="false" id="widgetu22541_input" name="custom_U22541" tabindex="5" type="text"><label class="wrapped-input fld-prompt" id="widgetu22541_prompt" for="widgetu22541_input"><span class="actAsPara">Введитеадрес</span></label></span>

<div class="fld-message clearfixgrpelem" id="u22542-4"><!-- content -->

<p>Обязательное поле</p>

</div>

</div>

<div class="fld-grp clearfixgrpelem" id="widgetu22550" data-required="true"><!-- none box -->

<label class="fld-label actAsDivclearfixgrpelem" id="u22553-4" for="widgetu22550_input"><!-- content --><span class="actAsPara">Город:</span></label>

<div class="clearfixgrpelem" id="u22540-4"><!-- content -->

<p>Отправка формы…</p>

</div>

<div class="clearfixgrpelem" id="u22535-4"><!-- content -->

<p>На сервере произошла ошибка.</p>

</div>

<div class="clearfixgrpelem" id="u22562-4"><!-- content -->

<p>Форма получена.</p>

</div>

<button class="submit-btnNoWrap rounded-corners clearfixgrpelem" id="u22545-4" type="submit" value="Отправить" tabindex="7"><!-- content -->

<div style="margin-top:-18px;height:18px;">

<p>Отправить</p>

</div>

</button>

<div class="fld-grp clearfixgrpelem" id="widgetu22563" data-required="true"><!-- none box -->

<label class="fld-label actAsDivclearfixgrpelem" id="u22564-4" for="widgetu22563_input"><!-- content --><span class="actAsPara">Дополнительнаяинформация:</span></label>

<span class="fld-textareaactAsDivclearfixgrpelem" id="u22565-4"><!-- content --><textarea class="wrapped-input" id="widgetu22563_input" name="custom_U22563" tabindex="6"></textarea><label class="wrapped-input fld-prompt" id="widgetu22563_prompt" for="widgetu22563_input"><span class="actAsPara">Введитеинформацию</span></label></span>

<div class="fld-message clearfixgrpelem" id="u22566-4"><!-- content -->

<p>Обязательное поле</p>

</div>

</div>

</form>

Раздел технической поддержки.

<div class="accordion_wrappergrpelem" id="accordionu13367wrapper"><!-- vertical box -->

<ul class="AccordionWidgetclearfix" id="accordionu13367"><!-- column -->

<li class="AccordionPanelborderboxclearfixcolelem" id="u13376"><!-- vertical box --><div class="AccordionPanelTabborderboxclearfixcolelem" id="u13379-4" role="button" tabindex="0" aria-haspopup="true"><!-- content --><div id="u13379-3"><p>Техническаяподдержка</p></div></div><div class="AccordionPanelContentcolelem" style="width: 100%; height: 0px; position: relative; left: 0px; overflow: hidden;" role="tabpanel" aria-labelledby="u13379-4"><div class="AccordionPanelContentClip"><div class="borderbox shadow clearfix" id="u13377"><!-- group --><div class="clearfixgrpelem" id="u13378-7"><!-- content --><p id="u13378-2">Есливозникликакиетотехническиенеполадки - просьбаобращатьсяпотелефону:</p><p id="u13378-4">+7 (999) 786-13-75</p><p id="u13378-5">&nbsp;</p></div></div></div></div></li>

</ul>

</div>

Панель благодарности за запись на экскурсию.

<div class="shadow gradient clearfixgrpelem" id="u14756-8"><!-- content -->

<p>Благодарим, что выбрали именно наше туристическое агентство!</p>

<p>Надеемся, что Вам понравится данная экскурсия!</p>

<p>Хорошего времяпрепровождения </p>

</div>