<div id="parallax-a" class="page text-center parallax-section data-picture" data-background="img/bg-parallax.jpeg">

<div class="container">
    <div class="row parallax-seciton-content">
        <div class="col-sm-6 text-left">
            <div class="section-left-content">
                <h2 class="main-title">Content</h2>
                <p>Text</p>
                <div class=" col-sm-4">
        <a data-toggle="modal" data-target=".background-modal" class="btn-container">
            <div class="btn-part-container">
                <span class="btn top btn-black">OK</span>
            </div>
            <div class="btn-part-container">
                <span class="btn front btn-black-fill">OK</span>
            </div>
        </a>

        <div class="modal fade background-modal color-white">
            <div class="modal-dialog no-radius modal-lg">
                <div class="modal-content text-center">
                    <button type="button" class="close close-white" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h2 class="home-title home-title-xxs">Title</h2>
                    <div class="space"></div>
                    <div class="row">
                        <div class="col-sm-8 col-sm-offset-2">
                            <p class="main-text color-white">Text</p>
                            <div class="space"></div>
                        </div>

                        <div class="col-sm-12 text-center">
                            <div class="btn-regular-container">
                                <a data-scroll href="#about" class="btn-regular  btn-white-fill">READ MORE</a>
                            </div>
                            <div class="btn-regular-container">
                                <a href="page-contact.html" class="btn-regular btn-white">CONTACT US</a>
                            </div>
                        </div>
                    </div>

                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
    </div><!-- End of  col-->

            </div>
        </div><!-- End of col-->

        <div class="col-sm-6 fade-img wow fadeInUp">
            <img class="img-responsive" src="img/promo-1.png" alt="">
        </div>

    </div><!-- End of row -->
</div><!-- End of container -->

website/
    forms.py
    models.py
    routes.py
    ...
    static/
        ...
        img/
            pictures.jpg
            ...
            full-width-images/
                pictures.jpg
                ...