Bellsworne/bellsworne-website
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new pages and simple navbar

Browse Source
This commit is contained in:
Chris Bell 2025-06-25 08:53:35 -05:00
parent 7491bcea80
commit ffcc374918
5 changed files with 197 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
farm.html Normal file
View File

@ -0,0 +1,39 @@
<!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">
<title>Bellsworne - Farm</title>
</head>
<body>
<nav class="main-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="tech.html">Tech</a></li>
<li><a href="farm.html" class="active">Farm</a></li>
<li><a href="games.html">Games</a></li>
</ul>
</nav>
<main>
<div class="page-container">
<object class="page-logo" data="res/svg/bellsworne-farm-no-bg.svg" type="image/svg+xml"></object>
<div class="content-container">
<h1>Bellsworne Farm</h1>
<p>Dedicated to creating the best hand-crafted artisanal goods and raising a herd of happy goats.</p>
<!-- <p>We believe in sustainable farming practices that leave the land better than we found it. From our soil to your table, we're all about quality and care.</p>-->
</div>
</div>
</main>
<footer>
<p>&copy; 2025 Bellsworne LLC. All Rights Reserved.</p>
</footer>
</body>
</html>

39
games.html Normal file
View File

@ -0,0 +1,39 @@
<!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">
<title>Bellsworne - Games</title>
</head>
<body>
<nav class="main-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="tech.html">Tech</a></li>
<li><a href="farm.html">Farm</a></li>
<li><a href="games.html" class="active">Games</a></li>
</ul>
</nav>
<main>
<div class="page-container">
<object class="page-logo" data="res/svg/bellsworne-games-no-bg.svg" type="image/svg+xml"></object>
<div class="content-container">
<h1>Bellsworne Games</h1>
<p>Creating games with a passion for storytelling and a whole lotta heart.</p>
<!-- <p>We're a small indie studio focused on making memorable experiences. We pour our creativity and soul into every project.</p>-->
</div>
</div>
</main>
<footer>
<p>&copy; 2025 Bellsworne LLC. All Rights Reserved.</p>
</footer>
</body>
</html>

10
index.html
View File

@ -4,11 +4,19 @@
<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">Home</a></li>
<li><a href="tech.html">Tech</a></li>
<li><a href="farm.html">Farm</a></li>
<li><a href="games.html" class="active">Games</a></li>
</ul>
</nav>
<header>
<object id="logo" data="res/svg/header-logo.svg" type="image/svg+xml"></object>
<div class="company-title">

71
res/css/pages.css Normal file
View File

@ -0,0 +1,71 @@
/* Navigation Styling */
header {
padding-left: 0;
padding-right: 0;
}
.main-nav {
background-color: #333;
padding: 1rem 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
width: 100%;
}
.main-nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
gap: 2rem;
}
.main-nav a {
color: #f0f0f0;
text-decoration: none;
font-family: 'League Gothic', sans-serif;
font-size: 1.5rem;
text-transform: uppercase;
letter-spacing: 1px;
padding: 0.5rem 1rem;
border-radius: 5px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.main-nav a:hover,
.main-nav .active {
background-color: #ffffff;
color: #2a2a2a;
}
/* Page-specific layout */
.page-container {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
margin: 4rem auto;
max-width: 900px;
padding: 2rem;
}
.page-logo {
width: 100%;
max-width: 400px;
height: auto;
margin-bottom: 2rem;
}
.page-content h1 {
font-size: 3.5rem;
color: #ffffff;
margin: 0 0 1rem 0;
}
.page-content p {
color: #c0c0c0;
font-size: 1.2rem;
max-width: 600px;
margin: 0 auto;
}

39
tech.html Normal file
View File

@ -0,0 +1,39 @@
<!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">
<title>Bellsworne - Tech</title>
</head>
<body>
<nav class="main-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="tech.html" class="active">Tech</a></li>
<li><a href="farm.html">Farm</a></li>
<li><a href="games.html">Games</a></li>
</ul>
</nav>
<main>
<div class="page-container">
<object class="page-logo" data="res/svg/bellsworne-tech-no-bg.svg" type="image/svg+xml"></object>
<div class="content-container">
<h1>Bellsworne Technologies</h1>
<p>Here we focus on developing software that is useful and respects the user. No soulless corporate garbage.</p>
<!-- <p>Our projects range from small utilities to larger applications, all built with integrity and a focus on sustainability in the digital world.</p>-->
</div>
</div>
</main>
<footer>
<p>&copy; 2025 Bellsworne LLC. All Rights Reserved.</p>
</footer>
</body>
</html>