Preview:
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Time Table Pattern</title>
    <style>
        body {
             font-family: arial;  
        }
        header{
            text-align: center;
            background-color: #333;
            color: white;
            padding:20px;
            margin-left:500px;
            margin-right: 500px;

        }
        nav{
            text-decoration: none;
            text-align: right;
            color:rgb(204, 10, 117);
            font-size:20px;
            padding:20px
        }
        a:hover{
            color: yellow;
            background-color: #333;
        }
        a{
            text-decoration: none;
            color:aqua;
        }

    </style>
    <body>
        <header>
            <h1>Time Table Pattern</h1>
            <h3>For Future</h3>
        </header>
        <nav>
            <a href="pgm1.html">PATTERN FOR GAMES</a>
            <a href="pgm2.html">MARKETING</a>
            <a href="pgm3.html">PURCHASING</a>
            <a href="pgm4.html">FURNITURE</a>
        </nav>
</head>

</html>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter