[html format="html" different_values="0" style_padding_top="60" style_padding_bottom="60"]<div class="container"> <div class="c-content-title-1"> <h3 class="c-center c-font-dark c-font-uppercase">Content Dividers</h3> <p class="c-center">Content Dividers can be used with any component, block or content.</p> </div> <div class="c-content-panel"> <div class="c-label">default demo</div> <div class="c-body"> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider"> <i class="icon-dot c-square"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider"> <i class="icon-dot"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-left c-theme-bg"> <i class="icon-dot c-theme-bg"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-right c-bg-red"> <i class="icon-dot c-bg-red"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-left c-bg-green"> <i class="icon-dot c-bg-green c-square "></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-right c-bg-yellow"> <i class="icon-dot c-bg-yellow c-square "></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> </div> </div> <div class="c-content-panel"> <div class="c-label">small devider</div> <div class="c-body"> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-divider-sm"> <i class="icon-dot c-square"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-divider-sm"> <i class="icon-dot"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-divider-sm c-left c-bg-blue"> <i class="icon-dot c-bg-blue"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-divider-sm c-right c-theme-bg"> <i class="icon-dot c-theme-bg"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-divider-sm c-left c-bg-red"> <i class="icon-dot c-bg-red c-square"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-divider-sm c-right c-theme-bg"> <i class="icon-dot c-theme-bg c-square "></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> </div> </div> <div class="c-content-panel"> <div class="c-label">with icons</div> <div class="c-body"> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-icon-bg"> <i class="icon-drop c-rounded c-font-white"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-icon-bg c-theme-bg"> <i class="icon-graph c-rounded c-theme-bg c-font-white"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-icon-bg c-left c-bg-red"> <i class="icon-layers c-theme-font"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-icon-bg c-right c-bg-green"> <i class="icon-globe c-theme-bg c-font-white"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-icon-bg c-left c-theme-bg"> <i class="icon-present c-theme-bg c-font-white"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-icon-bg c-right c-theme-bg"> <i class="icon-star c-theme-bg c-font-white"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> </div> </div> <div class="c-content-panel"> <div class="c-label">small devider with icons</div> <div class="c-body"> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-divider-sm c-icon-bg"> <i class="icon-drop c-rounded c-font-white"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-divider-sm c-icon-bg"> <i class="icon-graph c-rounded c-theme-bg c-font-white"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-divider-sm c-icon-bg c-left c-theme-bg"> <i class="icon-layers c-theme-font"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-divider-sm c-icon-bg c-right c-theme-bg"> <i class="icon-globe c-theme-bg c-font-white"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-divider-sm c-icon-bg c-left c-theme-bg"> <i class="icon-present c-theme-bg c-font-white"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> <div class="c-content-divider c-divider-sm c-icon-bg c-right c-theme-bg"> <i class="icon-star c-theme-bg c-font-white"></i> </div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellendus iure voluptate officia blanditiis quisquam nihil porro. Consequatur, earum, laborum velit vitae mollitia sint illum dolore aliquam perspiciatis eius commodi. </p> </div> </div> </div>[/html]
 