<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>¢яιηgє $тυ∂ισѕ</title>
<link rel="icon" href="https://cdn.discordapp.com/attachments/906285431782539294/959130243053010994/Untitled.png">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
<style>
body {
text-align: center;
font-family: 'Courier';
}
footer {
text-align: left;
font-size: 50%;
}
.gurke {
border: 2px solid black;
padding: 10px;
margin:-2px 0 0 -2px;
}
.article {
text-align:left;
}
/* Bootstrap: small */
@media only screen and (max-width: 576px) {
.gurke {
margin:0 -2px -2px 0;
}
}
/* Bootstrap: medium */
@media only screen and (max-width: 768px) {
.gurke {
margin:0 -2px -2px 0;
}
}
</style>
</head>
<body>
<header><h1>The Impostors</h1></header>
<div class="container">
<div class="row">
<div class="col-md-4 gurke" style="background-color: rgb(239, 228, 176);">
<h1>Cringe CEO</h1>
<a href="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c2/Anime_Girl.svg/1280px-Anime_Girl.svg.png" >
<img src="img/arrayser.webp" alt="Picture of the Cringe CEO" width="50%" style="border-radius: 50%;" />
</a><br />
<br />
<div class="article">
<p>Alias: <b><code>The Arrayser</code></b></p>
<p>Github Page: <a href="https://github.com/TheArrayser" target="_blank">TheArrayser</a></p>
<b>Favorites:</b>
<ul style="list-style-type:hiragana;">
<li>Favorite Programming Language: <img style="display:inline; vertical-align: middle;" height="20" alt="C" src="img/C.png" /></li>
<li>Favorite Color: ⏢™</li>
<li>Favorite Bean: Kidney</li>
<li>Favorite Inner Organ: Kidney</li>
</ul>
<p>Pronoun: <code>NOT</code></p>
<p>Anything that is not <img style="display:inline; vertical-align: middle;" height="20" alt="C" src="img/C.png" /> is not a good programing language, maybe not even a programming language or even a language!</p>
</div>
</div>
<div class="col-md-4 gurke" style="background-color: rgb(152, 255, 152);">
<h1>Kölian</h1>
<img src="img/mrletsplay.webp" alt="JulianA" width="50%" style="border-radius: 50%;" /><br />
<br />
<div class="article">
<p>Alias: <b><code>MrLetsplay</code></b></p>
<p><img src="img/java.png" style="display:inline; vertical-align: middle;" height="20" alt="Java" /> is the best language.</p>
<p>Github Page: <a href="https://github.com/MrLetsplay2003" target="_blank">MrLetsplay2003</a></p>
</div>
</div>
<div class="col-md-4 gurke" style="background-color:rgb(236, 173, 173)">
<h1>Bolbert</h1>
<img src="img/blobert.webp" alt="JulianB" width="50%" style="border-radius: 50%;" /><br />
<br />
<div class="article">
<p>Alias: <b><code>Blobert</code></b></p>
<p><img src="img/java.png" style="display:inline; vertical-align: middle;" height="20" alt="Java" /> is the best language.</p>
<p>Github Page: <a href="https://github.com/JDobeshow" target="_blank">JDobeshow</a></p>
</div>
</div>
</div>
</div>
<br/>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="article">
<h1>Projects:</h1>
<ul>
<li>Cringe Studios Website</li>
<li>test</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="article">
<h1>Honorable Mentions</h1>
<ul>
<li><a href="https://github.com/Palme11100" target="_blank">JonasD</a></li>
<li><a href="https://github.com/Akito123321" target="_blank">Akito123321</a></li>
<li>350gHackBitte</li>
<li>Otto</li>
<li>Keklasini</li>
</ul>
</div>
</div>
</div>
</div>
<footer>
© Cringe Studios
</footer>
</body>
</html>