website/index.html
2024-03-05 23:12:46 +01:00

62 lines
No EOL
2.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TBZ Community</title>
<link rel="stylesheet" href="https://unpkg.com/chota@latest">
<link rel="stylesheet" href="/assets/css/main.css" />
<link rel="stylesheet" href="/assets/css/home.css" />
<link rel="icon" href="/assets/img/favicon.svg" />
</head>
<body>
<div class="header">
<div class="header-container">
<h1>Welcome to the TBZ Community!</h1>
<p>A student-driven hub for the students of the Technische Berufsschule Zürich to collaborate and innovate.</p>
</div>
<!-- <img class="banner" src="" alt="The TBZ Tower, with Zurich's Hard Tower in the background." /> -->
</div>
<div class="content home">
<section class="services">
<h2>Services</h2>
<p class="subtitle">Services hosted by students, for students, at the TBZ.</p>
<div class="row">
<div class="col-4 service">
<h3>Forum</h3>
<p>Join the conversation! Our forum is your go-to destination for all things TBZ.</p>
<div class="button-container">
<a class="button primary" href="#">Visit</a>
</div>
</div>
<div class="col-4 service">
<h3>Git Forge</h3>
<p>Collaborate on projects with our Git repository. Powered by Forgejo.</p>
<div class="button-container">
<a class="button primary" href="#">Visit</a>
</div>
</div>
<div class="col-4 service">
<h3>Test</h3>
<p>Lorem Ipsum Dolor Sit Amet This Is Random Bullshit To Fill This Card.</p>
<div class="button-container">
<a class="button primary" href="#">Visit</a>
</div>
</div>
</div>
</section>
<section class="join">
<h2>What're you waiting for?</h2>
<p class="subtitle">Ready to dive in? Join us now and start contributing to the TBZ Community Hub.</p>
<div class="button-container">
<a class="button primary" href="#">Join us</a>
<a class="button secondary" href="#">Explore Projects</a>
</div>
</section>
</div>
<div class="notice">
<p>This is an unofficial community platform run by students, for students of the <a href="https://tbz.ch">TBZ</a>. For inquiries and support, please contact us <a href="/contact">here</a>.</p>
<p>This website's been made using the <a href="https://jenil.github.io/chota/">chota</a> CSS framework. You can find this site's source code <a href="https://gitpot.dev">here</a>.</p>
</div>
</body>