Как на основании шаблона создать одностраничный сайт?

Шаблоны в конструкторе сайтов HostFly.by отлично подходят для создания лендингов.

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

Каждый сайт состоит из логических блоков, которые рассказывают о вашей компании и продукте.

Поменять местами элементы в хэдере можно путём зажатия элемента и его перетаскивания.

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

Чтобы поменять фотографию на фоне блока, нужно кликнуть на контейнер фона, перейти в настройки макета справа и далее кликнуть на кнопку "Добавить", чтобы загрузить заранее подготовленное изображение со своего компьютера. 

Карточки продуктов можно менять местами, дублировать, удалять ненужные. Чтобы изменить фотографии в карточках и текст на них, нужно кликнуть левой клавишей мыши на карточку и в правом окне перейти в раздел "Фон". Далее загрузить фотографии со своего компьютера. С помощью окна настроек фото можно изменить прозрачность изображения.

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

На лендинге должен быть блок "Контакты". Его также можно отредактировать по аналогии с остальными частями сайта.

Ненужные блоки можно удалять. Например, можно убрать блок "Отзывы", если у вас пока нет обратной связи от клиентов вашей компании.

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