Newsletter

<div class="container-fluid">
        <div class="row news-letter bg-dark "> 
                    <div class="col-md-6 bg-new p-5">
                            <h2><strong>Keep Up To Date </strong></h2>
                            <h6>Sign up for newsletter and follow us on social media</h6>
                        </div>
                        <div class="col-md-6 p-5">
                                <div class="input-group input-group-lg">
                                        <input type="text" class="form-control" placeholder="Your Email-id" 
                                        aria-label="Your Email-id" aria-describedby="basic-addon2">
                                        <div class="input-group-append border-0">
                                          <span class="input-group-text bg-warning" id="basic-addon2">Subscribe</span>
                                        </div>
                                      </div>
                        </div> 
        </div>
    </div>

.bg-new { background: #ffb200; -webkit-clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%); }