<div id="style-switcher">
        <div id="switcher-head">
            <div class="head_c">
                <h3>Style Selector</h3>
                <a href="#" id="reset">Reset Style</a>
            </div>
            <div class="button"></div>
            
        </div>
        
        <div id="switcher-content">
          <p><span style="color:#46b2db;">Notice!</span> It's just a small part of the features available in the backend!</p>
          <form action="#">
    		  <div class="el open" id="layout" data-name="layout">
                    <div class="head">Choose Your Layout Style</div>
                    <div class="options">
                        <a href="#" class="switch_button active default" data-value="fullwidth">Wide Version</a>
                        <a href="#" class="switch_button" data-value="boxed">Boxed Version</a>
                    </div>
    		  </div>
		      <div class="el open" id="color_skin" data-name="color_skin">
                    <div class="head">Choose Your Color Skin</div>
                    <div class="options">
                        <a href="#" class="switch_button active default" data-value="light">Light</a>
                        <a href="#" class="switch_button" data-value="dark">Dark</a>
                    </div>
              </div>
        	  <div class="el open" id="shadow" data-name="shadow">
                    <div class="head">Choose Shadow for Header</div>
                    <div class="options">
                        <a href="#" class="button_text active default" data-value="shadow1">1</a>
                        <a href="#" class="button_text" data-value="shadow2">2</a>
                        <a href="#" class="button_text" data-value="shadow3">3</a>
                        <a href="#" class="button_text" data-value="shadow_none">No</a>
                    </div>
              </div> 
		      <div class="el open" id="color_scheme" data-name="skin">
                    <div class="head">10 Predefined Color Schemes</div>
                    <div class="options">
                        <a href="#" class="button_img active default" data-value="orange"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/1.png" /><span></span></a>
                        <a href="#" class="button_img" data-value="turquase"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/2.png" /><span></span></a>
                        <a href="#" class="button_img" data-value="purple"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/3.png" /><span></span></a>
                        <a href="#" class="button_img" data-value="red"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/4.png" /><span></span></a>
                        <a href="#" class="button_img" data-value="light_green"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/5.png" /><span></span></a>
                        <a href="#" class="button_img" data-value="yellow"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/6.png" /><span></span></a>
                        <a href="#" class="button_img" data-value="blue"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/7.png" /><span></span></a>
                        <a href="#" class="button_img" data-value="dark_green"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/8.png" /><span></span></a>
                        <a href="#" class="button_img" data-value="black"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/9.png" /><span></span></a>
                        <a href="#" class="button_img" data-value="grey"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/10.png" /><span></span></a>
                    </div>
              </div> 
              <div class="el" id="footer" data-name="footer_skin">
                    <div class="head">Footer Color</div>
                    <div class="options">
                        <a href="#" class="button_img active default" data-value="dark"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/black_f.png" /><span></span></a>
                        <a href="#" class="button_img" data-value="light"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/light_f.png" /><span></span></a>
                        <a href="#" class="button_img" data-value="skin_color"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/skin_f.png" /><span></span></a>  
                    </div>
              </div> 
              <div class="el" id="background" data-name="background">
                    <div class="head">Background</div>
                    <div class="options">
                        <a href="#" class="button_img" data-type="pattern" data-value="pattern_1"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/bg1.png" /><span></span></a>
                        <a href="#" class="button_img" data-type="pattern"  data-value="pattern_2"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/bg2.png" /><span></span></a>
                        <a href="#" class="button_img" data-type="pattern"  data-value="pattern_3"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/bg3.png" /><span></span></a>  
                        <a href="#" class="button_img" data-type="pattern"  data-value="pattern_4"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/bg4.png" /><span></span></a> 
                        <a href="#" class="button_img" data-type="pattern"  data-value="pattern_5"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/bg5.png" /><span></span></a> 
                        <a href="#" class="button_img" data-type="background"  data-value="background_6"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/bg6.png" /><span></span></a> 
                        <a href="#" class="button_img active" data-type="background"  data-value="background_7"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/bg7.png" /><span></span></a> 
                        <a href="#" class="button_img" data-type="background"  data-value="background_8"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/bg8.png" /><span></span></a> 
                        <a href="#" class="button_img" data-type="background"  data-value="background_9"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/bg9.png" /><span></span></a> 
                        <a href="#" class="button_img" data-type="background"  data-value="background_10"><img src="http://fortis7.moutheme.com/wp-content/themes/fortis7/img/switcher/bg10.png" /><span></span></a> 
                    </div>
              </div> 
		  
            </form>
        </div>
    </div>