<section role="region" class="skin-organic" >
   <header>
       <a href="#/" ><span class="icon icon-back">back</span></a>
	   <menu type="toolbar" ><button ng-click="done('#/main')" > done </button></menu>
	   <h1> {{ title }} </h1>
   </header>
</section>
<section class="gaia-list fit scroll sticky">
        <ul>
		   <li class="active" >
		       <label class="pack-switch" >
				   <input type="checkbox" ng-model="config.soundActivated" />
			   	   <span> Sound </span>
			   </label>
		   </li>
		   <li class="active" >
		       <label class="pack-switch" >
				   <input type="checkbox" ng-model="config.vibrationActivated" />
			   	   <span> Vibration  </span>
			   </label>
		   </li>
		   <li class="active" >
		       <label class="pack-switch" >
				   <input type="checkbox" ng-model="config.lockScreen" />
			   	   <span> Lock screen </span>
			   </label>
		   </li>
		   <li class="active" >
		       <label class="pack-switch" >
				   <input type="checkbox" ng-model="config.lockOrientation"  />
			   	   <span> Lock orientation </span>
			   </label>
        </ul>
</section>


