Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Здравствуйте,

Ищу веб-дизайнера/верстальщика с навыками работы с 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.

6 лет назад
kardash
38 летРоссия
17 лет в сервисе
Был
3 года назад
  • Похожие заказы
  • 1. Изначально вместо видео загружается картинка, по нажатию на картинку подгружается видео. 2. Самолетик с надписью "Спасибо ваша заявка отправлена" появляется вместо формы после нажатия на кнопку "отправить". 3. Все поля формы являются обязательными к заполнения 4. Грофа ...

    HTML-верстка1 исполнитель
    Завершен
    6 лет назад
  • $24

    Тематика: нужно сверстать лендинг   Сроки 24.06.18 до 9:00 по МСК   Стоимость 1500 руб.   Обязательно кроссбраузерно, сайт должен адаптивный на всех устройствах (ПК, планшет, смартфон)   Скорость загрузки не менее 70 по сервису   developers.google.com/spe...   Приоритет будет отдаваться фрилансерам, которые уже работали с данной ...

    HTML-верстка26 заявок
    Закрыт
    6 лет назад
  • Необходимо сверстать лендинг  (дизайн передам в формате .psd) Сроки  до завтра (22.06.2018), 9:00 по Мск. Стоимость  1500 руб. Обязательно кроссбраузерно. Адаптивная верстка Скорость загрузки не менее 70 по сервису https://developers.google.com/speed/pagespeed/insights/ Работу принимаю в виде набора файлов (.html, .css и изображения) чтоб просто ...

    HTML-верстка23 заявки
    Закрыт
    6 лет назад
  • $200

    Верстка дизайна сайта. Адаптив.  Главная страница stroika.in-site.ru , необходима верстка всех страниц (8 страниц). Для получения заказа необходимо предоставить готовые работы по верстке сайтов - Ссылки на конкретные сайты !!! . После выбора исполнителя предоставляются исходники всех страниц дизайна. ...

    HTML-верстка1 исполнитель
    Завершен
    6 лет назад
  • Приветствую! Необходимо сделать адаптивную верстку дизайна, используя БЭМ-методологию, кабинета торговой криптоплощадки. Обратите внимание, что скринов много, но многие из них это одни и те же страницы с разными состояниями некоторых элементов и/или модальных окон. Версии страниц для моб-версии ...

    HTML-верстка11 заявок
    Закрыт
    6 лет назад
  • Периодическая работа по верстке страниц сайта на java.Оплата почасовая или сдельная за отдельную страницу.Требуемые знания:обязательно html, CSS, less preprocessor, желательно -javascript/jquery Начальное владение графическим редактором для обработки картинок

    HTML-верстка17 заявок
    Закрыт
    6 лет назад