<!DOCTYPE HTML>
<!--
Spitfire Browser by Internet Addict (https://weforge.xyz/Spitfire/Website)
Based on Stellar by HTML5 UP | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<link rel="icon" type="image/png" href="static/images/favicon.png">
<title>Spitfire Browser - Downloads</title>
<meta content="🌐 Spitfire Browser" property="og:title" />
<meta content="Privacy respecting user friendly web browser." property="og:description" />
<meta content="https://spitfirebrowser.xyz/" property="og:url" />
<!-- Try embedding SVG -->
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 width height'>...</svg>">
<!-- Or PNG fallback for compatibility -->
<link rel="icon" type="image/svg+xml" href="https://weforge.xyz/Spitfire/Branding/raw/branch/main/active/browser/icon.svg">
<link rel="alternate icon" href="https://weforge.xyz/Spitfire/Branding/raw/branch/main/active/browser/icon.png" type="image/png">
<meta content="#f1f1f1" data-react-helmet="true" name="theme-color" />
<meta name="darkreader-lock">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="static/css/main.css" />
<link rel="stylesheet" href="static/css/stars.css" />
<noscript><link rel="stylesheet" href="static/css/noscript.css" /></noscript>
<style>
.download-section {
text-align: center;
padding: 2em 0;
}
.download-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1em;
}
.download-button {
border-radius: 0.5em;
padding: 1em;
width: 220px;
height: 220px;
text-align: center;
transition: background-color 0.3s ease;
}
.download-button:hover {
background-color: #444;
}
.download-button img {
width: 48px;
height: 48px;
}
.download-button span {
display: block;
margin-top: 0.5em;
font-size: 1.2em;
}
</style>
</head>
<body class="is-preload">
<!-- Star Background Divs -->
<div id="star-background">
<div id="stars"></div>
<div id="stars2"></div>
<div id="stars3"></div>
</div>
<!-- Top Floater Footer -->
<div style="background-color: red; color: white; text-align: center; padding: 10px 0; position: fixed; bottom: 0; width: 100%; z-index: 1000;">
🚧👷♂️ This site is under construction! Please check back later. 👷♀️🚧
</div>
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<h1>Spitfire Browser Downloads</h1>
<p>Select your operating system</p>
</header>
<!-- Main -->
<div id="main">
<!-- Stable Release Section -->
<section class="download-section">
<h2>Stable Releases</h2>
<div class="download-buttons">
<a href="#" class="download-button button">
<img src="static/images/icons/brands/windows.svg" alt="Windows">
<span>Windows</span>
</a>
<a href="#" class="download-button button">
<img src="static/images/icons/brands/apple.svg" alt="MacOS">
<span>MacOS</span>
</a>
<a href="download-linux" class="download-button button">
<img src="static/images/icons/brands/linux.svg" alt="Linux">
<span>Linux</span>
<!-- </a>
<a href="#" class="download-button button">
<img src="static/images/icons/brands/linux.svg" alt="Linux (Appimage)">
<span>Linux (Appimage)</span>
</a> -->
<a href="#" class="download-button button">
<img src="static/images/icons/brands/chrome.svg" alt="ChromeOS">
<span>ChromeOS</span>
</a>
</div>
</section>
<!-- Nightly Release Section -->
<section class="download-section">
<h2>Nightly Releases</h2>
<div class="download-buttons">
<a href="#" class="download-button button">
<img src="static/images/icons/brands/windows.svg" alt="Windows Nightly">
<span>Windows</span>
</a>
<a href="#" class="download-button button">
<img src="static/images/icons/brands/linux.svg" alt="Linux (Flatpak) Nightly">
<span>Linux (Flatpak)</span>
</a>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section>
<h2>Support me</h2>
<ul class="icons">
<li>
<a href="#" class="icon alt">
<img src="static/images/icons/regular/heart.svg" alt="LibrePay">
<span class="label">LibrePay</span>
</a>
</li>
<li>
<a href="https://weforge.xyz/Spitfire/" class="icon alt">
<img src="static/images/icons/brands/git-alt.svg" alt="Forgejo">
<span class="label">Forgejo</span>
</a>
</li>
<li>
<a href="#" class="icon alt">
<img src="static/images/icons/brands/youtube.svg" alt="YouTube">
<span class="label">YouTube</span>
</a>
</li>
</ul>
</section>
<section>
<p class="copyright">© Spitfire Browser. Design based on <a href="https://html5up.net">HTML5 UP</a>.</p>
</section>
</footer>
</div>
<!-- Scripts -->
<script src="static/js/jquery.min.js" defer></script>
<script src="static/js/jquery.scrollex.min.js" defer></script>
<script src="static/js/jquery.scrolly.min.js" defer></script>
<script src="static/js/browser.min.js" defer></script>
<script src="static/js/breakpoints.min.js" defer></script>
<script src="static/js/util.js" defer></script>
<script src="static/js/main.js" defer></script>
</body>
</html>