<?xml version="1.0"?> <ContentConfig xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <Widgets> <WidgetObject> <Name> HTML </Name> <Controls> <ControlAndLocation> <Control> html </Control> </ControlAndLocation> </Controls> <Config> <?xml version="1.0"?> <ConfigObject xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <HTML><link href="https://d1tp32r8b76g0z.cloudfront.net/css/bulma-legacy-landing.css" rel="stylesheet" /></HTML> <hide>false</hide> </ConfigObject> </Config> <RenderOnFullSite> true </RenderOnFullSite> <RenderOnMobileSite> true </RenderOnMobileSite> </WidgetObject> <WidgetObject> <Name> HTML </Name> <Controls> <ControlAndLocation> <Control> html </Control> </ControlAndLocation> </Controls> <Config> <?xml version="1.0"?> <ConfigObject xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <HTML><style> section.things { background: #f0c; } </style></HTML> <hide>false</hide> </ConfigObject> </Config> <RenderOnFullSite> true </RenderOnFullSite> <RenderOnMobileSite> true </RenderOnMobileSite> </WidgetObject> <WidgetObject> <Name> HTML </Name> <Controls> <ControlAndLocation> <Control> html </Control> </ControlAndLocation> </Controls> <Config> <?xml version="1.0"?> <ConfigObject xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <HTML> <div id="landing"> <section class="hero is-info"> <div class="hero-body"> <div class="container"> <div class="columns is-flex is-align-items-center"> <div class="column"> <h1 class="title">Title!</h1> <h1 class="subtitle">subtitle</h1> <div class="buttons"><a class="cta is-white has-text-info">button</a><a class="cta is-info is-outlined is-inverted">inverted button</a></div> </div> <div class="column is-two-thirds"> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor</p> </div> </div> </div> </div> </section> <section class="section"> <div class="container"> <div class="columns"> <div class="column"> <div class="p-4 has-text-centered"> <h2 class="title is-size-4">SKU Title</h2> <h2 class="subtitle is-size-6">SKU Title</h2> <figure class="image is-5by4 mb-2"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/gbc-2017/top/balls/tp5x.png" alt="box"/></figure><a class="cta is-orange">Shop Now</a> </div> </div> <div class="column"> <div class="p-4 has-text-centered"> <figure class="image is-5by4 mb-2"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/gbc-2017/top/balls/tp5x.png" alt="box"/></figure> <div class="buttons is-centered"><a class="cta is-info">Shop Now</a><a class="cta is-info is-outlined">Shop Now</a></div> </div> </div> <div class="column"> <div class="p-4 has-text-centered"> <figure class="image is-5by4 mb-2"><img src="https://d1tp32r8b76g0z.cloudfront.net/images/gbc-2017/top/balls/tp5x.png" alt="box"/></figure> <div class="buttons is-centered"><a class="cta">Shop Now</a><a class="cta is-small">small button</a></div> </div> </div> </div> </div> </section> <section class="section things"> <div class="container"> <div class="columns"> <div class="column"> <h3 class="title is-size-2">Title!</h3> <p>content stuffs</p> <div class="columns"> <div class="column">column</div> <div class="column">column</div> <div class="column">column</div> </div> </div> <div class="column"> <figure class="image is-square"><img class="has-ratio" src="https://d1tp32r8b76g0z.cloudfront.net/56/Callaway-Golf-Mavrik-Driver_Default_ALT8_550.jpeg" alt="photo"/></figure> </div> </div> </div> </section> <section class="section has-background-white-ter"> <div class="container"> <div class="columns"> <div class="column is-half"> <div class="box has-text-centered" style="height: 100%;"> <div class="tag is-warning mb-3">just a tag</div> <p>a box for things </p> </div> </div> <div class="column"> <div class="box has-text-centered" style="height: 100%;">a box for things</div> </div> <div class="column"> <div class="box has-text-centered" style="height: 100%;">a box for things</div> </div> <div class="column"> <div class="box has-text-centered" style="height: 100%;">a box for things</div> </div> </div> </div> </section> <section class="section" id="video"> <div class="container"> <div class="content has-text-centered is-medium"> <h2 class="title is-uppercase">The next Level</h2> <h2 class="subtitle is-uppercase is-size-4 has-text-grey-light has-text-weight-normal">of Total Performance</h2> <figure class="image is-16by9"> <iframe class="has-ratio" width="920" height="515" src="https://www.youtube.com/embed/0RLdlyc_UJs" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen"></iframe> </figure> </div> </div> </section> </div></HTML> <hide>false</hide> </ConfigObject> </Config> <RenderOnFullSite> true </RenderOnFullSite> <RenderOnMobileSite> true </RenderOnMobileSite> </WidgetObject> </Widgets> </ContentConfig>