<div class="container-fulid">
    <div class="row nopadding">
        <div class="col-md-6 nopadding">
            <iframe src="https://www.youtube.com/embed/dklT6nHXoeQ" class="youtube-video-respo float-left"  allowfullscreen></iframe>
        </div>
        <!--end col -->
        <div class="col-md-6 nopadding">
            <div class="padding-percent-3">
                <h2 class="text-white font-weight-3 margin-bottom-2">Choose from different layouts and Templates on a page by page basis or Start creating a whole new layout.</h2>
                <p class="text-white margin-bottom-2">Lorem Ipsum, you need to be sure there anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as make a type specimen book. It has survived not only five centuries necessary.</p>
                <p class="clearfix margin-bottom-3"></p>
                <a href="#" class="sitebutton-1 sty5 roboto font-weight-7 uppercase">Get Start Now!</a>
            </div>
        </div>
        <!--end col -->
    </div>
</div>