forked from gabrielamf/red-social-momby
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
144 lines (141 loc) · 5.52 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
141
142
143
144
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!--Icon tab-->
<!-- <link rel="shortcut icon" href="assets/images/icons/favicon.ico" type="image/x-ico"/> -->
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Enlace a Materialize compilado y minificado-->
<link rel="stylesheet" href="vendors/materialize/css/materialize.min.css">
<!-- Enlace a hoja de extilos externa -->
<link rel="stylesheet" href="css/main.css">
<title>Momby</title>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.11&appId=141812879802159';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<section id="splash" class="cyan lighten-5 valign-wrapper">
<div class="container">
<div class="row">
<div class="col s12">
<div class="col s6 offset-s3">
<img class="responsive-img" src="assets/images/logo-completo.png" alt="logo">
</div>
</div>
</div>
</div>
</section>
<section id="content" class="cyan lighten-5 vh100">
<nav class="fixed-top white">
<div class="nav-wrapper">
<a href="#" class="brand-logo red-text center">momby</a>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col s10 offset-s1 md6 offset-md2 offset-md5 l6 offset-l3">
<img class="responsive-img mom" src="assets/images/mom.png" alt="mamá">
</div>
</div>
<div class="row">
<div class="col s10 offset-s1">
<p class="center slogan red-text">¿Quién mejor que otra madre para entenderte y aconsejarte?</p>
</div>
</div>
<div class="row">
<div class="col s12">
<form class="center">
<a id="btn-google" class="waves-effect waves-light btn">GOOGLE</a>
<a id="btn-facebook" class="waves-effect waves-light btn">FACEBOOK</a>
</form>
</div>
</div>
</div>
<!-- Modal REGISTRATE -->
<div id="modal-SignUp" class="modal">
<div class="modal-content">
<form class="col s12">
<div class="row">
<div class="input-field">
<i class="material-icons prefix">account_circle</i>
<input id="email" type="email" class="validate">
<label for="email">Email</label>
</div>
</div>
<div class="row">
<div class="input-field">
<i class="material-icons prefix">https</i>
<input id="password" type="password" class="validate">
<label for="password">Password</label>
</div>
</div>
<p class="center">
<input type="checkbox" id="indeterminate-checkbox" />
<label for="indeterminate-checkbox">Acepto los términos y condiciones</label>
</p>
<div class="row">
<div class="center">
<a id="sign-up" class="waves-effect waves-light btn disabled">Register</a>
</div>
<div id="root"></div>
</div>
</form>
</div>
<div class="modal-footer">
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Salir</a>
</div>
</div>
<!-- Modal INICIA SESIÓN -->
<div id="modal-LogIn" class="modal">
<div class="modal-content">
<form class="col s12">
<div class="row">
<div class="input-field">
<i class="material-icons prefix">account_circle</i>
<input id="email2" type="email" class="validate">
<label for="email2">Email</label>
</div>
</div>
<div class="row">
<div class="input-field">
<i class="material-icons prefix">https</i>
<input id="password2" type="password" class="validate">
<label for="password2">Password</label>
</div>
</div>
<div class="row">
<div class="center">
<a id="log-in" class="waves-effect waves-light btn">Log in</a>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Salir</a>
</div>
</div>
</section>
<!-- Enlace a jQuery compilado y minificado-->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<!-- Enlace a archivo Firebase -->
<script src="https://www.gstatic.com/firebasejs/4.8.2/firebase.js"></script>
<!-- Enlace a archivo JavaScript externo -->
<script type="text/javascript" src="js/app.js"></script>
<!-- Enlace a archivo Firebase -->
<script src="https://www.gstatic.com/firebasejs/4.8.2/firebase.js"></script>
<!-- Enlace a Materialize compilado y minificado-->
<script type="text/javascript" src="vendors/materialize/js/materialize.min.js"></script>
<!-- link a la data -->
<script src="js/data.js"></script>
<div class="fb-comments"></div>
</body>
</html>