diff --git a/compare.html b/compare.html
index ec41444..e595f47 100644
--- a/compare.html
+++ b/compare.html
@@ -47,6 +47,81 @@
         <section>
             <nav>
             <blockquote class="guide">Browser version " + " means latest version .</blockquote>
+            <div class="parent">
+                <ul>
+                    <li><h1>Cascade Framework</h1></li>
+                    <li>
+                        <div class="details">
+                            <div class="browsers">
+                                <span class="ie" data-version="6"></span>
+                                <span class="cr" data-version="+"></span>
+                                <span class="sa" data-version="+"></span>
+                                <span class="ff" data-version="+"></span>
+                                <span class="op" data-version="+"></span>
+                            </div>
+                            <div class="ui">
+                                <span class="less">LESS</span>
+                                <span class="sass">SASS</span>
+                            </div>
+                                <span class="responsive" data-responsive="yes">
+                                    <span class="desktop" data-responsive="yes"></span>
+                                    <span class="mobile" data-responsive="yes"></span>
+                                    <span class="tablet" data-responsive="yes"></span>
+                                </span>
+                        </div>
+                    </li>
+                    <li><h3>MIT</h3></li>
+                </ul>
+                <div class="info">
+                    <article>
+                        <blockquote><i></i> Powerful OOCSS front-end framework optimised for performance and flexibility.</blockquote>
+                        <p>
+
+                        </p>
+                    </article>
+                    <aside>
+                        <a target="_blank" href="http://cascade-framework.com/">Site</a>
+                        <a target="_blank" href="https://github.com/jslegers/cascadeframework">Github</a>
+                    </aside>
+                </div>
+            </div>
+            <div class="parent">
+                <ul>
+                    <li><h1>Cascade Framework <small>Light</small></h1></li>
+                    <li>
+                        <div class="details">
+                            <div class="browsers">
+                                <span class="ie" data-version="6"></span>
+                                <span class="cr" data-version="+"></span>
+                                <span class="sa" data-version="+"></span>
+                                <span class="ff" data-version="+"></span>
+                                <span class="op" data-version="+"></span>
+                            </div>
+                            <div class="ui">
+                                <span class="less">LESS</span>
+                                <span class="sass">SASS</span>
+                            </div>
+                                <span class="responsive" data-responsive="yes">
+                                    <span class="desktop" data-responsive="yes"></span>
+                                    <span class="mobile" data-responsive="yes"></span>
+                                    <span class="tablet" data-responsive="yes"></span>
+                                </span>
+                        </div>
+                    </li>
+                    <li><h3>MIT</h3></li>
+                </ul>
+                <div class="info">
+                    <article>
+                        <blockquote><i></i> An even more lightweight version of Cascade Framework, containing just the bare essentials.</blockquote>
+                        <p>
+
+                        </p>
+                    </article>
+                    <aside>
+                        <a target="_blank" href="https://github.com/jslegers/cascadeframeworklight">Github</a>
+                    </aside>
+                </div>
+            </div>
                 <div class="parent">
                     <ul>
                         <li><h1>Twitter Bootstrap</h1></li>
diff --git a/index.html b/index.html
index 8b17b70..f20eab1 100644
--- a/index.html
+++ b/index.html
@@ -50,6 +50,26 @@
 
 <p>A collection of best front-end frameworks for faster and easier web development.</p>
 
+        <h2>Cascade Framework</h2>
+
+        <blockquote>
+            <p>Powerful OOCSS front-end framework optimised for performance and flexibility.  </p>
+        </blockquote>
+
+        <p><strong>Responsive:</strong> Yes  </p>
+
+        <p><strong>Website:</strong> <a href="http://cascade-framework.com/">http://cascade-framework.com/</a></p>
+
+        <h2>Cascade Framework Light</h2>
+
+        <blockquote>
+            <p>An even more lightweight version of Cascade Framework, containing just the bare essentials.  </p>
+        </blockquote>
+
+        <p><strong>Responsive:</strong> Yes  </p>
+
+        <p><strong>Website:</strong> <a href="http://cascade-framework.com/">https://github.com/jslegers/cascadeframeworklight/</a></p>
+
 <h2>Twitter Bootstrap</h2>
 
 <blockquote>