-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdashboard.html
92 lines (86 loc) · 4.82 KB
/
dashboard.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login</title>
<link rel="stylesheet" href="recruit-demo.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="recruit-demo.js"></script>
</head>
<body>
<section class="header">
<div class="menu-bar">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container-fluid">
<a class="navbar-brand" href="#"><img src="demo-images/pexels-scott-webb-430205.jpg"
style="width: 150px;height:80px;margin-right: 5px;" alt="logo"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" style=" background-color: white;"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon" style="color: white;"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-primary"
style="margin-left:30px;border:3px solid white;color: white;" type="submit"> <a
style="text-decoration: none;color: white;" href="login.html">
Logout</a></button>
</form>
</div>
</div>
</nav>
</div>
</section>
<hr>
<section>
<div>
<u>
<h1 style="text-align: center; color: rgb(4, 173, 12);font-family:cursive;">LOGIN SUCCESSFUL</h1><br>
</u>
<u>
<h3 style="text-align: center; color: rgb(4, 173, 12);font-family:cursive;">Welcome to your account !!!
</h3>
</u>
</div><br><br><hr>
<u>
<h3 style="color:red;">Please read the instructions:-</h3>
</u>
<div style="font-family: cursive;">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Assumenda
voluptatibus ipsum delectus cum explicabo, at labore doloremque doloribus nam tempora, officiis sit libero
nihil, dolores aliquid debitis eius perferendis ullam! Magnam, voluptas error! Sint, impedit? Eligendi
inventore porro soluta error totam non assumenda esse numquam obcaecati, ab alias quo amet beatae ipsum
reprehenderit aliquam, distinctio cupiditate eum, incidunt voluptatem temporibus culpa officia dicta
aperiam! Autem, eligendi id? Debitis aspernatur laborum ipsa fuga aperiam delectus similique quos ipsam.
Alias, at mollitia voluptas sapiente sed ducimus, fugiat ullam dicta, provident numquam iure culpa qui
exercitationem quas ex est quis nesciunt perspiciatis corrupti?Lorem ipsum dolor sit amet consectetur,
adipisicing elit. Voluptatum nam eum, blanditiis harum dignissimos quas in optio, autem atque similique
facilis illo incidunt laboriosam maiores ratione reiciendis corporis! Illum quo, architecto labore fugiat,
perspiciatis officiis eveniet distinctio id possimus veritatis suscipit iusto natus repudiandae. Similique
est expedita odit necessitatibus incidunt</div><br>
</section>
<section class="waveffect">
<div>
<svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto"
style="max-height: 100%; max-width:100%; ">
<defs>
<path id="gentle-wave"
d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
</defs>
<g class="parallax">
<use xlink:href="#gentle-wave" x="48" y="0" fill="purple" />
<use xlink:href="#gentle-wave" x="48" y="2" fill="pink" />
<use xlink:href="#gentle-wave" x="48" y="4" fill="green" />
<use xlink:href="#gentle-wave" x="48" y="5" fill="blue" />
</g>
</svg>
</div>
</section>
</body>
</html>