15 шаблонов с чистым и минималистичным дизайном для лендингов
Вы уже наверняка знаете о силе посадочных страниц. Это одна из крупнейших интернет-маркетинговых стратегий, которую используют многие компании. Вместо того чтобы направлять свой трафик на главную страницу сайта, он отправляется на лендинг: это отличный способ увеличения конверсии.
Знаете ли вы, что 48% маркетологов строят новые посадочные страницы для каждой из своих маркетинговых кампаний? К сожалению, создание и тестирование посадочных страниц – вещь не легкая. К счастью, мы сделали подборку отличных шаблонов лендингов, которые начнут работать на вас уже через несколько минут, и стоят все они менее $20.
Urip – Landing Page with HTML Builder
- Цена: $14
- Файлы: многослойный PSD, PHP, HTML, CSS, JS
- Предварительный просмотр
Urip — стильный шаблон посадочной страницы, который поставляется с пятью различными видами дизайна, в том числе макет подписки, лендинг приложения, макет для мероприятий, целевая страница творческого бизнеса и другие.
Wava App Landing Page
- Цена: $13
- Файлы: PHP, HTML, CSS, JS, PSD
- Предварительный просмотр
Этот HTML-шаблон с современным и чистым дизайном для демонстрации приложения, а также подробным описанием всех его возможностей в одном месте. Wava полностью отзывчивый и имеет функциональную форму контактов, Google Fonts, иконки Font Awesome и многое другое. Wava также имеет версию шаблона WordPress, в случае, если вы захотите создать целевую страницу с CMS.
ProLand – Product Landing Page Template
- Цена: $14
- Файлы: многослойный PSD, PHP, HTML, CSS, JS
- Предварительный просмотр
ProLand — шаблон посадочной страницы для демонстрации или продажи продукции. Он имеет чистый и минималистичный дизайн для привлекательной демонстрации товара с изображениями, видео и множеством информации.
Шаблон поставляется в пяти различных вариациях для создания посадочных страниц для каждого этапа запуска продукта, включая предварительные заказы, версии кампаний на Kickstarter и indiegogo, а также версии для страницы продаж.
Off the Shelf – E-Book Landing Page
- Цена: $9
- Файловы: многослойный PSD, HTML, CSS, JS
- Предварительный просмотр
Готовится к запуску новая книга? Тогда вот такой красивый лендинг вы можете использовать для настройки страницы для продажи вашей книги онлайн. Шаблон имеет все функции, необходимые для демонстрации вашей электронной книги профессиональным образом, чтобы привлечь больше внимания, включая заголовок с большой обложкой книги, кнопкой «Купить», местом для обзоров и многое другое. Шаблон настраивается с помощью 10 градиентов, 8 сплошных цветов, 15 фоновых изображений и 10 текстур.
Advisa – Marketing Landing Page
- Цена: $12
- Файлы: PHP, HTML, CSS, JS
- Предварительный просмотр
Этот шаблон целевой страницы подходит для частных лиц и профессионалов, которые предлагают услуги онлайн.
Он имеет большой хедер с ползунком, и включает в себя форму регистрации и контактов. Шаблон Advisa предоставляется в 3-х стилях: регистрационный промо-дизайн, простой рекламный дизайн и промо с видео в качестве заднего фона.
Flatone Sales and Marketing Landing Page
- Цена: $10
- Файлы: PHP, HTML, CSS, JS
- Предварительный просмотр
С красивым плоским дизайном, шаблон Flatone HTML может быть использован как для продажи, так и для маркетинговой целевой страницы. Шаблон поставляется в нескольких различных стилях, в том числе с фоновым видео, слайдером на заднем фоне, простым фоном и дополнительной страницей для ошибки 404. Шаблон также включает в себя пользовательский эффект CSS3 аннотации для детализации различных особенностей вашего продукта.
Katemi – Product and App Landing Page
- Цена: $12
- Файлы: многослойный PSD, PHP, HTML, CSS, JS
- Предварительный просмотр
Этот HTML шаблон поставляется с двумя стилями посадочной страницы для приложения или продукта.
Оба стиля имеют чистый и привлекательный дизайн, который быстро привлекая внимание. Посадочная страница Katemi также включает в себя плагин Take a Tour и аннотации к изображениям, которые позволят вам улучшить взаимодействие с пользователями, разъясняя им особенности вашего продукта.
Mix – Bootstrap App Landing Page
- Цена: $12
- Файлы: PHP, HTML, CSS, JS, PSD
- Предварительный просмотр
Смешанный шаблон целевой страницы, построенный с помощью Bootstrap, поставляется в светлых и темных стилях дизайна, а также имеют версии со статическим изображением и слайдером.
Шаблон имеет чистый и яркий дизайн для демонстрации приложения и всех его особенностей более элегантным образом.
Hype – App Landing Page
- Цена: $13
- Файлы: многослойный PSD, PHP, HTML, CSS, JS
- Предварительный просмотр
Еще один HTML-шаблон лендинга построенный с Вootstrap для демонстрации приложения или цифрового продукта.
Booom! – One-Page Flat UI Template
- Цена: $12
- Файлы: PHP, HTML, CSS, JS
- Предварительный просмотр
Это шаблон посадочной страницы довольно красочный и имеет плоский цветной дизайн, что делает его идеальным для создания лендинга мероприятий, связанных с образованием или детьми. Однако он также подходит для многих других видов бизнеса. В качестве бонуса, шаблон поставляется с двумя шаблонами страниц для блога.
Flexi
- Цена: $16
- Файлы: многослойный PSD, HTML, CSS, JS
- Предварительный просмотр
Flexi — это гибкий шаблон посадочной страницы, который можно использовать для создания лендингов приложений, сервисов, товаров и мероприятий.
Он также имеет привлекательные анимации и включает встроенный стиль для МailСhimp и формы для электронной почты.
Core – Mobile App Landing HTML Theme
- Цена: $13
- Файлы: HTML, CSS, JS
- Предварительный просмотр
Этот шаблон целевой страницы поставляется в трех различных цветовых вариациях и с уникальным интерактивным фоновым эффектом, который изменяется при движении мыши. Он также включает в себя контактную форму PHP Ajax, готовые галере, модульные обзоры и многое другое.
Fantonica: Bootstrap HTML5 Landing Page
- Цена: $11
- Файлы: HTML, CSS, JS
- Предварительный просмотр
Эта целевая страница имеет чистый дизайн для демонстрации различных видов продукции. Он поставляется в трех различных вариациях, включая стандартный дизайн, дизайн со слайдером, а также с full-width слайдером.
Increate – Multipurpose Landing Page
- Цена: $13
- Файлы: многослойный PSD, PHP, HTML, CSS, JS
- Предварительный просмотр
Это многоцелевой шаблон посадочной страницы со смелым дизайном. Он в основном подходит для демонстрации творческого бизнеса и услуг. Шаблон включает четыре различных стиля, с формами регистрации и формой e-mail подписки. Также имеется раздел портфолио и многое другое.
Cloud Soft – HTML Landing Page Template
- Цена: $14
- Файлы: HTML, CSS, JS
- Предварительный просмотр
Этот минималистский шаблон посадочной страницы имеет чистый дизайн, который просто идеально подходит для демонстрации онлайн-сервисов, таких как веб-хостинг, веб-приложения или программное обеспечение. Шаблон имеет стильное всплывающее окно, таблицу сравнения цен, отзывы клиентов и многое другое.
Источник: https://freelance.today/poleznoe/15-shablonov-s-chistym-i-minimalistichnym-dizaynom-dlya-lendingov.html
Landing Page Templates | Landing Page Website Templates
Javasript is currently not supported/disabled by this browser. Please enable JavaScript for correct appearance.
Тип:
любой тип шаблонаMoto CMS HTML шаблоныJigoshop шаблоныFacebook MotoCMS HTML шаблоныWooCommerce шаблоныShopify шаблоныPSD шаблоныEmail шаблоныMuse шаблоныMotoCMS 3 шаблоныШаблоны посадочной страницыUnbounce шаблоныШаблоны сайтовWordPress ШаблоныJoomla шаблоныDrupal шаблоныFlash шаблоны сайтовFlash CMS шаблоныZenCart шаблоныVirtueMart шаблоныPrestaShop шаблоныosCommerce шаблоныOpenCart шаблоныMagento шаблоныRazor шаблоныCRE Loaded шаблоныФлеш — заставкиШаблоны Flash фотогалерейШаблоны SwishFacebook Flash шаблоныFacebook Flash CMS шаблоныFacebook шаблоныTurnkey 2.0 сайтыFacebook шаблоны на Turnkey CMSPowerPoint шаблоныSilverlight шаблоныШаблоны заставок SilverlightШаблоны для мобильных устройствСтоковая музыкаЗаставки After EffectsAfter Effects появление логоНаборы HD видеоВидео открыткиШаблоны логотиповФирменный стильНаборы логотиповНаборы иконокСтиль:
любой стиль шаблонаКрасотаБизнесКомпьютерыНедвижимостьПорталыИнтернетСемьяВеб-дизайнРазвлеченияМедицинаАвтомобилиСпортПромышленностьРелигияМедиаМузыкаХостингКоммуникацииПрограммыИнтерьер и мебельЛандшафтАрхитектураПутешествияНапитки и едаКультураСельское хозяйствоЗаконЗнакомстваЦветыКнигиАрт и фотоБезопасностьОн-лайн магазиныТранспортВоенный стильНаукаОбразованиеЖивотныеПодаркиСтильЭлектроникаЮвелирные украшенияFlash анмированныеАрт-шаблоныФлэш заголовокНизкобюджетныеНовинкиМногостраничный сайтFireworks шаблоны3D стильЧистый стильФорумыПолитикаПерсональныеИгрыFlash сайты3 цветовые схемыВсе включеноОтелиСвадьбаКафе и рестораныНочные клубы0 покупокШаблоны с CSSДинамический flashSwish — анимацияСамые популярныеШаблоны osCommerceНаборы логотиповНаборы иконокДинамический SwishИнтернет-казиноТянущиесяFlash 8Скины для WordPressШаблоны CRE LoadedБлаготворительностьДень Св.
ValentineSt.NikStepSvelteTequilaValVampireVelvetViolaViperWalterWolfWoodooXenaZeusФраза:
до ₽
Цена от ₽
Browse Pages:
- 1
- 2
- 3
- 4
- Next
- Last
- type:
- Landing Page Template
- item:
- # 54619
- author:
- Ares
- downloads:
- 1
- Price (?):
- ₽958
- Unique price (?):
- ₽61496
- type:
- Landing Page Template
- item:
- # 54596
- author:
- Delta
- downloads:
- 0
- Price (?):
- ₽958
- Unique price (?):
- ₽61496
- type:
- Landing Page Template
- item:
- # 54560
- author:
- Delta
- downloads:
- 5
- Price (?):
- ₽958
- Unique price (?):
- ₽61496
- type:
- Landing Page Template
- item:
- # 53789
- author:
- Delta
- downloads:
- 1
- Price (?):
- ₽958
- Unique price (?):
- ₽61496
- type:
- Landing Page Template
- item:
- # 53796
- author:
- Delta
- downloads:
- 2
- Price (?):
- ₽958
- Unique price (?):
- ₽61496
- type:
- Landing Page Template
- item:
- # 53868
- author:
- Delta
- downloads:
- 3
- Price (?):
- ₽958
- Unique price (?):
- ₽61496
- type:
- Landing Page Template
- item:
- # 53972
- author:
- Delta
- downloads:
- 7
- Price (?):
- ₽958
- Unique price (?):
- ₽61496
- type:
- Landing Page Template
- item:
- # 53973
- author:
- Mercury
- downloads:
- 13
- Price (?):
- ₽958
- Unique price (?):
- ₽61496
- type:
- Landing Page Template
- item:
- # 53869
- author:
- Mercury
- downloads:
- 4
- Price (?):
- ₽958
- Unique price (?):
- ₽61496
- type:
- Landing Page Template
- item:
- # 53924
- author:
- Mercury
- downloads:
- 7
- Price (?):
- ₽958
- Unique price (?):
- ₽61496
- type:
- Landing Page Template
- item:
- # 53870
- author:
- Delta
- downloads:
- 16
- Price (?):
- ₽958
- Unique price (?):
- ₽61496
- type:
- Landing Page Template
- item:
- # 53871
- author:
- Delta
- downloads:
- 7
- Price (?):
- ₽958
- Unique price (?):
- ₽61496
- type:
- Landing Page Template
- item:
- # 53872
- author:
- Mercury
- downloads:
- 1
- Price (?):
- ₽958
- Unique price (?):
- ₽61496
- type:
- Landing Page Template
- item:
- # 53873
- author:
- Delta
- downloads:
- 6
- Price (?):
- ₽958
- Unique price (?):
- ₽61496
- type:
- Landing Page Template
- item:
- # 53874
- author:
- Delta
- downloads:
- 3
- Price (?):
- ₽958
- Unique price (?):
- ₽61496
Наши шаблоны продаются многократно.
Обычная цена означает, что шаблон может быть продан другим покупателям
Если вы выбрали ‘Выкуп шаблона’, это гарантирует, что Вы последни покупатель шаблона. После выкупа, шаблон сразу же удаляется из нашего каталога, и больше никогда не появится. Шаблон будет только у Вас и покупателей, которые купили его до Вас.
Примечание: В ЛЮБОМ случае Вы не имеете права распространять шаблоны.
Тема целевой страницы· Темы GitHub · GitHub
Вот 55 публичных репозиториев соответствует этой теме…
StartBootstrap / startbootstrap-новый век
Спонсор Звезда 1кпопутный ветер / Целевая страница
Звезда 931ваухимия / стартовая исследовательская группа Hugo
Звезда 171рыбак / таймер Хьюго
Звезда 131попутный ветер / Скриншот целевой страницы
Звезда 106попутный ветер / Целевая страница Rainblur
Звезда 104GetHugothemes / инфлюенсер-хьюго
Звезда 79bdavidxyz / простейший стартап-стартер
Звезда 60GetHugothemes / андромеда-лайт
Звезда 58Квайбхав01 / Landing-Page-Animation
Звезда 52Кржисекпиасецкий / нгневэйдж
Звезда 30Мустафадальга / целевая страница фермы
Звезда 29фьерби / Целевая страница-html-шаблон начальной загрузки
Звезда 17разработчикruhul / Helgo-агентство-посадка
Звезда 163MetasOS / Угловая посадка
Звезда 7буссаджра / синяя целевая страница
Звезда 6TheNocoder / startbootstrap-агентство
Звезда 5рахмандикахаекаль / неряшливый
Звезда 4иршад437 / удивительный дизайн целевой страницы
Звезда 3бостонианадам / Узнать больше-Шаблон целевой страницы
Звезда 2Улучшить эту страницу
Добавьте описание, изображение и ссылки на
тема целевой страницы
страницу темы, чтобы разработчикам было легче узнать о ней.
Курировать эту тему
Добавьте эту тему в свой репозиторий
Чтобы связать ваш репозиторий с тема целевой страницы тему, перейдите на целевую страницу репозитория и выберите «управление темами».
Узнать больше
Редактирование шаблонов управляемых целевых страниц Marketo, Pt….
Итак, вы воспользовались предыдущим документом (Начало работы с управляемыми целевыми страницами:), чтобы загрузить шаблон из нашей библиотеки и настроить его в своем экземпляре Marketo, вы даже использовали его для создания одной или двух целевых страниц, и вы настроили эти целевые страницы, и все это потрясающие новости! Хорошая работа!
Но теперь вы смотрите на шаблон, и нужно что-то изменить:
Это хорошее начало, но элементы на странице могут показаться вам неправильными.
У нас есть изображение слева, текстовый заголовок справа и форма под текстовым заголовком.
Что делать, если это НЕ тот макет, который вы планировали? Что, если вместо этого вы хотите, чтобы заголовок был вверху, по центру страницы, а изображение и форма располагались рядом под заголовком?
Все элементы в шаблоне могут быть добавлены, удалены, переупорядочены, изменены, заменены и изменены. Однако для этого абсолютно необходимы знания HTML. Как указывалось ранее, если вам неудобно редактировать HTML и у вас нет доступных ресурсов, обратитесь по адресу [email protected], они могут помочь с любыми потребностями в кодировании.
Редактирование шаблона:
Давайте вернемся к созданному ранее шаблону, отредактируем его и посмотрим, что мы можем сделать с этим изображением, формой и заголовком.
Каждый объект управляемого шаблона называется «Элементом». Вы можете увидеть список элементов, используемых на любой данной странице, в правой панели редактора целевой страницы.
Однако это не все элементы, которые можно использовать на целевой странице.
Полный список элементов шаблона можно найти здесь:
https://docs.marketo.com/display/public/DOCS/Create+a+Guided+Landing+Page+Template
Итак, посмотрите на этот список , и зная, что мы хотим изменить макет текстового заголовка, изображения и формы, элементы, которые мы должны искать, помечены следующим образом:
class : «mktoText»
class: «mktoImg»
class : «mktoForm»
Это кажется достаточно простым, давайте посмотрим на код и посмотрим, что мы можем увидеть.
Прокручивая код вниз, вы сначала увидите группу определенных переменных. Переменные — это еще один элемент, который можно изменить на адаптивной целевой странице. См. «Редактирование шаблонов управляемых целевых страниц Marketo», Pt. 2 – Переменные: следующая за этой.
Далее идет куча кода CSS.
CSS расшифровывается как «каскадные таблицы стилей» и представляет собой способ форматирования одного и того же снова и снова, что-то вроде установки шрифта в текстовом процессоре. Вам не хотелось бы переустанавливать шрифт и размер каждый раз, когда вы начинаете новый абзац, верно? CSS помогает поддерживать единообразный внешний вид во всем документе.
Следуя CSS, мы попадаем в основной раздел шаблона, раздел
. Тег обычно содержит то, что мы с вами считаем «НАСТОЯЩЕЙ» веб-страницей. Все, что находится над телом, помогает определить, как выглядит и воспринимается веб-страница, но содержит фактическое содержимое.
Конечно же, прямо внутри тега
в строках с 290 по 295 находятся элементы, которые мы ищем:Каждый из элементов, которые мы хотим переупорядочить, расположен внутри тегов
Каждый раздел начинается с
Подробнее о HTML Теги
http://www.w3schools.com/tags/tag_div.asp
HTML отображает все слева направо и сверху вниз. В коде мы сначала определяем mktoImage, затем mktoText и, наконец, mktoForm. Вот почему объекты появляются на целевой странице в таком порядке:
Чтобы определенным образом изменить макет, нам нужно будет взять каждый из тегов
asp| определяет каждый столбец, я знаю, что использование | |||||||
| .
Подробнее о | |||||||
| здесь: http://www.w3schools.com/tags/tag_tr.asp http://www.w3schools.com/tags/tag_td.asp
Это основная структура таблицы. Потребуются некоторые настройки, но давайте сначала посмотрим, как это выглядит. Поместите это вместо кода, который сейчас находится в шаблоне, например так: Вкладки с отступом предназначены ТОЛЬКО для удобства чтения. Управляемый редактор шаблонов имеет встроенную проверку кода, и он будет возвращать ошибки, если вы попытаетесь разместить свои элементы в той же строке, что и TD и TR.
Вернитесь и повторно утвердите черновик, а затем отредактируйте целевую страницу, которую мы создали ранее. Это некрасиво, но это нормально. Сначала мы должны получить структуру такой, какой мы ее хотим, сделать ее красивой — это самое последнее, что мы делаем.
Здесь у нас есть текстовый заголовок вверху, и это здорово. Изображение и форма находятся внизу, слева и справа, соответственно, рядом. Это как раз то, что мы хотели.
Проблема в том, что у нас есть строка с одним столбцом поверх строки с двумя столбцами, и это немного искажает ситуацию. К счастью, это легко исправить. Нам просто нужно взять один столбец в строке 1 и растянуть его на оба столбца в строке 2.
Для этого мы добавляем атрибут. Атрибуты изменяют поведение тегов.
В шаблоне вернитесь к коду, который мы вставили, и найдите тег
|
Вы могли бы подумать, что это 
Убедитесь, что каждый элемент находится на отдельной строке.
Сначала мы собираемся контролировать ширину таблицы: