Secure Password Entry System
Secure Password Entry System
INTRODUCTION
1
2. SYSTEM ANALYSIS
2
3. SYSTEM SPECIFICATION
RAM : 8 GB
Hard Disk : 1 TB
3
4. SOFTWARE DESCRIPTION
4
4.2.1.NET ARCHITECTURE
5
4.3.3 RELATIONAL DATABASE
Sometimes all the information of interest to a business operation can
be stored in one table. SQL Server makes it very easy to link the data in multiple
tables. Matching an employee to the department in which they work is one example.
This is what makes SQL Server a relational database management system, or
RDBMS. It stores data in two or more tables and enables you to define relationships
between the table and enables you to define relationships between the tables.
4.3.4 FOREIGN KEY
When a field is one table matches the primary key of another field is
referred to as a foreign key. A foreign key is a field or a group of fields in one table
whose values match those of the primary key of another table.
4.3.5 REFERENTIAL INTEGRITY
Not only does SQL Server allow you to link multiple tables, it also
maintains consistency between them. Ensuring that the data among related tables is
correctly matched is referred to as maintaining referential integrity.
4.3.6 ADVANTAGES OF RDBMS
Redundancy can be avoided.
Inconsistency can be eliminated.
Data can be Shared.
Standards can be enforced.
Security restrictions ca be applied.
Integrity can be maintained.
Conflicting requirements can be balanced.
Data independence can be achieved.
4.3.7 DISADVANTAGES OF DBMS
A significant disadvantage of the DBMS system is cost. In addition to
the cost of purchasing of developing the software, the hardware must be upgraded to
allow for the extensive programs and the workspace required for their execution and
storage. While centralization reduces duplication, the lack of duplication requires that
the database be adequately backed up so that in case of failure the data can be
recovered.
6
4.3.8 FEATURES OF SQL SERVER
SQL SERVER is one of the leading database management systems
(DBMS) because it is the only Database that meets the uncompromising requirements
of today’s most demanding information systems. From complex decision support
systems (DSS) to the most rigorous online transaction processing (OLTP) application,
even application that require simultaneous DSS and OLTP access to the same critical
data, SQL Server leads the industry in both performance and capability.
SQL SERVER is a truly portable, distributed, and open DBMS that
delivers unmatched performance, continuous operation and support for every
database. SQL SERVER RDBMS is high performance fault tolerant DBMS which is
specially designed for online transactions processing and for handling large database
application. SQL SERVER with transactions processing option offers two features
which contribute to very high level of transaction processing throughput, which are:
The row level lock manager
1.ENTERPRISE-WIDE DATA SHARING
The unrivaled portability and connectivity of the SQL SERVER
DBMS enables all the systems in the organization to be linked into a singular,
integrated computing resource.
2.PORTABILITY
SQL SERVER is fully portable to more than 80 distinct hardware and
operating systems platforms, including UNIX, MSDOS, OS/2, Macintosh, and dozens
of proprietary platforms. This portability gives complete freedom to choose the
database server platform that meets the system requirements.
3.OPEN SYSTEMS
SQL SERVER offers a leading implementation of industry –standard
SQL. SQL Server’s open architecture integrates SQL SERVER and non –SQL
SERVER DBMS with industry’s most comprehensive collection of tools, application,
and third-party software products SQL Server’s Open architecture provides
transparent access to data from another relational database and even non-relational
database.
7
4.DISTRIBUTED DATA SHARING
SQL Server’s networking and distributed database capabilities to
access data stored on remote server with the same ease as if the information was
stored on a single local computer. A single SQL statement can access data at multiple
sites. You can store data where system requirements such as performance, security, or
availability dictate.
5.UNMATCHED PERFORMANCE
The most advanced architecture in the industry allows the SQL
SERVER DBMS to deliver unmatched performance.
8
5. SYSTEM DESIGN
1. ADMIN PHASE
The functionality of admin is controlling the complete website. The admin
phase has many sub modules such as User details, User account approval, Logout.
The admin has rights to view the user details of the register on this website, then the
admin can view the newly registered user details on the website and also approve the
account after verifying the details of the user. The admin manages the user’s data and
also have the access to block the user.
a. Admin login
b. Admin profile
c. View user details
d. User account approval
e. Block user
f. Query box
2. USER PHASE
The user phase has many sub modules such as Login, Sign up, Dashboard,
Register user’s, details, Logout. The user has to first create an account through filling
their basic details on the user account creation module. Once the account is created
the admin will approve the user. the user can send query to the admin. The user phase
has a logout functionality to close their session and return to the home page of the
website.
a. Login
b. Sign up
c. Dashboard
d. User profile
e. Shuffle keypad login
f. query
g. Logout
9
3. ABOUT US
The about us module has a functionality used to display the details about
website and vaccination history.
4. CONTACT US
The Contact us module has a functionality to contact the admin through this
module and clarify their doubts.
10
5.2 ARCHITECTURAL DESIGN
Login USER
Signup
View user details
Profile
User account
approval Shuffle keypad login
Block user
query
Query box
11
5.3 DATA FLOW DIAGRAM
User
Administrator
Reliability
Shuffling
Keypad &
Robust
Authentication
Shuffling keypad
ATM functionalities
12
5.4 DFD 0th LEVEL
Register user
User details details
RELIABILITY
SHUFFLING KEYPAD
ADMIN & ROBUST USER
AUTHENTICATION
13
5.5 USECASE DIAGRAM
LOGOUT
LOGOUT User details
LOGIN
ADMIN
Register user’s
User account
details.
approval
USER
14
5.6 DATABASE DESIGN
A table is a data structure that organizes information into rows and columns. It
can be used to both store and display data in a structured format. For example,
database store data in table so that information can be quickly accessed from specific
rows. Websites often use table to display multiple rows of data on page. Spreadsheets
combine both purpose of a table by storing and displaying data in structured format.
Databases often contain multiple tables, with each one designed for a specific
purpose. For example, a company database may contain separate table for employees,
clients and suppliers. Each table may include its own set field, based on what data the
table needs to store. In database tables, each field is considered a column, while each
entry (or record), is considered a row. A specific value can be accessed from the table
by requesting data from an individual column and row.
15
b) USER QUERY ENTITY
16
6.SYSTEM TESTING AND IMPLEMENTATION
17
6.3 UNIT TESTING
Unit testing is a software development process in which the smallest testable
parts of an application, called units, are individually and independently scrutinized for
proper operation. This testing methodology is done during the development process
by the software developers and sometimes QA staff..
6.4 INTEGRATION TESTING
Integration testing (sometimes called integration and testing, abbreviated I&T)
is the phase in software testing in which individual software modules are combined
and tested as a group. Integration testing is conducted to evaluate the compliance of a
system or component with specified functional requirements.
6.5 VALIDATION TESTING
Validation testing is the Quality Assurance (QA) process of verifying that a
software application meets the needs and requirements of its stakeholders. The main
goal of validation testing is to verify whether a software product meets its acceptance
criteria.
18
6.7 TEST CASES
ACTUAL
INPUT EXPECTED TEST ACTION
NO OUTPUT
GIVEN OUTPUT PASS TAKEN
OCCURED
Admin Admin Home Admin Home
1 YES -
Admin123 Page Page
Muthu Staff Home Staff Home
2 YES -
Muthu123 Page Page
The
Admin, Admin Home Invalid
3 NO password is
145 Page Password
Wrong
19
7. SYSTEM IMPLEMENTATION
7.1 INTRODUCTION
Implementation is the stage in the project where the theoretical design is
turned into a working system. The implementation phase constructs, installs, and
operates the new system. The most crucial stage in achieving a new successful system
is that it will work efficiently and effectively.
There are several activities involved while implementing a new project. They
are
End user training
End user Education
Training on the application software
System Design
Parallel Run and To New System
Post implementation Review
20
7.4 TRAINING OF APPLICATION SOFTWARE
Implementing new software is always a challenge, even for the most flexible
companies. Succeeding demands planning transitions smoothly and providing your
team with relevant training material on the new software.
21
8. CONCLUSION
22
9. FUTURE ENHANCEMENTS
The future is unpredictable, the keypad shuffling not only confuses the hacker if
not properly watched it will confuse the user also, but they must take care of these
issues.
The method of keypad shuffling used in this application is software oriented.
In year ahead, we can use the shuffling hardware kit.
For the disabled person (blind), this application can be used in the form of
which the dynamic shuffling keys are used in physical appearance but
performs as the static form of as usual keypad. Like the morse code or braille
numbers.
This enhances the neighbors or others to confuse them and prevents from
hacking of user’s data. Therefore, the confidentiality is maintained.
23
10. BIBLIOGRAPHY
BOOK REFERENCE
1.ASP.NET : The Complete Reference” - Matthew
MacDonal
2.“ASP.NET 4.5 in Simple Steps” - Kogent
3.“Software Testing” - Paul C. Jorgrnsen
4.“Advance SQL” - Er.Avnindra Kanaujia
WEBSITE REFERENCE
1.www.wikipedia.com
2.www.stackoverflow.com
3.www.tutorialspoint.com
4.https://www.w3schools.com/
5.www.tutlane.com
6.www.getbootstrap.com
7.https://swimburger.net/
8.www.studytonight.com
24
11. APPENDIX
public ActionResultUserProfile()
{
int j = Convert.ToInt32(TempData["Pro"].ToString());
TempData.Keep();
return View(Con.Clients.Find(j));
}
[HttpPost]
public ActionResultUserProfile(Client s)
{
25
int j = Convert.ToInt32(TempData["Pro"].ToString());
TempData.Keep();
Con.Entry(s).State = EntityState.Modified;
Con.SaveChanges();
return RedirectToAction("UserProfile");
}
public ActionResultSKL()
{
return View();
}
[HttpPost]
public ActionResultSKL(Client k)
{
int c = Con.Clients.Where(m =>m.Pass.Equals(k.Pass) &&m.Status ==
"Active").Count();
if (c != 0)
{
int j = Convert.ToInt32(TempData["Pro"].ToString());
TempData.Keep();
return RedirectToAction("Funds");
}
else
{
TempData["Notification"] = "<i class='text-warning'>Incorrect Pin</i>";
co++;
if (co >= 3)
{
int j = Convert.ToInt32(TempData["Pro"].ToString());
TempData.Keep();
var l = Con.Clients.Find(j);
l.Status = "Block";
Con.SaveChanges();
TempData["Notification"] = "<i class='text-warning'>Account Blocked
Please Contact Your Admin</i>";
26
return RedirectToAction("SKL");
}
return RedirectToAction("SKL");
}
}
public ActionResultFunds()
{
return View();
}
public ActionResultUserList()
{
return View(Con.Clients.Where(m =>m.Status == null).ToList());
}
public ActionResultunblock(int i)
{
var c = Con.Clients.Find(i);
27
c.Status = "Active";
co = 0;
Con.SaveChanges();
return RedirectToAction("Block");
}
public ActionResultfb()
{
return View();
}
[HttpPost]
public ActionResultfb(Feedback g)
{
Con.Feedbacks.Add(g);
Con.SaveChanges();
return RedirectToAction("UserDash");
}
public ActionResultfeedlist()
{
return View(Con.Feedbacks.ToList());
}
}
}
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace RSKeypad.Controllers
{
public class HomeController : Controller
{
// GET: Home
public ActionResultIndex()
{
28
return View();
}
public ActionResultAboutUs()
{
return View();
}
public ActionResultContact()
{
return View();
}
}
}
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using RSKeypad.Models;
namespace RSKeypad.Controllers
{
public class LoginController : Controller
{
Shuffle con = new Shuffle();
public ActionResultAdminLogin()
{
return View();
}
[HttpPost]
public ActionResultAdminLogin(Admin s)
{
if (ModelState.IsValid)
{
if (s.email == "[email protected]" &&s.PSD == "123")
{
return RedirectToAction("AdminDash", "Dash");
29
}
else
{
return View();
}
}
return View();
}
public ActionResultUserLogin()
{
return View();
}
[HttpPost]
public ActionResultUserLogin(Admin s)
{
if (ModelState.IsValid)
{
int c = con.Clients.Where(m =>m.Mail.Equals(s.email)
&&m.Pass.Equals(s.PSD) &&m.Status.Equals("Active")).Count();
if (c != 0)
{
TempData["Pro"] = con.Clients.Where(m =>m.Mail.Equals(s.email)
&&m.Pass.Equals(s.PSD) &&m.Status.Equals("Active")).Select(m
=>m.Id).FirstOrDefault();
return RedirectToAction("UserDash", "Dash");
}
else
{
return View();
}
}
return View();
}
public ActionResultClientAccount()
{
30
return View();
}
[HttpPost]
public ActionResultClientAccount(Client s)
{
int g = con.Clients.Where(m =>m.Pass.Equals(s.Pass)).Count();
if (g != 0)
{
if (ModelState.IsValid)
{
con.Clients.Add(s);
con.SaveChanges();
return RedirectToAction("UserLogin");
}
}
else
{
TempData["Notification"] = "<i class='text-warning'>Pin Already
Exists</i>";
}
return View();
}
public ActionResultForgot(Admin s)
{
int c = con.Clients.Where(m =>m.Mail.Equals(s.email)).Count();
if (c != 0)
{
return RedirectToAction("Change");
}
else
{
return View();
}
}
public ActionResultChange()
31
{
return View();
}
[HttpPost]
public ActionResultChange(Admin s)
{
var k = con.Clients.Where(m =>m.Mail.Equals(s.email)).Select(m
=>m.Id).FirstOrDefault();
var h = con.Clients.Find(k);
h.Pass = s.PSD;
h.CPass = s.PSD;
con.SaveChanges();
return RedirectToAction("UserLogin");
}
}
}
using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.Data.Entity;
using System.Linq;
using System.Web;
namespace RSKeypad.Models
{
public class ATM
{
}
public class Admin
{
[Required, Display(Name = "Email"), EmailAddress]
public string email { get; set; }
[Required, Display(Name = "Password")]
public string PSD { get; set; }
}
32
public class Client
{
[Key]
public int Id { get; set; }
[Display(Name = "User Name"), Required]
public string UN { get; set; }
[Display(Name = "Mail Id"), Required, EmailAddress]
public string Mail { get; set; }
[Display(Name = "Password"), Required]
public string Pass { get; set; }
[Display(Name = "Confirmation Password"), Required]
public string CPass{ get; set; }
[Display(Name = "Mobile"), Required]
public Int64 Mob { get; set; }
[Display(Name = "City"), Required]
public string City { get; set; }
public string Status { get; set; }
}
public class Feedback
{
[Key]
public int Id { get; set; }
33
}
public class Shuffle :DbContext
{
public DbSet<Client> Clients { get; set; }
public DbSet<Feedback> Feedbacks { get; set; }
}
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<title>Admin Dash</title>
<style>
body {
box-sizing: border-box;
margin: 0px;
background-size: cover;
background-image: url('../../Image/b (3).jpg');
font-family: 'Sitka Banner';
user-select: none;
}
h1 {
word-spacing: 15px;
font-size: 45px;
color: blanchedalmond;
}
q{
display: inline-block;
}
.w-15 {
34
width: 175px;
transition: transform 2s;
}
.w-15:hover {
transform: translateY(-15px);
}
.w-5 {
width: 250px;
height: 250px;
margin: 25px;
transition: transform 2s;
}
.w-5:hover {
transform: scale(1.2,1.2);
}
</style>
</head>
<body>
<h1 class="text-center bg-dark bg-opacity-75 p-5">
Admin Dashboard
</h1>
<div class="container">
<marquee class="container" direction="left" behavior="alternate"
scrollamount="3">
<imgsrc="~/Image/B (2).jpg" class="img-thumbnail w-5" />
<imgsrc="~/Image/B (5).jpg" class="img-thumbnail w-5" />
<imgsrc="~/Image/B (6).jpg" class="img-thumbnail w-5" />
<imgsrc="~/Image/B (9).jpg" class="img-thumbnail w-5" />
<imgsrc="~/Image/B(10).jpg" class="img-thumbnail w-5" />
</marquee>
</div>
<div class="text-center container">
35
@Html.ActionLink("Verify User Account", "UserList", "Dash", "", new {
@class = "btnbtn-primary m-2 w-15" })
@Html.ActionLink("View User Details", "UserList1", "Dash", "", new { @class
= "btnbtn-success m-2 w-15" })
@Html.ActionLink("Block User", "Block", "Dash", "", new { @class = "btnbtn-
dark m-2 w-15" })
@Html.ActionLink("Query Box", "feedlist", "Dash", "", new { @class =
"btnbtn-warning m-2 w-15" })
@Html.ActionLink("Logout", "AdminLogin", "Login", "", new { @class =
"btnbtn-info m-2 w-15" })
</div>
</body>
</html>
@model IEnumerable<RSKeypad.Models.Client>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<title>Admin Dash</title>
<style>
body {
box-sizing: border-box;
margin: 0px;
background-size: cover;
background-image: url('../../Image/b (3).jpg');
font-family: 'Sitka Banner';
user-select: none;
}
h1 {
word-spacing: 15px;
font-size: 45px;
36
color: blanchedalmond;
}
q{
display: inline-block;
}
.w-15 {
width: 175px;
transition: transform 2s;
}
.w-15:hover {
transform: translateY(-15px);
}
.w-5 {
width: 250px;
height: 250px;
margin: 25px;
transition: transform 2s;
}
.w-5:hover {
transform: scale(1.2,1.2);
}
</style>
</head>
<body>
<h1 class="text-center bg-dark bg-opacity-75 p-5">
Blocked User Account Details
</h1>
<table class="table text-center container rounded bg-dark text-white w-75 p-4 ">
37
<tr>
<th>
@Html.DisplayNameFor(m =>m.Id)
</th>
<th>
@Html.DisplayNameFor(m =>m.UN)
</th>
<th>
@Html.DisplayNameFor(m =>m.Mail)
</th>
<th>
@Html.DisplayNameFor(m =>m.Pass)
</th>
<th>
@Html.DisplayNameFor(m =>m.CPass)
</th>
<th>
@Html.DisplayNameFor(m =>m.Mob)
</th>
<th>
@Html.DisplayNameFor(m =>m.City)
</th>
<th>
Action
</th>
</tr>
@foreach (var item in Model)
{
<tr>
<td>
@item.Id
</td>
<td>
@item.UN
38
</td>
<td>
@item.Mail
</td>
<td>
@item.Pass
</td>
<td>
@item.CPass
</td>
<td>
@item.Mob
</td>
<td>
@item.City
</td>
<td>
@Html.ActionLink("Unblock", "unblock", "Dash", new { @i = @item.Id
}, new { @class = "btnbtn-primary m-2 w-15" })
</td>
</tr>
}
</table>
@Html.ActionLink("Back", "AdminDash", "Dash", "", new { @class = "btnbtn-
primary m-2 w-15" })
</body>
</html>
@model RSKeypad.Models.Feedback
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
39
<title>Admin Dash</title>
<style>
body {
box-sizing: border-box;
margin: 0px;
background-size: cover;
background-image: url('../../Image/b (3).jpg');
font-family: 'Sitka Banner';
user-select: none;
}
h1 {
word-spacing: 15px;
font-size: 45px;
color: blanchedalmond;
}
q{
display: inline-block;
}
.w-15 {
width: 175px;
transition: transform 2s;
}
.w-15:hover {
transform: translateY(-15px);
}
.w-5 {
width: 250px;
height: 250px;
margin: 25px;
40
transition: transform 2s;
}
.w-5:hover {
transform: scale(1.2,1.2);
}
</style>
</head>
<body>
<div class="container rounded bg-dark w-50 text-white bg-opacity-50 p-4 form mt-
5">
<h1 class="text-center">Send Query </h1>
@Html.Raw(@TempData["msg"])
<br />
@using (@Html.BeginForm())
{
@Html.DisplayNameFor(m =>m.Mail)
@Html.TextBoxFor(m =>m.Mail, new { @class = "form-control m-2",
@placeholder = "Mail Address", @required = "required" })
@Html.DisplayNameFor(m =>m.Mob)
@Html.TextBoxFor(m =>m.Mob, new { @class = "form-control m-2",
@placeholder = "Mobile Number", @required = "required", @maxlength = "10",
@minlength = "10" })
@Html.DisplayNameFor(m =>m.FB)
@Html.TextAreaFor(m =>m.FB, new { @class = "form-control m-2",
@placeholder = "Feed back", @required = "required" })
41
@Html.ActionLink("Back", "UserDash", "Dash", "", new { @class = "btnbtn-
primary m-2 w-25 float-end" })
}
</div>
</body>
</html>
@model IEnumerable<RSKeypad.Models.Feedback>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<title>Admin Dash</title>
<style>
body {
box-sizing: border-box;
margin: 0px;
background-size: cover;
background-image: url('../../Image/b (3).jpg');
font-family: 'Sitka Banner';
user-select: none;
}
h1 {
word-spacing: 15px;
font-size: 45px;
color: blanchedalmond;
}
q{
display: inline-block;
}
.w-15 {
42
width: 175px;
transition: transform 2s;
}
.w-15:hover {
transform: translateY(-15px);
}
.w-5 {
width: 250px;
height: 250px;
margin: 25px;
transition: transform 2s;
}
.w-5:hover {
transform: scale(1.2,1.2);
}
</style>
</head>
<body>
<div class="text-center">
<h1 class="text-center bg-dark bg-opacity-75 p-5">
<q>Query List</q>
</h1>
<table class=" table container rounded bg-dark w-75 text-white p-4 ">
<tr>
<th>
@Html.DisplayNameFor(m =>m.Id)
</th>
<th>
@Html.DisplayNameFor(m => m.PN)
</th>
<th>
43
@Html.DisplayNameFor(m =>m.Mail)
</th>
<th>
@Html.DisplayNameFor(m =>m.Mob)
</th>
<th>
@Html.DisplayNameFor(m =>m.FB)
</th>
</tr>
@foreach (var item in Model)
{
<tr>
<td>
@item.Id
</td>
<td>
@item.PN
</td>
<td>
@item.Mail
</td>
<td>
@item.Mob
</td>
<td>
@item.FB
</td>
</tr>
}
44
</table>
@Html.ActionLink("Back", "AdminDash", "Dash", "", new { @class = "btnbtn-
primary m-2 w-15" })
</div>
</body>
</html>
@model RSKeypad.Models.Client
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<title></title>
<style>
body {
box-sizing: border-box;
margin: 0px;
background-size: cover;
background-image: url('../../Image/b (3).jpg');
font-family: 'Sitka Banner';
user-select: none;
}
h1 {
word-spacing: 15px;
font-size: 45px;
color: blanchedalmond;
}
q{
display: inline-block;
}
.w-15 {
45
width: 175px;
transition: transform 2s;
}
.w-15:hover {
transform: translateY(-15px);
}
.w-5 {
width: 250px;
height: 250px;
margin: 25px;
transition: transform 2s;
}
.w-5:hover {
transform: scale(1.2,1.2);
}
button {
margin: 35px;
border-radius: 25px;
font-family: Georgia;
font-size: 35px !important;
vertical-align: top;
padding: 5px;
width: 85px;
}
.k {
margin-left: 28%;
font-size: 30px;
}
</style>
</head>
46
<body>
</div>
<script src="~/Image/demo.js"></script>
</body>
</html>
@model RSKeypad.Models.Client
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<title></title>
<style>
body {
box-sizing: border-box;
margin: 0px;
background-size: cover;
background-image: url('../../Image/b (3).jpg');
font-family: 'Sitka Banner';
47
user-select: none;
}
h1 {
word-spacing: 15px;
font-size: 45px;
color: blanchedalmond;
}
q{
display: inline-block;
}
.w-15 {
width: 175px;
transition: transform 2s;
}
.w-15:hover {
transform: translateY(-15px);
}
.w-5 {
width: 250px;
height: 250px;
margin: 25px;
transition: transform 2s;
}
.w-5:hover {
transform: scale(1.2,1.2);
}
button {
48
margin: 35px;
border-radius: 25px;
font-family: Georgia;
font-size: 25px !important;
vertical-align: top;
padding: 5px;
width: 100px;
}
.k {
margin-left: 28%;
font-size: 30px;
}
i{
font-size: 30px;
}
</style>
</head>
<body>
@using (@Html.BeginForm())
{
@Html.TextBoxFor(m =>m.Pass, new { @class = "form-control w-50 text-
center k", @readonly = "readonly", @placeholder = "Enter the Pin", @minlength =
"4", @maxlength = "4" })
}
49
@Html.Raw(@TempData["Notification"])
<br />
<button class="btnbtn-primary"></button>
<button class="btnbtn-primary"></button>
<button class="btnbtn-primary"></button>
<button class="btnbtn-primary"></button>
<button class="btnbtn-primary"></button>
<button class="btnbtn-primary"></button>
<button class="btnbtn-primary"></button>
<button class="btnbtn-primary"></button>
<button class="btnbtn-primary"></button>
<button class="btnbtn-primary"></button>
</div>
<script src="~/Image/demo.js"></script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<title>User Dash</title>
<style>
body {
box-sizing: border-box;
margin: 0px;
background-size: cover;
50
background-image: url('../../Image/b (3).jpg');
font-family: 'Sitka Banner';
user-select: none;
}
h1 {
word-spacing: 15px;
font-size: 45px;
color: blanchedalmond;
}
q{
display: inline-block;
}
.w-15 {
width: 175px;
transition: transform 2s;
}
.w-15:hover {
transform: translateY(-15px);
}
.w-5 {
width: 250px;
height: 250px;
margin: 25px;
transition: transform 2s;
}
.w-5:hover {
transform: scale(1.2,1.2);
}
51
</style>
</head>
<body>
<h1 class="text-center bg-dark bg-opacity-75 p-5">
User Dashboard
</h1>
<div class="container">
<marquee class="container" direction="left" behavior="alternate"
scrollamount="3">
<imgsrc="~/Image/B (2).jpg" class="img-thumbnail w-5" />
<imgsrc="~/Image/B (5).jpg" class="img-thumbnail w-5" />
<imgsrc="~/Image/B (6).jpg" class="img-thumbnail w-5" />
<imgsrc="~/Image/B (9).jpg" class="img-thumbnail w-5" />
<imgsrc="~/Image/B(10).jpg" class="img-thumbnail w-5" />
</marquee>
</div>
<div class="text-center container">
</body>
</html>
52
11.2 SAMPLE SCREENSHOTS
Dashboard
Admin Login
53
User Login
54
User Dashboard
Admin Dashboard
55
Account verify
User profile
56
Layout
Query Box
57
ATM User Dashboard page
About Us
58
Contact Us
59