           </div>
         </div>
         <div class="formline-codeshare">
-        <div class="code-snip-container">
-          {{> @labelHTMLContent}}
-          {{> @librariesHTMLContainer}}
-          <div class="code-snip-holder share">
-            {{> @HTMLloader}}
-            {{> @aceHTMLWrapper}}
-          </div>
-        </div>
-        <div class="code-snip-container">
-          {{> @labelCSSContent}}
-          {{> @librariesCSSContainer}}
-          <div class="code-snip-holder share">
-            {{> @CSSloader}}
-            {{> @aceCSSWrapper}}
-          </div>
-        </div>
-        <div class="code-snip-container">
-          {{> @labelJSContent}}
-          {{> @librariesJSContainer}}
-          <div class="code-snip-holder share">
-            {{> @JSloader}}
-            {{> @aceJSWrapper}}
-          </div>
-        </div>
-        </div>
+        {{> @codeShareContainer}}
+       </div>
         <div class="formline">
           {{> @codeShareResultView}}
           {{> @codeShareResultButton}}

      title : "External Scripts:"
      cssClass : "legend-for-text"



    @librariesHTMLContainer = new KDView
      cssClass : "libs-container libs-html"


      title : "Modernizr"
      partial : "Modernizr"


    @librariesHTMLContent.addSubView @labelHTMLSelect
    @librariesHTMLContent.addSubView @libHTMLSelect
    @librariesHTMLContent.addSubView @labelHTMLClasses
    @librariesHTMLContent.addSubView @libHTMLClasses
    @librariesHTMLContent.addSubView @labelHTMLExtras
    @librariesHTMLContent.addSubView @libHTMLHeadExtras

    @librariesCSSContent.addSubView @labelCSSSelect
    @librariesCSSContent.addSubView @libCSSSelect
