mirror of
https://github.com/Elatteria/Elatteria-Website.git
synced 2025-07-21 22:52:11 +03:00
Mobile improvements
This commit is contained in:
70
src/index.html
Normal file
70
src/index.html
Normal file
@@ -0,0 +1,70 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Home | Elatteria</title>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
|
||||
<!-- Open Graph Meta Tags -->
|
||||
<meta property="og:url" content="https://www.elatteria.com/">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Home | Elatteria">
|
||||
<meta property="og:description" content="Home">
|
||||
<meta property="og:image" content="https://www.elatteria.com/Images/logo.png">
|
||||
<!-- Twitter Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:domain" content="elatteria.com">
|
||||
<meta property="twitter:url" content="https://www.elatteria.com/">
|
||||
<meta name="twitter:title" content="Home | Elatteria">
|
||||
<meta name="twitter:description" content="Home">
|
||||
<meta name="twitter:image" content="https://www.elatteria.com/Images/logo.png">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav>
|
||||
<ul class="desktop">
|
||||
<li class="logo"><a href="/">Home</a></li>
|
||||
<li><a href="/projects">Projects</a></li>
|
||||
<li><a href="/links">Links</a></li>
|
||||
<li><a href="/about">About</a></li>
|
||||
</ul>
|
||||
<ul class="mobile">
|
||||
<li class="logo"><a href="/">Home</a></li>
|
||||
<li><a href="/projects">Projects</a></li>
|
||||
<li><a href="/links">Links</a></li>
|
||||
<li><a href="/about">About</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<h1 class="title">E-Cafe</h1>
|
||||
<div class="description">
|
||||
Welcome to E-Cafe!<br/>
|
||||
We're a small community on Discord.<br />
|
||||
<button type="button" onclick="scrollDown(0, 10000)">
|
||||
Learn More
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 1500px"></div>
|
||||
|
||||
<div class="description">
|
||||
<figure class="screenshots">
|
||||
<img
|
||||
src="Images/Screenshots/MinecraftBedwarsLobby.png"
|
||||
alt="Screenshot from E-Cafe Minecraft server"
|
||||
/>
|
||||
<br>
|
||||
</figure>
|
||||
<div class="spacer"/>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem.
|
||||
Ut enim medicorum scientiam non ipsius artis, sed bonae valetudinis causa probamus,
|
||||
et gubernatoris ars, quia bene navigandi rationem habet, utilitate, non arte laudatur,
|
||||
sic sapientia, quae ars vivendi.<br>
|
||||
|
||||
<button onclick="location.href='/about';">About Elatteria</button>
|
||||
|
||||
|
||||
</div>
|
||||
</body>
|
||||
<script src="Scripts/scroll.js"></script>
|
||||
</html>
|
Reference in New Issue
Block a user