you will get all my projects source code here totally free.
please like share and subscribe
keep supporting
Yours loving Nilesh dadheech
HTML and CSS code :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>pizza hub website using html and css in hindi</title>
<style type="text/css">
*{padding: 0; margin: 0; box-sizing:border-box;}
header{
width: 100%;
height: 100vh;
color: white;
display: flex;
justify-content: center;
align-items: center;
}
nav{
width:90%;
height: 60px;
display: flex;
justify-content: space-around;
align-items: center;
background: #3F5EFB;
background: radial-gradient(circle, rgba(63, 94, 251, 1) 0%, rgba(252, 70, 107, 1) 100%);
border-radius:8px;
box-shadow: 2px 3px 15px grey;
}
.logo{
font-size: 2.5em;
letter-spacing: 2px;
}
.menu a{
text-decoration: none;
color: white;
font-size:20px;
padding: 10px 20px;
margin: 0 5px;
letter-spacing: 2px;
}
</style>
</head>
<body>
<header>
<
<nav>
<div class="logo">
Portfolio
</div>
<div class="menu">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#"> Food</a>
<a href="#">Bookings</a>
<a href="#"> Services</a>
<a href="#"></i> Contact</a>
</div>
</nav>
</body>
</html>
0 Comments