Заснята отработка всех элементов HTML шаблона - лендинга агентства рентной недвижимости ООО «OptimaRent».
Дата загрузки: 2020-08-19 00:00:00 +0500
Информация о HTML шаблоне:
Вашему вниманию предлагается простой бесплатный html-шаблон сайта для компании, сдающей в аренду офисные помещения — «Optima-rent». Современный дизайн, выполненный в тёмных тонах, поможет легче перейти в онлайн-пространство и занять в нём собственную нишу.
HTML-шаблон «Optima-rent» полностью адаптивен и подстраивается под каждое устройство: компьютеры, планшеты и смартфоны. Также шаблон веб-сайта «Optima-rent» кросс-браузерный то есть одинаково отображается в каждом современном браузере.
Контактные формы рабочие и будут сразу выполнять свои функции после загрузки на сервер при минимальной коррекции (смените email адрес для доставки писем и все).
Автор:
Евгений — https://evkarn.ru
Год разработки:
2020
Изменён:
Евгений — https://evkarn.ru
Лицензия:
CC BY 3.0Благодарность:
Изображения взяты на pixabay.com
Инструменты:
- Редактор Фигма
- Редактор Крита
- Редактор Инкскейп
- ХТМЛ
- ЦСС
- Бутстрап
- Джаваскрипт
- Джейкуери
- Гулп
- Сасс
Процесс
Дизайн шаблона
Основным оттенком для сайта выбран тёмно-зелёный, акцентным цветом выбран оранжевый. Присутствуют основные блоки, дающие информацию о компании.
Лендинг подойдёт в качестве сайта для предоставления собственных услуг в интернет.
Подробное описание дизайна по ссылке: открыть
Вёрстка по макету
Макет свёрстан с применением сетки bootstrap, из фреймворка подключалась только сетка, чтобы избежать избыточности кода.
Вёрстка кросс-браузерная и адекватно работает во всех браузерах, адаптивная, валидная, с применением семантических тегов.
Интерактив
В шаблоне реализованы простые интерактивные элементы: формы заказа; постраничная навигация; кнопка возврата к верху страницы; кнопки; галереи и карта.
Анимация
На сайте сделаны лёгкие, приятные анимации — в основном срабатывающие по наведению на элементы — ссылки и кнопки.
Скачать шаблон
После перехода по ссылке для скачивания html-шаблона лендинга вы увидите два файла: dist.zip; name-layout.loc.zip. Где name-layout.loc.zip — это архив с названием шаблона (например: educworld.loc.zip).
В файле"dist.zip" собраны файлы шаблона готовые к размещению на хостинге.
В папке «name-layout.loc.zip» будут файлы сайта вместе со сборкой gulp — будет полезна для веб-разработчиков, чтобы спокойно менять шаблон по собственному усмотрению.
Пользуйтесь с удовольствием!