<div class="fanapplayout">
<picture>
<source media="(max-width:768px)" srcset=/assets/example-content/Mobile_bg_fan.png />
<source media="(min-width:769px)" srcset=/assets/example-content/Desktop_bg_fan.png />
<img src="/assets/example-content/Desktop_bg_fan.png" alt="landing page layout image" />
</picture>
<div class="fanapplayout__container">
<div class="logo-container">
<img src="/assets/example-content/England_logo.png" class="logo" alt="england football logo">
</div>
<div class="title-container">
<div>WATCH THIS VIDEO</div>
<div class="title-second-line">
<div>Download the Official England App</div>
</div>
</div>
<div class="thumbnail-container"></div>
<div class="download-links">
<a class="apple-appstore-link" href=https://apps.apple.com/app/the-official-england-app/id6759335403>
<img src=/assets/example-content/apple-appstore.svg alt="Download on the App Store" />
</a>
<a class="google-playstore-link" href="https://play.google.com/store/apps/details?id=com.thefa.fanapp">
<img src=/assets/example-content/google-playstore.svg alt="Get it on Google Play" />
</a>
</div>
</div>
</div>
No notes defined.
{
"imageUrl": "/assets/example-content/England_logo.png",
"appStoreImg": "/assets/example-content/apple-appstore.svg",
"playStoreImg": "/assets/example-content/google-playstore.svg",
"backgroundImgDesktop": "/assets/example-content/Desktop_bg_fan.png",
"backgroundImgMobile": "/assets/example-content/Mobile_bg_fan.png",
"appstoreUrl": "https://apps.apple.com/app/the-official-england-app/id6759335403",
"playstoreUrl": "https://play.google.com/store/apps/details?id=com.thefa.fanapp",
"title": "WATCH THIS VIDEO",
"subtitle": "Download the Official England App"
}
<div class="fanapplayout">
<picture>
<source
media="(max-width:768px)"
srcset={{backgroundImgMobile}}
/>
<source
media="(min-width:769px)"
srcset={{backgroundImgDesktop}}
/>
<img
src="/assets/example-content/Desktop_bg_fan.png"
alt="landing page layout image"
/>
</picture>
<div class="fanapplayout__container">
<div class="logo-container">
<img src="{{imageUrl}}" class="logo" alt="england football logo">
</div>
<div class="title-container">
<div>{{title}}</div>
<div class="title-second-line">
<div>{{subtitle}}</div>
</div>
</div>
<div class="thumbnail-container"></div>
<div class="download-links">
<a class="apple-appstore-link" href={{appstoreUrl}}>
<img src={{appStoreImg}} alt="Download on the App Store"/>
</a>
<a class="google-playstore-link" href="{{playstoreUrl}}">
<img src={{playStoreImg}} alt="Get it on Google Play"/>
</a>
</div>
</div>
</div>