Orange Black Web Site

Open In Editor Publish Your Code

Orange Black Web Site

Recommended

23 July 2025

Neumorphic iPod Player HTML Structure

10 September 2024

bilhete de identidade em angola

28 December 2024

Alternatif bir giriş sayfa dizini

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;
    }
}

JS