/* Reset default browser styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Arial', sans-serif;
background-color: #0d1b2a; /* Dark blue background */
color: #ffffff;
}
/* Header */
header {
background: linear-gradient(90deg, #1b263b, #415a77); /* Blue gradient */
padding: 20px 0;
text-align: center;
box-shadow: 0 0 15px #1e90ff; /* Blue glow */
}
.logo {
font-size: 36px;
font-weight: bold;
color: #ffffff;
letter-spacing: 3px;
}
.logo span {
color: #1e90ff; /* Highlight blue */
text-shadow: 0 0 10px #1e90ff,
0 0 20px #1e90ff,
0 0 40px #1e90ff;
}
.tagline {
color: #a0c4ff; /* Light blue */
font-size: 14px;
margin-top: 5px;
letter-spacing: 2px;
}
/* Navigation Menu */
nav {
display: flex;
justify-content: center;
gap: 25px;
margin-top: 15px;
}
nav a {
color: #cce7ff;
text-decoration: none;
font-weight: 500;
transition: 0.3s;
}
nav a:hover {
color: #1e90ff;
text-shadow: 0 0 8px #1e90ff;
}
/* Buttons */
.button {
background-color: #1e90ff;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
transition: 0.3s;
}
.button:hover {
background-color: #63b3ff;
box-shadow: 0 0 10px #63b3ff;
}
/* Footer */
footer {
background-color: #1b263b;
color: #a0c4ff;
text-align: center;
padding: 15px 0;
margin-top: 50px;
}
You said:
DjRaviPbh.online logo ka heder coder do
ChatGPT said:
Aap DjRaviPbh.online ke liye simple aur professional logo header code chahte ho. Neeche main ek clean, modern aur DJ-style glowing effect wala header design de raha hoon. Aap ise apni website ke section me use kar sakte ho.
✅ HTML + CSS Logo Header Code
DjRaviPbh.online