1. Изначально вместо видео загружается картинка, по нажатию на картинку подгружается видео. 2. Самолетик с надписью "Спасибо ваша заявка отправлена" появляется вместо формы после нажатия на кнопку "отправить". 3. Все поля формы являются ...
Подготовка HTML5 Bootstrap шаблона сайта по Вольной борьбе
Здравствуйте,
Ищу веб-дизайнера/верстальщика с навыками работы с css/javascript/bootstrap для подготовки responsive bootstrap 3.3.7 шаблона для разрабатываемого сайта. Тематика - вольная борьба.
Интересующий пример оформления:
https://livedemo00.template-help.com/wt_61393
Основная цветовая гамма: черный, красный, синий (как в предложенном шаблоне).
Сам шаблон из примера слишком тяжелый и выполнен с излишним количеством использования скриптов и неоправданно сложной разметкой, по-этому в чистом виде он не подошел.
Реализации скриптовой логики, не связанной с внешним видом сайта не требуется, интересуют именно разметка, css, картинки.
Интересующие страницы:
1. Главная
- Header: как в шаблоне - https://livedemo00.template-help.com/wt_61393/schedule.html
Слева логотип, справа номера телефонов, email, адрес.
- Navigation: как в шаблоне - https://livedemo00.template-help.com/wt_61393/schedule.html
Меню сайта. При скролле закрепляется в верхней части экрана (как в примере).
При маленьком размере экрана, список страниц преобразуется в hamburger (3 черточки) кнопку (как в примере).
- Info Slider: как в шаблоне - https://livedemo00.template-help.com/wt_61393/
Слайдер на 3 изображения с текстом и кнопкой поверх (как в примере, только без формы справа:
* Слайд "Поиск секций вольной борьбы"
* Слайд "Соревнования ассоциации вольной борьбы"
* Слайд "Вступайте в ассоциацию вольной борьбы"
- Wrestling Benefits: как в шаблоне https://livedemo00.template-help.com/wt_61393/ (Boxing Benefits)
Секция делится на 2 равные части. Левая часть красная, правая - синяя. В левой секции будет информация о вольной борьбе как виде спорта, в правой - преимущества занятий по вольной борьбе (внешний вид как в шаблоне)
- Наши Соревнования
Как секция Past Championships в том же шаблоне. До 3х карточек ближайших/прошедших соревнований.
- Отзывы тренеров
Секция Testimonials из того же шаблона
- Footer
Похоже с шаблоном, но информации будет меньше - Контакты, ссылки на соц-сети (vk, instagram, youtube).
2. Клубы
- Header - такой же как на Главной странице (1)
- Navigation - такая же как на Главной странице (1)
- ClubFinder - секция делится на 2 части, размер левоя части в 3 раза больше правой. По высоте секция занимает почти всю страницу.
В левой части будет полноразмерная Google Map (пример карты тут https://livedemo00.template-help.com/wt_61393/contacts.html, но здесь она внизу справа).
В правой части будет таблица с информацией о маркерах на гугл карте.
Реализация функционала карты не требуется, требуется только разметка секции и таблицы с информацией о маркерах. Идея этой секции - это поисковик секций вольной борьбы. На карте будут отображены секции, а в таблице краткая информация о них (логотип, название, адрес, email, номер телефона, контактное лицо). Необходима возможность указать стиль выбранной строчки в таблице, чтобы она визуально выделялась.
- Footer - такой же как на главной странице (1)
3. Соревнования
- Header - такой же как на Главной странице (1)
- Navigation - такая же как на Главной странице (1)
- Tournaments Info - Секция с краткой информацией о том зачем вообще нужно участие в соревнованиях. В качестве примера можно взять секцию (Expirience) https://livedemo00.template-help.com/wt_61393/experience.html
- Upcoming Events - секция ближайших соревнований как в шаблоне (Schedule of Events) https://livedemo00.template-help.com/wt_61393/events.html
По сути - это галлерея карточек с логотипом соревнований (потребует логотип по-умолчанию) и краткой информацией о предстоящем мероприятии (название, дата + кнопка "Детали").
- Past Events - секция прошедших соревнований. Похожая на Upcoming Events, но с чуть большим количеством деталей (количество участников, количество клубов).
- Footer - такой же как на главной странице (1)
4. Детали мероприятия (соревнования) - страница для отображения детальной информации по предстоящему соревнованию.
- Header - такой же как на Главной странице (1)
- Navigation - такая же как на Главной странице (1)
- Base Info - секция делится на 3 равные части.
* Слева - "Где?"
Небольшого размера Google Map с маркером места проведения соревнования. Над картой текстом будет написан полный адрес.
* По середине - "Когда?"
Секция с отображением даты и времени начала соревнований.
* Справа - Организатор
Секция с краткой информацией об организаторе (логотип, название, контактное лицо, email, телефон)
- Detailed Info - заголов секции "Информация"
Секция делится на 2 равные части. Пример можно взять тут https://livedemo00.template-help.com/wt_61393/overview.html
Слева - Заголовок "Положение" и ниже заголовка текстовая информация по соревнованию.
Справа - Заголовок "Участники" и ниже заголовка текстовая информация по участникам.
- Footer - такой же как на главной странице (1)
5. Информация о клубе - страница с детальной информацией о клубе/секции вольной борьбы.
- Header - такой же как на Главной странице (1)
- Navigation - такая же как на Главной странице (1)
- Заголовок - название клуба (жирный текст)
- ClubInfo - секция делится на 3 части (как в Base Info(4) секция "Детали мероприятия").
В левой части - адрес с Google map
По середине - Возрастные группы
Справа - логотип клуба + контактные данные (фио, телефон, email).
- Тренеры - секция с карточками тренеров клуба. Пример - секция Our Team https://livedemo00.template-help.com/wt_61393/
- Расписание занятий - секция с информацией о расписании занятий.
- Footer - такой же как на главной странице (1)
6. Photo Gallery - Фото галлерея, пример https://livedemo00.template-help.com/wt_61393/gallery.html
7. Video Gallery - Галлерея видео - будут размещаться видео с youtube канала.
8. Contacts - Контакты, пример - https://livedemo00.template-help.com/wt_61393/contacts.html
Просьба соискателей предлагать цену и время, необходимое на реализацию проекта. Принимаемые файлы - html страницы, css файлы, js файлы, картинки. Необходимо минимизировать использование javascript.
Заявки фрилансеров
Похожие заказы
- HTML-верстка1 исполнительЗавершен7 лет назад
- $5
Вывести точчно такой же график https://master.test-ipv6.com/stats.html , массив значчений будет выдан в виде json массива в том формате в котором Вы скажете
HTML-верстка2 заявкиЗакрыт7 лет назад - $24
Тематика: нужно сверстать лендинг Сроки 24.06.18 до 9:00 по МСК Стоимость 1500 руб. Обязательно кроссбраузерно, сайт должен адаптивный на всех устройствах (ПК, планшет, смартфон) Скорость загрузки не менее 70 ...
HTML-верстка26 заявокЗакрыт7 лет назад Необходимо сверстать лендинг (дизайн передам в формате .psd) Сроки до завтра (22.06.2018), 9:00 по Мск. Стоимость 1500 руб. Обязательно кроссбраузерно. Адаптивная верстка Скорость загрузки не менее 70 по сервису ...
HTML-верстка23 заявкиЗакрыт7 лет назадОптимизация сайта на MODX Исправление ошибок на сайте и небольшие дополнения
HTML-верстка1 исполнительЗавершен7 лет назад- HTML-верстка1 исполнительЗавершен7 лет назад
- $200
Верстка дизайна сайта. Адаптив. Главная страница stroika.in-site.ru , необходима верстка всех страниц (8 страниц). Для получения заказа необходимо предоставить готовые работы по верстке сайтов - Ссылки на конкретные сайты !!! . После выбора исполнителя предоставляются исходники всех ...
HTML-верстка1 исполнительЗавершен6 лет назад Приветствую! Необходимо сделать адаптивную верстку дизайна, используя БЭМ-методологию, кабинета торговой криптоплощадки. Обратите внимание, что скринов много, но многие из них это одни и те же страницы с разными состояниями некоторых элементов и/или модальных ...
HTML-верстка11 заявокЗакрыт7 лет назадВерстка и установка на CMS Wordpress техниеское задание в приложение! от вас сроки и бюджет
HTML-верстка10 заявокЗакрыт7 лет назадПериодическая работа по верстке страниц сайта на java.Оплата почасовая или сдельная за отдельную страницу.Требуемые знания:обязательно html, CSS, less preprocessor, желательно -javascript/jquery Начальное владение графическим редактором для обработки картинок
HTML-верстка17 заявокЗакрыт7 лет назад