"Device Answers Test"
Bootstrap 4.1.1 Snippet by sparkktv

<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> <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="29:84;a"> <a href="/s/search/All/Home/Android" data-aura-rendered-by="30:84;a"> <div class="deviceLogo" data-aura-rendered-by="31:84;a"> <div class="deviceImageWrapper" data-aura-rendered-by="32:84;a"> <img class="" src="https://help.hulu.com/servlet/servlet.FileDownload?file=00P410000072UgxEAE" data-aura-rendered-by="33:84;a"></div></div> <h4 data-aura-rendered-by="34:84;a">Android</h4></a></div> <div class="seeAllRow" data-aura-rendered-by="99:2;a"> <a class="greenButton" href="https://help.hulu.com/s/all-devices" data-aura-rendered-by="100:2;a"> <span data-aura-rendered-by="103:2;a" class="uiOutputText" data-aura-class="uiOutputText">View all devices</span></a> </div></div></div></div></div>
.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;}

Related: See More


Questions / Comments: