Block #3
Team Block
Tips:
How to hide any element for non-logged in users or show it only for logged in users? Learn more
Title modifications - Learn more
All available options
Turn on
Show Block Separator (hr)
Additional Class Name (only for developers)
Intro Title
Intro Content
HTML Content
Footer Content
Preview
Code snippet
You can use this code everywhere on your moodle website e.g:
Front page
Course page
Any sub pages
Image dimensions: 270x400px
<div class="rui-card-team-grid wrapper-xxl">
<!-- Start item -->
<div class="rui-block-team-item">
<img src="https://demo.rosea.io/baz/1/pluginfile.php/1/theme_baz/bazsettingsimgs/0/t-4.jpeg" alt="Team #1" width="520" height="770" class="img-fluid atto_image_button_middle">
<h4 class="rui-block-team-title">Christa McAuliffe</h4>
<div class="rui-block-team-desc">CEO</div>
<div class="rui-block-team-desc--sm">Since 2009</div>
</div>
<!-- End item -->
<!-- Start item -->
<div class="rui-block-team-item">
<img src="https://demo.rosea.io/baz/1/pluginfile.php/1/theme_baz/bazsettingsimgs/0/team-5.jpeg" alt="ku" width="520" height="770" class="img-fluid atto_image_button_text-bottom">
<h4 class="rui-block-team-title">Helen Keller</h4>
<div class="rui-block-team-desc">Senior Vice President Services</div>
</div>
<!-- End item -->
<!-- Start item -->
<div class="rui-block-team-item">
<img src="https://demo.rosea.io/baz/1/pluginfile.php/1/theme_baz/bazsettingsimgs/0/team-8.jpeg" alt="team #3" width="520" height="770" class="img-fluid atto_image_button_text-bottom">
<h4 class="rui-block-team-title">Mark Twain</h4>
<div class="rui-block-team-desc">Senior Vice President Machine Learning and AI Strategy</div>
</div>
<!-- End item -->
<!-- Start item -->
<div class="rui-block-team-item">
<img src="https://demo.rosea.io/baz/1/pluginfile.php/1/theme_baz/bazsettingsimgs/0/t-1.jpeg" alt="Team #4" width="520" height="770" class="img-fluid atto_image_button_text-bottom">
<h4 class="rui-block-team-title">William Holmes McGuffey</h4>
<div class="rui-block-team-desc">Sales & Customer Success Enablement Manager</div>
</div>
<!-- End item -->
<!-- Start item -->
<div class="rui-block-team-item">
<img src="https://demo.rosea.io/baz/1/pluginfile.php/1/theme_baz/bazsettingsimgs/0/team-7.png" alt="Team #5" width="520" height="770" class="img-fluid atto_image_button_text-bottom">
<h4 class="rui-block-team-title">Anton Makarenko</h4>
<div class="rui-block-team-desc">Manager, Technical Recruiting<br>(Product & Data)</div>
</div>
<!-- End item -->
<!-- Start item -->
<div class="rui-block-team-item">
<img src="https://demo.rosea.io/baz/1/pluginfile.php/1/theme_baz/bazsettingsimgs/0/team-9.jpeg" alt="Team #6
" width="520" height="770" class="img-fluid atto_image_button_text-bottom">
<h4 class="rui-block-team-title">John Dewey</h4>
<div class="rui-block-team-desc">Product Manager, Risk & Payments</div>
</div>
<!-- End item -->
<!-- Start item -->
<div class="rui-block-team-item">
<img src="https://demo.rosea.io/baz/1/pluginfile.php/1/theme_baz/bazsettingsimgs/0/t-6.jpeg" alt="Team #7" width="520" height="770" class="img-fluid atto_image_button_text-bottom">
<h4 class="rui-block-team-title">Eve Johnson</h4>
<div class="rui-block-team-desc">Social Media Manager</div>
</div>
<!-- End item -->
<!-- Start item -->
<div class="rui-block-team-item">
<img src="https://demo.rosea.io/baz/1/pluginfile.php/1/theme_baz/bazsettingsimgs/0/team-6.jpeg" alt="Team #8" width="520" height="770" class="img-fluid atto_image_button_text-bottom">
<h4 class="rui-block-team-title">Caroline van Diesel</h4>
<div class="rui-block-team-desc">Advanced Technical Support Lead</div>
</div>
<!-- End item -->
</div>
Last updated