How to make Microsoft Logo using HTML & CSS Complete Source code
In this blog I'll be provide you the source code of creating Microsoft logo in HTML and CSS in a easy and understandable manner which you like more and implement according you on this source code which make your CSS concept clear and attractive . For more join and follow us on YOUTUBE , INSTAGRAM.
HTML + CSS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Microsoft logo by Pravati tech</title>
</head>
<style>
.microsoft {
width: 350px;
margin: 25px auto;
}
.square {
width: 150px;
height: 150px;
margin: 0 10px 10px 0;
float: left;
}
.red {
background-color: #f35322;
}
.green {
background-color: #81dc05;
}
.blue {
background-color: #05a6f1;
}
.yellow {
background-color: #ffba05;
}
</style>
<body>
<div class="microsoft">
<div class="square red"></div>
<div class="square green"></div>
<div class="square blue"></div>
<div class="square yellow"></div>
</div>
</body>
</html>
.png)
.png "Diwali Fire Crackers Using HTML , CSS , and Js")
.png "Music Player using JavaScript")
.png)
0 Comments