-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (127 loc) · 5.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="es" ng-app="MiApp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<title>Calcula tu Índice de Masa de Corporal</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body ng-controller="Login">
<nav class="white" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="#" class="brand-logo">IMC</a>
<ul class="right hide-on-med-and-down">
<li><a href="#IniciarSesion">Inicia Sesión</a></li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li><a href="#IniciarSesion">Inicia Sesión</a></li>
<li><a href="#Registrarse">Registrate</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
</div>
</nav>
<div id="index-banner" class="parallax-container">
<div class="section no-pad-bot">
<div class="container">
<br><br>
<h1 class="header center teal-text text-lighten-2">Calcula tu índice de masa corporal</h1>
<div class="row center">
<h5 class="header col s12">Solo tienes que registrarte para calcular tu masa corporal</h5>
</div>
<div class="row center">
<a href="#Registrarse" id="download-button" class="btn-large waves-effect waves-light teal lighten-1">Registrate</a>
</div>
<br><br>
</div>
</div>
<div class="parallax"><img src="/img/Web1.jpg" alt="fondo de web"></div>
</div>
<div class="container">
<div class="section">
<div class="row" id="Registrarse">
<div class="icon-block center">
<h2 class="brown-text"><i class="material-icons">group</i></h2>
<h5 >Registrate</h5>
<p class="light">Para poder utilizar la calculadora por favor ingresa los siguientes datos.</p>
<div class="input-field">
<input id="email" type="text" ng-model="email" autocorrect="off" autocapitalize="off">
<label for="email">Correo Electronico</label>
</div>
<div class="input-field">
<input type="password" name="txContra1" type="password" class="validate" ng-model="password">
<label for="txContra1">Contraseña</label>
</div>
<div class="input-field">
<input type="password" id="txContra2" type="password" class="validate" ng-model="password2">
<label for="txContra2">Repite tu contraseña</label>
</div>
<button class="btn-large waves-effect waves-light" name="action" ng-click="Registro()">Enviar
<i class="material-icons">send</i>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="parallax"><img src="/img/Web2.jpg" alt="Imagen de fondo"></div>
</div>
<div class="container" >
<div class="section">
<div class="row" id="IniciarSesion">
<div class="col s12 center">
<h3><i class="mdi-content-send brown-text"></i></h3>
<h4>Inicia Sesión</h4>
<p class="left-align light">Para ver tus datos o cambiar tu medición entra con tus datos.</p>
<div class="input-field">
<input id="txInicioEmail" type="text" ng-model="loginEmail" autocorrect="off" autocapitalize="off">
<label for="txInicioEmail">Correo Electronico</label>
</div>
<div class="input-field">
<input type="password" id="txInicioContra" type="password" ng-model="loginPassword">
<label for="txInicioContra">Contraseña</label>
</div>
<button class="btn-large waves-effect waves-light" ng-click="Login()" name="action">Entrar
<i class="material-icons">send</i>
</button>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="parallax"><img src="/img/Web3.jpg" alt="Imagen de fondo"></div>
</div>
<footer class="page-footer teal">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Acerca de mi</h5>
<p class="grey-text text-lighten-4">Co-Fundador de IcEBlue, Emprendedor, Programador en C#-Java-PHP-Django-NodeJS-Javascript-iOS, Ingeniero en Sistemas Computacionales, Geek, Youtuber, Blogger.
Me gusta mucho hablar sobre nuevas tecnologías y también escribir sobre ello, nunca dejo de aprender y me gusta estar al tanto de la vanguardia en gadgets.</p>
</div>
<div class="col l3 s12">
<h5 class="white-text">Mis Redes</h5>
<ul>
<li><a class="white-text" href="https://twitter.com/einarenrique">Twitter</a></li>
<li><a class="white-text" href="https://www.youtube.com/einarenrique">Youtube</a></li>
<li><a class="white-text" href="https://github.com/einarenrique">GitHub</a></li>
<li><a class="white-text" href="https://www.linkedin.com/in/einarenrique">LinkedIn</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
Hecho por <a class="brown-text text-lighten-3" href="http://einargeek.icebluetab.org">Einar Enrique</a>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="/js/materialize.min.js"></script>
<script src="/js/init.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
<script src="/js/controladorlogin.js"></script>
</body>
</html>