Hugging Face's logo

Spaces:
chartManD
/
pageRed
Sleeping

App Files Community
chartManD commited on
Commit
3858bb4
·
1 Parent(s): 146055d

agregado login al portal

Browse files
Files changed (1) hide show
  1. app/login.php +98 -83
app/login.php CHANGED
@@ -1,98 +1,113 @@
1
- <?php include_once "./inc/header.php" ?>
2
- <?php include_once "./inc/welcome.php" ?>
3
 
4
- <section class="vh-100">
5
- <div class="container-fluid h-custom">
6
- <div class="row d-flex justify-content-center align-items-center h-100">
7
- <div class="col-md-9 col-lg-6 col-xl-5">
8
- <img src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-login-form/draw2.webp"
9
- class="img-fluid" alt="Sample image">
10
- </div>
11
- <div class="col-md-8 col-lg-6 col-xl-4 offset-xl-1">
12
- <form>
13
- <div class="d-flex flex-row align-items-center justify-content-center justify-content-lg-start">
14
- <p class="lead fw-normal mb-0 me-3">Sign in with</p>
15
- <button type="button" data-mdb-button-init data-mdb-ripple-init
16
- class="btn btn-primary btn-floating mx-1">
17
- <i class="fab fa-facebook-f"></i>
18
- </button>
19
 
20
- <button type="button" data-mdb-button-init data-mdb-ripple-init
21
- class="btn btn-primary btn-floating mx-1">
22
- <i class="fab fa-twitter"></i>
23
- </button>
 
 
 
 
 
 
 
 
 
 
 
 
24
 
25
- <button type="button" data-mdb-button-init data-mdb-ripple-init
26
- class="btn btn-primary btn-floating mx-1">
27
- <i class="fab fa-linkedin-in"></i>
28
- </button>
29
- </div>
30
 
31
- <div class="divider d-flex align-items-center my-4">
32
- <p class="text-center fw-bold mx-3 mb-0">Or</p>
33
- </div>
 
 
34
 
35
- <!-- Email input -->
36
- <div data-mdb-input-init class="form-outline mb-4">
37
- <input type="email" id="form3Example3" class="form-control form-control-lg"
38
- placeholder="Enter a valid email address" />
39
- <label class="form-label" for="form3Example3">Email address</label>
40
- </div>
 
 
 
 
41
 
42
- <!-- Password input -->
43
- <div data-mdb-input-init class="form-outline mb-3">
44
- <input type="password" id="form3Example4" class="form-control form-control-lg"
45
- placeholder="Enter password" />
46
- <label class="form-label" for="form3Example4">Password</label>
47
- </div>
48
 
49
- <div class="d-flex justify-content-between align-items-center">
50
- <!-- Checkbox -->
51
- <div class="form-check mb-0">
52
- <input class="form-check-input me-2" type="checkbox" value="" id="form2Example3" />
53
- <label class="form-check-label" for="form2Example3">
54
- Remember me
55
- </label>
 
 
56
  </div>
57
- <a href="#!" class="text-body">Forgot password?</a>
58
- </div>
59
 
60
- <div class="text-center text-lg-start mt-4 pt-2">
61
- <button type="button" data-mdb-button-init data-mdb-ripple-init class="btn btn-primary btn-lg"
62
- style="padding-left: 2.5rem; padding-right: 2.5rem;">Login</button>
63
- <p class="small fw-bold mt-2 pt-1 mb-0">Don't have an account? <a href="#!"
64
- class="link-danger">Register</a></p>
65
- </div>
 
66
 
67
- </form>
 
68
  </div>
69
  </div>
70
- </div>
71
- <div
72
- class="d-flex flex-column flex-md-row text-center text-md-start justify-content-between py-4 px-4 px-xl-5 bg-primary">
73
- <!-- Copyright -->
74
- <div class="text-white mb-3 mb-md-0">
75
- Copyright © 2020. All rights reserved.
76
- </div>
77
- <!-- Copyright -->
78
 
79
- <!-- Right -->
80
- <div>
81
- <a href="#!" class="text-white me-4">
82
- <i class="fab fa-facebook-f"></i>
83
- </a>
84
- <a href="#!" class="text-white me-4">
85
- <i class="fab fa-twitter"></i>
86
- </a>
87
- <a href="#!" class="text-white me-4">
88
- <i class="fab fa-google"></i>
89
- </a>
90
- <a href="#!" class="text-white">
91
- <i class="fab fa-linkedin-in"></i>
92
- </a>
 
 
93
  </div>
94
- <!-- Right -->
95
- </div>
96
- </section>
97
 
98
- <?php include_once "./inc/footer.php" ?>
 
