<!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>website_layout</title>
<link rel="stylesheet" href="style3ps.css">
</head>
<body>
<header>
<ul type="none">
<li><a href="website_layout.html" >HOME</a></li>
<li><a href="mailto: ajha03671@gmail.com">CONTACT_US</a>
</li>
<li>ABOUT US</li>
</ul>
</header>
<div class="container"> I AM DIV TAG</div>
<footer><pre>
<p style="font-family: Verdana, Geneva, Tahoma, sans-serif
">ALSO VISIT OUR OTHER SERVICES ➡ </p><button id="on" onclick="window.open('css_ch2.html')" title="others" target="_blank">OTHER</button>
<button id="on" onclick="window.open('Basics2.html')" title="register" target="_blank">REGESTRATION</button>
</pre></footer>
</body>
</html>
2 basics
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=chrome">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>REGESTERATION FORM</title>
<link rel="stylesheet" href="style3ps.css">
</head>
<body>
<header>
<ul type="none">
<li><a href="website_layout.html" >HOME</a></li>
<li><a href="mailto: ajha03671@gmail.com">CONTACT_US</a>
</li>
<li>ABOUT US</li>
</ul>
</header>
<div class="container">
<form action="submit.php" id="save">
<pre>
<h1 > REGESTRATION FORM </h1>
<input type="text" class="box" placeholder="NAME" required>
<input type="text" class="box" placeholder="FATHER NAME" required>
<input type="text" class="box" placeholder="AGE" required>
<input type="email" class="box" placeholder="EMIL ADDRESS" required>
<select name="GENDER" class="box" placeholder="GENDER" required>
<option value="audi">__select Gender__</option>
<option value="audi">FEMALE</option>
<option value="audi">MALE</option>
<option value="audi">other</option>
</select>
<b> chhose your favourite website</b>
<input type="checkbox" value="favweb" class="ffont"><label for="HTML">NETFLIX</label>
<input type="checkbox" value="favweb" class="ffont"><label for="HTML">GOOGLE</label>
<input type="checkbox" value="favweb" class="ffont"><label for="HTML">INSTAGRAM</label>
<input type="checkbox" value="favweb" class="ffont"><label for="HTML">AMAZON</label>
<p><pre>
<h2>PAYMENT gate</h2>
<span style="color:blueviolet">NET BANKING 🏦</span>
<select name="--choose card--" id="cdetails">
<option value="visa">VISA</option>
<option value="rupay">RUPAY</option>
<option value="master_card">MASTER CARD</option>
</select>
<input type="number" value="cvv" name="cvv" placeholder="Enter your cvv" required>
<span><b>Expiry date : </b></span><input type="month" value="expiry_date" name="expiry_date" required>
<input type="submit" name="pay_now" title="click to pay" value="PAY"></input>
</pre></p>
<input type="reset" value="reset"> <input type="submit" value="submit">
</pre>
</form>
</div>
<footer><pre>
<p style="font-family: Verdana, Geneva, Tahoma, sans-serif
">ALSO VISIT OUR OTHER SERVICES ➡ </p><button id="on" onclick="window.open('https://coderash5.blogspot.com/')" title="others" target="_blank">OTHER</button>
<button id="on" onclick="window.open('Basics2.html')" title="register" target="_blank">REGESTRATION</button>
</pre></footer>
</body>
</html>
style
*{
margin: 0;
padding: 0;
}
header{
background-color:black;
color:white;
height:10vh;
width: 100vw;
display: inline-block;
}
.container{
height: 87vh;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwK5omnOi2fJcP6-9-xrEPKo_UqUFMJLkKKtkYvSp940bSin_2gH8_Bo-xDVU1JntrMS40P6Z80WDEtTZ1gFnMhUNMG0ZZChq5hmOqd41XFOTqB-GmEUH09nCsKoKEPxbhpuGwEM61eWhA/s0/Football+ball+HD.jpg');
background-size: cover;
background-attachment:scroll;
height: 85vh;
width: 99vw;
}
.box{
width:40vw;
height: 4VH;
border-radius: 8px;
background-color:antiquewhite;
}
#on{
color:blue;
background-color: rgba(238, 6, 6,1);
}
footer{
background-color: black;
color:white;
height: 19vh;
}
Comments
Post a Comment