Microsoft Logo
How do I make an microsoft logo?
The Microsoft logo. What is a microsoft logo? How do you make a microsoft logo? This script and codes were developed by Diego Ponce on 21 November 2022, Monday.
Microsoft Logo - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Microsoft Logo</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="logo"> <div class="square"> <div class="red"></div> <div class="green"></div> <div class="blue"></div> <div class="yellow"></div> </div> <p>Microsoft</p>
</div>
</body>
</html>
Microsoft Logo - Script Codes CSS Codes
@font-face { font-family: 'SegoeUILight'; src: url('http://static.squarespace.com/static/50abaaf7e4b09a617638422b/t/50d21b81e4b08b028a4868cf/1355946881950/segoe-ui-light.eot'); src: local('Segoe UI Light'), local('Segoe UI Light'), url('http://static.squarespace.com/static/50abaaf7e4b09a617638422b/t/50d21b86e4b05f4ba8bed41f/1355946886233/segoe-ui-light.ttf') format('truetype');
}
.square{ width:210px; height:210px; margin-left:20%; margin-top:35px;
}
.red{ background-color:red; width:100px; height:100px;
}
.red{ background-color:#F25022; width:100px; height:100px; display:inline-block;
}
.green{ background-color:#81B900; width:100px; height:100px; margin-left:4px; display:inline-block;
}
.blue{ background-color:#02A4EF; width:100px; height:100px; display:inline-block;
}
.yellow{ background-color:#FFB902; width:100px; height:100px; margin-left:4px; margin-top:3px; display:inline-block;
}
p{ margin:-200px 500px; font-family: 'SegoeUILight'; font-size:140px; font-weight:bold; color:#747476;
}
Developer | Diego Ponce |
Username | wifi |
Uploaded | November 21, 2022 |
Rating | 3 |
Size | 1,768 Kb |
Views | 30,360 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Minimalist Minion | 2,521 Kb |
Android Logo with HTML and CSS | 2,000 Kb |
Minimalist Pokeball | 1,517 Kb |
Text Fill | 1,674 Kb |
CSS Pokeball | 2,972 Kb |
Spinning Message | 2,722 Kb |
CSS image filters | 2,077 Kb |
Morphing animation | 2,134 Kb |
Minimalist Mike Wazowski | 2,401 Kb |
Push Button | 1,674 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Drop Cap | Gsaiki | 1,571 Kb |
Lightrays v2 | Sinthetyc | 2,903 Kb |
Css Rotating 3d cubes different speed | Dghez | 2,364 Kb |
A bit of elegance | Hackthevoid | 9,095 Kb |
Loading animation | Hafizfattah | 0 Kb |
Christ the Redeemer | Prashantsani | 2,208 Kb |
Vanilla JS - A toggleClass function | Woodwork | 2,532 Kb |
CSS3 Selectables with information rollover | Jasonmayes | 9,565 Kb |
Virtual vinyl | Davidpanik | 3,474 Kb |
Flexbox Grid - equal height | DaveOrDead | 2,855 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!