Grid

                
                
                <div class="col-lg-12 col-md-12">
                  <div class="grid-title">
                     <h2>Grid 1</h2> </div>
                  <div class="grid-text">
                     <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 ullam laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore</p>
                  </div>
               </div>
                Copy to clipboard
              

                
                
                <div class="row">
                  <!-- grid 1/2 Start -->
                  <div class="col-lg-6 col-md-6">
                     <div class="grid-title">
                        <h2>Grid 1/2</h2> </div>
                     <div class="grid-text">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at enim laoreet nunc viverra semper in blandit eros. Nam dignissim dignissim sollicitudin. Ut consequat, velit non elementum tincidunt, mauris magna hendrerit nunc, at blandit massa ligula quis urna. Ut consequat, velit non elementum tincidunt, mauris magna hendrerit nunc, at blandit massa ligula quis urna. velit non elementum tincidunt,</p>
                     </div>
                  </div>
                  <div class="col-lg-6 col-md-6">
                     <div class="grid-title">
                        <h2>Grid 1/2</h2> </div>
                     <div class="grid-text">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at enim laoreet nunc viverra semper in blandit eros. Nam dignissim dignissim sollicitudin. Ut consequat, velit non elementum tincidunt, mauris magna hendrerit nunc, at blandit massa ligula quis urna. Ut consequat, velit non elementum tincidunt, mauris magna hendrerit nunc, at blandit massa ligula quis urna. velit non elementum tincidunt,</p>
                     </div>
                  </div>
               </div>
                Copy to clipboard
              

                
                
                <div class="row">
                  <!-- grid 1/3 Start -->
                  <div class="col-lg-4 col-md-4">
                     <div class="grid-title">
                        <h2>Grid 1/3</h2> </div>
                     <div class="grid-text">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at enim laoreet nunc viverra semper in blandit eros. Nam dignissim dignissim sollicitudin. Ut consequat, velit non elementum tincidunt, mauris magna hendrerit nunc, at blandit massa ligula</p>
                     </div>
                  </div>
                  <div class="col-lg-4 col-md-4">
                     <div class="grid-title">
                        <h2>Grid 1/3</h2> </div>
                     <div class="grid-text">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at enim laoreet nunc viverra semper in blandit eros. Nam dignissim dignissim sollicitudin. Ut consequat, velit non elementum tincidunt, mauris magna hendrerit nunc, at blandit massa ligula </p>
                     </div>
                  </div>
                  <div class="col-lg-4 col-md-4">
                     <div class="grid-title">
                        <h2>Grid 1/3</h2> </div>
                     <div class="grid-text">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at enim laoreet nunc viverra semper in blandit eros. Nam dignissim dignissim sollicitudin. Ut consequat, velit non elementum tincidunt, mauris magna hendrerit nunc, at blandit massa ligula </p>
                     </div>
                  </div>
                  <!-- grid 1/3 End -->
               </div>
                Copy to clipboard
              

                
                
                <div class="row gx-4">
                  <!-- grid 2/3 Start -->
                  <div class="col-lg-9 col-md-9">
                     <div class="grid-title">
                        <h2>Grid 2/3</h2> </div>
                     <div class="grid-text">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at enim laoreet nunc viverra semper in blandit eros. Nam dignissim dignissim sollicitudin. Ut consequat, velit non elementum tincidunt, mauris magna hendrerit nunc, at blandit massa ligula quis urna. Vestibulum commodo tristique arcu vitae blandit Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum semper in blandit eros. Nam dignissim dignissim sollicitudin. Ut consequat, velit non elementum at blandit massa ligula quis urna. Vestibulum commodo blandit massa ligula quis urna semper in blandit eros llicitudi conse ctetur adipiscing </p>
                     </div>
                  </div>
                  <div class="col-lg-3 col-md-3">
                     <div class="grid-title">
                        <h2>Grid 1/3</h2> </div>
                     <div class="grid-text">
                        <p>Lorem ipsum dolor sit amet, consect etur adipiscing elit. Vestibulum at enim laoreet nunc viverra semper in blandit eros. Nam dignissim enim laoreet nunc viverra adipiscing landit consectetur ex </p>
                     </div>
                  </div>
                  <!-- grid 2/3 End -->
               </div>
                Copy to clipboard
              

                
                
                <div class="row">
                  <!-- grid 1/4 Start -->
                  <div class="col-lg-3 col-md-3">
                     <div class="grid-title">
                        <h2>Grid 1/4</h2> </div>
                     <div class="grid-text">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at enim laoreet nunc viverra semper in blandit eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                     </div>
                  </div>
                  <div class="col-lg-3 col-md-3">
                     <div class="grid-title">
                        <h2>Grid 1/4</h2> </div>
                     <div class="grid-text">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at enim laoreet nunc viverra semper in blandit eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                     </div>
                  </div>
                  <div class="col-lg-3 col-md-3">
                     <div class="grid-title">
                        <h2>Grid 1/4</h2> </div>
                     <div class="grid-text">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at enim laoreet nunc viverra semper in blandit eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                     </div>
                  </div>
                  <div class="col-lg-3 col-md-3">
                     <div class="grid-title">
                        <h2>Grid 1/4</h2> </div>
                     <div class="grid-text">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at enim laoreet nunc viverra semper in blandit eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                     </div>
                  </div>
                  <!-- grid 1/4 End -->
               </div>
                Copy to clipboard
              

                
                
                <div class="row gx-5">
                     <!-- grid 1/4 & 3/4 Start -->
                     <div class="col-lg-4 col-md-3">
                        <div class="grid-title">
                           <h2>Grid 1/4</h2> </div>
                        <div class="grid-text">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at enim laoreet nunc viverra semper in blandit eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. semper in blandit ero Nam dignissim dignissim sollicitudin. Ut consequat</p>
                        </div>
                     </div>
                     <div class="col-lg-8 col-md-8">
                        <div class="grid-title">
                           <h2>Grid 3/4</h2> </div>
                        <div class="grid-text">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at enim laoreet nunc viverra semper in blandit eros. Nam dignissim dignissim sollicitudin. Ut consequat, velit non elementum semper in blandit eros. Nam dignissim dignissim sollicitudin. Ut consequat, velit non elementum tincidunt, mauris magna hendrerit nunc, at blandit massa ligula quis urna. Vestibulum commodo tristique arcu vitae blandit Lorem ipsum dolor sit</p>
                        </div>
                     </div>
                     <!-- grid 2/3 End -->
                </div>
                Copy to clipboard
              

                
                
                <div class="row gx-5">
                     <!-- grid 1/4 & 3/4 Start -->
                     <div class="col-lg-4 col-md-3">
                        <div class="grid-title">
                           <h2>Grid 1/4</h2> </div>
                        <div class="grid-text">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at enim laoreet nunc viverra semper in blandit eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. semper in blandit ero Nam dignissim dignissim sollicitudin. Ut consequat</p>
                        </div>
                     </div>
                     <div class="col-lg-8 col-md-8">
                        <div class="grid-title">
                           <h2>Grid 3/4</h2> </div>
                        <div class="grid-text">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at enim laoreet nunc viverra semper in blandit eros. Nam dignissim dignissim sollicitudin. Ut consequat, velit non elementum semper in blandit eros. Nam dignissim dignissim sollicitudin. Ut consequat, velit non elementum tincidunt, mauris magna hendrerit nunc, at blandit massa ligula quis urna. Vestibulum commodo tristique arcu vitae blandit Lorem ipsum dolor sit</p>
                        </div>
                     </div>
                     <!-- grid 2/3 End -->
                </div>
                Copy to clipboard
              

                
                
                <div class="row">
                  <!-- grid 1/6 & 5/6 Start -->
                  <div class="col-lg-2 col-md-2">
                     <div class="grid-title">
                        <h2>Grid 1/6</h2> </div>
                     <div class="grid-text mb-0">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at enim laoreet nunc viverra semper in blandit eros</p>
                     </div>
                  </div>
                  <div class="col-lg-10 col-md-10">
                     <div class="grid-title">
                        <h2>Grid 5/6</h2> </div>
                     <div class="grid-text mb-0">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at enim laoreet nunc viverra semper in blandit eros. Nam dignissim dignissim sollicitudin. Ut consequat, velit non elementum tincidunt, mauris magna hendrerit nunc, at blandit massa ligula quis urna. Vestibulum commodo tristique arcu vitae blandit Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at enim laoreet nunc viverra semper in blandit eros. psum dolor sit amet, consectetur adipiscing elit. Vestibulublandit eros. dignissim dignissim sollicitudin. Ut consequat, velit non elementum tincidunt, mauris magna hendrerit nunc, at blandit sequat, velit non elementum tincidunt, mauris magna hendrerit nunc, at blandit massa ligula quis urn lumcomm</p>
                     </div>
                  </div>
                  <!-- grid 1/6 & 5/6 End -->
               </div>
                Copy to clipboard