Website-with-HTML-and-CSS/Website1.html at main · TechSquare1/Website-with-HTML-and-CSS · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title> My Website </title>
	<link rel="stylesheet" href="style1.css">
</head>
<body>
	<div class="main">
	<div class="navbar">
	<div class="icon">
		<h2 class="logo"> ABC </h2>
		</div>

		<div class="menu">
		 <ul>
			<li><a href="#">HOME</a></li>
			<li><a href="#">ABOUT</a></li>
			<li><a href="#">SERVICE</a></li>
			<li><a href="#">DESIGN</a></li>
			<li><a href="#">CONTACT</a></li>
		 </ul>
		 </div>

		 <div class="search">
			<input class="srch" type="search" name="" placeholder="Type To Text">
			<a href="#"> <button class="btn">Search</button></a>
		 </div>
		 </div>

		<div class="content">
			<h1> Web Design and <br> <span>Development </span> <br> Course </h1>

			<p class="par">losdfagfd dasffdsaasa asdfasfdasdfasf
			adsfadsafsfs afsd <br> dfsasfdfsd
			dfsgsd dfafafsd	sdaffasdafsdsdfas dsfasasfd <br> sdafafsfsdasfasfasfdafsdafsdafsd
			gasagsasggsdgs asddsffsdsdf </p><br>

			<button class="cn"><a href="#"> JOIN US </a></button>

			<div class="form">
				<h2>Login Here</h2>
				<input type="email" name="email" placeholder=" Enter Email Here">
				<input type="password" name="" placeholder=" Enter Password Here">
				<button class="btnn"><a href="#"> Login </a></button>

			<p class="link"> Don't have an account <br>
			<a href="#"> Sign Up </a> here </a> </p>
			<p class="liw"> Log in with </p>

			 <div class="icon">
			  <a href="#"><ion-icon name="logo-facebook"> </ion-icon></a>
			  <a href="#"><ion-icon name="logo-instagram"> </ion-icon></a>
			  <a href="#"><ion-icon name="logo-twitter"> </ion-icon></a>
			  <a href="#"><ion-icon name="logo-google"> </ion-icon></a>
			  <a href="#"><ion-icon name="logo-skype"> </ion-icon></a>
			</div>


			</div>
			</div>
			</div>
<!-- Removed unwanted javascript text from here -->
<!-- I changed the color of the website from orange to red -->

</body>

</html>