Scribd
Upload
62 views6 pages

HTML Head Meta Meta Meta Meta Meta Title Title: Inicio

This document contains the code for a website homepage, including navigation menus, images, panels, and links to related institutions. It provides an overview of an online learning tool to help students prepare for university entrance exams through questions organized by topic and course. Key features highlighted include being adaptable to any device, easy manageability, quick loading, intuitiveness, and including student statistics and progress tracking.

Uploaded by

Xiomara Nuñez
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
62 views6 pages

HTML Head Meta Meta Meta Meta Meta Title Title: Inicio

This document contains the code for a website homepage, including navigation menus, images, panels, and links to related institutions. It provides an overview of an online learning tool to help students prepare for university entrance exams through questions organized by topic and course. Key features highlighted include being adaptable to any device, easy manageability, quick loading, intuitiveness, and including student statistics and progress tracking.

Uploaded by

Xiomara Nuñez
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 6

<!

DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>Inicio</title>

<!-- TUTORIALLLLLLLLLLLLLLLLLLLLLL -->


<link rel="stylesheet" type="text/css"
href="css/bootstrap.min.css">
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery-
3.2.1.min.js"></script>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">

<!-- Custom CSS -->


<link href="css/sb-admin.css" rel="stylesheet">

<!-- Morris Charts CSS -->


<link href="css/plugins/morris.css" rel="stylesheet">

<!-- Custom Fonts -->


<link href="font-awesome/css/font-awesome.min.css"
rel="stylesheet" type="text/css">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and
media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via
file:// -->
<!--[if lt IE 9]>
<script
src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></scrip
t>
<script
src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></sc
ript>
<![endif]-->

</head>

<body>

<div id="wrapper">

<!-- Navigation -->


<nav class="navbar navbar-inverse navbar-fixed-top"
role="navigation">
<!-- Brand and toggle get grouped for better mobile
display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-
toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.jsp">INTERACTION
STUDY</a>
</div>
<!-- Top Menu Items -->
<ul class="nav navbar-right top-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-
toggle="dropdown"><i class="fa fa-user"></i> Inicie Sesion <b
class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="#"><i class="fa fa-fw fa-
user"></i> Profile</a>
</li>
<li class="divider"></li>
<li>
<a href="#"><i class="fa fa-fw fa-power-
off"></i> Log Out</a>
</li>
</ul>
</li>
</ul>
<!-- Sidebar Menu Items - These collapse to the responsive
navigation menu on small screens -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav side-nav">
<li class="active">
<a href="index.jsp"><i class="fa fa-fw fa-
sign-in"></i>Inicio</a>
</li>
<li>
<a href="about.jsp"><i class="fa fa-fw fa-
archive"></i>Nosotros</a>
</li>
<li>
<a href="login.jsp"><i class="fa fa-fw fa-
user"></i>Login</a>
</li>
<li>
<a href="newUser.jsp"><i class="fa fa-fw fa-
edit"></i>Nuevo Usuario</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</nav>

<div id="page-wrapper">

<div class="container-fluid">
<div id="carousel-example-generic" class="carousel
slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic"
data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic"
data-slide-to="1"></li>
<li data-target="#carousel-example-generic"
data-slide-to="2"></li>
</ol>

<!-- Wrapper for slides -->


<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="Images/banner1.jpg" alt="...">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="Images/banner2.jpg" alt="...">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="Images/banner3.jpg" alt="...">
<div class="carousel-caption">
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-
example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-
example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-
right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<br>
<div class="alert alert-warning" role="alert"><h4
align="center">Este producto servir&#225; para dinamizar el proceso de
aprendizaje de los estudiantes que aspiran ingresar a la universidad
por medio de sus multiples preguntas, basadas por temas y cursos
</h4></div>

</div>

<div align="center" class="panel panel-warning">


<div class="panel-body">
<h3 class="panel-title"><i class="fa fa-fw fa-
comment"></i>CARACTER&#205;STICAS</h3>
</div>

<div class="panel-footer">
<i class="fa fa-fw fa-check"></i>Adaptable a
cualquier dispositivo
</div>

<div class="panel-footer">
<i class="fa fa-fw fa-
check"></i>P&#225;gina f&#225;cilmente gestionable
</div>

<div class="panel-footer">
<i class="fa fa-fw fa-check"></i>Carga
r&#225;pida (Debe de visualizarse en el navegador r&#225;pidamente, si
la p&#225;gina esta alojada en un servidor
</div>

<div class="panel-footer">
<i class="fa fa-fw fa-check"></i>Intuitivo
(Hacer f&#225;cil e interactiva la navegaci&#243;n, para evitar que
los usuarios abandonen la p&#225;gina)
</div>

<div class="panel-footer">
<i class="fa fa-fw fa-
check"></i>Estad&#237;sticas de las notas y el avance del postulante
</div>

<div class="panel-footer">
<i class="fa fa-fw fa-check"></i>Preguntas
para marcar
</div>
</div>

<h3 align="center">Instituciones Relacionadas</h3>

<div class="row">

<div class="col-lg-4">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-
book fa-fw"></i> Pamer</h3>
</div>

<div class="panel-body">

<img src="Images/pamer.jpg" alt="500"


class="img-thumbnail">

<div class="text-right">
<a
href="http://www.pamer.edu.pe/corporacion/" target="_blank">Sitio web
<i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-
book fa-fw"></i>Trilce</h3>
</div>
<div class="panel-body">
<img src="Images/trilce.jpg" height="600"
width="400" class="img-thumbnail">

<div class="text-right">
<a
href="http://www.trilce.edu.pe/academias/" target="_blank">Sitio web
<i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-
book fa-fw"></i>Pitagoras</h3>
</div>

<div class="panel-body">
<img src="Images/pitagoras.jpg"
height="600" width="400" class="img-thumbnail">

<div class="text-right">
<a
href="http://www.grupopitagoras.com/academia.html"
target="_blank">Sitio web <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-footer">
<div class="container">
<div class="row">
<div class="col-md-4">
<span class="copyright">Copyright
&copy; Interaction Study 2017</span>
</div>
<div class="col-md-4">
<ul class="list-inline social-
buttons">
<li><a href="#"><i class="fa fa-
twitter"></i></a>
</li>
<li><a href="#"><i class="fa fa-
facebook"></i></a>
</li>
<li><a href="#"><i class="fa fa-
linkedin"></i></a>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="list-inline quicklinks">
<li><a href="#">Privacy Policy</a>
</li>
<li><a href="#">Terms of Use</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>

</div>
<!-- /.container-fluid -->

</div>
<!-- /#page-wrapper -->

</div>
<!-- /#wrapper -->

<!-- jQuery -->


<script src="js/jquery.js"></script>

<!-- Bootstrap Core JavaScript -->


<script src="js/bootstrap.min.js"></script>

<!-- Morris Charts JavaScript -->


<script src="js/plugins/morris/raphael.min.js"></script>
<script src="js/plugins/morris/morris.min.js"></script>
<script src="js/plugins/morris/morris-data.js"></script>

</body>

</html>

You might also like