57 lines
1.4 KiB
HTML
57 lines
1.4 KiB
HTML
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Pridentifier</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Asap&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
<style>
|
|
body {
|
|
font-family: 'Asap', sans-serif;
|
|
text-align: center;
|
|
padding: 100px 0;
|
|
background-color: #ffd1ff;
|
|
}
|
|
|
|
h1 {
|
|
color: rgb(255, 111, 147);
|
|
}
|
|
|
|
h2 {
|
|
color: lightcoral;
|
|
}
|
|
|
|
h3 {
|
|
color: lightcoral;
|
|
}
|
|
|
|
p {
|
|
color: lightcoral;
|
|
}
|
|
|
|
img#logo {
|
|
width: 300px;
|
|
max-width: 100%;
|
|
margin-top: 205px;
|
|
border: 8px solid #574358;
|
|
border-radius: 0px 15px 0px 15px;
|
|
box-shadow: 0px 0px 30px #77008877;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Hello!</h1>
|
|
<h2>Welcome to our site.</h2>
|
|
<p>This is a beta test of Pridentifier, the new website that allows you (hopefully) to put in pride flag colors you have recently seen, but don't remember.</p>
|
|
<h3>This, in turn, will give you close matches of pride flags of similar color, shade, or pattern.</h3>
|
|
|
|
<p><strong>Have fun!</strong></p>
|
|
|
|
<img id="logo" src="logo.png" />
|
|
</body>
|
|
</html>
|