Edit file File name : index.html Content :<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Usatimes</title> <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link rel="stylesheet" href="css/style.css"> </head> <body> <header> <div class="wr-header"> <div class="container container-broader"> <a href="#" class="logo"><img src="img/logo.png" alt="logo"></a> </div> <div class="wr-header-content"> <div class="container"> <div class="header-content"> <p>Kickoff your <br> branded content strategy with our </p> <h3>Content Kickoff Package</h3> <a href="#" class="play-button" data-toggle="modal" data-target="#exampleModal-video"> <img src="img/play-button.png" alt="play"> <p>PLAY VIDEO</p> </a> </div> </div> </div> </div> </header> <section> <div class="wr-section-text"> <div class="container"> <div class="width-section-1"> <div class="common-tittle"> <h3>Result-driven advertising is sustainable advertising</h3> </div> <div class="common-text-p"> <p>Result-driven Advertising is Sustainable Advertising Create measurable result-driven campaigns with The USA Times branded content. We believe in a long-term sustainable strategy when it comes to advertising.</p> <p>Let us show you the power of the right branded content through our introductory Content Kickoff Package. We will not only create the first piece of content for you but also create a strategy to scale your marketing initiatives and to find the right audience.</p> </div> </div> </div> <div class="image-right-0"> <img class="lazy" data-src="img/lamp.png" alt="lamp"> </div> </div> </section> <section> <div class="container"> <div class="wr-tittle-sec"> <p>Let us show you what we can do with our</p> <h3>Content Kickoff Package</h3> </div> </div> </section> <section> <div class="wr-section-text"> <div class="container"> <div class="width-section-2"> <div class="number-block"> <h3>01</h3> </div> <div class="common-tittle"> <h3>Get featured on The USA Times</h3> </div> <div class="common-text-p"> <p>A cutting edge article written by our professional staff writers. The article will aim to describe you business/product to your audience and highlight the key features.</p> </div> <a href="#" class="see"> <p>see an example</p> <img class="lazy" data-src="img/arrows.png" alt="arrow"> </a> </div> </div> <div class="image-right-0 img-100"> <img class="lazy" data-src="img/section-2.png" alt="image"> </div> </div> </section> <section> <div class="wr-section-text"> <div class="container"> <div class="flex-section"> <div class="number-block"> <h3>02</h3> </div> <div class="width-section-3"> <div class="common-tittle"> <h3>60 sec to 90 sec Video about your product/business</h3> </div> <div class="common-text-p"> <p>The video will quickly explain the key features you want to highlight. Branded through The USA Times in advertorial format, the video will be created to drive results and to intrigue the audience to know more. </p> </div> </div> </div> </div> </div> </section> <section> <div class="container"> <div class="wr-tittle-sec"> <h3>Case Studies</h3> </div> </div> </section> <section class="section-1"> <div class="wr-back-section lazy" data-src="img/back-image-section-1.jpg" style="background-color: #050c26;"> <div class="container"> <div class="wr-position-left"> <div class="content-block"> <img class="lazy" data-src="img/logo-smart.png" alt="logo"> <h3>Making cities smarter.</h3> <p>Short description lorem ipsum anamit. Proborum puella est discipula.</p> <a href="#" class="play-button" data-toggle="modal" data-target="#exampleModal-video"> <img class="lazy" data-src="img/play-button.png" alt="play"> <p>Watch video</p> </a> </div> </div> </div> </div> </section> <section class="section-2"> <div class="wr-back-section lazy" data-src="img/back-image-section-2.jpg" style="background-color: #ffffff;"> <div class="container"> <div class="wr-position-right"> <a href="#" class="play-button" data-toggle="modal" data-target="#exampleModal-video"> <img class="lazy" data-src="img/play-button-shadow.png" alt="play"> </a> <div class="content-block"> <img class="lazy" data-src="img/logo-gravel.png" alt="logo"> <h3>Travel Blanket Perfect For Comfortable Travel</h3> <p>“Received and used the dopp kit. Love it is all I can say. Anyone thinking of buying one for travel won’t be disappointed.”</p> </div> </div> </div> </div> </section> <section class="section-3"> <div class="wr-back-section lazy" data-src="img/back-image-section-3.jpg" style="background-color: #050c26; "> <div class="container"> <div class="wr-position-left"> <div class="content-block"> <img class="lazy" data-src="img/logo-wolf.png" alt="logo"> <h3>The all-in-one Attachable Suoer Tent</h3> <p>Short description lorem ipsum anamit. Proborum puella est discipula.</p> </div> <a href="#" class="play-button" data-toggle="modal" data-target="#exampleModal-video"> <img class="lazy" data-src="img/play-button-shadow.png" alt="play"> </a> </div> </div> </div> </section> <section class="section-4"> <div class="wr-back-section lazy" data-src="img/back-image-section-4.png" style="background-color: #ffffff; "> <div class="container"> <div class="wr-position-right"> <a href="#" class="play-button" data-toggle="modal" data-target="#exampleModal-video"> <img class="lazy" data-src="img/play-button-shadow.png" alt="play"> </a> <div class="content-block"> <img class="lazy" data-src="img/logo-north.jpg" alt="logo"> <h3>Parka No.1</h3> <p>Short description lorem ipsum anamit. Proborum puella est discipula.</p> </div> </div> </div> </div> </section> <section class="section-5"> <div class="wr-back-section lazy" data-src="img/ad.png" style="background-color: #050c26; "> <div class="container"> <div class="wr-position-left"> <div class="content-block"> <img class="lazy" data-src="img/logo-blazer.png" alt="logo"> <h3>GrillBlazer The Ultimate Torch</h3> <p>Short description lorem ipsum anamit. Proborum puella est discipula.</p> </div> <a href="#" class="play-button" data-toggle="modal" data-target="#exampleModal-video"> <img class="lazy" data-src="img/play-button-shadow.png" alt="play"> </a> </div> </div> </div> </section> <section class="section-6"> <div class="wr-back-section lazy" data-src="img/back-image-section-6.png" style="background-color: #ffffff;"> <div class="container"> <div class="wr-position-right"> <a href="#" class="play-button" data-toggle="modal" data-target="#exampleModal-video"> <img class="lazy" data-src="img/play-button-shadow.png" alt="play"> </a> <div class="content-block"> <img class="lazy" data-src="img/logo-bean.png" alt="logo"> <h3>Travel Blanket Perfect For Comfortable Travel</h3> <p>“Received and used the dopp kit. Love it is all I can say. Anyone thinking of buying one for travel won’t be disappointed.”</p> </div> </div> </div> </div> </section> <section class="back-blue"> <div class="wr-section-text"> <div class="container"> <div class="flex-section"> <div class="number-block"> <h3>03</h3> </div> <div class="width-section-3"> <div class="common-tittle"> <h3>Video in 3 different formats</h3> </div> <div class="common-text-p"> <p>We create your video in just one standard format or 3 different formats for <span> Youtube, Facebook Ads and Instagram.</span> We can also create different lengths of the video for you to test what work best for you. </p> </div> </div> </div> <div class="wr-image-video"> <img class="lazy" data-src="img/image-video.png" alt="image"> </div> </div> </div> </section> <section> <div class="wr-section-text"> <div class="container"> <div class="wr-flex-end"> <div class="width-section-4"> <div class="number-block"> <h3>04</h3> </div> <div class="common-tittle"> <h3>You retain full rights to the video</h3> </div> <div class="common-text-p"> <p>The video will not just be a feature on The USA Times but also an asset for your business. You will have full rights to use the video in you digital advertising. </p> </div> <p>Branded content has shown to increase ROI by up to 300%.</p> </div> </div> </div> <div class="image-left-0"> <img class="lazy" data-src="img/image-4-number.png" alt="image"> </div> </div> </section> <section class="back-blue"> <div class="wr-section-text"> <div class="container"> <div class="flex-section"> <div class="number-block"> <h3>05</h3> </div> <div class="width-section-3"> <div class="common-tittle"> <h3>Viral-ready package</h3> </div> <div class="common-text-p"> <p>We post your video on The USA Times website and our social media like Youtube, Twitter, Vimeo and Instagram. Press Release to send your video article to 800 news outlets. An internal promotion to give your video best chance to go viral. </p> </div> </div> </div> </div> </div> <div class="wr-section-text"> <div class="container"> <div class="width-section-5"> <div class="blue-tittle"> <p class="plus">+</p> <p>$1000 value in promotion</p> </div> <div class="common-text-p"> <p>Once your video is done, the next step is to get it out. We work with the best digital agencies to help your content to the right audiences. This package includes $1000 towards set-up and promotion with one of our partner digital agencies. </p> </div> </div> </div> <div class="image-right-0 image-spicker"> <img class="lazy" data-src="img/spicker-image.png" alt="image"> </div> </div> <div class="pad-block"></div> </section> <footer> <div class="wr-footer"> <div class="container"> <form action="" class="footer-form"> <h3>Book an appointment</h3> <div class="wr-50-block"> <div class="wr-input"> <p>Your Name *</p> <input type="text" required> </div> <div class="wr-input"> <p>Your Email</p> <input type="email" required> </div> </div> <div class="wr-input"> <p>Your Message</p> <input type="text" required> </div> <input type="submit" value="SEND MESSAGE"> </form> </div> </div> </footer> <div class="modal fade" id="exampleModal-video" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="wr-video-modal"> <iframe width="100%" height="450" data-src="https://www.youtube.com/embed/GG-zZpEEuyw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> </div> </div> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script src="js/common.js"></script> </body> </html> Save