"Device Answers Test"
Bootstrap 4.1.1 Snippet by sparkktv

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="ui-widget" data-item-id="9bfffc29-f32a-46f1-aa4b-2d2f8c622496" data-priority="" data-aura-rendered-by="106:2;a">
<div class="popularDeviceWrapper cAnswers_by_device" data-aura-rendered-by="87:2;a" data-aura-class="cAnswers_by_device">
<div class="popularDeviceContent" data-aura-rendered-by="88:2;a">
<h1 data-aura-rendered-by="89:2;a">
<span data-aura-rendered-by="92:2;a" class="uiOutputText" data-aura-class="uiOutputText">Answers by Device</span></h1>
<h5 data-aura-rendered-by="93:2;a">
<span data-aura-rendered-by="96:2;a" class="uiOutputText" data-aura-class="uiOutputText">Find solutions, set up instructions, troubleshooting steps, and helpful tips specific to you.</span></h5>
<div class="slds-grid slds-wrap slds-grid--pull-padded" data-aura-rendered-by="97:2;a">
<div class="deviceItem slds-p-horizontal--small slds-size--1-of-2 slds-medium-size--1-of-4 slds-large-size--1-of-5 slds-text-align--center" data-aura-rendered-by="1:84;a">
<a href="/s/search/All/Home/Apple TV" data-aura-rendered-by="2:84;a">
<div class="deviceLogo" data-aura-rendered-by="3:84;a">
<div class="deviceImageWrapper" data-aura-rendered-by="4:84;a">
<img class="" src="https://help.hulu.com/servlet/servlet.FileDownload?file=00P410000072UgTEAU" data-aura-rendered-by="5:84;a"></div></div>
<h4 data-aura-rendered-by="6:84;a">Apple TV</h4></a></div>
<div class="deviceItem slds-p-horizontal--small slds-size--1-of-2 slds-medium-size--1-of-4 slds-large-size--1-of-5 slds-text-align--center" data-aura-rendered-by="8:84;a">
<a href="/s/search/All/Home/Roku" data-aura-rendered-by="9:84;a">
<div class="deviceLogo" data-aura-rendered-by="10:84;a">
<div class="deviceImageWrapper" data-aura-rendered-by="11:84;a">
<img class="" src="https://help.hulu.com/servlet/servlet.FileDownload?file=00P410000072UgYEAU" data-aura-rendered-by="12:84;a"></div></div>
<h4 data-aura-rendered-by="13:84;a">Roku</h4></a></div>
<div class="deviceItem slds-p-horizontal--small slds-size--1-of-2 slds-medium-size--1-of-4 slds-large-size--1-of-5 slds-text-align--center" data-aura-rendered-by="15:84;a">
<a href="/s/search/All/Home/XBOX" data-aura-rendered-by="16:84;a">
<div class="deviceLogo" data-aura-rendered-by="17:84;a">
<div class="deviceImageWrapper" data-aura-rendered-by="18:84;a">
<img class="" src="https://help.hulu.com/servlet/servlet.FileDownload?file=00P410000072UgdEAE" data-aura-rendered-by="19:84;a"></div></div>
<h4 data-aura-rendered-by="20:84;a">XBOX</h4></a></div>
<div class="deviceItem slds-p-horizontal--small slds-size--1-of-2 slds-medium-size--1-of-4 slds-large-size--1-of-5 slds-text-align--center" data-aura-rendered-by="22:84;a">
<a href="/s/search/All/Home/iPhone iPad" data-aura-rendered-by="23:84;a">
<div class="deviceLogo" data-aura-rendered-by="24:84;a">
<div class="deviceImageWrapper" data-aura-rendered-by="25:84;a">
<img class="" src="https://help.hulu.com/servlet/servlet.FileDownload?file=00P410000072UgnEAE" data-aura-rendered-by="26:84;a"></div></div>
<h4 data-aura-rendered-by="27:84;a">iPhone / iPad</h4></a></div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
.ui-widget{margin: 36px 0;clear: both;}
.cAnswers_by_device.popularDeviceWrapper {background-color: #5e6573;color: #fff;padding: 125px 30px;}
.cAnswers_by_device .popularDeviceContent {max-width: 1170px;margin: 0 auto;text-align: center;}
.cAnswers_by_device .popularDeviceContent h1 {font-size: 64px;font-weight: 100;line-height: 64px;margin-bottom: 20px;letter-spacing: -2px;color: #fff;}
.cAnswers_by_device .popularDeviceContent h5 {font-size: 18px;line-height: 26px;font-weight: 300;margin-bottom: 80px;letter-spacing: 1px;color: #fff;}
.slds-grid--pull-padded {margin-right: -.75rem;margin-left: -.75rem;}
.slds-wrap {flex-wrap: wrap;align-items: flex-start;}
.slds-grid {display: flex;}
[class*="slds-size_"], [class*="slds-size--"] {flex: none;}
.slds-large-size_1-of-5, .slds-large-size--1-of-5 {width: 20%;}
.slds-text-align_center, .slds-text-align--center {text-align: center;}
.slds-p-horizontal_small, .slds-p-horizontal--small {padding-right: .75rem;padding-left: .75rem;}
.cAnswers_by_device a {color: #fff;}
.cTest_custom_template a {text-decoration: none !important;}
.cAnswers_by_device .deviceLogo {width: 125px;height: 125px;border-radius: 135px;border: 2px solid #848b99;background-repeat: no-repeat;background-size: 50%;padding: 26px;margin: 0 auto 15px auto;}
.cAnswers_by_device .deviceLogo .deviceImageWrapper {width: 69px;height: 69px;overflow: hidden;}
img {max-width: 100%;height: auto;}
.cAnswers_by_device a h4 {font-size: 14px;line-height: 16px;text-transform: uppercase;font-weight: 400;letter-spacing: 2px;width: auto;color: #fff;}
.cAnswers_by_device .seeAllRow {width: 100%;}
.cAnswers_by_device .seeAllRow a {margin: 55px auto 0 auto;}
.cAnswers_by_device .greenButton {display: inline-block;}
.greenButton{background: linear-gradient(to right, rgba(70,179,163,1) 0%, rgba(127,212,131,1) 100%);padding: 17px 25px;text-transform: uppercase;font-size: 14px;letter-spacing: 2px;height: 56px;display: block;max-width: 500px;font-weight: 500;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Paper Bootstrap Wizard

Questions / Comments: