-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
136 lines (124 loc) · 5.57 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
<!DOCTYPE html>
<!--Tipo de archivo e dioma del sitio web-->
<html lang="es">
<head>
<!--Codificación de carácteres especiales-->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Responsive -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My Track</title>
<!-- Icono página-->
<link rel="shortcut icon" href="assets/images/track.png">
<!-- Bootstrap minificado-->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Iconos-->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- CSS -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Inicio / Start -->
<header class="start">
<div class="start-body">
<h3 class="top-right"><a class="red" data-target="#myBtn" data-toggle="modal" type="button">Entrar <i class="fa fa-sign-in"></i></a></h3>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="page-title">My Track</h1>
<p class="start-text">Seguimos la pista de tus experiencias</p>
<a href="#info" id="btn-circle" class="btn">
<i class="fa fa-caret-down red"></i></a>
</div>
</div>
</div>
</div>
</header>
<!-- info -->
<section id="info" class="container info-section text-center">
<div class="row">
<div class="col-lg-12">
<h2>¿Qué hacemos?</h2>
</div>
<div class="col-lg-4 col-sm-6 text-center mb-4">
<img id="rounded" style="margin-bottom:5%;" class="img-fluid d-block mx-auto" src="assets/images/concert.jpg" alt="">
<h3>Conciertos <br><small>Sabemos lo que te gusta</small></h3>
<p>Obtenemos lo que te gusta vía <a href="#">Spotify</a> o <a href="#">Facebook</a> y te damos toda la información sobre los próximos conciertos </p>
</div>
<div class="col-lg-4 col-sm-6 text-center mb-4">
<img id="rounded" style="margin-bottom:5%;" class="img-fluid d-block mx-auto" src="assets/images/take-photo.jpg" alt="">
<h3>Comparte <br><small>rankea y toma fotos</small></h3>
<p>Comparte tus mejores fotos y <a href="#">califica tu experiencia.</a> Además en tu perfil se mostrará un mapa con <a href="#">¡tu track!</a> </p>
</div>
<div class="col-lg-4 col-sm-6 text-center mb-4">
<img id="rounded" style="margin-bottom:5%;" class="img-fluid d-block mx-auto" src="assets/images/tickets.jpg" alt="">
<h3>Preventa <br><small>Adquiérelos primero</small></h3>
<p>Premiamos tu <a href="#">lealtad</a> con ¡ofertas exclusivas!</p>
</div>
</div>
</section>
<!-- services -->
<section id="services" class="info-section text-center">
<div class="services-section">
<div class="container">
<div class="col-lg-8 col-lg-offset-2">
<h2>¿Listo para empezar?</h2>
<p>No esperes más y comparte tu pasión por la música</p>
<a data-target="#myBtn" data-toggle="modal" type="button"class="btn btn-default btn-lg text-uppercase">Crear cuenta</a>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container text-center">
<p>FOOTER © 2018</p>
</div>
</footer>
<!--MODAL inicio de sesión-->
<div class="modal fade" id="myBtn" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-dialog">
<!-- Contenido-->
<div class="modal-content modal1-background">
<div class="modal-header" style="padding-top:35px;">
<button style="font-size:2.5em" type="button" class="close" data-dismiss="modal">×</button>
<h3 class="text-center">Inicia Sesión</h3>
</div>
<div class="modal-body gray-background" style="padding:40px 50px;">
<form role="form">
<div class="form-group">
<label for="username"><span class="glyphicon glyphicon-user"></span> Nombre</label>
<input type="text" class="form-control" id="username" placeholder="Tu nombre">
</div>
<div class="form-group">
<label for="password"><span class="glyphicon glyphicon-eye-open"></span> Contraseña</label>
<input TYPE="password" type="number" type="text"class="form-control" id="password" placeholder="Tu contraseña">
</div>
<div class="checkbox">
<label><input type="checkbox" value="" checked>Recuérdame</label>
</div>
<button type="button" class="btn btn-block disabled nextJs"><span class="glyphicon glyphicon-off"></span> Entrar</button>
<button type="button" id="buttonFacebook" class="btn btn-block enabled">Desde Facebook</button>
<button type="button" id="buttonGoogle" class="btn btn-block enabled">Desde Google</button>
</form>
</div>
<div class="modal-footer">
<small>¿Olvidaste tu <a href="#">contraseña?</a></small>
</div>
</div>
</div>
</div>
</div>
<!-- Enlace Firebase -->
<script src="https://www.gstatic.com/firebasejs/4.9.0/firebase.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.6.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.6.2/firebase-auth.js"></script>
<!-- jQuery -->
<script src="vendor/jquery/jquery.js"></script>
<!-- Bootstrap JavaScript -->
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- JS local-->
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>