Html шаблон сайта для бизнеса
Здравствуйте! Я нашел то, что может подойти любому человеку, которому нужен сайт для своей компании. Абсолютно простой, симпатичный html шаблон сайта для любого вида бизнеса. Классический сайт визитка, из которого можно при желании создать все, что угодно: каталог, интернет магазин, корпоративный сайт. Незамысловатый, минималистичный дизайн сайт с приятными темно-серыми цветами.
В архиве 5 страниц с разным содержимым. Все они есть в меню сайта и вы можете посмотреть их в демо версии: О компании, Страница с работами, Страница Блога, Страница «clients» и страница с контактной информацией.
Главная страница (About)
На главной странице вы можете увидеть слайдер, неплохо рекламирующий продукцию или услуги компании и мотивирующие нажать кнопку «Подробнее» или, скажем, «Заявка на звонок». Все очень красиво и просто! Далее идет приветственный текст, красиво обработанный и гармонично вписанный в дизайн. Также есть блок с логотипами клиентов. Шапка и подвал сайта на всех страницах одинаковые: очень просто и понятное меню и минималистичный футер с копирайтом и иконками социальных сетей.
Страница «Works»
На этой странице вы увидите своего рода портфолио, но, я думаю, что ее можно превратить, скажем, в страницу с услугами. Здесь также нет ничего эксклюзивного и экстаординарного, все очень просто и со вкусом. Да и если Вам уж очень нужен какой то мегакреативный сайт, то вы можете обратиться к web-разработчику или web-студии за индивидуальной разработкой. Правда cоздание эксклюзивного сайта обойдется Вам достататочно дорого, но если обратиться в хорошую компанию или к хорошему мастеру — Вы можете получить действительно тот продукт, о котором мечтали и думали. Но раз уж мы заговорили о создании сайтов, то я Вам скажу, что эксклюзивный сайт — не является хорошим с точки зрения бизнеса, ведь для бизнеса важна прибыль, поэтому сайт в первую очередь должен быть продающим.
Страница «Clients»
Эта страница похожа на страницу «elements», кна которой обычно представлены всякие css фишки обработки текста и изображений, типографические штучки, слайдеры и блоки с информацией. Здесь представлены достаточно простые блоки с отзывами, ссылками, слайдером логотипов клиентов, подписка на email рассылку.
Страница «Blog»
Красивая стильная, очень простая, но информативная лента новостей или вертикальный блог с выводом даты, превью-картинки, заголовка, небольшого описания и количества комментариев.
Страница «Contacts»
Карта, Реквизиты, Адреса, Контактные телефоны, email и форма обратной связи.
Не то, что искали? Воспользуйтесь поиском
Шаблоны сайтов визиток и каталог cms
46 сервисов
Biggo
Сервис для конструирования сайтов, интернет-магазинов, блогов по технологии SaaS. Есть редактор HTML, SEO инструменты, возможен просмотр статистики, интегрирован с ЯндексМаркет.
Placemark
Сервис по SaaS-технологии для создания онлайн-магазинов, сайта-визитки и витрины, возможно подключение модулей, вставка скриптов, можно выкупить сайт.
1C-UMI
Инструмент для конструирования сайтов интернет-магазинов, есть библиотека шаблонов, функции управления заказами и ценами, распечатки товарного чека, интегрирован с 1С, МойСклад.
Tilda Publishing
Модульный конструктор с блочным механизмом. Создает интернет-магазины и лендингы с помощью дизайнерами готовых блоков, доступна вставка HTML кода, проведения А/B тестирования.
A5.ru
Инструмент для создания сайтов интернет-магазинов. Конструирование возможно с использованием шаблонов и без них, расширение функционала происходит благодаря виджетам.
Google Сайты
Мультиязычный сервис для создания страниц в интернете, портфолио, блога или опроса. Наполнение страниц через Drag & Drop, есть опция предварительного просмотра, голосовой и видео чат.
Squarespace
Конструктор для создания блогов и портфолио посредством WYSIWYG. Есть возможность вставки HTML-кода, платежная система Stripe, поисковая оптимизация.
Weebly
Мультиязычная SaaS платформа для создания сайтов, управляется посредством управлением Drag&Drop, возможно изменение существующих шаблонов с помощью HTML и CSS-кода.
Bloxy
Конструктор для сайтов, лендингов и интернет-магазина, можно добавить параллакс-эффекты и виджеты, есть возможность SSL сертификации, А/Б тест, вставки HTML кода.
Mobirise
Бесплатное приложения для конструирования мобильных сайтов, работающее в режиме оффлайн на ОС Windows, Android, а также MacOS. Имеет простой и понятный интерфейс.
Инструмент для быстрого создания интернет-сайтов с набором готовых шаблонов. Есть возможность разработки собственного дизайна и шаблона, возможно добавление карт, медиафайлов и html-кодов.
Okis
Конструктор сайтов с кастомизацией шаблонов только с помощью HTML-редактора. Есть версии сайтов для слабовидящих, представлен набор опций для оптимизации, продвижения сайта.
Setup.ru
Инструмент для конструирования интернет-ресурсов с возможностью регистрации доменного имени и аудита сайтов, есть около семи тысяч готовых шаблонов с возможным редактированием.
SiteBuilder.com
Инструмент для создания сайтов с множеством готовых шаблонов различной тематики. Возможно продвижение в Yahoo, Google, защита от интернет-угроз. Есть функция настройки фавикона.
Vigbo
Онлайн-конструктор для создания портфолио, блога или интернет-магазина на языке HTML5, есть возможность кастомизации и редактор Drag-and-drop, услуга SEO-оптимизации.
Website Builder
Конструктор интернет-магазинов на базе Ecwid, есть услуга регистрации домена, возможность вставки HTML кода, есть галерея шаблонов, расширенная статистика.
Yola
Конструктор сайтов для создания блогов, интернет-магазинов, и сайтов-визиток. Управляется посредством Drag-and-Drop, есть база шаблонов и HTML-редактор, интеграция с Tumblr.
uCoz
Конструктор типа uCoz, uKit и uShop. Есть библиотека шаблонов, якорное меню, опция SEO оптимизации, многоуровневой аутентификации, управление элементами через Drag&Drop.
Wix
Популярный конструктор сайтов, управляется Drag-and-Drop. Есть разнообразие HTML5 шаблонов. Возможно расширение функционала средством App Market или HTML-кода.
Redham
Платформа для создания сайтов, интернет-магазинов. Софт позволяет формировать отчеты по работе сайта, добавлять CSS-стили, предусмотрена синхронизация с Яндекс.Маркет.
Adobe Muse
Конструктор сайтов с адаптивным дизайном, для создания сайтов-визиток, портфолио, интернет-магазинов, корпоративных сайтов, презентаций и лендингов, есть поддержка HTML5.
Jimdo
Инструмент для билдера сайтов на восьми языках. Управляется Drag-and-Drop, имеются обучающие материалы, интегрирован с соцсетями, возможна загрузка собственного шаблона.
webnode
Многофункциональный конструктор сайтов и интернет магазинов. Адаптирован для мобильных приложений, оснащен технологией SEO, автоматические смарт ссылки и карта сайта.
Fo.ru
Инструмент для создания сайтов, предоставляющий хостинг, имеет биржу услуг. Возможно предложения собственных услуг, а также использование представленнных в сфере сайтбилдинга.
Site123
Онлайн-билдер для конструирования интернет-ресурсов. Предлагает услуги хостинга и регистрации домена. Можно настроитьпараллакс, смену фавикона. Есть база обучающих материалов.
uWeb
CMS премиум-класса, основанная на базе uCoz. Качественный конструктор сайтов на языке PHP. Есть функция динамического лендинга и продвинутой SEO оптимизации.
Базиум
Инструмент для конструирования сайтов, лендингов, блогов и баннеров. Не имеет готовых шаблонов, страницы оформляются по блочному принципу. Сервис интегрирован с Яндекс. Маркетом.
Netdo
Сайтбилдер для создания интернет-магазинов, имеющий модульную структуру, сервис имеет широкий функционал. Есть готовые шаблоны, возможно редактирование всех элементов.
WebSite X5
Оффлайн конструктор сайтов, есть опция регистрации доменов, хостинга, SEO оптимизации и анализа. Есть база шаблонов, лента RSS, функция Marketplace.
BoldGrid
Сервис для конструирования сайтов на базе WordPress. В плагине упрощены процессы работы, автоматизирован ряд задач, улучшена функциональность, есть библиотека тем и шаблонов.
Cubender
Софт для конструирования блогов, сайтов, интернет-магазинов и фотогалерей. Интегрирован с Google Analytics и YouTube, есть шаблоны HTML5, расширенный функционал SEO.
Diafan.Cloud
Сервис для создания сайтов, блогов и форумов с хостингом и доменным именем. Предлагается большое разнообразие тематических шаблонов, система синхронизирована с МойСклад, 1С.
Energy-bm
Конструктор лендингов, для создания многостраничных сайтов, сайта-визитки и портфолио. Доступен HTML-редактор, предусмотрена SEO-оптимизация, CRM и онлайн-консультант.
INTEC.site
Онлайн-платформа для создания сайта-визитки или интернет-магазинов. Наличие админ. панели облегчает процесс конструирования, есть встроенная CRM-система.
IQSites
CMS для создания блога, сайта-визитки, портфолио или лендинга. Отсутствуют готовые шаблоны, есть инструменты для продвижения сайта, возможна вставка HTML кода, различных виджетов.
LineAct
Инструмент для создания сайтов с простым дизайном, понятным управлением. Возможно добавление баннеров и опросов, HTML-кода, рекламы LineAct. Предусмотрен вариант для слабовидящих.
PagePicnic
Простой конструктор сайтов, доступно легкое Drag-and-Drop управление, возможность изменять дизайн с помощью кода. Предоставляется статистика, новостные рассылки.
Pixli
Конструктор для создания сайтов, портфолио. В редактировании применяются СSS-классы, доступны тонкие настройки кастомизации и анимация страниц. Для новичков есть обучающие уроки.
ProfiPages
Облачный конструктор одностраничных сайтов, можно создавать лендинги и мультилендинги, управление реализовано через Drag & Drop. Есть отслеживание конверсий, А/Б тестирование, опция мини-CRM.
SAMOMU.RU
Конструктор для онлайн-магазина, сайт-визитки, блога или фотогалерею. Предоставляет бесплатный хостинг, возможность дополнительных услуг, есть виджеты: RSS-лента.
Simbla
Сервис для конструирования сайтов с бесплатным хостингом и эффективным функционалом SEO. Возможна вставка HTML кода.Управляется с помощью платформы Drag-and-Drop.
SnapPages
Конструктор для интернет-магазина через Shopify, блога, портфолио или сайта-визитку, есть опция регистрации домена на базе Google Domains и бесплатного хостинга.
Templatemonster
Более 26600 уникальных дизайн-шаблонов для сайтов, интернет-магазинов, блогов и других веб-продуктов. Доступны решения для всех популярных движков, включая HTML, WordPress, OpenCart, Magento и PrestaShop.
VOOG
Конструктор сайтов и онлайн магазинов с многоязычным интерфейсом, редактирование посредством Drag&Drop или HTML-редактора, есть статистика, возможность SEO-оптимизации.
Zoho Sites
Инструмент для создания сайтов, наполнение и редактирование производится с помощью Drag-and-Drop, редактор HTML. Есть возможность регистрации доменного имени.
Атилект
CMS для создания сайта-визитки, каталога и интернет-магазина. Можно заказать разработку дизайна, зарегистрировать домен, интегрировать социальные сети.
BiggoСервис для конструирования сайтов, интернет-магазинов, блогов по технологии SaaS. Есть редактор HTML, SEO инструменты, возможен просмотр статистики, интегрирован с ЯндексМаркет.
Перейти на сайтPlacemarkСервис по SaaS-технологии для создания онлайн-магазинов, сайта-визитки и витрины, возможно подключение модулей, вставка скриптов, можно выкупить сайт.
Перейти на сайт1C-UMIИнструмент для конструирования сайтов интернет-магазинов, есть библиотека шаблонов, функции управления заказами и ценами, распечатки товарного чека, интегрирован с 1С, МойСклад.
Перейти на сайтTilda PublishingМодульный конструктор с блочным механизмом. Создает интернет-магазины и лендингы с помощью дизайнерами готовых блоков, доступна вставка HTML кода, проведения А/B тестирования.
Перейти на сайтA5.ruИнструмент для создания сайтов интернет-магазинов. Конструирование возможно с использованием шаблонов и без них, расширение функционала происходит благодаря виджетам.
Перейти на сайтGoogle СайтыМультиязычный сервис для создания страниц в интернете, портфолио, блога или опроса. Наполнение страниц через Drag & Drop, есть опция предварительного просмотра, голосовой и видео чат.
Перейти на сайтSquarespaceКонструктор для создания блогов и портфолио посредством WYSIWYG. Есть возможность вставки HTML-кода, платежная система Stripe, поисковая оптимизация.
Перейти на сайтWeeblyМультиязычная SaaS платформа для создания сайтов, управляется посредством управлением Drag&Drop, возможно изменение существующих шаблонов с помощью HTML и CSS-кода.
Перейти на сайтBloxyКонструктор для сайтов, лендингов и интернет-магазина, можно добавить параллакс-эффекты и виджеты, есть возможность SSL сертификации, А/Б тест, вставки HTML кода.
Перейти на сайтMobiriseБесплатное приложения для конструирования мобильных сайтов, работающее в режиме оффлайн на ОС Windows, Android, а также MacOS. Имеет простой и понятный интерфейс.
Перейти на сайтMozelloИнструмент для быстрого создания интернет-сайтов с набором готовых шаблонов. Есть возможность разработки собственного дизайна и шаблона, возможно добавление карт, медиафайлов и html-кодов.
Перейти на сайтOkisКонструктор сайтов с кастомизацией шаблонов только с помощью HTML-редактора. Есть версии сайтов для слабовидящих, представлен набор опций для оптимизации, продвижения сайта.
Перейти на сайтSetup.ruИнструмент для конструирования интернет-ресурсов с возможностью регистрации доменного имени и аудита сайтов, есть около семи тысяч готовых шаблонов с возможным редактированием.
Перейти на сайтSiteBuilder.comИнструмент для создания сайтов с множеством готовых шаблонов различной тематики. Возможно продвижение в Yahoo, Google, защита от интернет-угроз. Есть функция настройки фавикона.
Перейти на сайтVigboОнлайн-конструктор для создания портфолио, блога или интернет-магазина на языке HTML5, есть возможность кастомизации и редактор Drag-and-drop, услуга SEO-оптимизации.
Перейти на сайтWebsite BuilderКонструктор интернет-магазинов на базе Ecwid, есть услуга регистрации домена, возможность вставки HTML кода, есть галерея шаблонов, расширенная статистика.
Перейти на сайтYolaКонструктор сайтов для создания блогов, интернет-магазинов, и сайтов-визиток. Управляется посредством Drag-and-Drop, есть база шаблонов и HTML-редактор, интеграция с Tumblr.
Перейти на сайтuCozКонструктор типа uCoz, uKit и uShop. Есть библиотека шаблонов, якорное меню, опция SEO оптимизации, многоуровневой аутентификации, управление элементами через Drag&Drop.
Перейти на сайтWixПопулярный конструктор сайтов, управляется Drag-and-Drop. Есть разнообразие HTML5 шаблонов. Возможно расширение функционала средством App Market или HTML-кода.
Перейти на сайтRedhamПлатформа для создания сайтов, интернет-магазинов. Софт позволяет формировать отчеты по работе сайта, добавлять CSS-стили, предусмотрена синхронизация с Яндекс.Маркет.
Перейти на сайтAdobe MuseКонструктор сайтов с адаптивным дизайном, для создания сайтов-визиток, портфолио, интернет-магазинов, корпоративных сайтов, презентаций и лендингов, есть поддержка HTML5.
Перейти на сайтJimdoИнструмент для билдера сайтов на восьми языках. Управляется Drag-and-Drop, имеются обучающие материалы, интегрирован с соцсетями, возможна загрузка собственного шаблона.
Перейти на сайтwebnodeМногофункциональный конструктор сайтов и интернет магазинов. Адаптирован для мобильных приложений, оснащен технологией SEO, автоматические смарт ссылки и карта сайта.
Перейти на сайтFo.ruИнструмент для создания сайтов, предоставляющий хостинг, имеет биржу услуг. Возможно предложения собственных услуг, а также использование представленнных в сфере сайтбилдинга.
Перейти на сайтSite123Онлайн-билдер для конструирования интернет-ресурсов. Предлагает услуги хостинга и регистрации домена. Можно настроитьпараллакс, смену фавикона. Есть база обучающих материалов.
Перейти на сайтuWebCMS премиум-класса, основанная на базе uCoz. Качественный конструктор сайтов на языке PHP. Есть функция динамического лендинга и продвинутой SEO оптимизации.
Перейти на сайтБазиумИнструмент для конструирования сайтов, лендингов, блогов и баннеров. Не имеет готовых шаблонов, страницы оформляются по блочному принципу. Сервис интегрирован с Яндекс.Маркетом.
Перейти на сайтNetdoСайтбилдер для создания интернет-магазинов, имеющий модульную структуру, сервис имеет широкий функционал. Есть готовые шаблоны, возможно редактирование всех элементов.
Перейти на сайтWebSite X5Оффлайн конструктор сайтов, есть опция регистрации доменов, хостинга, SEO оптимизации и анализа. Есть база шаблонов, лента RSS, функция Marketplace.
Перейти на сайтBoldGridСервис для конструирования сайтов на базе WordPress. В плагине упрощены процессы работы, автоматизирован ряд задач, улучшена функциональность, есть библиотека тем и шаблонов.
Перейти на сайтCubenderСофт для конструирования блогов, сайтов, интернет-магазинов и фотогалерей. Интегрирован с Google Analytics и YouTube, есть шаблоны HTML5, расширенный функционал SEO.
Перейти на сайтDiafan.CloudСервис для создания сайтов, блогов и форумов с хостингом и доменным именем. Предлагается большое разнообразие тематических шаблонов, система синхронизирована с МойСклад, 1С.
Перейти на сайтEnergy-bmКонструктор лендингов, для создания многостраничных сайтов, сайта-визитки и портфолио. Доступен HTML-редактор, предусмотрена SEO-оптимизация, CRM и онлайн-консультант.
Перейти на сайтINTEC.siteОнлайн-платформа для создания сайта-визитки или интернет-магазинов. Наличие админ. панели облегчает процесс конструирования, есть встроенная CRM-система.
Перейти на сайтIQSitesCMS для создания блога, сайта-визитки, портфолио или лендинга. Отсутствуют готовые шаблоны, есть инструменты для продвижения сайта, возможна вставка HTML кода, различных виджетов.
Перейти на сайтLineActИнструмент для создания сайтов с простым дизайном, понятным управлением. Возможно добавление баннеров и опросов, HTML-кода, рекламы LineAct. Предусмотрен вариант для слабовидящих.
Перейти на сайтPagePicnicПростой конструктор сайтов, доступно легкое Drag-and-Drop управление, возможность изменять дизайн с помощью кода. Предоставляется статистика, новостные рассылки.
Перейти на сайтPixliКонструктор для создания сайтов, портфолио. В редактировании применяются СSS-классы, доступны тонкие настройки кастомизации и анимация страниц. Для новичков есть обучающие уроки.
Перейти на сайтProfiPagesОблачный конструктор одностраничных сайтов, можно создавать лендинги и мультилендинги, управление реализовано через Drag & Drop. Есть отслеживание конверсий, А/Б тестирование, опция мини-CRM.
Перейти на сайтSAMOMU.RUКонструктор для онлайн-магазина, сайт-визитки, блога или фотогалерею. Предоставляет бесплатный хостинг, возможность дополнительных услуг, есть виджеты: RSS-лента.
Перейти на сайтSimblaСервис для конструирования сайтов с бесплатным хостингом и эффективным функционалом SEO. Возможна вставка HTML кода.Управляется с помощью платформы Drag-and-Drop.
Перейти на сайтSnapPagesКонструктор для интернет-магазина через Shopify, блога, портфолио или сайта-визитку, есть опция регистрации домена на базе Google Domains и бесплатного хостинга.
Перейти на сайтTemplatemonsterБолее 26600 уникальных дизайн-шаблонов для сайтов, интернет-магазинов, блогов и других веб-продуктов. Доступны решения для всех популярных движков, включая HTML, WordPress, OpenCart, Magento и PrestaShop.
Перейти на сайтVOOGКонструктор сайтов и онлайн магазинов с многоязычным интерфейсом, редактирование посредством Drag&Drop или HTML-редактора, есть статистика, возможность SEO-оптимизации.
Перейти на сайтZoho SitesИнструмент для создания сайтов, наполнение и редактирование производится с помощью Drag-and-Drop, редактор HTML. Есть возможность регистрации доменного имени.
Перейти на сайтАтилектCMS для создания сайта-визитки, каталога и интернет-магазина. Можно заказать разработку дизайна, зарегистрировать домен, интегрировать социальные сети.
Перейти на сайтКонструкторы сайтов-визиток — это сервисы, позволяющие на основе готовых решений создавать сайты компаний с описанием их деятельности. Благодаря огромному выбору макетов с возможностями вносить собственные изменения пользователь получает уникальный конечный продукт.
Основная задача CMS для сайта визиток — это помощь в максимально удобном и быстром создании тематических порталов и бизнес-решений. Многие сервисы имеют пробный период, предоставляют множество дополнительных услуг (бесплатный хостинг, тематические и универсальные шаблоны, совместимость с мобильными приложениями и другие возможности).
Выбирая шаблоны сайтов визиток, лучше всего ориентироваться на ключевые моменты: платные или бесплатные сервисы, простоту и удобство интерфейса, количество вариантов готовых решений, возможность вносить изменения, наличие технической поддержки, ведение статистики.
На портале coba. tools вашему вниманию представлен большой выбор универсальных шаблонов сайтов-визиток. Разнообразие сервисов позволяет провести поиск и сравнение ресурсов по основным характеристикам, ознакомиться с отзывами пользователей, узнать общий рейтинг ресурсов.
17 визитных карточек CSS
Коллекция бесплатных примеров кода визитных карточек HTML и CSS из codepen и других ресурсов. Обновление коллекции за февраль 2019 года. 2 новых предмета.
- Карты CSS
- Карточки блога CSS
- Эффекты наведения карты CSS
- Макеты карточек CSS
- Флип-карточки CSS
- Карточки дизайна материалов CSS
- Карточки фильмов CSS
- Карточки профилей CSS
- Карточки рецептов CSS
- Кредитные карты CSS
О коде
Переворачивание визитной карточки
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Ответ: нет
Зависимости: font-awesome. css
О коде
Визитная карточка
Визитная карточка в HTML и CSS.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Ответ: нет
Зависимости: —
О коде
Анимированная визитная карточка
Визитная карточка с анимацией Pure CSS .
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Ответ: нет
Зависимости: —
О коде
Визитная карточка Фиппинга
Интерактивный дизайн карты с background-clip: текст
+ background: линейно-градиентная
анимация.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Ответ: нет
Зависимости: font-awesome.css
О коде
Визитная карточка
Визитная карточка в HTML и CSS.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Ответ: нет
Зависимости: —
О коде
Визитная карточка CSS
Quick визитная карточка дизайн, на котором я решил напечатать учетные данные Патрика Бейтмана. 100% CSS3, с:hover
и:focus
стили элемента кнопки, используемые для обеспечения плавной двухэтапной анимации.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Ответ: нет
Зависимости: —
О коде
Материал Визитная карточка
Визитная карточка из материала CSS
Совместимые браузеры: Chrome, Firefox, Opera, Safari
Ответ: нет
Зависимости: —
О коде
Геометрическая визитная карточка с сеткой CSS
Игра с CSS Grid, Flexbox, clip-path
и radial-gradient
.
Совместимые браузеры: Chrome, Firefox, Opera, Safari
Ответ: нет
Зависимости: —
О коде
Визитная карточка вдохновения
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Отвечает: нет
Зависимости: —
О коде
Визитная карточка
Анимированная визитная карточка на чистом CSS.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Ответ: нет
Зависимости: —
О коде
Визитная карточка 3D Flip
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Ответ: нет
Зависимости: font-awesome.css
О коде
Визитная карточка
Перелистывание визитной карточки в HTML, CSS и JavaScript.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Ответ: да
Зависимости: —
О коде
Перекидная цифровая визитная карточка
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Ответ: нет
Зависимости: font-awesome.css
О коде
Визитная карточка
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Ответ: да
Зависимости: —
О коде
Визитная карточка CSS
Этот пример является эскизом цифровой визитной карточки.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Ответ: нет
Зависимости: jquery.js
О коде
Концепция визитной карточки
Концепция визитной карточки в HTML и CSS.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Ответ: нет
Зависимости: ionicons.css
Демонстрационное изображение: Визитная карточка CSS3Визитная карточка CSS3
Переворачиваемая визитная карточка CSS3.
Сделано Марком Мюрреем
16 октября 2015 г.
скачать демонстрация и код
30+ впечатляющих визитных карточек CSS (бесплатный код + демонстрации)
1. Анимированная визитная карточка CSS
Автор: Лаура Пинто (lauraalpinto)
Ссылки: Исходный код / Демо
Создано: 18 января, 2019
Сделано с: HTML, SCSS
Теги: визитка, портфолио, scss, анимация
2.
CSS Grid : Business CardЭксперименты с CSS Grid и его свойствами. Создал шаблон визитной карточки с помощью Css Grid, который я нашел здесь: https://www.behance.net/gallery/27133319./Material-Business-Card-Template-(Freebie) Иконки сделаны: www.freepik.com
Автор: Siddharth Hubli (SRHubli)
Ссылки: Исходный код / Демо, Behance Page
900 02 Создано на: 31 июля 2018Сделано с: HTML, CSS, JS
Метки: css-grid, визитная карточка, html-and-css, material design
3. Геометрическая визитная карточка с CSS Сетка
Игра с CSS-сеткой, flexbox, clip-path и радиальным градиентом Воссоздание шаблона визитной карточки, как показано здесь: https://novadonna.me/product/business-card-template-designs-pop-geometric /
Автор: Лиз Вендлинг (Элвенд)
Ссылки: Исходный код / Демо, Novadonna. me
Создано: 24 марта 2018 г. 9000 5
Сделано с использованием: HTML, Меньше, JS
Теги: css-grid, flexbox, card
4. Перелистывание визитной карточки CSS
100dayscss #034 Переворачивание визитной карточки Интерактивный дизайн визитной карточки с текстовой клип-маской + фоновая клип-линейно-градиентная анимация.
Автор: Сабина Робарт (Artemis1)
Ссылки: Исходный код / Демо
Дата создания: 31 октября 2018 г.
9000 3 Сделано с помощью: HTML, SCSS, JS
Теги: background-clip, linear-gradient, design,card,interactive
5. One Punch Man — визитная карточка CSS
Эксперименты с Css Grid и его свойствами. Создал шаблон визитной карточки с помощью Css Grid, который я нашел здесь: https://www.behance.net/gallery/27133319./Material-Business-Card-Template-(Freebie) Иконки сделаны: www. freepik.com
Автор: Сиддхарт Хубли (SRHubli)
Ссылки: Исходный код / Демо
90 003 Дата создания: 31 июля 2018 г.
Сделано с: HTML, CSS, JS
Метки: css-grid, визитная карточка, html-and-css, material design
6. CSS визитная карточка
Быстрый бизнес дизайн карты, на которой я решил напечатать удостоверение Патрика Бейтмана. 100% CSS3, стили :hover и :focus элемента кнопки используются для обеспечения плавной двухэтапной анимации.
Автор: Thomas Hanson (swellfoop)
Ссылки: Исходный код / Демо
Дата создания: 10 сентября 2018 г.
Сделано с помощью: HTML, CSS
Теги: css , анимация, визитка, изометрия, 3d
7. Black CSS Business Card
Эта ручка — эскиз для цифровой визитки
Автор: jasper (jboeijenga)
Ссылки: Исходный код / демо
Создано: 4 сентября 2014 г.
Сделано с: HTML, CSS, JS
Теги: css, анимация, 3 д, флип-карта
8. Визитная карточка
Автор: Gigi (gigiyeh)
Ссылки: Исходный код / Демо
Дата создания: 12 ноября 2016 г.
9000 3 Сделано с: Pug, Sass
Препроцессор CSS : Sass
Препроцессор JS: None
Препроцессор HTML: Pug
9. Карта вдохновения
Автор: Dannie Vinther (dannie vinther)
Ссылки: Исходный код / Демо
Создано: 18 сентября 2017 г.
Сделано с помощью: HTML, CSS
Теги: карточка, объявление
10. Dark Business Card
О себе: Это онлайн-версия моей визитной карточки. . Не стесняйтесь предлагать улучшения. Вклад и предложения Обычно вы можете связаться со мной в Твиттере. Хотите создавать крутые вещи? Я всегда с нетерпением жду встречи с новыми людьми. Если вы хотите работать со мной или просто хотите пообщаться, я…
Подробнее
Автор: Lubos (mrlubos)
Ссылки: Исходный код / Демо
Создано: 16 августа 2011 г. 6
Изготовлено из: Haml, SCSS, JS
Препроцессор CSS: SCSS
Препроцессор JS: Нет
Препроцессор HTML: Haml
Теги: бизнес, карта, html, css, javascript
11. 3D Flip Business Карточка
градиентный узор на основе узора Кахи Кахадзена https://dribbble.com/shots/2
9-Pattern-for-Business-Cards
Автор: Елена Назарова (nazarelen)
Ссылка s: Исходный код / Demo, Dribbble.com
Дата создания: 22 августа 2016 г.
Сделано с помощью: HTML, CSS
12. Моя цифровая визитная карточка Flippable
My flipp способная онлайн-визитка! Обязательно ознакомьтесь с социальными ссылками на обратной стороне, они также имеют аккуратный эффект заполнения. Если вы последуете за мной, я пойду в ответ. Наслаждаться! 😀
Автор: Peter Girnus (Gothburz)
Ссылки: Исходный код / Демо
Дата создания: 27 октября 2015 г.
Сделано с помощью: HTML, SCSS
Теги: бизнес -card, social-icons, css, flippable, minimal
13. Дизайн визитной карточки — Reddit
Концепт визитной карточки, который я создал для небольшого конкурса на http://reddit.com/r/web_design!
Автор: Эдуард Косицки (heyitsedward)
Ссылки: Исходный код / Демо, Reddit. com
Дата создания: 28 июля 2014 г.
9 0003 Сделано с помощью: HTML, SCSS
Теги: плоская, открытка, css, минимальная
14. Визитная карточка CSS
Эта ручка является эскизом для цифровой визитной карточки
Автор: jasper (jboeijenga)
9000 3 Ссылки: Исходный код / Демо
Создано: 4 сентября 2014 г.
Сделано с помощью: HTML, CSS, JS
Метки: css, анимация, 3d, флип-карта
15. Визитная карточка
Одна из моих идеи для визитной карточки, которую я могу превратить в настоящую визитную карточку.
Автор: Зак Сосье (ZachSaucier)
Ссылки: Исходный код / Демо
Дата создания: 10 апреля 2015 г.
Сделано с помощью: HTML, SCSS, JS
Теги: css, карточка, визитка
16.
Интерактивная визитная карточка на чистом CSSНаверное, я зашел слишком далеко. Это заявка на участие в субреддите /r/web_design. Интерактивная визитка. Не используется JavaScript (кроме глупого JS с загрузкой шрифтов Typekit) и нет произвольной загрузки файлов изображений (все обрабатывается в SVG). Почему класс…
Подробнее
Автор: Тайлер Годфри (TGAmpersand)
Ссылки: Исходный код / Демо
Дата создания: 3 августа 2014 г.
9000 2 Сделано с помощью: HTML, SCSS, JSТеги: визитка, интерактив, только css, анимация, витрина
17. Css Business Card
Автор: amine (aminejafur)
Ссылки: Исходный код / Демо
Дата создания: 30 января 2018 г.
Сделано с: HTML, Меньше
18. Демонстрационная визитная карточка в стиле Materialise
Быстрая визитная карточка в стиле MaterializeCSS, которую я собрал для своего сайта-портфолио. Вы можете легко заменить изображение Base64 на изображение профиля по вашему выбору. Кроме того, ради развлечения я поэкспериментировал с возможностью использования Font-Awesome или Materialize для определенных иконок — я использовал некоторые…
Подробнее
Автор: Joshua T (joshuatz)
Ссылки: Исходный код / Демо
Создано: 12 декабря 2018 г.
Сделано с: HTML, CSS
9 0002 Метки: materializecss, материализоваться, визитка , google material, портфолио19. Hover-effect-card
Автор: Kesavaraj (кесаварадж)
Ссылки: Исходный код / Демо
Создано на: 9 0004 10 ноября 2019 г.
Сделано с: HTML, CSS
Теги: карточка, наведение-карта, визитка, карточка товара, изображение-наведение
20. Карточка с CSS
Автор: Sae Эд Хассанванд (Hassanvand )
Ссылки: Исходный код / Демо
Создано: 8 октября 2019 г.
Сделано с: HTML, CSS
Теги: 9 0004 визитка, визитка
21. Визитка
Автор: Рик (iPhyse)
Ссылки: Исходный код / Демо
Создано: 23 сентября 2019 г.
Сделано с помощью: 9000 4 HTML, SCSS
Метки: визитка, карта, бизнес
22. Причудливый эффект наведения для карт
Автор: Hakan Kösekadam (hakankoesekadam)
Ссылки: Исходный код / Демо
Создано на: 15 мая 2019 г.
Сделано с: HTML, SCSS, JS
Теги: fancy, hover, no-js, визитная карточка, карточка
23. Адаптивная визитная карточка
Автор: Joe Hasting с (Джо Хастингс)
Ссылки: Исходный код / Демо
Создано: 6 октября 2017 г.
Сделано с: Haml, Меньше
Препроцессор CSS: Меньше
Препроцессор JS: Нет
Препроцессор HTML: Haml
Теги: css-grid, визитная карточка