Orange Black Web Site

Open In Editor Video Publish Your Code

Orange Black Web Site

Recommended

30 June 2025

interactive shape dance

20 February 2026

3D Image Cube Loader

17 July 2025

SVG Polygon Art: Vector Graphic Code

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