Grids

            
<div class="grid-style-1">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-12">
                <h2>Grid 1</h2>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nos
                    trud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
                    nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ocia deserunt mollit anim id est laborum.
                </p>
            </div>
        </div>
    </div>
</div>
            Copy to clipboard
        

        
            <div class="grid-style-2">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-12 col-12">
                        <h2>Grid 1/2</h2>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
                            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
                            veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
                            commodo consequat. Duis aute irure dolor
                        </p>
                    </div>
                    <div class="col-lg-6 col-md-12 col-12">
                        <h2>Grid 1/2</h2>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
                            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
                            veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
                            commodo consequat. Duis aute irure dolor
                        </p>
                    </div>
                </div>
            </div>
        </div>
        Copy to clipboard
    

        
            <div class="grid-style-3">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-12 col-12">
                        <h2>Grid 1/3</h2>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur
                            adipiscing elit, sed do eiusmod tempor incididunt
                            ut labore et dolore magna aliqua. Ut enim ad
                            minim veniam, quis nostrud exercitation ullamco
                            laboris nisi ut aliquip ex ea commodo consequat.
                        </p>
                    </div>
                    <div class="col-lg-4 col-md-12 col-12">
                        <h2>Grid 1/3</h2>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur
                            adipiscing elit, sed do eiusmod tempor incididunt
                            ut labore et dolore magna aliqua. Ut enim ad
                            minim veniam, quis nostrud exercitation ullamco
                            laboris nisi ut aliquip ex ea commodo consequat.
                        </p>
                    </div>
                    <div class="col-lg-4 col-md-12 col-12">
                        <h2>Grid 1/3</h2>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur
                            adipiscing elit, sed do eiusmod tempor incididunt
                            ut labore et dolore magna aliqua. Ut enim ad
                            minim veniam, quis nostrud exercitation ullamco
                            laboris nisi ut aliquip ex ea commodo consequat.
                        </p>
                    </div>
                </div>
            </div>
        </div>
        Copy to clipboard
    

        
            <div class="grid-style-4">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-md-12 col-12">
                        <h2>Grid 2/3</h2>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
                            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
                            commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
                            nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ocia deserunt mollit anim
                            id est laborum.
                        </p>
                    </div>
                    <div class="col-lg-4 col-md-12 col-12">
                        <h2>Grid 1/3</h2>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur
                            adipiscing elit, sed do eiusmod tempor
                            incididunt ut labore et dolore magna
                            aliqua. Ut enim ad minim veniam, quis
                            nostrud exercitation ullamco
                        </p>
                    </div>
                </div>
            </div>
        </div>
        Copy to clipboard
    

        
            <div class="grid-style-5">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-12 col-12">
                        <h2>Grid 1/4</h2>
                        <p>
                            Lorem ipsum dolor sit amet,
                            consectetur adipiscing elit, sed do
                            eiusmod tempor incididunt ut labore
                            et dolore magna aliqua. Ut enim ad
                            minim veniam, quis nostrud
                            exercitation ullamco
                        </p>
                    </div>
                    <div class="col-lg-3 col-md-12 col-12">
                        <h2>Grid 1/4</h2>
                        <p>
                            Lorem ipsum dolor sit amet,
                            consectetur adipiscing elit, sed do
                            eiusmod tempor incididunt ut labore
                            et dolore magna aliqua. Ut enim ad
                            minim veniam, quis nostrud
                            exercitation ullamco
                        </p>
                    </div>
                    <div class="col-lg-3 col-md-12 col-12">
                        <h2>Grid 1/4</h2>
                        <p>
                            Lorem ipsum dolor sit amet,
                            consectetur adipiscing elit, sed do
                            eiusmod tempor incididunt ut labore
                            et dolore magna aliqua. Ut enim ad
                            minim veniam, quis nostrud
                            exercitation ullamco
                        </p>
                    </div>
                    <div class="col-lg-3 col-md-12 col-12">
                        <h2>Grid 1/4</h2>
                        <p>
                            Lorem ipsum dolor sit amet,
                            consectetur adipiscing elit, sed do
                            eiusmod tempor incididunt ut labore
                            et dolore magna aliqua. Ut enim ad
                            minim veniam, quis nostrud
                            exercitation ullamco
                        </p>
                    </div>
                </div>
            </div>
        </div>
        Copy to clipboard
    

        
            <div class="grid-style-6">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-12 col-12">
                        <h2>Grid 1/4</h2>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur
                            adipiscing elit, sed do eiusmod tempor
                            incididunt ut labore et dolore magna
                        </p>
                    </div>
                    <div class="col-lg-9 col-md-12 col-12">
                        <h2>Grid 3/4</h2>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
                            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
                            commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
                        </p>
                    </div>
                </div>
            </div>
        </div>
        Copy to clipboard
    

        
            <div class="grid-style-7">
            <div class="container">
                <div class="row">
                    <div class="col-lg-2 col-md-12 col-12">
                        <h2>Grid 1/6</h2>
                        <p>
                            Lorem ipsum dolor sit
                            amet, consectetur
                            adipiscing elit, sed do
                            eiusmod tempor
                            incididunt ut labore et
                            dolore magna aliqua. Ut
                        </p>
                    </div>
                    <div class="col-lg-2 col-md-12 col-12">
                        <h2>Grid 1/6</h2>
                        <p>
                            Lorem ipsum dolor sit
                            amet, consectetur
                            adipiscing elit, sed do
                            eiusmod tempor
                            incididunt ut labore et
                            dolore magna aliqua. Ut
                        </p>
                    </div>
                    <div class="col-lg-2 col-md-12 col-12">
                        <h2>Grid 1/6</h2>
                        <p>
                            Lorem ipsum dolor sit
                            amet, consectetur
                            adipiscing elit, sed do
                            eiusmod tempor
                            incididunt ut labore et
                            dolore magna aliqua. Ut
                        </p>
                    </div>
                    <div class="col-lg-2 col-md-12 col-12">
                        <h2>Grid 1/6</h2>
                        <p>
                            Lorem ipsum dolor sit
                            amet, consectetur
                            adipiscing elit, sed do
                            eiusmod tempor
                            incididunt ut labore et
                            dolore magna aliqua. Ut
                        </p>
                    </div>
                    <div class="col-lg-2 col-md-12 col-12">
                        <h2>Grid 1/6</h2>
                        <p>
                            Lorem ipsum dolor sit
                            amet, consectetur
                            adipiscing elit, sed do
                            eiusmod tempor
                            incididunt ut labore et
                            dolore magna aliqua. Ut
                        </p>
                    </div>
                    <div class="col-lg-2 col-md-12 col-12">
                        <h2>Grid 1/6</h2>
                        <p>
                            Lorem ipsum dolor sit
                            amet, consectetur
                            adipiscing elit, sed do
                            eiusmod tempor
                            incididunt ut labore et
                            dolore magna aliqua. Ut
                        </p>
                    </div>
                </div>
            </div>
        </div>
        Copy to clipboard
    

        
            <div class="grid-style-8">
            <div class="container">
                <div class="row">
                    <div class="col-lg-2 col-md-12 col-12">
                        <h2>Grid 1/6</h2>
                        <p>
                            Lorem ipsum dolor sit
                            amet, consectetur
                            adipiscing elit, sed do
                            eiusmod tempor
                        </p>
                    </div>
                    <div class="col-lg-10 col-md-12 col-12">
                        <h2>Grid 5/6</h2>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
                            enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
                            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
                            culpa qui ocia deserunt mollit anim id est laborum.
                        </p>
                    </div>
                </div>
            </div>
        </div>
        Copy to clipboard