diff --git a/compare.html b/compare.html
index e595f47..8ab82ec 100644
--- a/compare.html
+++ b/compare.html
@@ -47,81 +47,44 @@
         <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">
+            	<div class="parent">
+                    <ul>
+                         <li><h1>Semantic UI</h1></li>
+                         <li>
+                             <div class="details">
+                                 <div class="browsers">
+                                    <span class="ie" data-version="9"></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" data-active="yes">LESS</span>
+                                    <span class="sass">SASS</span>
+                                </div>
+                                <span class="responsive">
                                     <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>
+                        </li>
+                        <li><h3>MIT</h3></li>
+                    </ul>
+                    <div class="info">
+                        <article>
+                            <blockquote><i></i> UI is the vocabulary of the web. </blockquote>
+                            <p style="font-size:13px;line-height:1.4em;">
+                               Semantic empowers designers and developers by creating a language for sharing UI. <br/>Lose the Hieroglyphics: Semantic is structured around natural language conventions to make development more intuitive. <br/>Have a conversation with your components: Semantic gives you a variety of UI components with real-time debug output, letting your code tell you what its doing.
+                            </p>
+                        </article>
+                        <aside>
+                            <a target="_blank" href="http://semantic-ui.com">Site</a>
+                            <a target="_blank" href="https://github.com/jlukic/Semantic-UI">Github</a>
+                        </aside>
+                    </div>
                 </div>
-            </div>
                 <div class="parent">
                     <ul>
                         <li><h1>Twitter Bootstrap</h1></li>
@@ -1555,6 +1518,119 @@
                         </aside>
                     </div>
                 </div>
+                                <div class="parent">
+                    <ul>
+                         <li><h1>Kickoff</h1></li>
+                         <li>
+                             <div class="details">
+                                 <div class="browsers">
+                                    <span class="ie" data-version="8"></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" data-active="yes">SASS</span>
+                                </div>
+                                <span class="responsive">
+                                    <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> A lightweight front-end framework for creating scalable, responsive sites </blockquote>
+                            <p>
+                               Kickoff is an actively maintained front-end framework, created by Zander Martineau and Ashley Nolan.
+                           <br><br>
+                                The framework is not meant to be too prescriptive - we don't want to force developers into a certain coding style - and so can be used as a starting point for any type of project.
+                            </p>
+                        </article>
+                        <aside>
+                            <a target="_blank" href="http://tmwagency.github.io/kickoff/">Site</a>
+                            <a target="_blank" href="https://github.com/tmwagency/kickoff">Github</a>
+                        </aside>
+                    </div>
+                </div>
+                <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>
 
             </nav>
         </section>