Initial commit / current site
This commit is contained in:
55
index.html
Normal file
55
index.html
Normal file
@ -0,0 +1,55 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta content="🚧 Under Constrction 🚧" property="og:title" />
|
||||
<meta content="This site is still under construction!" property="og:description">
|
||||
<meta content="#f6fa34" data-react-helmet="true" name="theme-color" />
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<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=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
|
||||
|
||||
<link href="/css/site.css" rel="stylesheet">
|
||||
|
||||
<title>🚧 Under Construction 🚧</title>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<section class="title centered">
|
||||
<div class="text-center">
|
||||
<h3 class="text-lg mb color-purple">Ciao!</h3>
|
||||
<h1 class="text-display mb">Cyper's Chamber</h1>
|
||||
<p class="color-secondary">This site contains my collection of creations – check them out cautiously! They're often unfinished, so combustion is always a concern!</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="dual-column bg-red">
|
||||
<div class="section-image centered">
|
||||
<img src="/img/red-pic.jpg" alt="Red stock photo">
|
||||
</div>
|
||||
<div class="section-text centered">Bloggy section</div>
|
||||
</section>
|
||||
<section class="dual-column bg-blue">
|
||||
<div class="section-text centered">Git section</div>
|
||||
<div class="section-image centered">
|
||||
<img src="/img/blue-pic.jpg" alt="Blue stock photo">
|
||||
</div>
|
||||
</section>
|
||||
<section class="centered">
|
||||
<div class="text-center">
|
||||
<h3 class="text-lg mb color-purple">(TODO)</h3>
|
||||
<h1 class="text-display mb">Personal Stuff</h1>
|
||||
<p class="color-secondary">Something about personal stuff?</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="dual-column bg-red">
|
||||
<div class="section-image centered">
|
||||
<img src="/img/red-pic.jpg" alt="Red stock photo">
|
||||
</div>
|
||||
<div class="section-text centered">Art & Photography</div>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user