<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Porsche Performance</title>

    <style>

        body {

            margin: 0;

            font-family: Arial, Helvetica, sans-serif;

            background-color: #111;

            color: #eee;

        }


        header {

            background: black url('https://upload.wikimedia.org/wikipedia/commons/2/2d/Porsche_logo.svg') 

                no-repeat center right / 120px;

            padding: 20px;

            text-align: left;

        }


        header h1 {

            margin: 0;

            font-size: 2.4rem;

            color: #e0b33f; /* Porsche gold */

        }


        .hero {

            background: url('https://upload.wikimedia.org/wikipedia/commons/9/9d/Porsche_911_Carrera_4S_%28992%29_IMG_3144.jpg') 

                no-repeat center center/cover;

            height: 60vh;

            display: flex;

            align-items: center;

            justify-content: center;

        }


        .hero h2 {

            font-size: 3rem;

            color: white;

            text-shadow: 0 0 20px black;

        }


        section {

            padding: 40px;

            text-align: center;

        }


        .btn {

            background-color: #e0b33f;

            color: black;

            padding: 12px 25px;

            border-radius: 5px;

            text-decoration: none;

            font-weight: bold;

            transition: 0.3s;

        }


        .btn:hover {

            background-color: #f4d881;

        }


        footer {

            background-color: #222;

            color: #bbb;

            padding: 15px;

            text-align: center;

            font-size: 0.9rem;

        }

    </style>

</head>

<body>


    <header>

        <h1>Porsche Performance</h1>

    </header>


    <div class="hero">

        <h2>Engineering Excellence. Pure Emotion.</h2>

    </div>


    <section>

        <h2>The Legend of Porsche</h2>

        <p>

            Discover the timeless blend of innovation, speed, and craftsmanship that makes every Porsche unforgettable.

            From the iconic 911 to the electrifying Taycan — the spirit of performance lives here.

        </p>

        <br>

        <a class="btn" href="#">Explore Models</a>

    </section>


    <footer>

        © 2025 Porsche Performance (Demo Site) — Created for educational purposes.

    </footer>


</body>

</html>