&lt;div class=&quot;page_typography&quot;&gt;\r\n&lt;div class=&quot;row&quot;&gt;\r\n    &lt;div class=&quot;col-sm-6 col-md-6 col-lg-6&quot;&gt;\r\n        &lt;h2 class=&quot;text-left text-uppercase title-under&quot;&gt;DROPCAPS&lt;/h2&gt;\r\n        &lt;p&gt;\r\n            &lt;spa class=&quot;dropcap color-custom&quot;&gt;D&lt;/spa&gt;\r\n            ullam ac nisi non eros gravida venenatis. Ut euismod, turpis sollicitudin lobortis pellentesque, libero massa dapibus dui, eu dictum justo urna et.   &lt;span class=&quot;lead&quot;&gt;&lt;em&gt;Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod&lt;/em&gt;&lt;/span&gt; &amp;nbsp; Integer dictum est vitae sem. Vestibm justo. Nulla mauris ipsum, convallis ut, vestibulum eu, tincidunt vel, nisi. Curabitur molestie euism od erat. Proin eros odio, mattis rutrum, pulvinar et, egestas vitae, magna.\r\n\r\n            Integer semper, velit ut nisl. Nam lectus nulla, bibendum pretium, dictum a, mattis nec, dolor.\r\n        &lt;/p&gt;\r\n        &lt;p&gt;\r\n            &lt;spa class=&quot;dropcap  color-dark&quot;&gt;D&lt;/spa&gt;\r\n            ullam ac nisi non eros gravida venenatis. Ut euismod, turpis sollicitudin lobortis pellentesque, libero massa dapibus dui, eu dictum justo urna et mi. Integer dictum est vitae sem. Vestibm justo. &lt;strong class=&quot;color-custom&quot;&gt;Nulla mauris ipsum, convallis ut,&lt;/strong&gt; vestibulum eu, tincidunt vel, nisi. Curabitur molestie euism od erat. Proin eros odio, mattis rutrum, pulvinar et, &lt;ins class=&quot;color-dark&quot;&gt;egestas vitae, magna&lt;/ins&gt;. Integer semper, velit ut nisl. Nam lectus nulla, bibendum pretium, dictum a, mattis nec, dolor.\r\n        &lt;/p&gt;\r\n        &lt;div class=&quot;divider divider--lg&quot;&gt;&lt;/div&gt;\r\n        &lt;h2 class=&quot;text-left text-uppercase title-under&quot;&gt;Definition Lists&lt;/h2&gt;\r\n        &lt;dl&gt;\r\n            &lt;dt&gt;Lorem ipsum dolor sit amet &lt;/dt&gt;\r\n            &lt;dd&gt;Lorem ipsum dolor sit amet conse ctetur adipisicing 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. &lt;/dd&gt;\r\n            &lt;dt&gt;Conse ctetur adipisicing&lt;/dt&gt;\r\n            &lt;dd&gt;Conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.&lt;/dd&gt;\r\n            &lt;dt&gt;Sed do eiusmod&lt;/dt&gt;\r\n            &lt;dd&gt;\r\n                Conse ctetur adipisicing elit, sed do &lt;a href=&quot;#&quot;&gt;eiusmod tempor&lt;/a&gt; incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.\r\n            &lt;/dd&gt;\r\n        &lt;/dl&gt;\r\n        &lt;h2 class=&quot;text-left text-uppercase title-under&quot;&gt;button&lt;/h2&gt;\r\n\r\n        &lt;p&gt;\r\n            &lt;a href=&quot;#&quot; class=&quot;btn btn--ys btn-lg text-uppercase  btn--xs&quot;&gt;button&lt;/a&gt;\r\n        &lt;/p&gt;\r\n        &lt;p&gt;\r\n            &lt;a href=&quot;#&quot; class=&quot;btn btn--ys btn-lg text-uppercase  btn--sm&quot;&gt;button&lt;/a&gt;\r\n        &lt;/p&gt;\r\n        &lt;p&gt;\r\n            &lt;a href=&quot;#&quot; class=&quot;btn btn--ys btn-lg text-uppercase  btn--md&quot;&gt;button &lt;span class=&quot;icon icon-arrow_forward&quot;&gt;&lt;/span&gt;&lt;/a&gt;\r\n        &lt;/p&gt;\r\n        &lt;p&gt;\r\n            &lt;a href=&quot;#&quot; class=&quot;btn btn--ys btn-lg text-uppercase  btn--lg&quot;&gt;button&lt;/a&gt;\r\n        &lt;/p&gt;\r\n        &lt;p&gt;\r\n            &lt;a href=&quot;#&quot; class=&quot;btn btn--ys btn-lg text-uppercase  btn--xl&quot;&gt;button&lt;/a&gt;\r\n        &lt;/p&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;col-sm-6 col-md-6 col-lg-6&quot;&gt;\r\n        &lt;h2 class=&quot;text-left text-uppercase title-under&quot;&gt;HEADING HELPER CLASSES&lt;/h2&gt;\r\n        &lt;p&gt;\r\n            &lt;span class=&quot;mark bg-custom color-white&quot;&gt;Lorem ipsum&lt;/span&gt; dolor sit amet, &lt;span class=&quot;mark bg-black color-white&quot;&gt;consectetuer adipiscing elit&lt;/span&gt;. Donec eros tellus, scelerisque nec, rhoncus eget, sollicitudin eu, vehicula venenatis, tempor vitae, est. &lt;a href=&quot;#&quot; class=&quot;color-custom underline&quot;&gt;Praesent vitae dui&lt;/a&gt;. Morbi id tellus. Nullam ac nisi &lt;a href=&quot;#&quot; class=&quot;underline color-dark&quot;&gt;non eros gravida venenatis&lt;/a&gt;. Ut euismod, turpis social-links--largecitudin lobortis pellentesque, libero massa dapibus dui, eu dictum justo urna et mi. Integer dictum est vitae sem.\r\n        &lt;/p&gt;\r\n        &lt;div class=&quot;divider divider--lg&quot;&gt;&lt;/div&gt;\r\n        &lt;h2 class=&quot;text-left text-uppercase title-under&quot;&gt;BLOCKQUOTE&lt;/h2&gt;\r\n        &lt;blockquote class=&quot;quote-left&quot;&gt;\r\n            &lt;p&gt;\r\n                Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\r\n            &lt;/p&gt;\r\n            &lt;cite&gt;\r\n                &lt;b&gt;Amanda Smith&lt;/b&gt; - designer\r\n            &lt;/cite&gt;\r\n        &lt;/blockquote&gt;\r\n        &lt;h2 class=&quot;text-left text-uppercase title-under&quot;&gt;TABLES&lt;/h2&gt;\r\n        &lt;h5&gt;STRIPED TABLE&lt;/h5&gt;\r\n        &lt;table class=&quot;table table-striped&quot;&gt;\r\n            &lt;thead&gt;\r\n            &lt;tr&gt;\r\n                &lt;th scope=&quot;col&quot;&gt;# &lt;/th&gt;\r\n                &lt;th scope=&quot;col&quot;&gt;Title 1&lt;/th&gt;\r\n                &lt;th scope=&quot;col&quot;&gt;Title 2 &lt;/th&gt;\r\n                &lt;th scope=&quot;col&quot;&gt;Title 3&lt;/th&gt;\r\n            &lt;/tr&gt;\r\n            &lt;/thead&gt;\r\n            &lt;tbody&gt;\r\n            &lt;tr&gt;\r\n                &lt;td&gt;Table cell&lt;/td&gt;\r\n                &lt;td&gt;Table cell &lt;/td&gt;\r\n                &lt;td&gt;Table cell &lt;/td&gt;\r\n                &lt;td&gt;Table cell &lt;/td&gt;\r\n            &lt;/tr&gt;\r\n            &lt;tr&gt;\r\n                &lt;td&gt;Table cell&lt;/td&gt;\r\n                &lt;td&gt;Table cell &lt;/td&gt;\r\n                &lt;td&gt;Table cell &lt;/td&gt;\r\n                &lt;td&gt;Table cell &lt;/td&gt;\r\n            &lt;/tr&gt;\r\n            &lt;/tbody&gt;\r\n        &lt;/table&gt;\r\n        &lt;div class=&quot;divider divider--md&quot;&gt;&lt;/div&gt;\r\n        &lt;h5&gt;BORDERED TABLE&lt;/h5&gt;\r\n        &lt;table class=&quot;table-bordered-01&quot;&gt;\r\n            &lt;thead&gt;\r\n            &lt;tr&gt;\r\n                &lt;th&gt;Title 1&lt;/th&gt;\r\n                &lt;th&gt;Title 2&lt;/th&gt;\r\n            &lt;/tr&gt;\r\n            &lt;/thead&gt;\r\n            &lt;tbody&gt;\r\n            &lt;tr&gt;\r\n                &lt;td&gt;UK&lt;/td&gt;\r\n                &lt;td&gt;\r\n                    &lt;ul&gt;\r\n                        &lt;li&gt;18&lt;/li&gt;\r\n                        &lt;li&gt;20&lt;/li&gt;\r\n                        &lt;li&gt;22&lt;/li&gt;\r\n                        &lt;li&gt;24&lt;/li&gt;\r\n                        &lt;li&gt;26&lt;/li&gt;\r\n                    &lt;/ul&gt;\r\n                &lt;/td&gt;\r\n            &lt;/tr&gt;\r\n            &lt;tr&gt;\r\n                &lt;td&gt;European&lt;/td&gt;\r\n                &lt;td&gt;\r\n                    &lt;ul&gt;\r\n                        &lt;li&gt;46&lt;/li&gt;\r\n                        &lt;li&gt;48&lt;/li&gt;\r\n                        &lt;li&gt;50&lt;/li&gt;\r\n                        &lt;li&gt;52&lt;/li&gt;\r\n                        &lt;li&gt;54&lt;/li&gt;\r\n                    &lt;/ul&gt;\r\n                &lt;/td&gt;\r\n            &lt;/tr&gt;\r\n            &lt;tr&gt;\r\n                &lt;td&gt;US&lt;/td&gt;\r\n                &lt;td&gt;\r\n                    &lt;ul&gt;\r\n                        &lt;li&gt;14&lt;/li&gt;\r\n                        &lt;li&gt;16&lt;/li&gt;\r\n                        &lt;li&gt;18&lt;/li&gt;\r\n                        &lt;li&gt;20&lt;/li&gt;\r\n                        &lt;li&gt;22&lt;/li&gt;\r\n                    &lt;/ul&gt;\r\n                &lt;/td&gt;\r\n            &lt;/tr&gt;\r\n            &lt;tr&gt;\r\n                &lt;td&gt;Australia&lt;/td&gt;\r\n                &lt;td&gt;\r\n                    &lt;ul&gt;\r\n                        &lt;li&gt;8&lt;/li&gt;\r\n                        &lt;li&gt;10&lt;/li&gt;\r\n                        &lt;li&gt;12&lt;/li&gt;\r\n                        &lt;li&gt;14&lt;/li&gt;\r\n                        &lt;li&gt;16&lt;/li&gt;\r\n                    &lt;/ul&gt;\r\n                &lt;/td&gt;\r\n            &lt;/tr&gt;\r\n            &lt;/tbody&gt;\r\n        &lt;/table&gt;\r\n        &lt;div class=&quot;divider divider--md&quot;&gt;&lt;/div&gt;\r\n        &lt;table class=&quot;table table-bordered table-striped&quot;&gt;\r\n            &lt;thead&gt;\r\n            &lt;tr&gt;\r\n                &lt;th scope=&quot;col&quot;&gt;# &lt;/th&gt;\r\n                &lt;th scope=&quot;col&quot;&gt;Title 1&lt;/th&gt;\r\n                &lt;th scope=&quot;col&quot;&gt;Title 2 &lt;/th&gt;\r\n                &lt;th scope=&quot;col&quot;&gt;Title 3&lt;/th&gt;\r\n            &lt;/tr&gt;\r\n            &lt;/thead&gt;\r\n            &lt;tbody&gt;\r\n            &lt;tr&gt;\r\n                &lt;td&gt;Table cell&lt;/td&gt;\r\n                &lt;td&gt;Table cell &lt;/td&gt;\r\n                &lt;td&gt;Table cell &lt;/td&gt;\r\n                &lt;td&gt;Table cell &lt;/td&gt;\r\n            &lt;/tr&gt;\r\n            &lt;tr&gt;\r\n                &lt;td&gt;Table cell&lt;/td&gt;\r\n                &lt;td&gt;Table cell &lt;/td&gt;\r\n                &lt;td&gt;Table cell &lt;/td&gt;\r\n                &lt;td&gt;Table cell &lt;/td&gt;\r\n            &lt;/tr&gt;\r\n            &lt;/tbody&gt;\r\n        &lt;/table&gt;\r\n\r\n    &lt;/div&gt;\r\n&lt;/div&gt;\r\n&lt;h2 class=&quot;text-left text-uppercase title-under&quot;&gt;list&lt;/h2&gt;\r\n&lt;div class=&quot;row&quot;&gt;\r\n    &lt;div class=&quot;col-md-6 col-sm-6 col-xs-12&quot;&gt;\r\n        &lt;h4 class=&quot;color title-header&quot;&gt;Unordered Lists (Nested)&lt;/h4&gt;\r\n        &lt;ul class=&quot;simple-list &quot;&gt;\r\n            &lt;li&gt;\r\n                List item one\r\n                &lt;ul&gt;\r\n                    &lt;li&gt;\r\n                        List item one\r\n                        &lt;ul&gt;\r\n                            &lt;li&gt;List item one&lt;/li&gt;\r\n                            &lt;li&gt;List item two&lt;/li&gt;\r\n                            &lt;li&gt;List item three&lt;/li&gt;\r\n                            &lt;li&gt;List item four&lt;/li&gt;\r\n                        &lt;/ul&gt;\r\n                    &lt;/li&gt;\r\n                    &lt;li&gt;List item two&lt;/li&gt;\r\n                    &lt;li&gt;List item three&lt;/li&gt;\r\n                    &lt;li&gt;List item four&lt;/li&gt;\r\n                &lt;/ul&gt;\r\n            &lt;/li&gt;\r\n            &lt;li&gt;List item two&lt;/li&gt;\r\n            &lt;li&gt;List item three&lt;/li&gt;\r\n            &lt;li&gt;List item four&lt;/li&gt;\r\n        &lt;/ul&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;divider divider--lg visible-xs&quot;&gt;&lt;/div&gt;\r\n    &lt;div class=&quot;col-md-6 col-sm-6 col-xs-12&quot;&gt;\r\n        &lt;h4 class=&quot;color title-header&quot;&gt;Ordered List (Nested)&lt;/h4&gt;\r\n        &lt;ol class=&quot;decimal-list&quot;&gt;\r\n            &lt;li&gt;\r\n                List item one\r\n                &lt;ul&gt;\r\n                    &lt;li&gt;\r\n                        List item one\r\n                        &lt;ul&gt;\r\n                            &lt;li&gt;List item one&lt;/li&gt;\r\n                            &lt;li&gt;List item two&lt;/li&gt;\r\n                            &lt;li&gt;List item three&lt;/li&gt;\r\n                            &lt;li&gt;List item four&lt;/li&gt;\r\n                        &lt;/ul&gt;\r\n                    &lt;/li&gt;\r\n                    &lt;li&gt;List item two&lt;/li&gt;\r\n                    &lt;li&gt;List item three&lt;/li&gt;\r\n                    &lt;li&gt;List item four&lt;/li&gt;\r\n                &lt;/ul&gt;\r\n            &lt;/li&gt;\r\n            &lt;li&gt;List item two&lt;/li&gt;\r\n            &lt;li&gt;List item three&lt;/li&gt;\r\n            &lt;li&gt;List item four&lt;/li&gt;\r\n        &lt;/ol&gt;\r\n    &lt;/div&gt;\r\n&lt;/div&gt;\r\n&lt;ul class=&quot;marker-list-circle&quot;&gt;\r\n    &lt;li&gt;Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.&lt;/li&gt;\r\n    &lt;li&gt;Laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate.Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt . &lt;/li&gt;\r\n    &lt;li&gt;Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.&lt;/li&gt;\r\n&lt;/ul&gt;\r\n\r\n&lt;div class=&quot;divider divider--lg&quot;&gt;&lt;/div&gt;\r\n&lt;!-- table --&gt;\r\n&lt;h2 class=&quot;text-left text-uppercase title-under&quot;&gt;Grid&lt;/h2&gt;\r\n&lt;div class=&quot;row&quot;&gt;\r\n    &lt;div class=&quot;col-lg-12&quot;&gt;\r\n        &lt;h5&gt;1 COLUMN&lt;/h5&gt;\r\n        &lt;h4 class=&quot;color text-center&quot;&gt;Center Align&lt;/h4&gt;\r\n        &lt;p class=&quot;text-center&quot;&gt;\r\n            Lorem ipsum dolor sit amet conse ctetur adipisicing 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.Lorem ipsum dolor sit\r\n            amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt.\r\n        &lt;/p&gt;\r\n        &lt;h4 class=&quot;color&quot;&gt;Left Align&lt;/h4&gt;\r\n        &lt;p&gt;\r\n            Lorem ipsum dolor sit amet conse ctetur adipisicing 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.Lorem ipsum dolor sit\r\n            amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt.\r\n        &lt;/p&gt;\r\n        &lt;h4 class=&quot;color text-right&quot;&gt;Right Align&lt;/h4&gt;\r\n        &lt;p class=&quot;text-right&quot;&gt;\r\n            Lorem ipsum dolor sit amet conse ctetur adipisicing 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.Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt.\r\n        &lt;/p&gt;\r\n    &lt;/div&gt;\r\n&lt;/div&gt;\r\n&lt;div class=&quot;divider divider--md&quot;&gt;&lt;/div&gt;\r\n&lt;div class=&quot;row&quot;&gt;\r\n    &lt;div class=&quot;col-sm-6 col-md-6 col-lg-6&quot;&gt;\r\n        &lt;h5&gt;1/2 COLUMNS&lt;/h5&gt;\r\n        &lt;h5 class=&quot;color text-left&quot;&gt;Color&lt;/h5&gt;\r\n        &lt;p&gt;\r\n            &lt;span class=&quot;color-custom&quot;&gt;Color text&lt;/span&gt;\r\n            &lt;span class=&quot;text-color&quot;&gt;Color text&lt;/span&gt;\r\n            &lt;span class=&quot;color-white bg-custom&quot;&gt;Color text&lt;/span&gt;\r\n            &lt;span class=&quot;color-dark&quot;&gt;Color text&lt;/span&gt;\r\n            &lt;span class=&quot;color-red&quot;&gt;Color text&lt;/span&gt;\r\n            &lt;span class=&quot;color-blue&quot;&gt;Color text&lt;/span&gt;\r\n            &lt;span class=&quot;color-blue-light&quot;&gt;Color text&lt;/span&gt;\r\n            &lt;span class=&quot;color-green&quot;&gt;Color text&lt;/span&gt;\r\n            &lt;span class=&quot;color-green-dark&quot;&gt;Color text&lt;/span&gt;\r\n            &lt;span class=&quot;color-gray&quot;&gt;Color text&lt;/span&gt;\r\n            &lt;span class=&quot;color-yellow&quot;&gt;Color text&lt;/span&gt;\r\n        &lt;/p&gt;\r\n        &lt;p&gt; Maecenas lacus aliquet et nisl nunc, per sed sed maecenas.Lectus tincidunt pellentesque augue urna sit sed, arcu sed ante ac montes pellentesque consectetuer, neque magnis penatibus laoreet vehicula nulla orci.&lt;/p&gt;\r\n        &lt;h5 class=&quot;color text-left&quot;&gt;background&lt;/h5&gt;\r\n        &lt;p&gt;\r\n            &lt;span class=&quot;bg-custom color-white&quot;&gt;&amp;nbsp;bg text&amp;nbsp;&lt;/span&gt;\r\n            &lt;span class=&quot;bg-red color-white&quot;&gt;&amp;nbsp;bg text&amp;nbsp;&lt;/span&gt;\r\n            &lt;span class=&quot;bg-blue color-white&quot;&gt;&amp;nbsp;bg text&amp;nbsp;&lt;/span&gt;\r\n            &lt;span class=&quot;bg-light-blue color-white&quot;&gt;&amp;nbsp;bg text&amp;nbsp;&lt;/span&gt;\r\n            &lt;span class=&quot;bg-green color-white&quot;&gt;&amp;nbsp;bg text&amp;nbsp;&lt;/span&gt;\r\n            &lt;span class=&quot;bg-green-light color-white&quot;&gt;&amp;nbsp;bg text&amp;nbsp;&lt;/span&gt;\r\n            &lt;span class=&quot;bg-green-dark color-white&quot;&gt;&amp;nbsp;bg text&amp;nbsp;&lt;/span&gt;\r\n            &lt;span class=&quot;bg-yellow color-white&quot;&gt;&amp;nbsp;bg text&amp;nbsp;&lt;/span&gt;\r\n            &lt;span class=&quot;bg-coquelicot color-white&quot;&gt;&amp;nbsp;bg text&amp;nbsp;&lt;/span&gt;\r\n            &lt;span class=&quot;bg-black color-white&quot;&gt;&amp;nbsp; bg text &amp;nbsp;&lt;/span&gt;\r\n        &lt;/p&gt;\r\n\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;divider divider--lg visible-xs&quot;&gt;&lt;/div&gt;\r\n    &lt;div class=&quot;col-sm-6 col-md-6 col-lg-6&quot;&gt;\r\n        &lt;h5&gt;1/2 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Mauris aliquet ultricies ante, non faucibus ante gravida sed. Sed ultrices pellenlaoreet justo ultrices. In pellentesque lorem condimentum dui morbi pulvinar dui non quam pretium ut lacinia tortor. Fusce lacinia tempor malesuada. Fringilla penatibus orci est non mollit, suspendisse pulvinar egestas a donec. Vulputate mi dui suscipit, molestie vulputate libero fusce iaculis suscipit. Sapien pede libero. Maecenas lacus aliquet et nisl nunc, per sed sed maecenas.Lectus tincidunt pellentesque augue urna sit sed, arcu sed ante ac montes pellentesque consectetuer, neque magnis penatibus laoreet vehicula nulla orci, a malesuada justo laoreet ipsum, in ac fusce. At sapien neque sollicitudin lacus, dolor semper in laoreet, magnis convallis posuere adipiscing, dapibus suspendisse nonummy pellentesque consequat interdum odio.&lt;/p&gt;\r\n    &lt;/div&gt;\r\n&lt;/div&gt;\r\n&lt;div class=&quot;divider divider--md&quot;&gt;&lt;/div&gt;\r\n&lt;div class=&quot;row&quot;&gt;\r\n    &lt;div class=&quot;col-sm-4 col-md-4 col-lg-4&quot;&gt;\r\n        &lt;h5&gt;1/3 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Mauris aliquet ultricies ante, non faucibus ante gravida sed. Sed ultrices pellenlaoreet justo ultrices. In pellentesque lorem condimentum dui morbi pulvinar dui non quam pretium ut lacinia tortor. Fusce lacinia tempor malesuada. Fringilla penatibus orci est non mollit, suspendisse pulvinar egestas a donec. &lt;/p&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;col-sm-4 col-md-4 col-lg-4&quot;&gt;\r\n        &lt;h5&gt;1/3 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Mauris aliquet ultricies ante, non faucibus ante gravida sed. Sed ultrices pellenlaoreet justo ultrices. In pellentesque lorem condimentum dui morbi pulvinar dui non quam pretium ut lacinia tortor. Fusce lacinia tempor malesuada. Fringilla penatibus orci est non mollit, suspendisse pulvinar egestas a donec. &lt;/p&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;col-sm-4 col-md-4 col-lg-4&quot;&gt;\r\n        &lt;h5&gt;1/3 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Mauris aliquet ultricies ante, non faucibus ante gravida sed. Sed ultrices pellenlaoreet justo ultrices. In pellentesque lorem condimentum dui morbi pulvinar dui non quam pretium ut lacinia tortor. Fusce lacinia tempor malesuada. Fringilla penatibus orci est non mollit, suspendisse pulvinar egestas a donec. &lt;/p&gt;\r\n    &lt;/div&gt;\r\n&lt;/div&gt;\r\n&lt;div class=&quot;divider divider--md&quot;&gt;&lt;/div&gt;\r\n&lt;div class=&quot;row&quot;&gt;\r\n    &lt;div class=&quot;col-sm-8 col-md-8 col-lg-8&quot;&gt;\r\n        &lt;h5&gt;2/3 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Mauris aliquet ultricies ante, non faucibus ante gravida sed. Sed ultrices pellenlaoreet justo ultrices. In pellentesque lorem condimentum dui morbi pulvinar dui non quam pretium ut lacinia tortor. Fusce lacinia tempor malesuada. Fringilla penatibus orci est non mollit, suspendisse pulvinar egestas a donec. Vulputate mi dui suscipit, molestie vulputate libero fusce iaculis suscipit. Sapien pede libero. Maecenas lacus aliquet et nisl nunc, per sed sed maecenas.Lectus tincidunt pellentesque augue urna sit sed, arcu sed ante ac montes pellentesque consectetuer, neque magnis penatibus laoreet magnis convallis posuere adipiscing, dapibus suspendisse nonummy pellentesque consequat interdum odio.&lt;/p&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;col-sm-4 col-md-4 col-lg-4&quot;&gt;\r\n        &lt;h5&gt;1/3 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Mauris aliquet ultricies ante, non faucibus ante gravida sed. Sed ultrices pellenlaoreet justo ultrices. In pellentesque lorem condimentum dui morbi pulvinar dui non quam pretium ut lacinia tortor. Fusce lacinia tempor malesuada. Fringilla penatibus orci est non mollit, suspendisse pulvinar egestas a donec. &lt;/p&gt;\r\n    &lt;/div&gt;\r\n&lt;/div&gt;\r\n&lt;div class=&quot;divider divider--md&quot;&gt;&lt;/div&gt;\r\n&lt;div class=&quot;row&quot;&gt;\r\n    &lt;div class=&quot;col-sm-6 col-md-3 col-lg-3&quot;&gt;\r\n        &lt;h5&gt;1/4 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Mauris aliquet ultricies ante, non ante gravida sed. Sed ultrices pel lenlao reet justo ultrices. In pellentesque lorem con dimentum dui morbi pulvinar dui non quam pretium ut lacinia suspe ndisse pulvinar donec labore diam. &lt;/p&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;col-sm-6 col-md-3 col-lg-3&quot;&gt;\r\n        &lt;h5&gt;1/4 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Mauris aliquet ultricies ante, non ante gravida sed. Sed ultrices pel lenlao reet justo ultrices. In pellentesque lorem con dimentum dui morbi pulvinar dui non quam pretium ut lacinia suspe ndisse pulvinar donec labore diam. &lt;/p&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;col-sm-6 col-md-3 col-lg-3&quot;&gt;\r\n        &lt;h5&gt;1/4 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Mauris aliquet ultricies ante, non ante gravida sed. Sed ultrices pel lenlao reet justo ultrices. In pellentesque lorem con dimentum dui morbi pulvinar dui non quam pretium ut lacinia suspe ndisse pulvinar donec labore diam. &lt;/p&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;col-sm-6 col-md-3 col-lg-3&quot;&gt;\r\n        &lt;h5&gt;1/4 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Mauris aliquet ultricies ante, non ante gravida sed. Sed ultrices pel lenlao reet justo ultrices. In pellentesque lorem con dimentum dui morbi pulvinar dui non quam pretium ut lacinia suspe ndisse pulvinar donec labore diam. &lt;/p&gt;\r\n    &lt;/div&gt;\r\n&lt;/div&gt;\r\n&lt;div class=&quot;divider divider--md&quot;&gt;&lt;/div&gt;\r\n&lt;div class=&quot;row&quot;&gt;\r\n    &lt;div class=&quot;col-sm-9 col-md-9 col-lg-9&quot;&gt;\r\n        &lt;h5&gt;3/4 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Nam ac ipsum dui, a sollicitudin massa. Pellentesque semper ligula ut eros dapibus sit amet vehicula nisi tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eget urna sit amet sapien vestibulum auctor ac blandit erat. Sed sagittis volutpat urna nec lobortis. Aser velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. Allamco laboris nisi ut aliquip ex ea commodo consequat. Aser velit esse cillum dolore eu fugiat nulla pariatur.&lt;/p&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;col-sm-3 col-md-3 col-lg-3&quot;&gt;\r\n        &lt;h5&gt;1/4 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Mauris aliquet ultricies ante, non ante gravida sed. Sed ultrices pel lenlao reet justo ultrices. In pellentesque lorem con dimentum dui morbi pulvinar dui non quam pretium ut lacinia suspe ndisse pulvinar donec labore diam. &lt;/p&gt;\r\n    &lt;/div&gt;\r\n&lt;/div&gt;\r\n&lt;div class=&quot;divider divider--md&quot;&gt;&lt;/div&gt;\r\n&lt;div class=&quot;row&quot;&gt;\r\n    &lt;div class=&quot;col-sm-6 col-md-2 col-lg-2&quot;&gt;\r\n        &lt;h5&gt;1/6 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Mauris aliquet ultrics ant, ultrices pel lenlao rejusto sed ultrices. In pellesque pretium utlore lacini et ndisse pulvinar donec labore diam. &lt;/p&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;col-sm-6 col-md-2 col-lg-2&quot;&gt;\r\n        &lt;h5&gt;1/6 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Mauris aliquet ultrics ant, ultrices pel lenlao rejusto sed ultrices. In pellesque pretium utlore lacini et ndisse pulvinar donec labore diam. &lt;/p&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;col-sm-6 col-md-2 col-lg-2&quot;&gt;\r\n        &lt;h5&gt;1/6 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Mauris aliquet ultrics ant, ultrices pel lenlao rejusto sed ultrices. In pellesque pretium utlore lacini et ndisse pulvinar donec labore diam. &lt;/p&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;col-sm-6 col-md-2 col-lg-2&quot;&gt;\r\n        &lt;h5&gt;1/6 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Mauris aliquet ultrics ant, ultrices pel lenlao rejusto sed ultrices. In pellesque pretium utlore lacini et ndisse pulvinar donec labore diam. &lt;/p&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;col-sm-6 col-md-2 col-lg-2&quot;&gt;\r\n        &lt;h5&gt;1/6 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Mauris aliquet ultrics ant, ultrices pel lenlao rejusto sed ultrices. In pellesque pretium utlore lacini et ndisse pulvinar donec labore diam. &lt;/p&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;col-sm-6 col-md-2 col-lg-2&quot;&gt;\r\n        &lt;h5&gt;1/6 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Mauris aliquet ultrics ant, ultrices pel lenlao rejusto sed ultrices. In pellesque pretium utlore lacini et ndisse pulvinar donec labore diam. &lt;/p&gt;\r\n    &lt;/div&gt;\r\n&lt;/div&gt;\r\n&lt;div class=&quot;divider divider--md&quot;&gt;&lt;/div&gt;\r\n&lt;div class=&quot;row&quot;&gt;\r\n    &lt;div class=&quot;col-sm-8 col-md-10 col-lg-10&quot;&gt;\r\n        &lt;h5&gt;5/6 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros tellus, scelerisque nec, rhoncus eget, laoreet sit amet, nunc. Ut sit amet turpis. In est arcu, sollicitudin eu, vehicula venenatis, tempor vitae, est. Praesent vitae dui. Morbi id tellus. Cum sociis natoque penatibus et magnis dis part urient montes, nascetur ridiculus mus. Maecenas eu enim in lorem scelerisque auctor. Ut non erat. Suspendisse fermentum posuere lectus. Fusce vulputate nibh egestas orci. Aliquam lectus. Morbi eget dolor ullamcorper massa pellentesque sagittis. Morbi sit amet quam sed felis. Quisque vest ibulum massa. Nulla ornare. Nulla libero. Donec et mi eu massa ultrices scelerisque. Nullam ac nisi non eros gravida venenatis. Ut euismod, turpis sollicitudin lobortis pellentesque, libero massa dapibus dui, eu dictum justo urna et mi. Integer dictum est vitae sem. &lt;/p&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;col-sm-4 col-md-2 col-lg-2&quot;&gt;\r\n        &lt;h5&gt;1/6 COLUMNS&lt;/h5&gt;\r\n        &lt;p&gt;Mauris aliquet ultrics ant, ultrices pel lenlao rejusto sed ultrices. In pellesque pretium utlore lacini et ndisse pulvinar donec labore diam. &lt;/p&gt;\r\n    &lt;/div&gt;\r\n&lt;/div&gt;\r\n\r\n&lt;/div&gt;\r\n