Сниппет бутстрап командный раздел
Сниппет командный раздел построена на бутстрап 4 имеет двух колоночную структуру.
HTML
<!-- Header -->
<header class="bg-primary text-center py-5 mb-4">
<div class="container">
<h1 class="font-weight-light text-white">Meet the Team</h1>
</div>
</header>
<!-- Page Content -->
<div class="container">
<div class="row">
<!-- Team Member 1 -->
<div class="col-xl-3 col-md-6 mb-4">
<div class="card border-0 shadow">
<img src="https://source.unsplash.com/TMgQMXoglsM/500x350" class="card-img-top" alt="...">
<div class="card-body text-center">
<h5 class="card-title mb-0">Team Member</h5>
<div class="card-text text-black-50">Web Developer</div>
</div>
</div>
</div>
<!-- Team Member 2 -->
<div class="col-xl-3 col-md-6 mb-4">
<div class="card border-0 shadow">
<img src="https://source.unsplash.com/9UVmlIb0wJU/500x350" class="card-img-top" alt="...">
<div class="card-body text-center">
<h5 class="card-title mb-0">Team Member</h5>
<div class="card-text text-black-50">Web Developer</div>
</div>
</div>
</div>
<!-- Team Member 3 -->
<div class="col-xl-3 col-md-6 mb-4">
<div class="card border-0 shadow">
<img src="https://source.unsplash.com/sNut2MqSmds/500x350" class="card-img-top" alt="...">
<div class="card-body text-center">
<h5 class="card-title mb-0">Team Member</h5>
<div class="card-text text-black-50">Web Developer</div>
</div>
</div>
</div>
<!-- Team Member 4 -->
<div class="col-xl-3 col-md-6 mb-4">
<div class="card border-0 shadow">
<img src="https://source.unsplash.com/ZI6p3i9SbVU/500x350" class="card-img-top" alt="...">
<div class="card-body text-center">
<h5 class="card-title mb-0">Team Member</h5>
<div class="card-text text-black-50">Web Developer</div>
</div>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
Ссылка для скачивания доступна только авторизованным пользователям, пожалуйста пройдите регистрацию.
Это займёт не более минуты. Не волнуйтесь, мы не спамим!
У данной публикации нет комментариев.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Облако тегов
Bootstrap bootstrap CSS CSS3 dle DLE fruit farm html html шаблон html5 HTML5 Payeer PNG PSD wap Wordpress Скрипт удвоителя адаптивный адаптивный шаблон бонусник дизайн игровой хостинг иконки лендинг меню модуль панель портфолио сайт скрипт скрипт фермы текстура удвоитель удвоитель Payeer ферма фон фруктовая ферма хак шаблон экономическая игра
Пользуетесь ли Вы облаком тегов