102 lines
4.6 KiB
HTML
102 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<style>
|
|
.logo-wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
width: 160px;
|
|
height: 160px;
|
|
}
|
|
.logo-center {
|
|
height: 85%;
|
|
width: 85%;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div style="width: 800px; height:800px; display: flex; flex-direction: row; flex-wrap: wrap; border: solid 1px rgba(0,0,0,0.1);">
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg');"></div>
|
|
</div>
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/9/95/Vue.js_Logo_2.svg');"></div>
|
|
</div>
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/9/99/Unofficial_JavaScript_logo_2.svg');"></div>
|
|
</div>
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/c/c3/Python-logo-notext.svg');"></div>
|
|
</div>
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('./next-js.svg');"></div>
|
|
</div>
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('https://static.requarks.io/logo/firebase.svg');"></div>
|
|
</div>
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/3/38/Jupyter_logo.svg/1160px-Jupyter_logo.svg.png');"></div>
|
|
</div>
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/3/33/Figma-logo.svg/1160px-Figma-logo.svg.png');"></div>
|
|
</div>
|
|
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Microsoft_Azure_Logo.svg/2560px-Microsoft_Azure_Logo.svg.png');"></div>
|
|
</div>
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/49/Redux.png');"></div>
|
|
</div>
|
|
|
|
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('https://upload.wikimedia.org/wikipedia/en/d/d0/Gatsby_Logo.png');"></div>
|
|
</div>
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('https://logodix.com/logo/2116220.jpg');"></div>
|
|
</div>
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/2048px-HTML5_logo_and_wordmark.svg.png');"></div>
|
|
</div>
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/2/27/PHP-logo.svg/1024px-PHP-logo.svg.png');"></div>
|
|
</div>
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/d/d1/Ionic_Logo.svg/2560px-Ionic_Logo.svg.png');"></div>
|
|
</div>
|
|
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('https://user-images.githubusercontent.com/38039349/60953119-d3c6f300-a2fc-11e9-9596-4978e5d52180.png');"></div>
|
|
</div>
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/d/d5/CSS3_logo_and_wordmark.svg');"></div>
|
|
</div>
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Laravel.svg/1160px-Laravel.svg.png');"></div>
|
|
</div>
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/9/98/Solidity_logo.svg/1160px-Solidity_logo.svg.png');"></div>
|
|
</div>
|
|
<div class="logo-wrapper" >
|
|
<div class="logo-center" style="background-image: url('https://www.vectorlogo.zone/logos/google_cloud/google_cloud-ar21.png');"></div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|