Commit 8da4ab4f authored by Ken Hawkins's avatar Ken Hawkins
Browse files

Add image, buttons

parent 2ec019c3
Pipeline #69489 passed with stages
in 3 minutes and 22 seconds
......@@ -277,15 +277,32 @@
<p>While the physical EMBL-EBI site is closed, staff continue to work from home to tackle COVID-19.</p>
</div>
<div class="">
<section class="vf-grid vf-grid__col-2 | vf-box vf-box--normal vf-u-padding__top--xxl vf-u-padding__bottom--xxl"
<section class="vf-grid vf-grid__col-2 | vf-box vf-box--normal vf-box-theme--qauternary vf-u-padding__top--xxl vf-u-padding__bottom--xxl"
style="
background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fcommons%2Fthumb%2Fa%2Fac%2FService_mark.svg%2F1200px-Service_mark.svg.png&f=1&nofb=1');
background-position: 95% 50%;
background-color: #fff;
background-image: url('https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/2020/04/covid19_portal_banner_transparent3.png');
background-position: 20% 50%;
background-repeat: no-repeat;
background-size: 40%;
background-size: cover;
">
<h3 class="vf-box__heading | vf-text-heading--2" style="color: #fff">COVID-19 Data Portal</h3>
<p class="vf-box__text | vf-text-body--2" style="max-width: 400px;">We have launched a collaborative space for sharing and analysing COVID-19 related data.</p>
<a href="#" class="logo"
style="
background-image: url('https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/2020/04/COVID-19DataPortal_logo2020.png');
background-position: 0% 50%;
background-repeat: no-repeat;
background-size: contain;
width: 40%;
min-width: 100px;
max-width: 700px;
height: 150px;
float: right;
margin-right: 2rem;
display: inline-block;
">
<!-- logo -->
</a>
<h3 class="vf-box__heading | vf-text-heading--2" style="color: #000">COVID-19 Data Portal</h3>
<p class="vf-box__text | vf-text-body--2" style="color: #000; max-width: 400px;">We have launched a collaborative space for sharing and analysing COVID-19 related data.</p>
<p>
<a href="#" class="vf-button vf-button--outline vf-button--primary vf-button--sm">Explore</a>
</p>
......@@ -421,16 +438,19 @@
Submit COVID-19 data
</h4>
<p class="vf-text-body vf-text-body--3">
Share your data through the COVID-19 Portal. <a href="#">See the submission instructions</a>
Share your data through the COVID-19 Portal.
</p>
<a class="vf-button vf-button--primary vf-button--sm" href="#t">See submission instructions</a>
</div>
<div>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--">
Become a collaborator
</h4>
<p class="vf-text-body vf-text-body--3">
Email <a href="mailto:virus-dataflow@ebi.ac.uk" class="vf-link">virus-dataflow@ebi.ac.uk</a> if you are interested in getting involved in the COVID-19 Portal.
Interested in getting involved in the COVID-19 Data Portal?
</p>
<a href="mailto:virus-dataflow@ebi.ac.uk" class="vf-button vf-button--primary vf-button--sm">Contact us</a>
</div>
</section>
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment