<?php include("header.php"); ?>
    
    
    <style>
        html,
body {
  height: 100%;
}

header {
  overflow: hidden;
  padding: 50px 10px;
}
#page-content {
  flex: 1 0 auto;
}

#sticky-footer {
  flex-shrink: none;
}



.btn:hover {
  background-color: #7252bb;
  color: white;
}

.btn {
  background-color: #7252bb;
  color:white;
}

.previous {
  background-color: #7252bb;
  color: black;
}

.next {
  background-color: #7252bb;
  color: white;
}

.round {
  border-radius: 50%;
}


.copyright{
        color: gray;
    font-size: 0.7rem;
}

@media (max-width: 769px) {
  .mobile{
      position:relative;
      
      
  }
  
  .escritorio{
      background-color:#F9F9F9 !important;
  }
   .mobile2{
      display:none;
      
  }
  .h1, h1 {
    font-size: 2.0rem;
    color:grey;
}

h3{
    color:grey;
}
  .botonMobile{
      position:relative;
      left: -3% !important;
  }
  .mobileMargen{
      position: relative;
    top: 0% !Important;
  }
}

@media (min-width: 768px) {
  .mobile{
      display:none;
      
  }
  .escritorio{
      background-image:url('images/ansiedad.jpg');background-repeat: no-repeat;
    background-size: cover;font-family: 'Roboto', sans-serif;
  }
  
  
}

    </style>

    

    
  </head>

  <body class="d-flex flex-column text-center mobile escritorio" style="font-family: 'Roboto', sans-serif;" >
      <?php include("body.php"); ?>
    
   <header>
      <nav style="background-color:#7252bb !important;" class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">

      <div style="float:left;" class="collapse navbar-collapse" id="navbarsExampleDefault">
        
       
         <img style="position:relative;left: 80%;" width="10%" src="images/PsicoLogo.png">
         
      </div>
      <img style="position:relative;left: 80%;" width="10%" src="images/PsicoLogo.png">
    </nav> 
    
     
   </header>
    

    <main role="main"  class="container mobileMargen" style="position:relative;top:10%;">
       
        <form method="post" action="" id="paso1" >
        <section style="text-align:center;font-family: Roboto;
    color: white;" >
            <div class="col-12 row">
                
           <div class="col col-sm-12 col-md-12 col-lg-12 col-xs-12">
               <h1>TEST PSICOLÓGICO DE ANSIEDAD</h1>
               <br>
        <h3>A continuación Usted encontrará 10 preguntas relacionadas a su estado emocional, estas intentan explorar una probable alteración ansiosa. El modo de contestar es marcando Si o No por cada pregunta de acuerdo a su propia experiencia. 
Por favor conteste con toda sinceridad a los siguientes ítems, sin omitir respuesta.</h3>
    
         
     
      
      
      </div>
            </div>
             
            
        </section>
        <br>
        <section class="botonMobile" style="position:relative;top:20%;">
<button class="btn " type="button"><a style="color:white;font-size: 25px;text-decoration: none;" href="paso1.php">Siguiente &raquo;</a></button>


        </section>
</form> 
  

    </main><!-- /.container -->
    <br>
    <footer class="mastfoot mt-auto">
    <div class="inner">
      <p class="copyright">© 2020 PsicoCentro® Todos los derechos reservados.</p>
    </div>
  </footer>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>





  </body>
</html>
