Css шаблон сайта визитки: Шаблон сайта-визитки с ссылками на соцсети и формой обратной связи

Html шаблон сайта для бизнеса

Здравствуйте! Я нашел то, что может подойти любому человеку, которому нужен сайт для своей компании. Абсолютно простой, симпатичный html шаблон сайта для любого вида бизнеса. Классический сайт визитка, из которого можно при желании создать все, что угодно: каталог, интернет магазин, корпоративный сайт. Незамысловатый, минималистичный дизайн сайт с приятными темно-серыми цветами.

В архиве 5 страниц с разным содержимым. Все они есть в меню сайта и вы можете посмотреть их в демо версии: О компании, Страница с работами, Страница Блога, Страница «clients» и страница с контактной информацией.

Главная страница (About)

На главной странице вы можете увидеть слайдер, неплохо рекламирующий продукцию или услуги компании и мотивирующие нажать кнопку «Подробнее» или, скажем, «Заявка на звонок». Все очень красиво и просто! Далее идет приветственный текст, красиво обработанный и гармонично вписанный в дизайн. Также есть блок с логотипами клиентов. Шапка и подвал сайта на всех страницах одинаковые: очень просто и понятное меню и минималистичный футер с копирайтом и иконками социальных сетей.

Страница «Works»

На этой странице вы увидите своего рода портфолио, но, я думаю, что ее можно превратить, скажем, в страницу с услугами. Здесь также нет ничего эксклюзивного и экстаординарного, все очень просто и со вкусом. Да и если Вам уж очень нужен какой то мегакреативный сайт, то вы можете обратиться к web-разработчику или web-студии за индивидуальной разработкой. Правда cоздание эксклюзивного сайта обойдется Вам достататочно дорого, но если обратиться в хорошую компанию или к хорошему мастеру — Вы можете получить действительно тот продукт, о котором мечтали и думали. Но раз уж мы заговорили о создании сайтов, то я Вам скажу, что эксклюзивный сайт — не является хорошим с точки зрения бизнеса, ведь для бизнеса важна прибыль, поэтому сайт в первую очередь должен быть продающим.

Если у Вас есть понимание, каким должен быть продающий сайт, то вы прекрасно можете использовать данный html шаблон, так как он скорее всего подойдет под такой сайт. Но если у Вас нет никакого опыта в создании сайтов, да и вообще вы ничего не смыслите в интернет продажах, то я Вам советую обратитьтя в соответствующую контору, которая занимается 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. Имеет простой и понятный интерфейс.

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

Онлайн-билдер для конструирования интернет-ресурсов. Предлагает услуги хостинга и регистрации домена. Можно настроитьпараллакс, смену фавикона. Есть база обучающих материалов.

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

Онлайн-билдер для конструирования интернет-ресурсов. Предлагает услуги хостинга и регистрации домена. Можно настроитьпараллакс, смену фавикона. Есть база обучающих материалов.

Перейти на сайт

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 для создания сайта-визитки, каталога и интернет-магазина. Можно заказать разработку дизайна, зарегистрировать домен, интегрировать социальные сети.

Перейти на сайт

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

Основная задача CMS для сайта визиток — это помощь в максимально удобном и быстром создании тематических порталов и бизнес-решений. Многие сервисы имеют пробный период, предоставляют множество дополнительных услуг (бесплатный хостинг, тематические и универсальные шаблоны, совместимость с мобильными приложениями и другие возможности).

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

На портале coba. tools вашему вниманию представлен большой выбор универсальных шаблонов сайтов-визиток. Разнообразие сервисов позволяет провести поиск и сравнение ресурсов по основным характеристикам, ознакомиться с отзывами пользователей, узнать общий рейтинг ресурсов.

17 визитных карточек CSS

Коллекция бесплатных примеров кода визитных карточек HTML и CSS из codepen и других ресурсов. Обновление коллекции за февраль 2019 года. 2 новых предмета.

1. Карты CSS
2. Карточки блога CSS
3. Эффекты наведения карты CSS
4. Макеты карточек CSS
5. Флип-карточки CSS
6. Карточки дизайна материалов CSS
7. Карточки фильмов CSS
8. Карточки профилей CSS
9. Карточки рецептов CSS
10. Кредитные карты 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, визитная карточка

24.

No related posts.