Eco Wiki: различия между версиями
Материал из Eco - Русская Wiki
[досмотренная версия] | [досмотренная версия] |
StalEF (обсуждение | вклад) Нет описания правки |
StalEF (обсуждение | вклад) Нет описания правки |
||
Строка 1: | Строка 1: | ||
test | test | ||
<div class=" | <!-- For demo purpose --> | ||
<div class="container py-5"> | |||
<div class="row text-center text-white"> | |||
<div class="col-lg-8 mx-auto"> | |||
<h1 class="display-4">Team Page</h1> | |||
<p class="lead mb-0">Using Bootstrap 4 grid and utilities, create a nice team page.</p> | |||
<p class="lead">Snippet by<a href="https://bootstrapious.com/snippets" class="text-white"> | |||
</div> | <u>Bootstrapious</u></a> | ||
</p> | |||
</div> | |||
</div> | |||
</div><!-- End --> | |||
<div class=" | |||
<div class="container"> | |||
<div class="row text-center"> | |||
<!-- Team item --> | |||
<div class="col-xl-3 col-sm-6 mb-5"> | |||
<div class="bg-white rounded shadow-sm py-5 px-4"><img src="https://d19m59y37dris4.cloudfront.net/university/1-1-1/img/teacher-4.jpg" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm"> | |||
<h5 class="mb-0">Manuella Nevoresky</h5><span class="small text-uppercase text-muted">CEO - Founder</span> | |||
<ul class="social mb-0 list-inline mt-3"> | |||
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-facebook-f"></i></a></li> | |||
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-twitter"></i></a></li> | |||
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-instagram"></i></a></li> | |||
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-linkedin"></i></a></li> | |||
</ul> | |||
</div> | |||
</div><!-- End --> | |||
<!-- Team item --> | |||
<div class="col-xl-3 col-sm-6 mb-5"> | |||
<div class="bg-white rounded shadow-sm py-5 px-4"><img src="https://d19m59y37dris4.cloudfront.net/university/1-1-1/img/teacher-2.jpg" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm"> | |||
<h5 class="mb-0">Samuel Hardy</h5><span class="small text-uppercase text-muted">CEO - Founder</span> | |||
<ul class="social mb-0 list-inline mt-3"> | |||
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-facebook-f"></i></a></li> | |||
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-twitter"></i></a></li> | |||
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-instagram"></i></a></li> | |||
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-linkedin"></i></a></li> | |||
</ul> | |||
</div> | |||
</div><!-- End --> | |||
<!-- Team item --> | |||
<div class="col-xl-3 col-sm-6 mb-5"> | |||
<div class="bg-white rounded shadow-sm py-5 px-4"><img src="https://d19m59y37dris4.cloudfront.net/university/1-1-1/img/teacher-1.jpg" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm"> | |||
<h5 class="mb-0">Tom Sunderland</h5><span class="small text-uppercase text-muted">CEO - Founder</span> | |||
<ul class="social mb-0 list-inline mt-3"> | |||
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-facebook-f"></i></a></li> | |||
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-twitter"></i></a></li> | |||
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-instagram"></i></a></li> | |||
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-linkedin"></i></a></li> | |||
</ul> | |||
</div> | |||
</div><!-- End --> | |||
<!-- Team item --> | |||
<div class="col-xl-3 col-sm-6 mb-5"> | |||
<div class="bg-white rounded shadow-sm py-5 px-4"><img src="https://d19m59y37dris4.cloudfront.net/university/1-1-1/img/teacher-7.jpg" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm"> | |||
<h5 class="mb-0">John Tarly</h5><span class="small text-uppercase text-muted">CEO - Founder</span> | |||
<ul class="social mb-0 list-inline mt-3"> | |||
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-facebook-f"></i></a></li> | |||
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-twitter"></i></a></li> | |||
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-instagram"></i></a></li> | |||
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-linkedin"></i></a></li> | |||
</ul> | |||
</div> | |||
</div><!-- End --> | |||
</div> | |||
</div> | </div> |
Версия от 07:50, 9 мая 2021
test
Team Page
Using Bootstrap 4 grid and utilities, create a nice team page.
Snippet by<a href="https://bootstrapious.com/snippets" class="text-white"> Bootstrapious</a>
<img src="https://d19m59y37dris4.cloudfront.net/university/1-1-1/img/teacher-4.jpg" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
Manuella Nevoresky
CEO - Founder<img src="https://d19m59y37dris4.cloudfront.net/university/1-1-1/img/teacher-2.jpg" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
Samuel Hardy
CEO - Founder<img src="https://d19m59y37dris4.cloudfront.net/university/1-1-1/img/teacher-1.jpg" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
Tom Sunderland
CEO - Founder<img src="https://d19m59y37dris4.cloudfront.net/university/1-1-1/img/teacher-7.jpg" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">