Om een inzetbanner toe te voegen aan een webpagina kun je een HTML-code van ons kopiëren en plakken. Hiermee wordt er een panoramabanner toegevoegd waarin over je inzet wordt verteld en een koppeling naar je bos wordt gegeven.
Hieronder zie je een screenshot van de banner die we je geven:
Je moet de code kopiëren en de vetgedrukte informatie invullen. Voeg de onderstaande code toe aan je website als die in het Engels is. Voor andere talen, kun je ons contacteren.
De code die je dient te gebruiken
<div style="display:block;width:100%;position:relative;background-image:url(https://tree-nation.com/images/forest-banner/forest-banner-background-1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;text-align:center;padding:50px 0 80px;font-family:'Source Sans Pro',Lato,Helvetica,Arial,sans-serif;">
<h2 style="color:white;font-size:40px;font-weight:400;margin:0;text-shadow:0px 2px 19px rgba(0,0,0,0.8);">COMPANY NAME's commitment for the Planet</h2>
<p style="color:white;font-size: 18px;font-weight:400;margin:10px 0 20px;text-shadow:0px 2px 19px rgba(0,0,0,0.8);">INSERT YOUR PLANTING COMMITMENT HERE</p>
<a href="https://tree-nation.com/profile/COMPANY-NAME" style="padding:9px 20px;background:white;text-decoration:none;color:#49bb6b;border-radius:4px;font-size:15px;box-shadow:0px 2px 19px rgba(0,0,0,0.2);">Discover our COMPANY NAME forest</a>
<div style="position:absolute;bottom:13px;right:20px;">
<span style="color:white;font-size:14px;font-weight:400;margin-right:10px;text-shadow:0px 2px 19px rgba(0,0,0,0.8);">In partnership with</span>
<img style="width:200px;vertical-align:middle;" src="https://tree-nation.com/images/tree-nation-logo.svg" alt="Tree-Nation logo">
</div>
</div>
Een andere bannerachtergrond kiezen
Als je een andere achtergrondafbeelding wilt gebruiken voor je banner, dan moet je de URL van de afbeelding in de bovenstaande code (op de eerste en tweede regel) vervangen. Deze code bevat een koppeling en brengt je naar de achtergrondafbeelding die je in het voorbeeld hierboven kan zien.
Zoek naar deze link -> https://tree-nation.com/images/forest-banner/forest-banner-background-1.jpg
Je moet deze link vervangen door die van een achtergrond naar keuze uit de opties hieronder.
Hier zijn je opties.
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_4.png
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_6.png
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty.png
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_2.png
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_7.png
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_8.png
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_5.png
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_9.png
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_3.png
