ऑरेंज ब्लैक वेब साइट

1150 Anes_unk

संपादक में खोलें अपना कोड प्रकाशित करें

अनुशंसित

10 June 2025

अलेजांद्रोकुन्द्राह द्वारा लिखित एक कोड

18 November 2024

सीएसएस कार्ड चमक

26 August 2025

सीएसएस एनीमेशन परतें शहर की पृष्ठभूमि

HTML

CSS

{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Arial', sans-serif;
    background-color: #000;
    color: #e0e0e0;
    line-height: 1.6;
    padding: 0;
    margin: 0;
}

header {
    background-color: #0a0a0a;
    padding: 20px 50px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.9);
}

header h1 {
    color: #ff6f61;
    font-size: 2.5em;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 2px;
    margin-bottom: 15px;
    border-bottom: 2px solid #ff6f61;
}

nav ul {
    list-style-type: none;
    padding: 0;
    text-align: center;
    margin-top: 15px;
}

nav ul li {
    display: inline-block;
    margin: 0 15px;
}

nav ul li a {
    color: #e0e0e0;
    text-decoration: none;
    font-size: 1.1em;
    padding: 8px 20px;
    border-radius: 5px;
    transition: all 0.3s ease;
    letter-spacing: 1px;
}

nav ul li a:hover {
    background-color: #ff6f61;
    color: #fff;
    box-shadow: 0 0 15px rgba(255, 111, 97, 0.8);
}

footer {
    background-color: #0a0a0a;
    text-align: center;
    padding: 20px 20px;
    margin-top: 50px;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.9);
}

footer p {
    color: #e0e0e0;
    font-size: 1em;
}

@media (max-width: 768px) {
    header h1 {
        font-size: 2.2em;
    }

nav ul li {
        display: block;
        margin: 10px 0;
    }
}

अनुशंसित

अलेजांद्रोकुन्द्राह द्वारा लिखित एक कोड

सीएसएस कार्ड चमक

सीएसएस एनीमेशन परतें शहर की पृष्ठभूमि

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS