basaltos-website/index.html at main · BasaltOS-org/basaltos-website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html>
    <head>
        <title>BasaltOS</title>
        <meta lang="en" />
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="description" content="The Official Website for Basalt Linux" />
        <meta name="theme-color" content="#0096FF">
        <link rel="stylesheet" href="styles.css">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css">
        <link rel="icon" type="image/png" href="/favicon.png" />
    </head>
    <body>
        <header class="header-outer">
            <div class="header-inner responsive-wrapper">
                <div class="header-logo">
                    <img src="BasaltOS.png" alt="BasaltOS Logo"/>
                </div>
                <nav class="header-navigation" id="nav-menu">
                    <a href="index.html">Home</a>
                    <a href="team.html">Team</a>
                    <button id="menu-toggle" aria-label="Toggle navigation">
                        <i class="bi bi-list"></i>
                    </button>
                </nav>
            </div>
        </header>
        <div class="offers">
            <h2>What We Offer.</h2>
            <p>We offer a clean, well designed system that is both user-friendly and powerful. It's based off of AlmaLinux which provides a very stable base. Compared to other Enterprise Linux based distributions, we offer a more friendly desktop experience. We also have more packages available and configuration for Nvidia GPUs.</p>
        </div>
            <footer>
                <p>Copyright © 2026 BasaltOS | Developed by Peyton (penne-not-pasta) | Special thanks to the community. | <a href="https://github.com/BasaltOS-org">GitHub</a> | <a href="https://discord.gg/NfvQcpaH3U">Discord</a> | <a href="mailto:devteam@basaltdev.tech">Email</a> </p>

            </footer>
	   </main>
            <script>
            document.getElementById('menu-toggle').addEventListener('click', function() {
                const nav = document.getElementById('nav-menu');
                nav.classList.toggle('mobile-active');

                // Toggle icon between 'hamburger' and 'X'
                const icon = this.querySelector('i');
                if (nav.classList.contains('mobile-active')) {
                    icon.className = 'bi bi-x-lg';
                } else {
                    icon.className = 'bi bi-list';
                }
            });
        </script>
    </body>
</html>