Home block

When home block is a header (used on the homepage)

Your platform for research integrity and ethics

<div id="top" class="homeblock is-header homeblock--top">
<div class="container">
<div class="row">
<div class="homeblock-content">
<h1 class="homeblock-title">Your platform for research integrity and ethics</h1>
<!-- no rendering of description or cards -->
<div class="homeblock-anchor text-center">
<a href="#help">What's here<br>for me</a>
</div>
</div>
</div>
</div>
</div>

When home block is not a page header (also used on the homepage)

<div id="help" class="homeblock homeblock--help">
<div class="container">
<div class="row">
<div class="homeblock-content">
<h1 class="homeblock-title">What's here for me?</h1>
<div class="homeblock-description">
<p>The Embassy offers help to anyone seeking support in handling day-to-day research
practices and
dilemmas.</p>
</div>
<div class="homeblock-cards">
<div class="card-grid-4">
<a href="#" class="card">
<div class="card-header">
<div class="card-icon">
<svg>
<use xlink:href="#icon-themes"></use>
</svg>
</div>
</div>
<div class="card-body">
<h5 class="card-title text-center">Dive into a relevant theme</h5>
<p class="card-text text-center">Themes</p>
</div>
</a>
<a href="#" class="card">
<div class="card-header">
<div class="card-icon">
<svg>
<use xlink:href="#icon-resources"></use>
</svg>
</div>
</div>
<div class="card-body">
<h5 class="card-title text-center">Work with our resources</h5>
<p class="card-text text-center">Resources</p>
</div>
</a>
<a href="#" class="card">
<div class="card-header">
<div class="card-icon">
<svg>
<use xlink:href="#icon-discussions"></use>
</svg>
</div>
</div>
<div class="card-body">
<h5 class="card-title text-center">Connect with the research community</h5>
<p class="card-text text-center">Discussions</p>
</div>
</a>
<a href="#" class="card">
<div class="card-header">
<div class="card-icon">
<svg>
<use xlink:href="#icon-trainings"></use>
</svg>
</div>
</div>
<div class="card-body">
<h5 class="card-title text-center">Develop knowledge through training</h5>
<p class="card-text text-center">Training</p>
</div>
</a>
</div>
</div>
<div class="homeblock-anchor text-center">
<a href="#about">About The Embassy of Good Science</a>
</div>
</div>

</div>
</div>
</div>

About The Embassy HomeBlock

About The Embassy of Good Science

A place where the community can share experiences and insights, deepening understanding and continuously contribute to the development of good science.

<div id="about" class="homeblock homeblock--about">
<div class="container">
<div class="row">
<div class="homeblock-content">
<h1 class="homeblock-title">About The Embassy of Good Science</h1>
<div class="homeblock-description">
<p>A place where the community can share experiences and insights, deepening understanding
and
continuously contribute to the development of good science.</p>
</div>
<div class="homeblock-aboutcards">
<a class="about-card" href="https://www.embassy.science/about" target="_blank"
rel="noopener noreferrer">

<div class="about-card-head">
<img class="about-card-image" src="/static/images/about-visuals-photography.jpg"
alt="">

</div>
<div class="about-card-content">
<h3 class="about-card-title">About The Embassy of Good Science</h3>
<p class="about-card-text">Learn more about The Embassy’s mission, meet the founders
and see who already contributed.</p>
</div>
</a>
<a class="about-card"
href="https://www.embassy.science/uploads/files/The-Embassy-of-Good-Science-Declaration.pdf"
target="_blank" rel="noopener noreferrer">

<div class="about-card-head">
<img class="about-card-image" src="/static/images/about-visuals-declaration.jpg"
alt="">

</div>
<div class="about-card-content">
<h3 class="about-card-title">Our declaration for doing good science</h3>
</div>
</a>
<a class="about-card"
href="https://www.embassy.science/uploads/files/The-Embassy-of-Good-Science-Community-guidelines.pdf"
target="_blank" rel="noopener noreferrer">

<div class="about-card-head">
<img class="about-card-image" src="/static/images/about-visuals-guidelines.jpg"
alt="">

</div>
<div class="about-card-content">
<h3 class="about-card-title">About The Embassy of Good Science</h3>
</div>
</a>
</div>
<div class="homeblock-anchor text-center">
<a href="#newsletter">Stay up to date with the development of The Embassy</a>
</div>
</div>
</div>
</div>
</div>