Result: Ad banners updated
|
|
@ -706,7 +706,7 @@ input[type="text"], input[type="email"], input[type="password"], select {
|
|||
|
||||
.share-subtext2 {
|
||||
font-family: "TT Commons Pro Medium";
|
||||
margin: -5px 10px 10px 10px;
|
||||
margin: 0px 10px 10px 10px;
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
|
|
@ -740,63 +740,18 @@ input[type="text"], input[type="email"], input[type="password"], select {
|
|||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0px auto;
|
||||
padding: 30px 40px;
|
||||
margin-bottom: -20px;
|
||||
}
|
||||
|
||||
.banner1-cta {
|
||||
font-family: 'TT Commons Pro Bold';
|
||||
width: auto;
|
||||
border-radius: 5px;
|
||||
padding: 12px 15px;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
margin: auto;
|
||||
text-decoration: none;
|
||||
|
||||
color: #fff;
|
||||
background: #00AA28;
|
||||
|
||||
position: relative;
|
||||
bottom: 4.5rem;
|
||||
left: 3.5rem;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.banner2-container {
|
||||
margin: 30px 40px 0px 40px;
|
||||
padding-bottom: 25px;
|
||||
margin: 30px 30px 0px 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.banner2 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0px auto;
|
||||
margin-bottom: -20px;
|
||||
}
|
||||
|
||||
.banner2-cta {
|
||||
font-family: 'TT Commons Pro Bold';
|
||||
width: auto;
|
||||
border-radius: 5px;
|
||||
padding: 12px 15px;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
margin: auto;
|
||||
text-decoration: none;
|
||||
|
||||
color: #fff;
|
||||
background: #00AA28;
|
||||
|
||||
position: relative;
|
||||
bottom: 3rem;
|
||||
left: 1.5rem;
|
||||
}
|
||||
|
||||
.banner1-cta:hover, .banner1-cta:focus, .banner2-cta:hover, .banner2-cta:focus, #cookie-accept-btn:hover, #cookie-accept-btn:focus, .modal-close:hover, .modal-close:focus {
|
||||
background: #00871E;
|
||||
border-color: #00871E;
|
||||
}
|
||||
|
||||
#banner1-mb, #banner2-mb {
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 362 KiB After Width: | Height: | Size: 201 KiB |
|
Before Width: | Height: | Size: 51 KiB After Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 343 KiB After Width: | Height: | Size: 838 KiB |
|
Before Width: | Height: | Size: 261 KiB After Width: | Height: | Size: 251 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
|
@ -99,7 +99,7 @@
|
|||
:href="$store.songApp.isDownloadReady ? 'https://valentinesong.oliver.digital/back/api/download/' + $store.songApp.sessionId : 'javascript:void(0);'"
|
||||
class="download-song-btn"
|
||||
:class="{ 'disabled-cta': !$store.songApp.isDownloadReady }"
|
||||
>Download now to keep ypur song</a>
|
||||
>Download now to keep your song</a>
|
||||
|
||||
<template x-if="!$store.songApp.isDownloadReady">
|
||||
<div class="share-subtext">Download ready in <span x-text="$store.songApp.timerDisplay">03:00</span>.</div>
|
||||
|
|
@ -112,16 +112,18 @@
|
|||
x-text="$store.songApp.hasError ? 'Try again' : 'Need another song?'"
|
||||
></a>
|
||||
|
||||
<div class="banner1-container">
|
||||
<img id="banner1-mb" class="banner1" src="assets/images/head-tails-btn.png" alt="Fall head over tails" />
|
||||
<img id="banner1-dt" class="banner1" src="assets/images/head-tails-btn-dt.png" alt="Fall head over tails" />
|
||||
<a href="https://www.petsathome.com/campaigns/listing/valentines" target="_blank" class="banner1-cta" aria-label="Fall head over tails">Shop now</a>
|
||||
<div class="banner1-container">
|
||||
<a href="https://www.petsathome.com/campaigns/listing/valentines" target="_blank" class="banner1-cta" aria-label="Fall head over tails">
|
||||
<img id="banner1-mb" class="banner1" src="assets/images/head-tails-btn.png" alt="Fall head over tails" />
|
||||
<img id="banner1-dt" class="banner1" src="assets/images/head-tails-btn-dt.png" alt="Fall head over tails" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="banner2-container">
|
||||
<img id="banner2-mb" class="banner2" src="assets/images/club-member.png" alt="Not a Pets Club member" />
|
||||
<img id="banner2-dt" class="banner2" src="assets/images/club-member-dt.png" alt="Not a Pets Club member" />
|
||||
<a href="https://signup.petsathome.com/?_gl=1*iz9hoy*_gcl_aw*R0NMLjE3Njg1NzcyODkuQ2p3S0NBaUE0S2ZMQmhCMEVpd0FVWTdHQWZTRzBGcE1pekpZYUhWVGxxMEFxNXJaRGR6cEQtQW8zSFRPOGw2bTRDVmJualRyT3V3bVBCb0NHckVRQXZEX0J3RQ..*_gcl_dc*R0NMLjE3Njg1NzcyODkuQ2p3S0NBaUE0S2ZMQmhCMEVpd0FVWTdHQWZTRzBGcE1pekpZYUhWVGxxMEFxNXJaRGR6cEQtQW8zSFRPOGw2bTRDVmJualRyT3V3bVBCb0NHckVRQXZEX0J3RQ..*_gcl_au*NDA5MDMwNTY4LjE3NjcwMDczMTk.*_ga*MTY1MTAwOTMyNy4xNzQyNDY5Mzcz*_ga_SCDHP6GJGF*czE3NzAxMTkyMzYkbzE2NCRnMSR0MTc3MDExOTY5NSRqMTIkbDAkaDIwNTY2NTE5MzQ.*_fplc*JTJCbEhEdzFrVFZ2SmFlOGUwYXZxNXI5VEhmM2Fac01MWjhPc05PV01pSnprT0poaloxclE4QWlnZ2lDNlMlMkJWNXlKTWhXM2lWVFRjV1YxcDBYbjMwcHR3anZnYmQzeVFZTWcyUGdBTHBERXdGdmR5YmdoeHIzOUZlN3RKaE5WUSUzRCUzRA.." target="_blank" class="banner2-cta" aria-label="Fall head over tails">Join now</a>
|
||||
<a href="https://signup.petsathome.com/?_gl=1*iz9hoy*_gcl_aw*R0NMLjE3Njg1NzcyODkuQ2p3S0NBaUE0S2ZMQmhCMEVpd0FVWTdHQWZTRzBGcE1pekpZYUhWVGxxMEFxNXJaRGR6cEQtQW8zSFRPOGw2bTRDVmJualRyT3V3bVBCb0NHckVRQXZEX0J3RQ..*_gcl_dc*R0NMLjE3Njg1NzcyODkuQ2p3S0NBaUE0S2ZMQmhCMEVpd0FVWTdHQWZTRzBGcE1pekpZYUhWVGxxMEFxNXJaRGR6cEQtQW8zSFRPOGw2bTRDVmJualRyT3V3bVBCb0NHckVRQXZEX0J3RQ..*_gcl_au*NDA5MDMwNTY4LjE3NjcwMDczMTk.*_ga*MTY1MTAwOTMyNy4xNzQyNDY5Mzcz*_ga_SCDHP6GJGF*czE3NzAxMTkyMzYkbzE2NCRnMSR0MTc3MDExOTY5NSRqMTIkbDAkaDIwNTY2NTE5MzQ.*_fplc*JTJCbEhEdzFrVFZ2SmFlOGUwYXZxNXI5VEhmM2Fac01MWjhPc05PV01pSnprT0poaloxclE4QWlnZ2lDNlMlMkJWNXlKTWhXM2lWVFRjV1YxcDBYbjMwcHR3anZnYmQzeVFZTWcyUGdBTHBERXdGdmR5YmdoeHIzOUZlN3RKaE5WUSUzRCUzRA.." target="_blank" class="banner2-cta" aria-label="Fall head over tails">
|
||||
<img id="banner2-mb" class="banner2" src="assets/images/club-member.png" alt="Not a Pets Club member" />
|
||||
<img id="banner2-dt" class="banner2" src="assets/images/club-member-dt.png" alt="Not a Pets Club member" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||