-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
132 lines (121 loc) · 4.94 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
<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">
<title>Planet Bollywood</title>
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Supermercado+One" rel="stylesheet">
<link rel="stylesheet" href="assets/icons/icomoon/style.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="vendors/materialize/css/materialize.min.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header class="lime lighten-5 center-align hv-header">
<div class="nav-wrapper cream-nav">
<img class="logo" src="assets/images/logo_BP2.png" alt="logo">
</div>
</header>
<section class=" bg-principal">
<div class="opacity flex">
<div class="row">
<div class="col s12">
<div class="phrase">
<p>The world's largest community of Bollywood fans</p>
<p> Movies, musicals, events and more.</p>
</div>
<div class="box-buttons">
<button data-target="modal1" class="fvbtns btn modal-trigger border purple-1 ">Log In</button>
<button data-target="modal2" class="fvbtns btn modal-trigger border purple-1">Sign Up</button>
</div>
</div>
</div>
</div>
</section>
<!-- modal -->
<!-- Modal Structure -->
<div id="modal1" class="modal lime lighten-5">
<div class="modal-content bg-modal">
<div class="box-login">
<h5 class="center-align black-text title-modal">Welcome Home!</h5>
<div class="row">
<div class="input-field col s12">
<i class="material-icons prefix">account_circle</i>
<input id="icon_email" type="text" class="email-login">
<label for="icon_email">Email</label>
</div>
<div class="row">
<div class="input-field col s12">
<i class="material-icons prefix">lock</i>
<input id="icon_pass" type="password" class="password-login">
<label for="icon_pass">Password</label>
</div>
<div class="center-align">
<button class="btn border amber" id="btn-enter">Let´s Go!</button>
</div>
<div class="center-align">
<p class="line">
<span class="pd1">or Log In with</span>
</p>
</div>
<div class="center-align">
<button class="btn border #1565c0 blue darken-3" id="btn-facebook">
<span class="icon-facebook pd1"></span>Facebook</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- modal Register -->
<!-- Modal Structure -->
<div id="modal2" class="modal">
<div class="modal-content bg-modal">
<div class="box-login">
<div class="row">
<h5 class="center-align title-modal">Join Us!</h5>
<div class="input-field col s12">
<i class="material-icons prefix">account_circle</i>
<input id="icon_name" type="text" class="name-register">
<label for="icon_name">Name</label>
</div>
<div class="input-field col s12">
<i class="material-icons prefix">email</i>
<input id="icon_mail" type="text" class="email-register">
<label for="icon_mail">E-mail</label>
</div>
<div class="row">
<div class="input-field col s12">
<i class="material-icons prefix">lock_outline</i>
<input id="icon_pass-r" type="password" class="password-register">
<label for="icon_pass-r">Password</label>
</div>
<div class="input-field col s12">
<i class="material-icons prefix">lock</i>
<input id="icon_con" type="password" class="confirm-register">
<label for="icon_con">Confirm Password</label>
</div>
</div>
<div>
<p class=center-align>
<input type="checkbox" id="test5" class="checkbox-term">
<label for="test5">I accept terms and conditions</label>
</p>
</div>
<div class="center-align">
<button class="btn border" id="btn-submit" disabled>Submit</button>
</div>
</div>
</div>
</div>
</div>
<script src="https://www.gstatic.com/firebasejs/4.8.1/firebase.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.2.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.2.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.2.0/firebase-database.js"></script>
<script src="vendors/js/jquery-3.2.1.min.js"></script>
<script src="vendors/materialize/js/materialize.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>