bellsworne-website/index.html

77 lines
3.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="res/css/main.css">
<link rel="stylesheet" href="res/css/pages.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
<title>Bellsworne - Home</title>
</head>
<body>
<nav class="main-nav">
<ul>
<li><a href="index.html" class="active">Home</a></li>
<li><a href="tech">Tech</a></li>
<li><a href="farm">Farm</a></li>
<li><a href="games">Games</a></li>
</ul>
</nav>
<header>
<object id="logo" data="res/svg/header-logo.svg" type="image/svg+xml"></object>
<div class="company-title">
<h1>WELCOME TO BELLSWORNE</h1>
<p>Rooted in technology, sworn to nature</p>
</div>
</header>
<main>
<div class="content-container" id="about">
<!-- <h2>About Us</h2>-->
<p>Hi! We're Bellsworne. We officially founded the company in 2025 with a strange idea: to create something that suits both our love for games and technology and our passion for farming and sustainability.</p>
<p>The name Bellsworne is the heart and core of what we do. It merges our last name, 'Bell,' with 'Sworne'—an old spelling of 'Sworn'—to represent the vows we made to each other.</p>
<h3>Socials</h3>
<ul class="social-icons">
<li><a href="https://youtube.com/@bellsworne" aria-label="Subscribe to our YouTube channel"><i class="fa-brands fa-youtube"></i></a></li>
<li><a href="https://instagram.com/@bellsworne" aria-label="Follow us on Instagram"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://x.com/bellsworne" aria-label="Follow us on X"><i class="fa-brands fa-x-twitter"></i></a></li>
</ul>
</div>
<div class="divider">
<h1>PAGES</h1>
</div>
<div class="sections-container" id="pages">
<!-- Tech Section -->
<a class="section-card" href="tech/">
<object class="section-logo" data="res/svg/bellsworne-tech-no-bg.svg" type="image/svg+xml"></object>
<h2>Technologies</h2>
<p>Developing software that isn't soulless corporate garbage.</p>
</a>
<!-- Farm Section -->
<a class="section-card" href="farm/">
<object class="section-logo" data="res/svg/bellsworne-farm-no-bg.svg" type="image/svg+xml"></object>
<h2>Farm</h2>
<p>Dedicated to creating the best hand-crafted artisanal goods and raising a herd of happy goats.</p>
</a>
<!-- Games Section-->
<a class="section-card" href="games/">
<object class="section-logo" data="res/svg/bellsworne-games-no-bg.svg" type="image/svg+xml"></object>
<h2>Games</h2>
<p>Creating games with a passion for storytelling and a whole lotta heart.</p>
</a>
</div>
</main>
<footer>
<p>&copy; 2025 Bellsworne LLC. All Rights Reserved.</p>
</footer>
</body>
</html>