Dashboard Temp Share Shortlinks Frames API

HTMLify

dakshbadal1379
Views: 456 | Author: dakshbadal1379 
  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
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html>
<head>
	<title>Register</title>
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;
	1,300;1,400;1,500;1,700;1,900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
	<style type="text/css">
		body{
			box-sizing: border-box;
			margin-top: 2rem;
			/*padding: auto;*/
			background-color: #67befe;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			background-position: center;
			display: flex;
			justify-content: center;
			align-items: center;
			min-height: 100vh;
			font-family: Urbanist, Sans serif;

			/*color: white;*/
		}
		.form-pg{
			background: white;
			/*background: rgba( 250, 237, 237, 0.15 );
			box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
			backdrop-filter: blur( 4.5px );
			-webkit-backdrop-filter: blur( 4.5px );
			border-radius: 10px;
			border: 1px solid rgba( 255, 255, 255, 0.18 );*/
			/*height: 85vh;
			width: 55vh;
			
			margin-left: 36%;
			margin-top: 4%;*/
			border-radius: 33px;
			padding: 35px;
			color: black;
		}
		.header{
			text-align: center;
			margin-bottom: 100px;
			margin-top: -20px;
			font-family: Roboto, Sans serif;
			font-size: 24px;
		}
		.int-pg{
			display: flex;
			margin-bottom: 30px;
			outline: none;
			/*border-radius: 10px;*/
			width: 22rem;
			border: none;
			border-bottom: 2px solid #000;
			margin-top: px;
			background: transparent;
			font-size: 18px;
			color: black;
		}
		.int-pg::placeholder{
			
			
			color: black;
			font-size: 18px;
		}
		.btn-pg{
			width: 22rem;
			text-align: center;
			height: 50px;
			border-radius: 28px;
			margin-top: 30px;
			border: none;
			background-color: #67befe;
			font-size: 22px;
			color: white;
			text-shadow: 0px 0px 15px #67befe;
								
		}
		.btn-pg:hover{
			background-color: #65bece;
			cursor: pointer;

		}
		a,h4{
			text-decoration: none;
			font-size: 18px;
		}


	</style>
</head>
<body>
<div class="form-pg">
	<form>
		<div class="header"><h1>Login</h1></div>
		<div class="detail-pg">
			<input class="int-pg" type="Email" name="name" id="name" placeholder="Email">
			<input class="int-pg" type="Password" name="name" id="name" placeholder="Password">
			
			
		</div>
		<div class="bt-pg">
			<input class="btn-pg" type="button" value="LOGIN"><br>
			<h4>Don't have An Account ? <a href="cdm.html">Sign up</a></h4>
		</div>

	</form>
</div>
</body>
</html>

Share this file: