Microsoft Logo with HTML & CSS


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Microsoft Logo</title>
    <style>
        .Logo{
            width:350px;
            margin:25px auto;
        }
        .square{
            width:150px;
            height:150px;
            margin:0 10px 10px 0;
            float:left;
        }
            .square.red {
                background-color: #ff0000;
            }
            .square.green {
                background-color: #00ff90;
            }
            .square.blue {
                background-color: #0026ff;
            }
            .square.yellow {
                background-color: #ffd800;
            }
    </style>
</head>
<body>
    <div class="Logo">
        <div class="square red"></div>
        <div class="square green"></div>
        <div class="square blue"></div>
        <div class="square yellow"></div>
    </div>
    <h3>Source code in</h3>
    <h1>https://codingwithlibino.blogspot.com/</h1>
</body>

Comments

Popular posts from this blog

Employee Management System

Media Player Using C#