admin/cmc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

137. Login template - base template and bootstrap import (#18 Section 20: Login Page)

Browse Source
This commit is contained in:
Art
2021-09-17 18:58:12 +03:00
parent 6f3971ea45
commit f019ef4271
2 changed files with 44 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
support-portal-frontend/src/app/component/login/login.component.html
View File

@ -1 +1,43 @@
<p>login works!</p> <div class="container" style="margin-top: 100px;">
<div class="d-flex justify-content-center h-50">
<div class="user_card">
<div class="d-flex justify-content-center">
<div style="margin-top: 10px;margin-bottom:-90px;">
<h3>User Management Portal</h3>
</div>
</div>
<div class="d-flex justify-content-center form_container">
<form>
<div class="input-group mb-3">
<div class="input-group-append">
<span class="input-group-text"><i class="fas fa-user"></i></span>
</div>
<input type="text" class="form-control" name="username" placeholder="Username" required>
</div>
<span class="help-block" style="color:red;">Please enter a username</span>
<div class="input-group mb-2">
<div class="input-group-append">
<span class="input-group-text"><i class="fas fa-key"></i></span>
</div>
<input type="password" class="form-control" name="password" placeholder="Password" required>
</div>
<span class="help-block" style="color:red;">Please enter a password.</span>
<div class="d-flex justify-content-center mt-3 login_container">
<button type="submit" name="button" class="btn login_btn">
<i class="fas fa-spinner fa-spin"></i>&nbsp;&nbsp;
<span>Loading...</span>
<span>Login</span>
</button>
</div>
</form>
</div>
<div class="mt-4">
<div class="d-flex justify-content-center links">
Don't have an account? <a class="ml-2" style="color: #2C3E50;">Sign Up</a>
</div>
</div>
</div>
</div>
</div>

1
support-portal-frontend/src/styles.css
View File

@ -1 +1,2 @@
/* You can add global styles to this file, and also import other style files */ /* You can add global styles to this file, and also import other style files */
@import 'https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css';