HTML CODE
|
<center>html css and </center> |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2> Welcome, how to fix YouTube channel</h2>
<bdo dir="rtl">Hello world</bdo>
<hr>
<hr>
<form action="#">
<label for="nm">Name:</lebel>
<input id="nm"type="text" placeholder="Your name" required><br><br>
<label for="">E-mail:</label>
<input type="email" placeholder="Your e-mail" required><br><br>
<label for="">Mobile:</label>
<input type="number" placeholder="Mobile number"><br><br>
<label for="">Password: </label>
<input type="Password" placeholder="Password"> <br><br>
<label for="">Data:</label>
<input type="data"> <br><br>
<label for="">Time: </label>
<input type="Time"><br><br>
<label for="">Range: </label>
<input type="Range"> <br><br>
<label for="">Upload photo</label>
<input type="file"> <br><br>
<input type="submit"><br><br>
<label for="name">Search</label>
<input id="name" type="Search"><br><br>
<label for="">Color</label>
<input type="color"> <br><br>
<label for="">Gender:</label>
<input type="radio" name="Gender"> Male
<input type="radio" name="Gender"> Female
<input type="radio" name="Gender"> Other <br><br>
<label for="">City:</label>
<input type="checkbox" > Dhaka
<input type="checkbox" > Mymensingh
<input type="checkbox" > Khulna<br><br>
<label for="">Country</label>
<select>
<option value="">Select Your Country</option>
<option value="">Bangladesh</option>
<option value="">India</option>
<option value="">Napal</option>
</select><br><br>
<textarea name="" id="" cols="40" rows="10" placeholder="Message"></textarea><br>
<button>send</button> <br><br>
</form><br><br><br>
<img src="assets/img/1.jpg" alt="">
</body>
</html>
CSS CODE
@font-face{
font-family:LucyRose;
src: url(./fonts/LucyRosePERSONAL-Regular.otf);
}
/* Universal Selector */
*{
margin: 0px;
padding: 0px;
}
h1{
font-family:LucyRose;
color: rgb(128, 0, 0);
font-weight: 800;
text-decoration: line-through;
}
.p1 {
font-family: Courgette;
font-size: 30px;
text-decoration: underline;
text-transform: inherit;
letter-spacing: 2px;
word-spacing: 10px;
color: #00a8ff;
text-shadow: 10px 10px 10px #130e0e;
}
.p2{
color: rgb(255, 0, 64);
text-transform: capitalize;
}
No comments:
Post a Comment