ckportfolio.com - Sample HTML Code

Sample HTML Code

<!doctype html>
<html>
    <head>
        <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
        <title>John Doe</title>
        <style>

            body
            {
                font-family:"Oswald";
                background-color: #0586af;
                color:#ffffff;
                text-align: center;
            }

            img
            {
                border-radius:100%;
                width: 100%;
                margin-bottom:20px;
            }

            #header
            {
                margin-top:50px;
                margin-bottom:10px;
            }

            #header h1
            {
                margin:0;
            }

            #menu
            {
                margin-bottom:20px;
            }

            #menu a
            {
                text-transform:uppercase;
                margin-left:10px;
                margin-right:10px;
            }

            #content
            {
                width: 300px;
                margin-left:auto;
                margin-right:auto;
            }

            #content h2
            {
                margin:0;
                margin-bottom:0px;
            }

            #content p
            {
                margin:0;
                margin-bottom:0px;
            }

            a
            {
                color:white;
                font-size:20px;
                text-decoration:none;
            }

            #footer
            {
                margin-top:30px;
                opacity:0.7;
            }

        </style>

    </head>

    <body>

        <div id="header">               
            <h1>John Doe</h1>        
        </div>

        <div id="menu">

            <a href="#">Home</a>
            <a href="#">Clients</a>
            <a href="#">Contact</a>

        </div>

        <div id="content">

            <img src="http://i.pravatar.cc/500?img=1">          
            <h2>Toronto, ON</h2>
            <p>John Doe is a Toronto-based designer.</p>

        </div>

        <div id="footer">
            Made by John Doe
        </div>

    </body>

</html>
Fin