243 lines
11 KiB
HTML
243 lines
11 KiB
HTML
<!DOCTYPE HTML>
|
|
<!--
|
|
Spitfire Browser by Internet Addict
|
|
Based on Stellar by HTML5 UP
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
-->
|
|
<html>
|
|
<head>
|
|
<link rel="icon" type="image/png" href="favicon.png">
|
|
<title>Spitfire Browser - Fast. Secure. Elegant.</title>
|
|
<meta content="🌐 Spitfire Browser" property="og:title" />
|
|
<meta content="Privacy respecting user friendly web browser." property="og:description" />
|
|
<meta content="https://spitfirebrowser.com/" property="og:url" />
|
|
<meta content="https://spitfirebrowser.com/favicon.png" property="og:image" />
|
|
<meta content="#f1f1f1" data-react-helmet="true" name="theme-color" />
|
|
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
|
<link rel="stylesheet" href="assets/css/main.css" />
|
|
<link rel="stylesheet" href="assets/css/stars.css" />
|
|
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
|
|
<style>
|
|
/* Ensure the wrapper content remains above the background */
|
|
#wrapper {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Make the logo smaller */
|
|
.logo img {
|
|
width: 64px; /* Adjust the size as needed */
|
|
height: auto;
|
|
}
|
|
|
|
.icon-security {
|
|
width: 48px;
|
|
height: 48px;
|
|
fill: white;
|
|
display: inline-block;
|
|
object-fit: contain;
|
|
}
|
|
|
|
.icon-container {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 48px;
|
|
height: 48px;
|
|
overflow: visible; /* Make sure the container doesn't cut off the SVG */
|
|
}
|
|
</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>
|
|
|
|
<!-- Wrapper -->
|
|
<div id="wrapper">
|
|
|
|
<!-- Header -->
|
|
<header id="header" class="alt">
|
|
<span class="logo"><img src="images/logo.svg" alt="Spitfire Logo" /></span>
|
|
<h1>Spitfire Browser</h1>
|
|
<p>Fast. Secure. Elegant.</p>
|
|
<a href="download.html" class="button">Download Now</a>
|
|
</header>
|
|
|
|
<!-- Nav -->
|
|
<nav id="nav">
|
|
<ul>
|
|
<li><a href="#intro" class="active">Introduction</a></li>
|
|
<li><a href="#features">Features</a></li>
|
|
<li><a href="#security">Security</a></li>
|
|
<li><a href="#cta">Get Started</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<!-- Main -->
|
|
<div id="main">
|
|
|
|
<!-- Introduction -->
|
|
<section id="intro" class="main">
|
|
<div class="spotlight">
|
|
<div class="content">
|
|
<header class="major">
|
|
<h2>Welcome to Spitfire Browser</h2>
|
|
</header>
|
|
<p>Spitfire Browser is your gateway to a fast, secure, and elegant browsing experience. Built on Firefox, Spitfire includes essential features like ad blocking, enhanced security, and anonymous browsing with Warp search engine.</p>
|
|
<ul class="actions">
|
|
<li><a href="#features" class="button">Learn More</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Features Section -->
|
|
<section id="features" class="main special">
|
|
<header class="major">
|
|
<h2>Key Features</h2>
|
|
</header>
|
|
<ul class="features">
|
|
<li>
|
|
<span class="icon solid major style1 fa-shield-alt"></span>
|
|
<h3>Enhanced Security</h3>
|
|
<p>Spitfire comes with disabled telemetry and enhanced security settings by default.</p>
|
|
</li>
|
|
<li>
|
|
<span class="icon solid major style3 fa-ad"></span>
|
|
<h3>Ad Blocking</h3>
|
|
<p>Includes uBlock addon with custom lists for blocking ads and SponsorBlock for YouTube.</p>
|
|
</li>
|
|
<li>
|
|
<span class="icon solid major style5 fa-adjust"></span>
|
|
<h3>Dark Mode</h3>
|
|
<p>Dark Reader addon ensures a pleasant browsing experience in low light conditions.</p>
|
|
</li>
|
|
<li>
|
|
<span class="icon solid major style4 fa-code-branch"></span>
|
|
<h3>Open Source</h3>
|
|
<p>Completely open source, allowing the community to contribute and enhance the browser.</p>
|
|
</li>
|
|
<li>
|
|
<span class="icon solid major style2 fa-sync"></span>
|
|
<h3>Fast Updates</h3>
|
|
<p>Experience fast automated updates to keep your browser up-to-date with the latest features and security patches.</p>
|
|
</li>
|
|
<li>
|
|
<span class="icon solid major style6 fa-search"></span>
|
|
<h3>Anonymous Search</h3>
|
|
<p>Warp search engine allows you to browse Google results anonymously.</p>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<!-- Security Section -->
|
|
<section id="security" class="main special">
|
|
<header class="major">
|
|
<h2>Security Features</h2>
|
|
<p>Spitfire Browser is designed with security as a top priority, providing a safe browsing environment.</p>
|
|
</header>
|
|
<ul class="statistics">
|
|
<li class="style1">
|
|
<a class="icon icon-security">
|
|
<img src="images/icons/solid/lock.svg" alt="Lock">
|
|
</a>
|
|
<strong>0</strong> Telemetry
|
|
</li>
|
|
<li class="style2">
|
|
<a class="icon icon-security">
|
|
<img src="images/icons/regular/eye-slash.svg" alt="Eye-slash">
|
|
</a>
|
|
<strong>100%</strong> Privacy
|
|
</li>
|
|
<li class="style3">
|
|
<a class="icon icon-security">
|
|
<img src="images/icons/solid/arrows-rotate.svg" alt="arrows-rotate">
|
|
</a>
|
|
<strong>Auto</strong> Updates
|
|
</li>
|
|
<li class="style4">
|
|
<a class="icon icon-security">
|
|
<img src="images/icons/brands/firefox-browser.svg" alt="Firefox">
|
|
</a>
|
|
<strong>Based</strong>on Firefox
|
|
</li>
|
|
<li class="style5">
|
|
<a class="icon icon-security">
|
|
<img src="images/icons/solid/code.svg" alt="code">
|
|
</a>
|
|
<strong>Open</strong> Source
|
|
</li>
|
|
</ul>
|
|
<footer class="major">
|
|
<ul class="actions special">
|
|
<li><a href="#cta" class="button">Learn More</a></li>
|
|
</ul>
|
|
</footer>
|
|
</section>
|
|
|
|
<!-- Get Started -->
|
|
<section id="cta" class="main special">
|
|
<header class="major">
|
|
<h2>Get Started with Spitfire</h2>
|
|
<p>Join the Spitfire community and experience the future of web browsing. Available soon for Windows, Linux, macOS, and ChromeOS.</p>
|
|
</header>
|
|
<footer class="major">
|
|
<ul class="actions special">
|
|
<li><a href="#header" class="button primary">Get Started</a></li>
|
|
<li><a href="#header" class="button">Learn More</a></li>
|
|
</ul>
|
|
</footer>
|
|
</section>
|
|
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer id="footer">
|
|
<section>
|
|
<h2>Support me</h2>
|
|
<ul class="icons">
|
|
<li>
|
|
<a href="#" class="icon alt">
|
|
<img src="images/icons/regular/heart.svg" alt="LibrePay">
|
|
<span class="label">LibrePay</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="icon alt">
|
|
<img src="images/icons/brands/git-alt.svg" alt="Forgejo">
|
|
<span class="label">Forgejo</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="icon alt">
|
|
<img src="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="assets/js/jquery.min.js" defer></script>
|
|
<script src="assets/js/jquery.scrollex.min.js" defer></script>
|
|
<script src="assets/js/jquery.scrolly.min.js" defer></script>
|
|
<script src="assets/js/browser.min.js" defer></script>
|
|
<script src="assets/js/breakpoints.min.js" defer></script>
|
|
<script src="assets/js/util.js" defer></script>
|
|
<script src="assets/js/main.js" defer></script>
|
|
|
|
</body>
|
|
</html>
|