Website home page with use HTML and CSS.
Preview:
HTML Code:
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>custom Website</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="wrapper">
<nav class="navbar">
<ul>
<li><a class="active" href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Feedback</a></li>
</ul>
<p id="logo">CASCADE</p>
</nav>
<div class="center">
<h1>Welcome To Cascade</h1>
<h2>Create Something New</h2>
<h5>Created By Mayur Dehade</h5>
<div class="buttons">
<button>Explore More</button>
<button class="btn">Subscribe Us</button>
</div>
</div>
</div>
</body>
</html>
CSS Code:
style.css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>custom Website</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="wrapper">
<nav class="navbar">
<ul>
<li><a class="active" href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Feedback</a></li>
</ul>
<p id="logo">CASCADE</p>
</nav>
<div class="center">
<h1>Welcome To Cascade</h1>
<h2>Create Something New</h2>
<h5>Created By Mayur Dehade</h5>
<div class="buttons">
<button>Explore More</button>
<button class="btn">Subscribe Us</button>
</div>
</div>
</div>
</body>
</html>
Download all files from here:
https://drive.google.com/file/d/1KJxZj2XmTxdQwsySvVcRCIc3fj-cQnyF/view?usp=sharing
-By CodeStudio