About page
This commit is contained in:
parent
534ecc8b2a
commit
ff2e26ca18
Binary file not shown.
Before Width: | Height: | Size: 93 KiB |
Binary file not shown.
After Width: | Height: | Size: 1.7 MiB |
Binary file not shown.
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
After Width: | Height: | Size: 31 KiB |
|
@ -0,0 +1,37 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>About - E-Cafe</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href="index.html">Home</a></li>
|
||||||
|
<li><a href="games.html">Games</a></li>
|
||||||
|
<li class="logo"><a href="index.html"></a></li>
|
||||||
|
<li>Links</li>
|
||||||
|
<li><a href="about.html">About</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<h1 class="title">
|
||||||
|
About
|
||||||
|
</h1>
|
||||||
|
<section class="description">
|
||||||
|
<h1>Made by</h1>
|
||||||
|
<figure class="features">
|
||||||
|
<img src="Images/Duck.png" alt="Profile picture of Ebsku">
|
||||||
|
<figcaption>Ebsku</figcaption>
|
||||||
|
</figure>
|
||||||
|
</section>
|
||||||
|
<!--
|
||||||
|
<iframe
|
||||||
|
class="discord"
|
||||||
|
src="https://discord.com/widget?id=1003699887239610480&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts">
|
||||||
|
</iframe>
|
||||||
|
|
||||||
|
-->
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -10,6 +10,9 @@
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="index.html">Home</a></li>
|
||||||
<li><a href="games.html">Games</a></li>
|
<li><a href="games.html">Games</a></li>
|
||||||
|
<li class="logo"><a href="index.html"></a></li>
|
||||||
|
<li>Links</li>
|
||||||
|
<li><a href="about.html">About</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
@ -20,9 +23,7 @@
|
||||||
<p><strong>Welcome to E-Cafe!</strong><br>
|
<p><strong>Welcome to E-Cafe!</strong><br>
|
||||||
We're a small community with a Discord server, a Minecraft server</p>
|
We're a small community with a Discord server, a Minecraft server</p>
|
||||||
</section>
|
</section>
|
||||||
<iframe
|
<a href="https://discord.gg/UwcQBWF6vF" target="_blank" rel="noopener noreferrer">Discord</a>
|
||||||
class="discord"
|
</footer>
|
||||||
src="https://discord.com/widget?id=1003699887239610480&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts">
|
|
||||||
</iframe>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
|
@ -20,12 +20,23 @@ body {
|
||||||
}
|
}
|
||||||
header {
|
header {
|
||||||
background-color: rgb(42, 42, 42);
|
background-color: rgb(42, 42, 42);
|
||||||
|
background-image: url("Images/TopBarNight.png");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
background-position: center;
|
||||||
|
padding: 2%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .logo a{
|
||||||
|
margin: 1%;
|
||||||
background-image: url("Images/E-CafeIcon.png");
|
background-image: url("Images/E-CafeIcon.png");
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: 5%;
|
display: inline-block;
|
||||||
background-position: center;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 2%;
|
background-size: 100%;
|
||||||
|
height: 200px;
|
||||||
|
width: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
|
@ -36,7 +47,7 @@ ul {
|
||||||
|
|
||||||
li {
|
li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0 1% 0 0;
|
margin: 0 7% 0 0;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -45,8 +56,8 @@ button {
|
||||||
color: white;
|
color: white;
|
||||||
transform: scale(3, 3);
|
transform: scale(3, 3);
|
||||||
width: 80px;
|
width: 80px;
|
||||||
margin: 7%;
|
margin: 5%;
|
||||||
text-align: center;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
@ -64,3 +75,28 @@ iframe.discord {
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
margin-bottom: 0%;
|
margin-bottom: 0%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.features img {
|
||||||
|
border: 1px solid white;
|
||||||
|
border-radius: 50%;
|
||||||
|
box-shadow: gray 0 0 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.features {
|
||||||
|
color: white;
|
||||||
|
padding: 2%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
background-color: rgb(42, 42, 42);
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px 20px;
|
||||||
|
color: gray;
|
||||||
|
}
|
Loading…
Reference in New Issue