Skip to content

Instantly share code, notes, and snippets.

@miketaylr

miketaylr/gist:3c11c8c36e3592f93191c17268b4f47d

Last active October 5, 2017 18:48
Show Gist options
  • Save miketaylr/3c11c8c36e3592f93191c17268b4f47d to your computer and use it in GitHub Desktop.
Save miketaylr/3c11c8c36e3592f93191c17268b4f47d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<div class="parsys pagestage section hidden-mobile">
<style type="text/css">
@media screen and (min-width: 960px) {
.inline-page-stage-contentwwwupccablecomchenteasersdefaultjcrcontentpromofullwidth1pagestage {
}
}
@media screen and (min-width: 640px) and (max-width: 959px) {
.inline-page-stage-contentwwwupccablecomchenteasersdefaultjcrcontentpromofullwidth1pagestage {
background: #FFFFFF;
background: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 100%);
background: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF 100%);
background: -ms-linear-gradient(left, #FFFFFF 0%, #FFFFFF 100%);
background: -o-linear-gradient(left, #FFFFFF 0%, #FFFFFF 100%);
background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 100%);
}
}
@media screen and (max-width: 639px) {
.inline-page-stage-contentwwwupccablecomchenteasersdefaultjcrcontentpromofullwidth1pagestage {
background: #3366FF;
background: -webkit-linear-gradient(left, #3366FF 0%, #000080 100%);
background: -moz-linear-gradient(left, #3366FF 0%, #000080 100%);
background: -ms-linear-gradient(left, #3366FF 0%, #000080 100%);
background: -o-linear-gradient(left, #3366FF 0%, #000080 100%);
background: linear-gradient(to right, #3366FF 0%, #000080 100%);
}
}
</style>
<div class="ctrl ctrlPageStageOptimized ctrlFullWidthBox clearFloat inline-page-stage-contentwwwupccablecomchenteasersdefaultjcrcontentpromofullwidth1pagestage " style="width: 1038px; margin-left: -49px;">
<div class="stage-background-container">
<div class="stage-outer for-image">
<div class="stage-inner">
<img class="stage-background hidden-mobile hidden-tablet" src="/en/teasers/default/_jcr_content/promofullwidth1/pagestage/background.img.jpg/1500897417811.jpg" alt="">
<img class="stage-background hidden-mobile hidden-desktop" src="/en/teasers/default/_jcr_content/promofullwidth1/pagestage/backgroundtablet.img.jpg/1500897417811.jpg" alt="">
</div>
</div>
</div>
<div class="stage-content-container full-width-content" style="min-height: 600px; width: 940px; margin-left: 49px;">
<div class="spacer section">
<div class="ctrlSpacer " style="height: 70px;">
</div></div>
<div class="section header">
<h1 class="ctrl ctrlHeading h2 text-position-center header-872c7d7b-be9b-4646-ab70-39b90c9969bc text-position-center" style="color: #FFFFFF;">
Welcome, make your selection<br>
</h1>
</div>
<div class="spacer hidden-tablet section hidden-mobile">
<div class="ctrlSpacer " style="height: 20px;">
</div></div>
<div class="columncontainer section">
<div class="ctrlColumnContainer clearFloat
mobile-rows
">
<div class="colcont-column first " style="width: calc(22.22222137451172% - 3px);">
<div class="colcont-content" style=" margin-right: 10px;">
<div class="" data-id="1618542c-d577-41b9-8c1f-7ec62b719753">
<div class="parsys colcont0">
<div class="image section">
<div class="textcenter">
<div class="floatcenter lgi-img-effect-none clearboth">
<a href="/en/bundles/connect-play/" target="_top"><img src="/en/teasers/default/_jcr_content/promofullwidth1/pagestage/columncontainer/colcont0/image_0.img.png/1495463561165.png" alt="" id="promofullwidth1_pagestage_columncontainer_colcont0_image_0" data-upc-tooltip-type="none" title="" data-upctooltip=""></a>
</div>
</div>
<div class="clear"></div>
</div>
<div class="button section">
<div class="text-position-center">
<a class="ctrl ctrlButton style-blue with-icon icon-arrow-right position-icon-right " href="/en/bundles/connect-play/" style="" data-action="link" data-text2="" data-icon-class2="" data-style2="" data-append-availability-check-address="" data-dynamic-link-based-on-basket="false">Connect &amp; Play</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="colcont-column " style="width: calc(22.22222137451172% + 7px);">
<div class="colcont-content" style="margin-left: 10px; margin-right: 10px;">
<div class="" data-id="1618542c-d577-41b9-8c1f-7ec62b719753">
<div class="parsys colcont1">
<div class="image section">
<div class="textcenter">
<div class="floatcenter lgi-img-effect-none clearboth">
<a href="/en/internet/abonnemente/" target="_top"><img src="/en/teasers/default/_jcr_content/promofullwidth1/pagestage/columncontainer/colcont1/image.img.png/1495463579154.png" alt="" id="promofullwidth1_pagestage_columncontainer_colcont1_image" data-upc-tooltip-type="none" title="" data-upctooltip=""></a>
</div>
</div>
<div class="clear"></div>
</div>
<div class="button section">
<div class="text-position-center">
<a class="ctrl ctrlButton style-blue with-icon icon-arrow-right position-icon-right " href="/en/bundles/connect/" style="" data-action="link" data-text2="" data-icon-class2="" data-style2="" data-append-availability-check-address="" data-dynamic-link-based-on-basket="false">Connect</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="colcont-column " style="width: calc(22.22222137451172% + 7px);">
<div class="colcont-content" style="margin-left: 10px; margin-right: 10px;">
<div class="" data-id="1618542c-d577-41b9-8c1f-7ec62b719753">
<div class="parsys colcont2">
<div class="image section">
<div class="textcenter">
<div class="floatcenter lgi-img-effect-none clearboth">
<a href="/en/mobile/uebersicht/" target="_top"><img src="/en/teasers/default/_jcr_content/promofullwidth1/pagestage/columncontainer/colcont2/image.img.png/1495463601416.png" alt="" id="promofullwidth1_pagestage_columncontainer_colcont2_image" data-upc-tooltip-type="none" title="" data-upctooltip=""></a>
</div>
</div>
<div class="clear"></div>
</div>
<div class="button section">
<div class="text-position-center">
<a class="ctrl ctrlButton style-blue with-icon icon-arrow-right position-icon-right " href="/en/mobile/" style="" data-action="link" data-text2="" data-icon-class2="" data-style2="" data-append-availability-check-address="" data-dynamic-link-based-on-basket="false">Mobile</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="colcont-column last " style="width: calc(33.33333206176758% - 9px);">
<div class="colcont-content" style="margin-left: 10px; ">
<div class="" data-id="1618542c-d577-41b9-8c1f-7ec62b719753">
<div class="parsys colcont3">
<div class="image section">
<div class="textcenter">
<div class="floatcenter None clearboth">
<a href="/en/tv/channels/mysports/" target="_top"><img src="/en/teasers/default/_jcr_content/promofullwidth1/pagestage/columncontainer/colcont3/image.img.png/1505404112813.png" alt="" id="promofullwidth1_pagestage_columncontainer_colcont3_image" data-upc-tooltip-type="none" title="" data-upctooltip=""></a>
</div>
</div>
<div class="clear"></div>
</div>
<div class="spacer hidden-desktop section">
<div class="ctrlSpacer " style="height: 20px;">
</div></div>
<div class="button section">
<div class="text-position-center">
<a class="ctrl ctrlButton style-orange position-icon-right " href="/en/tv/channels/mysports/" style="" data-action="link" data-text2="" data-icon-class2="" data-style2="" data-append-availability-check-address="" data-dynamic-link-based-on-basket="false">To the offer</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment