Grids

                            
<section class="grids elements-page">
    <div class="container">
        <div class="grids-block">     
            <div class="grid1">
                <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 officia deserunt mollit anim id est laborum.</p>
            </div>
        </div>
    </div>
</section>
                            
                        Copy to clipboard
                        

                            
<section class="grids elements-page">
    <div class="container">
        <div class="grids-block">     
            <div class="grid2">
                <div class="row">
                    <div class="col-sm-6 grid-mr">
                        <h3>Grid 1/2</h3>
                        <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</p>
                    </div>
                    <div class="col-sm-6 grid-mr">
                        <h3>Grid 1/2</h3>
                        <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</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section> 
                            
                        Copy to clipboard
                        

                            
<section class="grids elements-page">
    <div class="container">
        <div class="grids-block">     
            <div class="grid3">
                <div class="row">
                    <div class="col-sm-4 grid-mr">
                        <h3>Grid 1/3</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad</p>
                    </div>
                    <div class="col-sm-4 grid-mr">
                        <h3>Grid 1/3</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad</p>
                    </div>
                    <div class="col-sm-4 grid-mr">
                        <h3>Grid 1/3</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>       
                            
                        Copy to clipboard
                        

                            
<section class="grids elements-page">
    <div class="container">
        <div class="grids-block">     
            <div class="grid4">
                <div class="row">
                    <div class="col-sm-8 grid-mr">
                        <h3>Grid 2/3</h3>
                        <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</p>
                    </div>
                    <div class="col-sm-4 grid-mr">
                        <h3>Grid 1/3</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>     
                            
                        Copy to clipboard
                        

                            
<section class="grids elements-page">
    <div class="container">
        <div class="grids-block">     
            <div class="grid5">
                <div class="row">
                    <div class="col-md-3 col-sm-6 grid-mr">
                        <h3>Grid 1/4</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad</p>
                    </div>
                    <div class="col-md-3 col-sm-6 grid-mr">
                        <h3>Grid 1/4</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad</p>
                    </div>
                    <div class="col-md-3 col-sm-6 grid-mr">
                        <h3>Grid 1/4</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad</p>
                    </div>
                    <div class="col-md-3 col-sm-6 grid-mr">
                        <h3>Grid 1/4</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>       
                            
                        Copy to clipboard
                        

                            
<section class="grids elements-page">
    <div class="container">
        <div class="grids-block">     
            <div class="grid6">
                <div class="row">
                    <div class="col-md-3 grid-mr">
                        <h3>Grid 1/4</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna</p>
                    </div>
                    <div class="col-md-9 grid-mr">
                        <h3>Grid 3/4</h3>
                        <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</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>        
                            
                        Copy to clipboard
                        

                            
<section class="grids elements-page">
    <div class="container">
        <div class="grids-block">     
            <div class="grid7">
                <div class="row">
                    <div class="col-md-2 col-sm-4 grid-mr">
                        <h3>Grid 1/6</h3>
                        <p>Lorem ipsum dolor sit amet consectet ur adipiscing elit, sed do eiusmod tempor incididunt ut labore et</p>
                    </div>
                    <div class="col-md-2 col-sm-4 grid-mr">
                        <h3>Grid 1/6</h3>
                        <p>Lorem ipsum dolor sit amet consectet ur adipiscing elit, sed do eiusmod tempor incididunt ut labore et</p>
                    </div>
                    <div class="col-md-2 col-sm-4 grid-mr">
                        <h3>Grid 1/6</h3>
                        <p>Lorem ipsum dolor sit amet consectet ur adipiscing elit, sed do eiusmod tempor incididunt ut labore et</p>
                    </div>
                    <div class="col-md-2 col-sm-4 grid-mr">
                        <h3>Grid 1/6</h3>
                        <p>Lorem ipsum dolor sit amet consectet ur adipiscing elit, sed do eiusmod tempor incididunt ut labore et</p>
                    </div>
                    <div class="col-md-2 col-sm-4 grid-mr">
                        <h3>Grid 1/6</h3>
                        <p>Lorem ipsum dolor sit amet consectet ur adipiscing elit, sed do eiusmod tempor incididunt ut labore et</p>
                    </div>
                    <div class="col-md-2 col-sm-4 grid-mr">
                        <h3>Grid 1/6</h3>
                        <p>Lorem ipsum dolor sit amet consectet ur adipiscing elit, sed do eiusmod tempor incididunt ut labore et</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>       
                            
                        Copy to clipboard
                        

                            
<section class="grids elements-page">
    <div class="container">
        <div class="grids-block">     
            <div class="grid8">
                <div class="row">
                    <div class="col-md-2 grid-mr">
                        <h3>Grid 1/6</h3>
                        <p>Lorem ipsum dolor sit amet consectet ur adipiscing elit, sed do eiusmod tempor</p>
                    </div>
                    <div class="col-md-10 grid-mr">
                        <h3>Grid 5/6</h3>
                        <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 officia deserunt mollit anim id est laborum.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>      
                            
                        Copy to clipboard