config.html

<ion-content scrol="false">
   <header class="master config">
      <div class="master master top-page conversation-top">
         <span class=" master fa icon-menu"></span>
         <h1 class=" master">
            <span class=" master icon-top icon-settings"></span>Configurações
         </h1>
         <span class=" master icons icon-envelope"></span>
      </div>
   </header>
   <div>
      <div class="title-config">
         <h3>informações da conta</h3>
      </div>
      <div class="list-config">
         <ul>
            <li>
               <span class="icon-user-following icon-config icon-left"></span>Tiago André
               <span class="icon-pencil icon-config-right icon-right"></span>
            </li>
            <li>
               <span class="icon-envelope icon-config icon-left"></span>[email protected]
               <span class="icon-pencil icon-config-right icon-right"></span>
            </li>
            <li class="yellow">
               <span class="icon-credit-card icon-config icon-left yellow"></span>169.379.584-55
               <span class="green icon-righ fa fa-check"></span>
            </li>
            <li class="profiless">
               <label for="radio-2" class="perfil radio-label">Perfil</label>
               <span class="radio">
               <input id="radio-1" name="radio" type="radio">
               <label  for="radio-1" class="perfil radio-label config">Solteiro</label>
               </span><span class="radio">
               <input id="radio-2" name="radio" type="radio">
               <label  for="radio-2" class="perfil radio-label config">Casal</label>
               </span>
            </li>
         </ul>
      </div>
      <div class="list-conversation">
         <div class="list-config-2">
            <ul>
               <li>
                  <span class="icon-bell icon-config icon-left"></span> Alertas
                  <input type="checkbox" class="toggle-switch">
                  <label class="switch">
                  <input type="checkbox">
                  <span class="slider round"></span>
                  </label>
               </li>
               <li>
                  <span class="icon-key icon-config icon-left "></span>Mudar Senha
                  <span class="icon-arrow-right icon-config-trans arrow-right"></span>
               </li>
            </ul>
         </div>
      </div>
      <!--seção suporte da conta-->
      <div class="title-config">
         <h3>Suporte da minha da conta</h3>
      </div>
   </div>
   <div class="list-conversation">
   <div class="list-config-2">
      <ul>
         <li>
            <span class="icon-info icon-config icon-left "></span>Dúvidas Gerais
            <span class="icon-arrow-right icon-config-trans arrow-right"></span>
         </li>
         <li>
            <span class="icon-envelope icon-config icon-left "></span>Fale conosco
            <span class="icon-arrow-right  icon-config-trans arrow-right"></span>
         </li>
         <li>
            <span class="icon-wallet icon-config icon-left "></span>Meus pagamentos
            <span class="icon-arrow-right icon-config-trans icon-config-trans arrow-right"></span>
         </li>
      </ul>
   </div>
   <!--footer-->
   <footer class="copernight">
      <div class="col-sm-12">
         <p class="pull-left logo">HotSwingers</p>
         <span class="version yellow"> Versão 1.0</span>
         <p class="pull-right direitos">Todos os direitos reservados</p>
      </div>
   </footer>
</ion-content>