sandeepmchouhan111293/login page

## login page
<!DOCTYPE>
<html>
	<head>
		<title> </title>
		<style type="text/css">
		body{
				background-image:url(bg.jpg);
				background-size:cover;
				}
	header{
				font-size:50px;
				text-align:center;
				font-weight:bolder;
				background-color: rgba(0,0,0,0.3);
				color:white;
				border-radius:15px;
				-webkit-border-radius:15px;
				-o-border-radius:15px;
				-moz-border-radius:15px;
				}

		.first{
				width:800px;
				height:530px;
				float:left;
				margin-left:30px;
				margin-top:10px;
				border-radius:15px;
				-webkit-border-radius:15px;
				-o-border-radius:15px;
				-moz-border-radius:15px;
				color:white;
				font-weight:bolder;
				box-shadow:inset -6px -6px rgba(0,0,0,0.5);
				}
		.second{
				width:300px;
				height:300px;
				background-color: rgba(0,0,0,0.3);
				float:right;
				margin-top:20px;
				margin-right:50px;
				padding-top:20px;
				padding-left:50px;
				border-radius:15px;
				-webkit-border-radius:15px;
				-o-border-radius:15px;
				-moz-border-radius:15px;
				color:white;
				font-weight:bolder;
				box-shadow:inset -6px -6px rgba(0,0,0,0.5);
				font-size:18px;
		}
		.second input[type="text"]
		{
		width:200px;
		height:35px;
		border:0;
		border-radius:5px;
		-webkit-border-radius:5px;
		-o-border-radius:5px;
		-moz-border-radius:5px;
		padding-left:5px;
		}
		.second input[type="password"]
		{
		width:200px;
		height:35px;
		border:0;
		border-radius:5px;
		-webkit-border-radius:5px;
		-o-border-radius:5px;
		-moz-border-radius:5px;
		padding-left:5px;
		}

		.second input[type="submit"]
		{
		width:100px;
		height:35px;
		border:0;
		border-radius:5px;
		-webkit-border-radius:5px;
		-o-border-radius:5px;
		-moz-border-radius:5px;
		background-color: skyblue;
		font-weight: bolder;
		}

		.second input[type="reset"]
		{
		width:100px;
		height:35px;
		border:0;
		border-radius:5px;
		-webkit-border-radius:5px;
		-o-border-radius:5px;
		-moz-border-radius:5px;
		background-color: skyblue;
		font-weight: bolder;
		}
		</style>

	</head>
	<body>
	<div>
	<header>Asset Management system</header>
	</div>
		<div class="first">
			<h1>Our Vision and Mission</h1>

			<h2>At Capgemini, we live and breathe the philosophy that people matter and results count.</h2>
			<h3>Our Vision: the business value of technology comes from and through people</h3>
			<p>
			Capgemini understands that business value cannot be achieved through technology alone.
			It starts with people: experts working together to get to the heart of your individual business objectives and develop the most adapted solutions to fit these requirements.
			We believe this human-centered approach to technology is what makes the difference for your business.
			</p>
			<h2>Our Mission: with you, we create and deliver business and technology solutions that fit your needs and drive the results you want</h2>
			<p>
				Capgemini enables you to transform your organization and improve performance.
				We aim to empower you to respond more quickly and intuitively to changing market dynamics.
				By bolstering your ability to harness the right technology, we help you become more agile and competitive.
				Collaboration is central to the way we do business. Our experts join forces with your people to form a cohesive team.
				More than just a promise, our capacity to collaborate has become a key client expectation.
				We call this approach the Collaborative Business Experience®.
				It shows in our every interaction and is our way of forging closer, more effective relationships.
			</p>
		</div>
		<div class="second">
		<h1>Login</h1>
			<form>
				<input type="text" placeholder="Please enter Username"><br><br>
				<input type="password" placeholder="Please enter Password"><br><br>
				<input type="submit" value="Login">
				<input type="reset" value="Clear">

			</form>

		</div>

	</body>
</html>
	<!DOCTYPE>
	<html>
	<head>
	<title> </title>
	<style type="text/css">
	body{
	background-image:url(bg.jpg);
	background-size:cover;
	}
	header{
	font-size:50px;
	text-align:center;
	font-weight:bolder;
	background-color: rgba(0,0,0,0.3);
	color:white;
	border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	-moz-border-radius:15px;
	}

	.first{
	width:800px;
	height:530px;
	float:left;
	margin-left:30px;
	margin-top:10px;
	border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	-moz-border-radius:15px;
	color:white;
	font-weight:bolder;
	box-shadow:inset -6px -6px rgba(0,0,0,0.5);
	}
	.second{
	width:300px;
	height:300px;
	background-color: rgba(0,0,0,0.3);
	float:right;
	margin-top:20px;
	margin-right:50px;
	padding-top:20px;
	padding-left:50px;
	border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	-moz-border-radius:15px;
	color:white;
	font-weight:bolder;
	box-shadow:inset -6px -6px rgba(0,0,0,0.5);
	font-size:18px;
	}
	.second input[type="text"]
	{
	width:200px;
	height:35px;
	border:0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	padding-left:5px;
	}
	.second input[type="password"]
	{
	width:200px;
	height:35px;
	border:0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	padding-left:5px;
	}

	.second input[type="submit"]
	{
	width:100px;
	height:35px;
	border:0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	background-color: skyblue;
	font-weight: bolder;
	}

	.second input[type="reset"]
	{
	width:100px;
	height:35px;
	border:0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	background-color: skyblue;
	font-weight: bolder;
	}
	</style>

	</head>
	<body>
	<div>
	<header>Asset Management system</header>
	</div>
	<div class="first">
	<h1>Our Vision and Mission</h1>

	<h2>At Capgemini, we live and breathe the philosophy that people matter and results count.</h2>
	<h3>Our Vision: the business value of technology comes from and through people</h3>
	<p>
	Capgemini understands that business value cannot be achieved through technology alone.
	It starts with people: experts working together to get to the heart of your individual business objectives and develop the most adapted solutions to fit these requirements.
	We believe this human-centered approach to technology is what makes the difference for your business.
	</p>
	<h2>Our Mission: with you, we create and deliver business and technology solutions that fit your needs and drive the results you want</h2>
	<p>
	Capgemini enables you to transform your organization and improve performance.
	We aim to empower you to respond more quickly and intuitively to changing market dynamics.
	By bolstering your ability to harness the right technology, we help you become more agile and competitive.
	Collaboration is central to the way we do business. Our experts join forces with your people to form a cohesive team.
	More than just a promise, our capacity to collaborate has become a key client expectation.
	We call this approach the Collaborative Business Experience®.
	It shows in our every interaction and is our way of forging closer, more effective relationships.
	</p>
	</div>
	<div class="second">
	<h1>Login</h1>
	<form>
	<input type="text" placeholder="Please enter Username"><br><br>
	<input type="password" placeholder="Please enter Password"><br><br>
	<input type="submit" value="Login">
	<input type="reset" value="Clear">

	</form>

	</div>

	</body>
	</html>