<html>
<head>
<title>CAV</title>
<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="Shortcut Icon" type="image/x-icon" href="assets/icons/book.ico" />
    <script src="js/sweet-alert.min.js"></script>
    <link rel="stylesheet" href="css/sweet-alert.css">
    <link rel="stylesheet" href="css/material-design-iconic-font.min.css">
    <link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.css">
  
<script src="js/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.11.2.min.js"><\/script>')</script>
    <script src="js/modernizr.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="js/main.js"></script>
		
<style>


.texto{ color:#FFFFFF;}
.texto_pre{color:#FFFFFF; font-size:24px;}

.portada{
    background: url(assets/img/font-login.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100% ;
    text-align: center;
}
.text{
margin: 30px 0px 30px 0px;	
padding: 10px;
background: rgba(0,0,0,0.5);
display: inline-block;
}

html,body{
color:white;
  /*font-family:'Opens Sans',helvetica,sans-serif;*/  
  height:100%;
  width:100%;
  margin: 0px;
  font-size: 16px;
  
   font-family: "Parrafos" !important;
     
}
@font-face{
    font-family: "Titulos";
    src: url("fonts/AlegreyaSansSC-Regular.ttf"), url("fonts/AlegreyaSansSC-Regular.eot"), url("fonts/AlegreyaSansSC-Regular.woff"), url("fonts/AlegreyaSansSC-Regular.woff2"), url("/fonts/AlegreyaSansSC-Regular.svg");
}
@font-face{
    font-family: "Parrafos";
    src: url("fonts/OpenSans-CondLight.ttf"), url("fonts/OpenSans-CondLight.eot"), url("fonts/OpenSans-CondLight.woff"), url("fonts/OpenSans-CondLight.woff2"), url("fonts/OpenSans-CondLight.svg");
}
.all-tittles{ font-family: "Titulos" !important; }

</style>
<script src="js/bootstrap.min.js"></script>
<script>
function registrate(f){
  f.action='registro.php';
  f.submit();
  return true;
}
function login(f){
  f.action='index.html';
  f.submit();
  return true;
}

</script>

</head>

<body class="img-responsive portada">
	<nav class="navbar">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar texto"></span>
        <span class="icon-bar texto"></span>
        <span class="icon-bar texto"></span>
      </button>
      <a class="navbar-brand active texto" href="#">MANART</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
     
	  
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

<div class="container">
<div class="col-md-12">
   <br><br>
    </center>
	<div class="col-md-12">
		<center><img src="assets/img/cav_blanco@4x.png" width="340" height="223" class="img-responsive">
		</center>
	</div>
	<div class="form-group">
		<div class="col-md-12">
		<p><br>
			<center>
				<div class="texto_pre">Estudia desde donde tu quieras y se parte de la Comunidad Academica Virtual</div>
			</center>
		</div>
		<div class="form-group">
<form name="form1" method="post">
 
	<div class="col-md-12">
	  <center><br><br><button type="button" class="btn btn-primary btn-lg" onClick="registrate(this.form);"><i class="zmdi zmdi-floppy"></i> &nbsp;&nbsp; Registrate</button>
	    <button type="button" class="btn btn-default btn-lg" onClick="login(this.form);"><i class="zmdi zmdi-lock"></i> &nbsp;&nbsp; Acceder</button>
	  </center>
	</div>
	
	</form>
</div>
	</div>
<div class="form-group">
	<div class="col-md-12">
	  
	  <div class="col-md-3"><center><img src="assets/img/personas_w.png"><br><div class="texto">Comunicate, sube y comparte tus trabajos con tus profes</div></center></div>
	  
	  <div class="col-md-3"><center><img src="assets/img/registro_w.png"><br><div class="texto">Accede a tus cursos registrandote con un simple clic y teniendo acceso a los temas</div></center></div>
	  
	  <div class="col-md-3"><center><img src="assets/img/evaluacion_w.png"><br><div class="texto">Rinde tu evaluacion, y mide tu coheficiente obteniendo tu nota en tiempo real</div></center></div>
	  
	  <div class="col-md-3"><center><img src="assets/img/hablar_w.png"><br><div class="texto">Entra a los foros a debatir y a participar con tu profe y compa&ntilde;eros </div></center></div>    
	</div>
</div>

<div class="form-group">

 
	<div class="col-md-12">
	  <br>
	  <br>
	</div>
	
	
</div>
</div>
</div>

</body>
</html>
