Online HTML Editor

Browse more Html Examples
<!DOCTYPE html>
<html>

    <head>
        <style>
            * {
                box-sizing:border-box;
            }
            body {
                margin:none;
                padding:none;
                background-color:rgb(212, 219, 217)
            }
            header {
                background-color:rgb(212, 219, 217);
                width:100%;
                margin:none;
                padding:none;
                border-bottom: 2px solid rgb(92, 154, 158);
                height:120px;
            }
            header img {
                float:left;
                width:15%;
                height:auto;
            }
            header h1 {
                text-align:center;
                margin-top:40px;
            }
            ul {
                list-style-type:none;
                padding:none;
                margin:none;
                text-overflow:hidden;
            }
            li {
                float:right;
            }
            li a {
                text-align:center;
                display:block;
                text-decoration:none;
                padding:10px 14px;
                color:rgb(247, 135, 44);
                font-size:30px;
            }
            li a:hover {
                text-transform:uppercase;
                background-color: rgb(223, 235, 231)
            }
            .showcase {
                width:65%;
                margin-top:100px;
                
            }
            .showcase img {
                width:65%;
                display:block;
                margin-left:auto;
                margin-right:auto;
            }
            .left .middle .right{
                width:30%;
                height:100px;
            }
            

            
        </style>
    </head>
    <body>
        <header>
            <img src="./img/logo_1.png">

            <h1>Sed stet stet dolores.</h1>

            <ul>
                <li><a href="">Home</a></li>
                <li><a href="">About Us</a></li>
                <li><a href="">Services</a></li>
            </ul>
        </header>
        
        https://webdesign.tutsplus.com/articles/a-beginners-guide-to-wireframing--webdesign-7399
        
        

        
    </body>
</html>
Online HTML Editor

Follow

Newsletter