1
+ <!DOCTYPE html>
2
+ <html lang="es">
3
 
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Login</title>
8
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
9
+ integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
10
+ <link rel="preconnect" href="https://fonts.googleapis.com">
11
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12
+ <link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"
13
+ rel="stylesheet">
14
+ </head>
 
 
 
 
15
 
16
+ <body>
17
+ <section class="vh-100">
18
+ <div class="container-fluid h-custom">
19
+ <div class="row d-flex justify-content-center align-items-center h-100">
20
+ <div class="col-md-9 col-lg-6 col-xl-5">
21
+ <img src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-login-form/draw2.webp"
22
+ class="img-fluid" alt="Sample image">
23
+ </div>
24
+ <div class="col-md-8 col-lg-6 col-xl-4 offset-xl-1">
25
+ <form>
26
+ <div class="d-flex flex-row align-items-center justify-content-center justify-content-lg-start">
27
+ <p class="lead fw-normal mb-0 me-3">Sign in with</p>
28
+ <button type="button" data-mdb-button-init data-mdb-ripple-init
29
+ class="btn btn-primary btn-floating mx-1">
30
+ <i class="fab fa-facebook-f"></i>
31
+ </button>
32
 
33
+ <button type="button" data-mdb-button-init data-mdb-ripple-init
34
+ class="btn btn-primary btn-floating mx-1">
35
+ <i class="fab fa-twitter"></i>
36
+ </button>
 
37
 
38
+ <button type="button" data-mdb-button-init data-mdb-ripple-init
39
+ class="btn btn-primary btn-floating mx-1">
40
+ <i class="fab fa-linkedin-in"></i>
41
+ </button>
42
+ </div>
43
 
44
+ <div class="divider d-flex align-items-center my-4">
45
+ <p class="text-center fw-bold mx-3 mb-0">Or</p>
46
+ </div>
47
+
48
+ <!-- Email input -->
49
+ <div data-mdb-input-init class="form-outline mb-4">
50
+ <input type="email" id="form3Example3" class="form-control form-control-lg"
51
+ placeholder="Enter a valid email address" />
52
+ <label class="form-label" for="form3Example3">Email address</label>
53
+ </div>
54
 
55
+ <!-- Password input -->
56
+ <div data-mdb-input-init class="form-outline mb-3">
57
+ <input type="password" id="form3Example4" class="form-control form-control-lg"
58
+ placeholder="Enter password" />
59
+ <label class="form-label" for="form3Example4">Password</label>
60
+ </div>
61
 
62
+ <div class="d-flex justify-content-between align-items-center">
63
+ <!-- Checkbox -->
64
+ <div class="form-check mb-0">
65
+ <input class="form-check-input me-2" type="checkbox" value="" id="form2Example3" />
66
+ <label class="form-check-label" for="form2Example3">
67
+ Remember me
68
+ </label>
69
+ </div>
70
+ <a href="#!" class="text-body">Forgot password?</a>
71
  </div>
 
 
72
 
73
+ <div class="text-center text-lg-start mt-4 pt-2">
74
+ <button type="button" data-mdb-button-init data-mdb-ripple-init
75
+ class="btn btn-primary btn-lg"
76
+ style="padding-left: 2.5rem; padding-right: 2.5rem;">Login</button>
77
+ <p class="small fw-bold mt-2 pt-1 mb-0">Don't have an account? <a href="#!"
78
+ class="link-danger">Register</a></p>
79
+ </div>
80
 
81
+ </form>
82
+ </div>
83
  </div>
84
  </div>
85
+ <div
86
+ class="d-flex flex-column flex-md-row text-center text-md-start justify-content-between py-4 px-4 px-xl-5 bg-primary">
87
+ <!-- Copyright -->
88
+ <div class="text-white mb-3 mb-md-0">
89
+ Copyright © 2020. All rights reserved.
90
+ </div>
91
+ <!-- Copyright -->
 
92
 
93
+ <!-- Right -->
94
+ <div>
95
+ <a href="#!" class="text-white me-4">
96
+ <i class="fab fa-facebook-f"></i>
97
+ </a>
98
+ <a href="#!" class="text-white me-4">
99
+ <i class="fab fa-twitter"></i>
100
+ </a>
101
+ <a href="#!" class="text-white me-4">
102
+ <i class="fab fa-google"></i>
103
+ </a>
104
+ <a href="#!" class="text-white">
105
+ <i class="fab fa-linkedin-in"></i>
106
+ </a>
107
+ </div>
108
+ <!-- Right -->
109
  </div>
110
+ </section>
111
+ </body>
 
112
 
113
+ </html>