Basic HTML & CSS - Tech Post

Tech Post

Download Any PC and Mobile Software, Games For Free and powerful software bundle to download .

Basic HTML & CSS

HTML CODE

html and css output
<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

Welcome to our site, enjoy & stay with us!