diff --git a/l2g4/build/web/img/rob-log.png b/l2g4/build/web/img/rob-log.png
new file mode 100644
index 0000000000000000000000000000000000000000..d4821fbb77b985dd67ed6df96b60317ab80b1bdc
Binary files /dev/null and b/l2g4/build/web/img/rob-log.png differ
diff --git a/l2g4/build/web/img/rob-login.jpg b/l2g4/build/web/img/rob-login.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..6926b1f172960b597a2219f83d7ca891881e1729
Binary files /dev/null and b/l2g4/build/web/img/rob-login.jpg differ
diff --git a/l2g4/build/web/page/login/login.jsp b/l2g4/build/web/page/login/login.jsp
index c6d9f59b9461d31e130789cf90c7099669fcfde5..c1c136188a9b6b1dcd194c4116e37aaf7227a65b 100644
--- a/l2g4/build/web/page/login/login.jsp
+++ b/l2g4/build/web/page/login/login.jsp
@@ -29,7 +29,7 @@
<body>
<%@include file="../nav.jspf" %> <main>
<section class="container">
- <h1 class="title text-center">Inicia Secion</h1>
+ <h1 class="title text-center">Inicio de Sesión</h1>
<div class="row">
<p class="text-center" id="msj"></p>
</div>
@@ -51,6 +51,7 @@
</div>
</form>
</section>
+ <!--<img src="https://wallpaper.wiki/wp-content/uploads/2017/04/wallpaper.wiki-Colorful-Arte-HD-Wallpaper-PIC-WPC005552.jpg">-->
</body>
<!-- Bootstrap -->
diff --git a/l2g4/nbproject/private/private.properties b/l2g4/nbproject/private/private.properties
index 777499a78595e9dbaa88d3f64fb92b933b6c410a..1c0ee1bb2d15c37546b38d249e369a40b78e4312 100644
--- a/l2g4/nbproject/private/private.properties
+++ b/l2g4/nbproject/private/private.properties
@@ -1,7 +1,7 @@
-deploy.ant.properties.file=C:\\Users\\pecaa\\AppData\\Roaming\\NetBeans\\8.2\\tomcat90.properties
+deploy.ant.properties.file=C:\\Users\\Mauro\\AppData\\Roaming\\NetBeans\\8.2\\tomcat90.properties
j2ee.server.home=C:/tomcat
j2ee.server.instance=tomcat90:home=C:\\tomcat
javac.debug=true
javadoc.preview=true
selected.browser=Chrome
-user.properties.file=C:\\Users\\pecaa\\AppData\\Roaming\\NetBeans\\8.2\\build.properties
+user.properties.file=C:\\Users\\Mauro\\AppData\\Roaming\\NetBeans\\8.2\\build.properties
diff --git a/l2g4/nbproject/project.properties b/l2g4/nbproject/project.properties
index 2ad178b504fbc5ccf6771fc0d088f1e53ec43a85..a15d273b546dedcced7cee2e00c6df75f8b8ad42 100644
--- a/l2g4/nbproject/project.properties
+++ b/l2g4/nbproject/project.properties
@@ -42,7 +42,7 @@ j2ee.compile.on.save=true
j2ee.copy.static.files.on.save=true
j2ee.deploy.on.save=true
j2ee.platform=1.7-web
-j2ee.platform.classpath=${j2ee.server.home}/lib/annotations-api.jar:${j2ee.server.home}/lib/catalina-ant.jar:${j2ee.server.home}/lib/catalina-ha.jar:${j2ee.server.home}/lib/catalina-storeconfig.jar:${j2ee.server.home}/lib/catalina-tribes.jar:${j2ee.server.home}/lib/catalina.jar:${j2ee.server.home}/lib/ecj-4.7.3a.jar:${j2ee.server.home}/lib/el-api.jar:${j2ee.server.home}/lib/jasper-el.jar:${j2ee.server.home}/lib/jasper.jar:${j2ee.server.home}/lib/jaspic-api.jar:${j2ee.server.home}/lib/jsp-api.jar:${j2ee.server.home}/lib/servlet-api.jar:${j2ee.server.home}/lib/tomcat-api.jar:${j2ee.server.home}/lib/tomcat-coyote.jar:${j2ee.server.home}/lib/tomcat-dbcp.jar:${j2ee.server.home}/lib/tomcat-i18n-es.jar:${j2ee.server.home}/lib/tomcat-i18n-fr.jar:${j2ee.server.home}/lib/tomcat-i18n-ja.jar:${j2ee.server.home}/lib/tomcat-i18n-ru.jar:${j2ee.server.home}/lib/tomcat-jdbc.jar:${j2ee.server.home}/lib/tomcat-jni.jar:${j2ee.server.home}/lib/tomcat-util-scan.jar:${j2ee.server.home}/lib/tomcat-util.jar:${j2ee.server.home}/lib/tomcat-websocket.jar:${j2ee.server.home}/lib/websocket-api.jar
+j2ee.platform.classpath=${j2ee.server.home}/lib/annotations-api.jar:${j2ee.server.home}/lib/catalina-ant.jar:${j2ee.server.home}/lib/catalina-ha.jar:${j2ee.server.home}/lib/catalina-storeconfig.jar:${j2ee.server.home}/lib/catalina-tribes.jar:${j2ee.server.home}/lib/catalina.jar:${j2ee.server.home}/lib/ecj-4.7.3a.jar:${j2ee.server.home}/lib/el-api.jar:${j2ee.server.home}/lib/jasper-el.jar:${j2ee.server.home}/lib/jasper.jar:${j2ee.server.home}/lib/jaspic-api.jar:${j2ee.server.home}/lib/jsp-api.jar:${j2ee.server.home}/lib/servlet-api.jar:${j2ee.server.home}/lib/tomcat-api.jar:${j2ee.server.home}/lib/tomcat-coyote.jar:${j2ee.server.home}/lib/tomcat-dbcp.jar:${j2ee.server.home}/lib/tomcat-i18n-es.jar:${j2ee.server.home}/lib/tomcat-i18n-fr.jar:${j2ee.server.home}/lib/tomcat-i18n-ja.jar:${j2ee.server.home}/lib/tomcat-jdbc.jar:${j2ee.server.home}/lib/tomcat-jni.jar:${j2ee.server.home}/lib/tomcat-util-scan.jar:${j2ee.server.home}/lib/tomcat-util.jar:${j2ee.server.home}/lib/tomcat-websocket.jar:${j2ee.server.home}/lib/websocket-api.jar
j2ee.server.type=Tomcat
jar.compress=false
javac.classpath=
diff --git a/l2g4/web/img/rob-log.png b/l2g4/web/img/rob-log.png
new file mode 100644
index 0000000000000000000000000000000000000000..d4821fbb77b985dd67ed6df96b60317ab80b1bdc
Binary files /dev/null and b/l2g4/web/img/rob-log.png differ
diff --git a/l2g4/web/img/rob-login.jpg b/l2g4/web/img/rob-login.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..6926b1f172960b597a2219f83d7ca891881e1729
Binary files /dev/null and b/l2g4/web/img/rob-login.jpg differ
diff --git a/l2g4/web/page/login/login.jsp b/l2g4/web/page/login/login.jsp
index c6d9f59b9461d31e130789cf90c7099669fcfde5..c1c136188a9b6b1dcd194c4116e37aaf7227a65b 100644
--- a/l2g4/web/page/login/login.jsp
+++ b/l2g4/web/page/login/login.jsp
@@ -29,7 +29,7 @@
<body>
<%@include file="../nav.jspf" %> <main>
<section class="container">
- <h1 class="title text-center">Inicia Secion</h1>
+ <h1 class="title text-center">Inicio de Sesión</h1>
<div class="row">
<p class="text-center" id="msj"></p>
</div>
@@ -51,6 +51,7 @@
</div>
</form>
</section>
+ <!--<img src="https://wallpaper.wiki/wp-content/uploads/2017/04/wallpaper.wiki-Colorful-Arte-HD-Wallpaper-PIC-WPC005552.jpg">-->
</body>
<!-- Bootstrap -->
diff --git a/templete/Blanco.html b/templete/Blanco.html
new file mode 100644
index 0000000000000000000000000000000000000000..27270388a0955aa029b61b5c19eea473a28c308d
--- /dev/null
+++ b/templete/Blanco.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+ <head>
+ <!-- Latest compiled and minified CSS -->
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
+ <!-- jQuery library -->
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+ <!-- Popper JS -->
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
+ <!-- Latest compiled JavaScript -->
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
+ <!-- Estilos -->
+ <link rel="stylesheet" href="./css/cards-propuesta.css">
+ <link rel="stylesheet" href="./css/cards-seguir.css">
+ <link rel="stylesheet" href="./css/cards-usuario.css">
+ <link rel="stylesheet" href="./css/footer.css">
+ <link rel="stylesheet" href="./css/header.css">
+ <link rel="stylesheet" href="./css/msg.css">
+ <link rel="stylesheet" href="./css/pagination.css">
+ <link rel="stylesheet" href="./css/style.css">
+ <link rel="stylesheet" href="./css/title.css">
+
+ <!-- MetaData -->
+ <title>Culturarte-G4</title>
+ <meta name="description" content="Web para el obligatorio 2">
+ <meta name="keywords" content="HTML,CSS,JavaScript,jQuery,Popper,Bootstrap">
+ <meta name="author" content="G-4">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta charset="utf-8">
+<style media="screen">
+html,
+body {
+ height: 100%;
+}
+
+body {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-top: 40px;
+ padding-bottom: 40px;
+ background: #F9F9F9;
+ z-index: 0;
+}
+
+.form-signin {
+ width: 100%;
+ max-width: 330px;
+ padding: 15px;
+ margin: auto;
+ border-radius: 3px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ background-color: #fff;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+
+}
+
+.form-signin input {
+ margin: 5px 0;
+ border: none;
+ background: rgba(0, 0, 0, 0.05);
+}
+.form-signin .logo {
+ margin: 20px;
+ width: auto;
+}
+.form-signin hr {
+ margin: 20px;
+ padding: 0;
+}
+
+.form-signin .form-control {
+ position: relative;
+ box-sizing: border-box;
+ height: auto;
+ padding: 10px;
+ font-size: 16px;
+}
+.form-signin .form-control:focus {
+ z-index: 2;
+}
+
+</style>
+ </head>
+ <body>
+
+ <form class="form-signin">
+ <div class="logo">Culturarte</div>
+ <input type="text" id="inputEmail" class="form-control" placeholder="Email address" required="" autofocus="">
+ <input type="password" id="inputPassword" class="form-control" placeholder="Password" required="">
+ <hr class="col-4">
+ <button class="btn btn-primary " type="submit">Sign in</button>
+ </form>
+
+
+ </body>
+</html>
diff --git a/templete/avatar.png b/templete/avatar.png
new file mode 100644
index 0000000000000000000000000000000000000000..e9f80dc4900cdd1b6e545bdd72e21f14ff45da8e
Binary files /dev/null and b/templete/avatar.png differ
diff --git a/templete/componentes.html b/templete/componentes.html
new file mode 100644
index 0000000000000000000000000000000000000000..b65ba06ab6e1071e3d85f94e9f80af7d6774a49f
--- /dev/null
+++ b/templete/componentes.html
@@ -0,0 +1,475 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+ <head>
+ <meta charset="utf-8">
+ <!-- Latest compiled and minified CSS -->
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
+ <!-- jQuery library -->
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+ <!-- Popper JS -->
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
+ <!-- Latest compiled JavaScript -->
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
+ <title></title>
+ <style>
+ body {
+
+ background-color: #f0f0f0;
+ }
+ .box-cards-center {
+ display: flex;
+ justify-content: flex-start;
+ align-items: flex-start;
+ flex-wrap: wrap;
+ }
+ .main {
+ box-shadow: 0 1px 6px rgba(0,0,0,0.06);
+ background-color: #fff;
+ border-radius: 3px;
+ padding: 0;
+ max-width: 1000px;
+ margin: 10px auto;
+ }
+ .cards-propuestas {
+ border: solid 1px #eee;
+ border-radius: 3px;
+ box-shadow: 0px 1px 5px 0px rgba(0,0,0,.05);
+ margin: 10px;
+ width: 300px;
+ transition: all .5s;
+ cursor: pointer;
+ position: relative;
+ display: inline-block;
+ }
+ .cards-propuestas:hover {
+ box-shadow: 0px 3px 6px -2px rgba(0,0,0,.2);
+ }
+ /* cards propuestas body */
+ .cards-propuestas .body {
+ padding: 20px;
+ }
+
+ .cards-propuestas p {
+ color: #aaa;
+ }
+
+ .estado div{
+ display: flex;
+ padding: 0;
+ }
+
+ .estado div span{
+ display: inline-block;
+ background: red;
+ width: 20%;
+ height: 5px;
+ margin: 0 4px 0 0;
+ border-radius: 3px;
+ }
+
+ .estado[data-estado="0"]::before { content: "Ingresada"; }
+ .estado[data-estado="1"]::before { content: "Progreso"; }
+ .estado[data-estado="2"]::before { content: "finalisada"; }
+ .estado[data-estado="3"]::before { content: "en financiacion"; }
+ .estado[data-estado="4"]::before { content: "no fincanciada"; }
+ .estado[data-estado="5"]::before { content: "publicada"; }
+ .estado[data-estado="6"]::before { content: "cancelada"; }
+
+ .estado::before{
+ color: #ddd;
+ font-weight: 500;
+ font-size: 12px;
+ text-transform: uppercase;
+ }
+
+ .cards-propuestas .colaboracion {
+ padding: 0px;
+ margin: 0px 0px 10px;
+ display: inline-block;
+ font-size: 12px;
+ font-weight: 200;
+ color: #aaa;
+ }
+
+ .cards-propuestas .colaboracion b{
+ color: #888;
+ font-weight: 600;
+ }
+
+ .cards-propuestas .total {
+ padding: 0px;
+ margin: 0px;
+ font-weight: 900;
+ font-size: 15px;
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ color: #999;
+ }
+ .cards-propuestas .total::before {
+ content: "$";
+ color: #aaa;
+ }
+
+
+ .estado[data-estado="0"] div span:nth-child(n + 1),
+ .estado[data-estado="1"] div span:nth-child(n + 2),
+ .estado[data-estado="2"] div span:nth-child(n + 3),
+ .estado[data-estado="3"] div span:nth-child(n + 4),
+ .estado[data-estado="4"] div span:nth-child(n + 5),
+ .estado[data-estado="5"] div span:nth-child(n + 6),
+ .estado[data-estado="6"] div span:nth-child(n + 7)
+ { background: #eee; }
+
+ /* cards propuestas footer */
+ .cards-propuestas .footer {
+ border-top: solid 1px #eee;
+ padding: 20px;
+ color: #666;
+ font-weight: 100;
+ display: flex;
+ align-items: center;
+ }
+
+ .cards-propuestas .footer .user-creador {
+ border-radius: 50%;
+ height: 46px;
+ width: 46px;
+ margin-right: 10px;
+ }
+
+ .btn {
+ width: 100%;
+ margin: 0 5px;
+ box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
+ }
+
+ /* cards seguidor */
+ .cards-seguidor {
+ border: solid 1px #eee;
+ border-radius: 3px;
+ box-shadow: 0px 1px 5px 0px rgba(0,0,0,.05);
+ margin: 10px;
+ width: 300px;
+ transition: all .5s;
+ cursor: pointer;
+ position: relative;
+ display: inline-block;
+ overflow: hidden;
+
+ }
+ .cards-seguidor h1 {
+ display: inline-block;
+ font-size: 20px;
+ }
+ .cards-seguidor .body{
+ padding: 10px;
+ }
+
+ .cards-seguidor.seguidor .body{
+ display: flex;
+ align-items: center;
+ height: 80px;
+ }
+
+ .cards-seguidor .btn {
+ display: inline-block;
+ width: auto;
+ padding: 0px 10px;
+ font-size: 20px;
+ margin: 0;
+ float: right;
+ }
+ .cards-seguidor .user-creador {
+ height: 80px;
+ width: 80px;
+ margin-right: 10px;
+ float: left;
+ }
+ .cards-propuesta-home{
+ border: solid 1px #eee;
+ border-radius: 3px;
+ box-shadow: 0px 1px 5px 0px rgba(0,0,0,.05);
+ margin: 10px;
+ width: 300px;
+ transition: all .5s;
+ cursor: pointer;
+ position: relative;
+ display: inline-block;
+ overflow: hidden;
+ background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 3%, rgb(0, 0, 0) 100%) !important;
+ }
+
+ /* Cards usuario */
+ .cards-usuario {
+ border: solid 1px #eee;
+ border-radius: 3px;
+ box-shadow: 0px 1px 5px 0px rgba(0,0,0,.05);
+ margin: 10px;
+ padding: 20px;
+ width: 300px;
+ transition: all .5s;
+ cursor: pointer;
+ position: relative;
+ display: inline-block;
+ overflow: hidden;
+ }
+ .cards-usuario .user-creador {
+ margin: 10px auto;
+ width: 96px;
+ height: 96px;
+ display: block;
+ border-radius: 50%;
+ box-shadow: 0px 1px 5px 0px rgba(0,0,0,.05);
+ }
+ .cards-usuario .user-type,
+ .cards-usuario .user-name {
+ text-align: center;
+ }
+ .cards-usuario .user-type {
+ margin: 0;
+ color: #666
+ }
+ .cards-usuario .user-name {
+ margin-top: 0;
+ }
+
+ /* pagination */
+ .pagination{
+ margin-bottom: 10px!important;
+
+ }
+ /* heder */
+ nav {
+ box-shadow: 0 3px 2px 0 rgba(0,0,0,0.1), 0 1px 1px 0 rgba(0,0,0,0.11);
+ padding: 5px;
+ background: #fff;
+ border-bottom: solid 3px #333;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+ .logo {
+ margin: 0 10px 0 10PX;
+ float: none;
+ font-size: 20px;
+ padding: 7px 14px;
+ border: solid 2px #333;
+ font-family: 'Cabin Sketch', cursive;
+ display: inline-block;
+ margin: 5px;
+ }
+ /* Tools */
+ .tools > div {
+ display: none;
+ }
+ .tools.search .search,
+ .tools.logeado .logeado,
+ .tools.Visitante .Visitante,
+ .tools .Visitante{
+ display: block;
+ }
+ /* Search */
+ .input-search {
+ border: none;
+ background: #eee;
+ border-radius: 3px;
+ width: 300px;
+ padding: 5px 10px;
+ max-width: 100%;
+ }
+ .button-search {
+ background: none;
+ border: none;
+ cursor: pointer;
+ }
+ /* Logeado */
+ .logeado .dropdown-toggle {
+ display: flex;
+ align-items: center;
+ }
+ .logeado .user-creador {
+ width: 45px;
+ height: 45px;
+ border-radius: 50%;
+ }
+ .logeado .name-user {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ width: 100px;
+ margin: 5px;
+ }
+ /* Visitante */
+ .Visitante a{
+ color: #999;
+ font-weight: 300;
+ margin: 5px;
+ padding: 5px;
+ outline: none;
+ transition: all .2s;
+ }
+ .Visitante a:hover{
+ text-decoration: none;
+ color: #222;
+ outline: none;
+ }
+
+ .title {
+ color: #fff;
+ text-shadow: 0px 2px 2px rgba(0,0,0,0.4);
+ text-align: center;
+ margin: 30px auto;
+ }
+
+ footer {
+ display: flex;
+ justify-content: center;
+ background: rgba(0,0,0,.1);
+ color: #666;
+ padding: 10px;
+ }
+ </style>
+ </head>
+ <body>
+
+ <nav>
+ <div class="logo">
+ Culturarte
+ </div>
+ <div class="tools">
+ <!-- User logeado-->
+ <div class="logeado dropdown" data-toggle="dropdown" style="width: 150px; text-align: right;">
+ <ul class="dropdown-menu" role="menu">
+ <a class="dropdown-item" href="#">Perfil</a>
+ <a class="dropdown-item" href="#">Favoritos</a>
+ <hr>
+ <a class="dropdown-item" href="#">Salir</a>
+ </ul>
+ <div class="dropdown-toggle" data-toggle="dropdown">
+ <label class="name-user">Nombre Usdfsdfds</label>
+ <img class=" user-creador" src="avatar.png">
+ </div>
+ </div>
+ <!-- Visitante -->
+ <div class="Visitante">
+ <a href="#">Registrares</a>
+ <a href="#">Logearse</a>
+ </div>
+ <!-- Buscar -->
+ <div class="search">
+ <input class="input-search" type="text">
+ <button class="button-search">B</button>
+ </div>
+
+ </div>
+ </nav>
+ <header>
+ <h1 class="title">title</h1>
+ </header>
+ <div class="main">
+ <div class="card-header">
+ <ul class="nav nav-tabs card-header-tabs">
+ <li class="nav-item">
+ <a class="nav-link active" href="#">Active</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="#">Link</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link disabled" href="#">Disabled</a>
+ </li>
+ </ul>
+ </div>
+ <div class="card-body">
+
+
+
+ <h5 class="card-title">Special title treatment</h5>
+ <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
+ <a href="#" class="btn btn-primary">Go somewhere</a>
+ </div>
+ <main class="box-cards-center">
+ <!-- Cards propuestas para colaborador -->
+ <div class="cards-propuestas">
+ <div class="body">
+ <h1>propuesta </h1>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
+ <span class="colaboracion">
+ <b>Colaborasion: </b>$100 el 07/10/2018
+ </span>
+ <div class="estado" data-estado="3">
+ <div>
+ <span></span><span></span><span></span><span></span><span></span>
+ </div>
+ </div>
+ </div>
+ <div class="footer">
+ <img class="user-creador" src="avatar.png">
+ Usuario creador
+ </div>
+
+ </div>
+
+ <!-- Cards propuestas para creador -->
+ <div class="cards-propuestas">
+ <div class="body">
+ <span class="total">54</span>
+ <h1>mi propuesta </h1>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
+ <div class="estado" data-estado="2">
+ <div>
+ <span></span><span></span><span></span><span></span><span></span>
+ </div>
+ </div>
+ </div>
+ <div class="footer">
+ <button class="btn btn-primary"> Extender </button>
+ <button class="btn btn-danger"> Cancelar </button>
+ </div>
+ </div>
+
+ <!-- Cards mis seguidores -->
+ <div class="cards-seguidor seguidor">
+ <img class="user-creador" src="avatar.png">
+ <div class="body">
+ <h1>me sige </h1>
+ </div>
+ </div>
+
+ <!-- Cards los seguigo -->
+ <div class="cards-seguidor">
+ <img class="user-creador" src="avatar.png">
+ <div class="body">
+ <h1>yo sigo </h1>
+ <button class="btn btn-primary"> Dejar de segir </button>
+ </div>
+ </div>
+
+ <!-- Cards usuario -->
+ <div class="cards-usuario">
+ <img class="user-creador" src="avatar.png">
+ <h6 class="user-type">user-type</h6>
+ <h1 class="user-name">yo sigo </h1>
+ </div>
+ </div>
+ </main>
+ <ul class="pagination justify-content-center">
+ <li class="page-item disabled">
+ <a class="page-link" href="#" tabindex="-1">Previous</a>
+ </li>
+ <li class="page-item"><a class="page-link" href="#">1</a></li>
+ <li class="page-item"><a class="page-link" href="#">1</a></li>
+ <li class="page-item"><a class="page-link" href="#">1</a></li>
+ <li class="page-item"><a class="page-link" href="#">2</a></li>
+ <li class="page-item"><a class="page-link" href="#">3</a></li>
+ <li class="page-item">
+ <a class="page-link" href="#">Next</a>
+ </li>
+ </ul>
+ </div>
+ <footer>
+ Copyright (c) 2018 Copyright Holder All Rights Reserved.
+ </footer>
+ </body>
+</html>
diff --git a/templete/css/cards-propuesta.css b/templete/css/cards-propuesta.css
new file mode 100644
index 0000000000000000000000000000000000000000..283475dc1ff0df81320ba27c7913beeb8edfabb5
--- /dev/null
+++ b/templete/css/cards-propuesta.css
@@ -0,0 +1,113 @@
+/*
+ Titulo: Cards propuestas
+ Description: Componente Cards propuestas, ideado para usar en perfil
+*/
+.cards-propuestas {
+ border: solid 1px #eee;
+ border-radius: 3px;
+ box-shadow: 0px 1px 5px 0px rgba(0,0,0,.05);
+ margin: 10px;
+ width: 300px;
+ transition: all .5s;
+ cursor: pointer;
+ position: relative;
+ display: inline-block;
+}
+.cards-propuestas:hover {
+ box-shadow: 0px 3px 6px -2px rgba(0,0,0,.2);
+}
+/* cards propuestas body */
+.cards-propuestas .body {
+ padding: 20px;
+}
+
+.cards-propuestas p {
+ color: #aaa;
+}
+
+.estado div{
+ display: flex;
+ padding: 0;
+}
+
+.estado div span{
+ display: inline-block;
+ background: red;
+ width: 20%;
+ height: 5px;
+ margin: 0 4px 0 0;
+ border-radius: 3px;
+}
+
+.estado[data-estado="0"]::before { content: "Ingresada"; }
+.estado[data-estado="1"]::before { content: "Progreso"; }
+.estado[data-estado="2"]::before { content: "finalisada"; }
+.estado[data-estado="3"]::before { content: "en financiacion"; }
+.estado[data-estado="4"]::before { content: "no fincanciada"; }
+.estado[data-estado="5"]::before { content: "publicada"; }
+.estado[data-estado="6"]::before { content: "cancelada"; }
+
+.estado::before{
+ color: #ddd;
+ font-weight: 500;
+ font-size: 12px;
+ text-transform: uppercase;
+}
+
+.cards-propuestas .colaboracion {
+ padding: 0px;
+ margin: 0px 0px 10px;
+ display: inline-block;
+ font-size: 12px;
+ font-weight: 200;
+ color: #aaa;
+}
+
+.cards-propuestas .colaboracion b{
+ color: #888;
+ font-weight: 600;
+}
+
+.cards-propuestas .total {
+ padding: 0px;
+ margin: 0px;
+ font-weight: 900;
+ font-size: 15px;
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ color: #999;
+}
+.cards-propuestas .total::before {
+ content: "$";
+ color: #aaa;
+}
+
+
+.estado[data-estado="0"] div span:nth-child(n + 1),
+.estado[data-estado="1"] div span:nth-child(n + 2),
+.estado[data-estado="2"] div span:nth-child(n + 3),
+.estado[data-estado="3"] div span:nth-child(n + 4),
+.estado[data-estado="4"] div span:nth-child(n + 5),
+.estado[data-estado="5"] div span:nth-child(n + 6),
+.estado[data-estado="6"] div span:nth-child(n + 7)
+{ background: #eee; }
+
+/* cards propuestas footer */
+.cards-propuestas .footer {
+ border-top: solid 1px #eee;
+ padding: 20px;
+ color: #666;
+ font-weight: 100;
+ display: flex;
+ align-items: center;
+}
+.cards-propuestas .footer .btn{
+margin: 0 auto;
+}
+.cards-propuestas .footer .user-creador {
+ border-radius: 50%;
+ height: 46px;
+ width: 46px;
+ margin-right: 10px;
+}
diff --git a/templete/css/cards-seguir.css b/templete/css/cards-seguir.css
new file mode 100644
index 0000000000000000000000000000000000000000..5cbeedc34ea049a14781a467a2e06b880b34ac38
--- /dev/null
+++ b/templete/css/cards-seguir.css
@@ -0,0 +1,69 @@
+/*
+ Titulo: Cards seguidor/segido
+ Description: Componente Cards S, ideado para usar en perfil
+*/
+/* cards seguidor */
+.cards-seguidor {
+ border: solid 1px #eee;
+ border-radius: 3px;
+ box-shadow: 0px 1px 5px 0px rgba(0,0,0,.05);
+ margin: 10px;
+ width: 300px;
+ transition: all .5s;
+ cursor: pointer;
+ position: relative;
+ display: inline-block;
+ overflow: hidden;
+
+}
+.cards-seguidor h1 {
+ display: inline-block;
+ font-size: 20px;
+}
+.cards-seguidor .body{
+ padding: 10px;
+}
+
+.cards-seguidor.seguidor .body{
+ display: flex;
+ align-items: center;
+ height: 80px;
+}
+
+.cards-seguidor .btn {
+ display: inline-block;
+ width: auto;
+ font-size: 20px;
+ margin: 0;
+ float: right;
+
+ height: 100%;
+ position: absolute;
+ right: 0;
+ top: 0;
+ border-radius: 0;
+ padding: 20px;
+ box-shadow: none;
+}
+.cards-seguidor .user-creador {
+ height: 80px;
+ width: 80px;
+ margin-right: 10px;
+ float: left;
+}
+.cards-propuesta-home{
+ border: solid 1px #eee;
+ border-radius: 3px;
+ box-shadow: 0px 1px 5px 0px rgba(0,0,0,.05);
+ margin: 10px;
+ width: 300px;
+ transition: all .5s;
+ cursor: pointer;
+ position: relative;
+ display: inline-block;
+ overflow: hidden;
+ background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 3%, rgb(0, 0, 0) 100%) !important;
+}
+.fas.fa-times {
+ color: red
+}
\ No newline at end of file
diff --git a/templete/css/cards-usuario.css b/templete/css/cards-usuario.css
new file mode 100644
index 0000000000000000000000000000000000000000..3bfebb4149885e8c90c6832b0d22c1ce49dd329c
--- /dev/null
+++ b/templete/css/cards-usuario.css
@@ -0,0 +1,37 @@
+/*
+ Titulo: Cards usuario
+ Description: Componente Cards usuario, ideado para usar en perfil
+*/
+
+.cards-usuario {
+ border-radius: 3px;
+ background: #fff;
+ box-shadow: 0px 1px 5px 0px rgba(0,0,0,.05);
+ margin: 10px 0;
+ padding: 20px;
+ width: 100%;
+ transition: all .5s;
+ cursor: pointer;
+ position: relative;
+ display: inline-block;
+ overflow: hidden;
+}
+.cards-usuario .user-creador {
+ margin: 10px auto;
+ width: 96px;
+ height: 96px;
+ display: block;
+ border-radius: 50%;
+ box-shadow: 0px 1px 5px 0px rgba(0,0,0,.05);
+}
+.cards-usuario .user-type,
+.cards-usuario .user-name {
+ text-align: center;
+}
+.cards-usuario .user-type {
+ margin: 0;
+ color: #666
+}
+.cards-usuario .user-name {
+ margin-top: 0;
+}
diff --git a/templete/css/footer.css b/templete/css/footer.css
new file mode 100644
index 0000000000000000000000000000000000000000..cb1f62cb7200e70c49c0b395c940b2336e3f0580
--- /dev/null
+++ b/templete/css/footer.css
@@ -0,0 +1,11 @@
+/*
+ Titulo: Footer
+ Description: Componente para las footer
+*/
+footer {
+ display: flex;
+ justify-content: center;
+ background: rgba(0,0,0,.1);
+ color: #666;
+ padding: 10px;
+}
diff --git a/templete/css/form-propuesta.css b/templete/css/form-propuesta.css
new file mode 100644
index 0000000000000000000000000000000000000000..937d1f575ade076bd0c24d30420ca64ad75a1154
--- /dev/null
+++ b/templete/css/form-propuesta.css
@@ -0,0 +1,118 @@
+/*
+ Titulo: Form-usuario
+ Description: Estilo para el formulario de inscripciones del usuario
+*/
+.form-usuario {
+ padding: 20px;
+}
+.form-usuario h1{
+ margin: 0px 0px 30px 0px;
+}
+.form-usuario p{
+ color: #999;
+ margin: 5px;
+ font-size: 12px;
+}
+.form-usuario .form-check-label{
+ color: #333;
+ font-weight: 700;
+ margin: 5px;
+}
+.form-usuario .btn{
+ width: auto;
+ display: block;
+ margin: 20px auto;
+}
+.form-usuario .marco-img {
+ width: 200px;
+ height: 200px;
+ border-radius: 3px;
+ margin: auto;
+ background: rgba(0,0,0,.2);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+}
+.form-usuario .marco-img img{
+ max-width: 100%;
+ max-height: 100%;
+ display: block;
+}
+.form-usuario .marco-img input{
+ width: 100%;
+ height: 100%;
+ display: block;
+ position: absolute;
+ opacity: 0;
+}
+.form-usuario .progreso {
+ width: 100%;
+ height: 10px;
+ border-radius: 3px;
+ margin: 0 0 14px 0;
+ background: #666;
+ display: block;
+ overflow: hidden;
+}
+.form-usuario .progreso:after {
+ content: "";
+ display: block;
+ height: 100%;
+ width: 0%;
+ background: red
+}
+label {
+ color: #999;
+}
+
+
+input[type="range"] {
+ -webkit-appearance: none;
+ width: 100%;
+ height: 5px;
+ background: #d3d3d3;
+ outline: none;
+ opacity: 0.7;
+ -webkit-transition: .2s;
+ transition: opacity .2s;
+ border-radius: 5px;
+}
+
+input[type="range"]:hover {
+ opacity: 1;
+}
+
+input[type="range"]::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ appearance: none;
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background: #007aff;
+ cursor: pointer;
+}
+
+input[type="range"]::-moz-range-thumb {
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background: #007aff;
+ cursor: pointer;
+}
+
+
+/* Estado por defecto del formulario */
+.form-usuario .page { display: none; }
+.form-usuario.info .proponente { display: none; }
+
+
+.form-usuario.categoria .categoria { display: block; }
+.form-usuario.categoria .progreso:after { width: 0%; }
+.form-usuario.info .info { display: block; }
+.form-usuario.info .progreso:after { width: 33%; }
+.form-usuario.retorno .retorno { display: block; }
+.form-usuario.retorno .progreso:after { width: 66%; }
+
+.form-usuario.info .info.proponente .proponente
+{ display: block; }
diff --git a/templete/css/form-usuario.css b/templete/css/form-usuario.css
new file mode 100644
index 0000000000000000000000000000000000000000..c24411be7de84d551cdd21a511962533df9b7f1d
--- /dev/null
+++ b/templete/css/form-usuario.css
@@ -0,0 +1,81 @@
+/*
+ Titulo: Form-usuario
+ Description: Estilo para el formulario de inscripciones del usuario
+*/
+.form-usuario {
+ padding: 20px;
+}
+.form-usuario h1{
+ margin: 0px 0px 30px 0px;
+}
+.form-usuario p{
+ color: #999;
+ margin: 5px;
+ font-size: 12px;
+}
+.form-usuario .form-check-label{
+ color: #333;
+ font-weight: 700;
+ margin: 5px;
+}
+.form-usuario .btn{
+ width: auto;
+ display: block;
+ margin: 20px auto;
+}
+.form-usuario .marco-img {
+ width: 200px;
+ height: 200px;
+ border-radius: 3px;
+ margin: auto;
+ background: rgba(0,0,0,.2);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+}
+.form-usuario .marco-img img{
+ max-width: 100%;
+ max-height: 100%;
+ display: block;
+}
+.form-usuario .marco-img input{
+ width: 100%;
+ height: 100%;
+ display: block;
+ position: absolute;
+ opacity: 0;
+}
+.form-usuario .progreso {
+ width: 100%;
+ height: 10px;
+ border-radius: 3px;
+ margin: 0 0 14px 0;
+ background: #666;
+ display: block;
+ overflow: hidden;
+}
+.form-usuario .progreso:after {
+ content: "";
+ display: block;
+ height: 100%;
+ width: 0%;
+ background: red;
+ transition: all .5s;
+}
+
+
+/* Estado por defecto del formulario */
+.form-usuario .page { display: none; }
+.form-usuario.info .proponente { display: none; }
+
+
+.form-usuario.type .type { display: block; }
+.form-usuario.type .progreso:after { width: 0%; }
+.form-usuario.info .info { display: block; }
+.form-usuario.info .progreso:after { width: 33%; }
+.form-usuario.img .img { display: block; }
+.form-usuario.img .progreso:after { width: 66%; }
+
+.form-usuario.info .info.proponente .proponente
+{ display: block; }
diff --git a/templete/css/header.css b/templete/css/header.css
new file mode 100644
index 0000000000000000000000000000000000000000..fd779ab83d51e9c3088cb5054f08304dbaeb9cb5
--- /dev/null
+++ b/templete/css/header.css
@@ -0,0 +1,78 @@
+/*
+ Titulo: Header
+ Description: Componente para aser de nav
+*/
+
+nav {
+ box-shadow: 0 3px 2px 0 rgba(0,0,0,0.1), 0 1px 1px 0 rgba(0,0,0,0.11);
+ padding: 5px;
+ background: #fff;
+ border-bottom: solid 3px #333;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+.logo {
+ margin: 0 10px 0 10PX;
+ float: none;
+ font-size: 20px;
+ padding: 7px 14px;
+ border: solid 2px #333;
+ font-family: 'Cabin Sketch', cursive;
+ display: inline-block;
+ margin: 5px;
+}
+/* Tools */
+.tools > div {
+ display: none;
+}
+.tools.search .search,
+.tools.logeado .logeado,
+.tools.Visitante .Visitante{
+ display: block;
+}
+/* Search */
+.input-search {
+ border: none;
+ background: #eee;
+ border-radius: 3px;
+ width: 300px;
+ padding: 5px 10px;
+ max-width: 100%;
+}
+.button-search {
+ background: none;
+ border: none;
+ cursor: pointer;
+}
+/* Logeado */
+.logeado .dropdown-toggle {
+ display: flex;
+ align-items: center;
+}
+.logeado .user-creador {
+ width: 45px;
+ height: 45px;
+ border-radius: 50%;
+}
+.logeado .name-user {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ width: 100px;
+ margin: 5px;
+}
+/* Visitante */
+.Visitante a{
+ color: #999;
+ font-weight: 300;
+ margin: 5px;
+ padding: 5px;
+ outline: none;
+ transition: all .2s;
+}
+.Visitante a:hover{
+ text-decoration: none;
+ color: #222;
+ outline: none;
+}
diff --git a/templete/css/login.css b/templete/css/login.css
new file mode 100644
index 0000000000000000000000000000000000000000..a34ecb7edc3ed19c5c7e1e0ee6ad95e5becce4e1
--- /dev/null
+++ b/templete/css/login.css
@@ -0,0 +1,58 @@
+/*
+ Titulo: Login
+ Description: Estilo para el formulario de logeo para usuarios
+*/
+html,
+body {
+ height: 100%;
+}
+
+body {
+ display: flex;
+ align-items: center;
+ padding-top: 40px;
+ padding-bottom: 40px;
+ background: #F9F9F9;
+ z-index: 0;
+}
+
+.form-signin {
+ width: 100%;
+ max-width: 330px;
+ padding: 15px;
+ margin: auto;
+ border-radius: 3px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ background-color: #fff;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+
+}
+
+.form-signin input {
+ margin: 5px 0;
+ border: none;
+ background: rgba(0, 0, 0, 0.05);
+}
+.form-signin .logo {
+ margin: 20px;
+ width: auto;
+}
+.form-signin hr {
+ margin: 20px;
+ padding: 0;
+ width: 100%
+}
+
+.form-signin .form-control {
+ position: relative;
+ box-sizing: border-box;
+ height: auto;
+ padding: 10px;
+ font-size: 16px;
+}
+.form-signin .form-control:focus {
+ z-index: 2;
+}
diff --git a/templete/css/msg.css b/templete/css/msg.css
new file mode 100644
index 0000000000000000000000000000000000000000..7aef9e93d1cf56b1482183ac28f2a92407619f4b
--- /dev/null
+++ b/templete/css/msg.css
@@ -0,0 +1,47 @@
+/*
+ Titulo: Mensaje
+ Description: Componente para las alertas en general
+*/
+.msg {
+ box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 9px 3px !important;
+ position: fixed;
+ bottom: 10px;
+ left: 10px;
+ z-index: 1000;
+ padding: 10px;
+ border-radius: 3px;
+ background: #fff;
+ border: solid 1px #eee;
+ width: 250px;
+ max-width: 100%;
+}
+.msg .body {
+ padding: 0;
+ margin: 0;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ transition: all .5s;
+}
+.msg .btn{
+ display: none;
+}
+.msg.active {
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.msg.active .btn{
+ display: block;
+ position: absolute;
+ bottom: 10px;
+ left: 25%;
+ width: 50%;
+}
+.msg.hidden {
+ left: -260px;
+}
diff --git a/templete/css/pagination.css b/templete/css/pagination.css
new file mode 100644
index 0000000000000000000000000000000000000000..4b48bf6e2f25da63094ca844d9e78b1c6640aabe
--- /dev/null
+++ b/templete/css/pagination.css
@@ -0,0 +1,7 @@
+/*
+ Titulo: Pagination
+ Description: Componente pagination
+*/
+.pagination{
+ margin-bottom: 10px!important;
+}
diff --git a/templete/css/style.css b/templete/css/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..689f43bf196e31991ee969b3f3d5639b1e4f3b55
--- /dev/null
+++ b/templete/css/style.css
@@ -0,0 +1,27 @@
+/*
+ Titulo: Style
+ Description: Estilos generales
+*/
+* { box-sizing: border-box;}
+body {
+ background-color: #f0f0f0;
+}
+.box-cards-center {
+ display: flex;
+ justify-content: center;
+ align-items: flex-start;
+ flex-wrap: wrap;
+}
+.main {
+ box-shadow: 0 1px 6px rgba(0,0,0,0.06);
+ background-color: #fff;
+ border-radius: 3px;
+ padding: 0;
+ max-width: 1000px;
+ margin: 10px auto;
+}
+.btn {
+ width: 100%;
+ margin: 0 5px;
+ box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
+}
diff --git a/templete/css/title.css b/templete/css/title.css
new file mode 100644
index 0000000000000000000000000000000000000000..3adcae062dcee44419f4078e1d3e156a3fd60686
--- /dev/null
+++ b/templete/css/title.css
@@ -0,0 +1,22 @@
+/*
+ Titulo: Title
+ Description: Componente para las titulos de las paginas
+*/
+header .title {
+ color: #fff;
+ text-shadow: 0px 2px 2px rgba(0,0,0,0.4);
+ text-align: center;
+ margin: 30px auto;
+}
+header{
+ padding: 20px;
+ margin: 0;
+ box-shadow: 0 3px 2px 0 rgba(0,0,0,0.1),
+ 0 1px 1px 0 rgba(0,0,0,0.11);
+ position: relative;
+
+}
+header h1 {
+ margin: 0;
+ padding: 0;
+}
diff --git a/templete/gb-he.jpg b/templete/gb-he.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..bcd6e25c4477606bac92ec361cbc559357b5f8dc
Binary files /dev/null and b/templete/gb-he.jpg differ
diff --git a/templete/img/gb-user.jpg b/templete/img/gb-user.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..260e227b56a6bfdb8b32d935edd41e788887901b
Binary files /dev/null and b/templete/img/gb-user.jpg differ
diff --git a/templete/login.html b/templete/login.html
new file mode 100644
index 0000000000000000000000000000000000000000..0e3989cc53f8a4779a1cb7e7ef8959a64e891b10
--- /dev/null
+++ b/templete/login.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+ <head>
+ <!-- Latest compiled and minified CSS -->
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
+ <!-- jQuery library -->
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+ <!-- Popper JS -->
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
+ <!-- Latest compiled JavaScript -->
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
+ <!-- Estilos -->
+ <link rel="stylesheet" href="./css/cards-propuesta.css">
+ <link rel="stylesheet" href="./css/cards-seguir.css">
+ <link rel="stylesheet" href="./css/cards-usuario.css">
+ <link rel="stylesheet" href="./css/footer.css">
+ <link rel="stylesheet" href="./css/header.css">
+ <link rel="stylesheet" href="./css/msg.css">
+ <link rel="stylesheet" href="./css/pagination.css">
+ <link rel="stylesheet" href="./css/style.css">
+ <link rel="stylesheet" href="./css/title.css">
+ <link rel="stylesheet" href="./css/login.css">
+
+ <!-- MetaData -->
+ <title>Culturarte-G4</title>
+ <meta name="description" content="Web para el obligatorio 2">
+ <meta name="keywords" content="HTML,CSS,JavaScript,jQuery,Popper,Bootstrap">
+ <meta name="author" content="G-4">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta charset="utf-8">
+
+ </head>
+ <body>
+
+ <form class="form-signin">
+ <div class="logo">Culturarte</div>
+ <input type="text" id="inputEmail" class="form-control" placeholder="Email address" required="" autofocus="">
+ <input type="password" id="inputPassword" class="form-control" placeholder="Password" required="">
+ <hr>
+ <button class="btn btn-primary " type="submit">Sign in</button>
+ </form>
+
+
+ </body>
+</html>
diff --git a/templete/perfil-usuario.html b/templete/perfil-usuario.html
new file mode 100644
index 0000000000000000000000000000000000000000..a764fab685a5cfd90b550603611d6efcd7511586
--- /dev/null
+++ b/templete/perfil-usuario.html
@@ -0,0 +1,224 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+ <head>
+ <!-- Latest compiled and minified CSS -->
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
+ <!-- jQuery library -->
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+ <!-- Popper JS -->
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
+ <!-- Bootstrap -->
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
+ <!-- Fontawesome -->
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
+ <!-- Estilos -->
+ <link rel="stylesheet" href="./css/cards-propuesta.css">
+ <link rel="stylesheet" href="./css/cards-usuario.css">
+ <link rel="stylesheet" href="./css/footer.css">
+ <link rel="stylesheet" href="./css/header.css">
+ <link rel="stylesheet" href="./css/msg.css">
+ <link rel="stylesheet" href="./css/pagination.css">
+ <link rel="stylesheet" href="./css/style.css">
+ <link rel="stylesheet" href="./css/title.css">
+ <link rel="stylesheet" href="./css/form-propuesta.css">
+ <link rel="stylesheet" href="./css/cards-seguir.css">
+
+
+ <!-- MetaData -->
+ <title>Culturarte-G4</title>
+ <meta name="description" content="Web para el obligatorio 2">
+ <meta name="keywords" content="HTML,CSS,JavaScript,jQuery,Popper,Bootstrap">
+ <meta name="author" content="G-4">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta charset="utf-8">
+ <style>
+
+ header{
+ background: url(./img/gb-user.jpg);
+ }
+ .flex-column {
+ padding: 0px;
+ }
+ .tab-content {
+ padding: 20px;
+ }
+ .tab-content h1{
+ margin-bottom: 10px;
+ color: #333;
+ text-align: center;
+ font-size: 24px;
+ }
+ .tab-content b{
+ width: 100px;
+ display: inline-block;
+ }
+ </style>
+ </head>
+ <body>
+ <!-- Nav -->
+ <nav>
+ <div class="logo">
+ Culturarte
+ </div>
+ <div class="tools">
+ <!-- User logeado-->
+ <div class="logeado dropdown" data-toggle="dropdown" style="width: 150px; text-align: right;">
+ <ul class="dropdown-menu" role="menu">
+ <a class="dropdown-item" href="#">Perfil</a>
+ <a class="dropdown-item" href="#">Favoritos</a>
+ <hr>
+ <a class="dropdown-item" href="#">Salir</a>
+ </ul>
+ <div class="dropdown-toggle" data-toggle="dropdown">
+ <label class="name-user">Nombre Usdfsdfds</label>
+ <img class=" user-creador" src="avatar.png">
+ </div>
+ </div>
+ <!-- Visitante -->
+ <div class="Visitante">
+ <a href="registro-usuario.html">Registrares</a>
+ <a href="login.html">Logearse</a>
+ </div>
+ <!-- Buscar -->
+ <div class="search">
+ <input class="input-search" type="text">
+ <button class="button-search">B</button>
+ </div>
+
+ </div>
+ </nav>
+
+ <!-- Msg -->
+ <div class="msg hidden">
+ <p class="body"></p>
+ <button class="btn btn-primary"> Salir </button>
+ </div>
+
+ <header>
+ <h1 class="title">Registro de usuario</h1>
+ </header>
+ <form class="form-usuario container">
+ <div class="row">
+ <div class="col-8 main card ">
+ <div class="tab-content" id="v-pills-tabContent">
+ <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
+ <h1>Informacion </h1>
+ <label><b>Nombre </b> Nombre usuario</label><br>
+ <label><b>Apellido </b> Apellido usuario</label><br>
+ <label><b>Web </b> <a href="#">web</a></label><br>
+ <label><b>Email </b> Nombre usuario</label><br>
+ <label><b>Descripcion </b></label><br>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+ quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+ consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+ cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+ proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ </div>
+ <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
+ <h1>Usuarios que sigo </h1>
+ <div class="box-cards-center">
+ <div class="cards-seguidor">
+ <img class="user-creador" src="avatar.png">
+ <div class="body">
+ <h6>yo sigo </h6>
+ <button class="btn"> <i class="fas fa-times"></i> </button>
+ </div>
+ </div>
+ <div class="cards-seguidor">
+ <img class="user-creador" src="avatar.png">
+ <div class="body">
+ <h6>yo sigo </h6>
+ <button class="btn"> <i class="fas fa-times "></i> </button>
+ </div>
+ </div>
+ </div>
+
+
+ </div>
+ <div class="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">
+ <h1>Usuarios me siguen </h1>
+ <div class="box-cards-center">
+ <div class="cards-seguidor">
+ <img class="user-creador" src="avatar.png">
+ <div class="body">
+ <h1>yo sigo </h1>
+ </div>
+ </div>
+ <div class="cards-seguidor">
+ <img class="user-creador" src="avatar.png">
+ <div class="body">
+ <h1>yo sigo </h1>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ <div class="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">
+
+ <div class="box-cards-center">
+
+ <!-- Cards propuestas para colaborador -->
+ <div class="cards-propuestas">
+ <div class="body">
+ <h1>propuesta </h1>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
+ <span class="colaboracion">
+ <b>Colaborasion: </b>$100 el 07/10/2018
+ </span>
+ <div class="estado" data-estado="3">
+ <div>
+ <span></span><span></span><span></span><span></span><span></span>
+ </div>
+ </div>
+ </div>
+ <div class="footer">
+ <img class="user-creador" src="avatar.png">
+ Usuario creador
+ </div>
+
+ </div>
+
+ <!-- Cards propuestas para creador -->
+ <div class="cards-propuestas">
+ <div class="body">
+ <span class="total">54</span>
+ <h1>mi propuesta </h1>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
+ <div class="estado" data-estado="2">
+ <div>
+ <span></span><span></span><span></span><span></span><span></span>
+ </div>
+ </div>
+ </div>
+ <div class="footer">
+ <button class="btn btn-primary"> Extender </button>
+ <button class="btn btn-danger"> Cancelar </button>
+ </div>
+ </div>
+
+ </div>
+
+ </div>
+ </div>
+ </div>
+ <div class="col-4">
+ <div class="card cards-usuario">
+ <img class="user-creador" src="avatar.png">
+ <h6 class="user-type">user-type</h6>
+ <h1 class="user-name">yo sigo </h1>
+ </div>
+ <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
+ <a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">Informacion</a>
+ <a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">Segidores</a>
+ <a class="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages" aria-selected="false">Sigo</a>
+ <a class="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings" role="tab" aria-controls="v-pills-settings" aria-selected="false">Favoritos</a>
+ <a class="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings" role="tab" aria-controls="v-pills-settings" aria-selected="false">Creacion</a>
+ </div>
+ </div>
+ </div>
+
+ </form>
+
+ </body>
+</html>
diff --git a/templete/registro-propuesta.html b/templete/registro-propuesta.html
new file mode 100644
index 0000000000000000000000000000000000000000..4be7066c6e07528bae8b613d2c611e6f5a32d0a4
--- /dev/null
+++ b/templete/registro-propuesta.html
@@ -0,0 +1,220 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+ <head>
+ <!-- Latest compiled and minified CSS -->
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
+ <!-- jQuery library -->
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+ <!-- Popper JS -->
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
+ <!-- Latest compiled JavaScript -->
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
+ <!-- Estilos -->
+ <link rel="stylesheet" href="./css/cards-propuesta.css">
+ <link rel="stylesheet" href="./css/cards-seguir.css">
+ <link rel="stylesheet" href="./css/cards-usuario.css">
+ <link rel="stylesheet" href="./css/footer.css">
+ <link rel="stylesheet" href="./css/header.css">
+ <link rel="stylesheet" href="./css/msg.css">
+ <link rel="stylesheet" href="./css/pagination.css">
+ <link rel="stylesheet" href="./css/style.css">
+ <link rel="stylesheet" href="./css/title.css">
+ <link rel="stylesheet" href="./css/form-propuesta.css">
+
+
+ <!-- MetaData -->
+ <title>Culturarte-G4</title>
+ <meta name="description" content="Web para el obligatorio 2">
+ <meta name="keywords" content="HTML,CSS,JavaScript,jQuery,Popper,Bootstrap">
+ <meta name="author" content="G-4">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta charset="utf-8">
+ <style>
+
+ header{
+ background: url(./img/gb-user.jpg);
+ }
+ .list-group-item {
+ user-select: none;
+ }
+
+ .list-group input[type="checkbox"] {
+ display: none;
+ }
+
+ .list-group input[type="checkbox"] + .list-group-item {
+ cursor: pointer;
+ }
+
+ .list-group input[type="checkbox"] + .list-group-item:before {
+ content: "\2713";
+ color: transparent;
+ font-weight: bold;
+ margin-right: 1em;
+ }
+
+ .list-group input[type="checkbox"]:checked + .list-group-item {
+ background-color: #0275D8;
+ color: #FFF;
+ }
+
+ .list-group input[type="checkbox"]:checked + .list-group-item:before {
+ color: inherit;
+ }
+
+ .list-group input[type="radio"] {
+ display: none;
+ }
+
+
+ .list-group input[type="radio"]:checked + .list-group-item {
+ background-color: #0275D8;
+ color: #FFF;
+ }
+
+ .list-group input[type="radio"]:checked + .list-group-item:before {
+ color: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <!-- Nav -->
+ <nav>
+ <div class="logo">
+ Culturarte
+ </div>
+ <div class="tools">
+ <!-- User logeado-->
+ <div class="logeado dropdown" data-toggle="dropdown" style="width: 150px; text-align: right;">
+ <ul class="dropdown-menu" role="menu">
+ <a class="dropdown-item" href="#">Perfil</a>
+ <a class="dropdown-item" href="#">Favoritos</a>
+ <hr>
+ <a class="dropdown-item" href="#">Salir</a>
+ </ul>
+ <div class="dropdown-toggle" data-toggle="dropdown">
+ <label class="name-user">Nombre Usdfsdfds</label>
+ <img class=" user-creador" src="avatar.png">
+ </div>
+ </div>
+ <!-- Visitante -->
+ <div class="Visitante">
+ <a href="registro-usuario.html">Registrares</a>
+ <a href="login.html">Logearse</a>
+ </div>
+ <!-- Buscar -->
+ <div class="search">
+ <input class="input-search" type="text">
+ <button class="button-search">B</button>
+ </div>
+
+ </div>
+ </nav>
+
+ <!-- Msg -->
+ <div class="msg hidden">
+ <p class="body"></p>
+ <button class="btn btn-primary"> Salir </button>
+ </div>
+
+ <header>
+ <h1 class="title">Registro de usuario</h1>
+ </header>
+ <form class="form-usuario main retorno">
+ <div class="progreso">
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+ <div class="page categoria">
+ <h1>categoria</h1>
+ <select multiple class="form-control" id="exampleFormControlSelect1">
+ <option>1</option>
+ <option>2</option>
+ <option>3</option>
+ <option>4</option>
+ <option>5</option>
+ </select>
+ <button class="btn btn-primary">Siginte</button>
+ </div>
+ <div class="page info">
+ <h1>Informacion</h1>
+
+ <div class="row">
+ <div class="col-md-6 mb-3">
+ <label for="titulo">Titulo</label>
+ <input type="text" class="form-control" id="titulo" placeholder="Titulo" value="" required="">
+ <div class="invalid-feedback">
+ El titulo no es valido.
+ </div>
+ </div>
+ <div class="col-md-6 mb-3">
+ <label for="lugar">Lugar</label>
+ <input type="text" class="form-control" id="lugar" placeholder="Lugar" value="" required="">
+ <div class="invalid-feedback">
+ El lugar no es valido.
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-6 mb-3">
+ <label for="precioEntrada">Precio entrada</label>
+ <input type="precioEntrada" class="form-control" id="precioEntrada" placeholder="10">
+ <div class="invalid-feedback">
+ El campo precio entrada no es valido.
+ </div>
+ </div>
+ <div class="col-md-6 mb-3">
+ <label for="fechaPrevista">Fecha prevista</label>
+ <input type="datetime-datetime-local" class="form-control" id="fechaPrevista" placeholder="Fecha prevista">
+ <div class="invalid-feedback">
+ El campo fecha prevista no es valido.
+ </div>
+ </div>
+ </div>
+ <div class="mb-3">
+ <label for="montoNecesario">Monto necesario</label>
+ <div class="input-group">
+ <input type="text" class="form-control" id="montoNecesario" placeholder="1000000" required="">
+ <div class="invalid-feedback" style="width: 100%;">
+ El monto no es valido.
+ </div>
+ </div>
+ </div>
+
+ <div class="mb-3">
+ <label for="descripcion">Descripcion</label>
+ <input type="datetime-datetime-local" class="form-control" id="descripcion" placeholder="Descripcion">
+ <div class="invalid-feedback">
+ El descripcion no es valido.
+ </div>
+ </div>
+
+ <button class="btn btn-primary">Siginte</button>
+ </div>
+ <div class="page retorno">
+ <h1>Retorno</h1>
+ <div class="form-group">
+ <label for="formControlRange">Porsentaje 10</label>
+ <input step="1" min="0" max="100" type="range" class="form-control-range" id="formControlRange">
+ </div>
+ <div class="d-flex justify-content-center">
+ <hr class="col-4">
+ <span class="col-1"> O </span>
+ <hr class="col-4">
+ </div>
+ <label for="exampleFormControlSelect1">Numero de entradas</label>
+ <select class="form-control" id="exampleFormControlSelect1">
+ <option>1</option>
+ <option>2</option>
+ <option>3</option>
+ <option>4</option>
+ <option>5</option>
+ </select>
+
+ <button class="btn btn-primary">Listo</button>
+ </div>
+ </form>
+
+ </body>
+</html>
diff --git a/templete/registro-usuario.html b/templete/registro-usuario.html
new file mode 100644
index 0000000000000000000000000000000000000000..2227af6eacc80d5ae54b15c2bafbe930a70c681a
--- /dev/null
+++ b/templete/registro-usuario.html
@@ -0,0 +1,253 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+ <head>
+ <!-- Latest compiled and minified CSS -->
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
+ <!-- jQuery library -->
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+ <!-- Popper JS -->
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
+ <!-- Latest compiled JavaScript -->
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
+ <!-- Estilos -->
+ <link rel="stylesheet" href="./css/cards-propuesta.css">
+ <link rel="stylesheet" href="./css/cards-seguir.css">
+ <link rel="stylesheet" href="./css/cards-usuario.css">
+ <link rel="stylesheet" href="./css/footer.css">
+ <link rel="stylesheet" href="./css/header.css">
+ <link rel="stylesheet" href="./css/msg.css">
+ <link rel="stylesheet" href="./css/pagination.css">
+ <link rel="stylesheet" href="./css/style.css">
+ <link rel="stylesheet" href="./css/title.css">
+ <link rel="stylesheet" href="./css/form-usuario.css">
+
+
+ <!-- MetaData -->
+ <title>Culturarte-G4</title>
+ <meta name="description" content="Web para el obligatorio 2">
+ <meta name="keywords" content="HTML,CSS,JavaScript,jQuery,Popper,Bootstrap">
+ <meta name="author" content="G-4">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta charset="utf-8">
+ <style>
+
+ header{
+ background: url(./img/gb-user.jpg);
+ }
+ </style>
+ <script type="text/javascript">
+ /* Formularios */
+ function pasarPagina(newPage) {
+ $('.form-usuario.main').prop("class","form-usuario main "+newPage);
+ }
+ function typeUser() {
+ if (document.getElementById("typeProponente").checked){
+ $('.form-usuario .page.info').prop("class","page info proponente");
+ }else{
+ $('.form-usuario .page.info').prop("class","page info");
+ }
+ }
+ /* Cookie */
+ function setCookie(name,value) {
+ var expires = "";
+ var date = new Date();
+ date.setTime(date.getTime() + (7*24*60*60*1000));
+ expires = "; expires=" + date.toUTCString();
+ document.cookie = name + "=" + (value || "") + expires + "; path=/";
+ }
+ function getCookie(name) {
+ var nameEQ = name + "=";
+ var ca = document.cookie.split(';');
+ for(var i=0;i < ca.length;i++) {
+ var c = ca[i];
+ while (c.charAt(0)==' ') c = c.substring(1,c.length);
+ if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
+ }
+ return null;
+ }
+ function eraseCookie(name) {
+ var expires = "";
+ var date = new Date();
+ date.setTime(date.getTime());
+ expires = "; expires=" + date.toUTCString();
+ document.cookie = name + "=" + ("" || "") + expires + "; path=/";
+ }
+
+ /* Datos precargados
+ setCookie("user","mauro");
+ setCookie("type","proponente");
+ setCookie("img","avatar.png");
+ setCookie("id","5");
+*/
+
+ function loginRecordado(){
+ if (getCookie("user") != null && getCookie("id") != null && getCookie("type") != null && getCookie("img") != null){
+ // $('.tools').prop("class","tools logeado");
+ $('.user-creador').prop("src",getCookie("img"));
+ $('.name-user').text(getCookie("user"));
+ }
+ }
+
+ function cerrarSecion(){
+ alert("asda");
+ eraseCookie("user");
+ eraseCookie("type");
+ eraseCookie("img");
+ eraseCookie("id");
+ }
+
+ </script>
+ </head>
+ <body>
+ <!-- Nav -->
+ <nav>
+ <div class="logo">
+ Culturarte
+ </div>
+ <div class="tools Visitante">
+ <!-- User logeado-->
+ <div class="logeado dropdown" data-toggle="dropdown" style="width: 150px; text-align: right;">
+ <ul class="dropdown-menu" role="menu">
+ <a class="dropdown-item" href="#">Perfil</a>
+ <a class="dropdown-item" href="#">Favoritos</a>
+ <hr>
+ <a class="dropdown-item" onclick="cerrarSecion()">Salir</a>
+ </ul>
+ <div class="dropdown-toggle" data-toggle="dropdown">
+ <label class="name-user">Nombre Usdfsdfds</label>
+ <img class=" user-creador" src="avatar.png">
+ </div>
+ </div>
+ <!-- Visitante -->
+ <div class="Visitante">
+ <a href="registro-usuario.html">Registrares</a>
+ <a href="login.html">Logearse</a>
+ </div>
+ <!-- Buscar -->
+ <div class="search">
+ <input class="input-search" type="text">
+ <button class="button-search">B</button>
+ </div>
+
+ </div>
+ </nav>
+
+ <!-- Msg -->
+ <div class="msg hidden">
+ <p class="body"></p>
+ <button class="btn btn-primary"> Salir </button>
+ </div>
+
+ <header>
+ <h1 class="title">Registro de usuario</h1>
+ </header>
+ <form class="form-usuario main type">
+ <div class="progreso">
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+ <div class="page type">
+ <h1>Tipo</h1>
+ <p>
+ Quien tiene un perfil proponente se registra en la plataforma podra
+ buscar financiación para sus propuestas culturales.
+ </p>
+ <div class="form-check form-check-inline">
+ <input class="form-check-input" type="radio" name="type" id="typeColaborador" value="option1" onchange="typeUser()">
+ <label class="form-check-label" for="typeColaborador">Colaborador</label>
+ </div>
+ <p>
+ Quien tiene un perfil colaborador podra buscar proyectos culturales en
+ los cuales colaborar aportando financiación.</p>
+ <div class="form-check form-check-inline">
+ <input class="form-check-input" type="radio" name="type" id="typeProponente" value="option2" onchange="typeUser()">
+ <label class="form-check-label" for="typeProponente">Proponente</label>
+ </div>
+ <button class="btn btn-primary" onclick="pasarPagina('info')">Siginte</button>
+ </div>
+ <div class="page info proponente">
+ <h1>Informacion</h1>
+
+ <div class="row">
+ <div class="col-md-6 mb-3">
+ <label for="nombre">Nombre</label>
+ <input type="text" class="form-control" id="nombre" placeholder="Nombre" value="" required="">
+ <div class="invalid-feedback">
+ El nombre no es valido.
+ </div>
+ </div>
+ <div class="col-md-6 mb-3">
+ <label for="apellido">Apellido</label>
+ <input type="text" class="form-control" id="apellido" placeholder="Apellido" value="" required="">
+ <div class="invalid-feedback">
+ El apellido no es valido.
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-6 mb-3">
+ <label for="email">Email</label>
+ <input type="email" class="form-control" id="email" placeholder="Email@ejemplo.com">
+ <div class="invalid-feedback">
+ El email no es valido.
+ </div>
+ </div>
+ <div class="col-md-6 mb-3">
+ <label for="fnac">Fecha Naciminto</label>
+ <input type="datetime-datetime-local" class="form-control" id="fnac" placeholder="Fecha Naciminto">
+ <div class="invalid-feedback">
+ El Fecha Naciminto no es valido.
+ </div>
+ </div>
+ </div>
+ <div class="mb-3">
+ <label for="nick">Nick</label>
+ <div class="input-group">
+ <input type="text" class="form-control" id="nick" placeholder="Nick" required="">
+ <div class="invalid-feedback" style="width: 100%;">
+ El nick no es valido.
+ </div>
+ </div>
+ </div>
+
+ <div class="mb-3 proponente">
+ <label for="url">Url</label>
+ <input type="text" class="form-control" id="url" placeholder="Url" required="">
+ <div class="invalid-feedback">
+ El Url no es valido.
+ </div>
+ </div>
+ <div class="mb-3 proponente">
+ <label for="link">link</label>
+ <input type="datetime-datetime-local" class="form-control" id="link" placeholder="direccion">
+ <div class="invalid-feedback">
+ link es recerida.
+ </div>
+ </div>
+ <div class="mb-3 proponente">
+ <label for="Biografia">Biografia</label>
+ <input type="datetime-datetime-local" class="form-control" id="Biografia" placeholder="direccion">
+ <div class="invalid-feedback">
+ El Biografia no es valido.
+ </div>
+ </div>
+
+ <button class="btn btn-primary" onclick="pasarPagina('img')">Siginte</button>
+ </div>
+ <div class="page img">
+ <h1>Imagen</h1>
+ <p>La imagen no es obligatoria</p>
+ <div class="marco-img">
+ <img src="avatar.png">
+ <input type="file">
+ </div>
+ <button type="submit" class="btn btn-primary">Listo</button>
+ </div>
+ </form>
+<script type="text/javascript">
+
+ loginRecordado();
+</script>
+ </body>
+</html>