Website/templates/index.html

223 lines
11 KiB
HTML
Raw Permalink Normal View History

2024-08-14 07:07:10 +00:00
<!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" />
2024-08-14 11:55:29 +00:00
<link rel="stylesheet" href="/static/css/main.css" />
<link rel="stylesheet" href="/static/css/stars.css" />
<link rel="stylesheet" href="/static/css/fancy-gallery.css" />
<link rel="stylesheet" href="/static/css/extras.css" />
<noscript><link rel="stylesheet" href="/static/css/noscript.css" /></noscript>
2024-08-14 07:07:10 +00:00
</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>
2024-08-14 11:55:29 +00:00
<!-- Top Floater Footer -->
<div style="background-color: red; color: white; text-align: center; padding: 10px 0; position: fixed; top: 0; width: 100%; z-index: 1000;">
🚧👷‍♂️ This site is under construction! Please check back later. 👷‍♀️🚧
</div>
2024-08-14 07:07:10 +00:00
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header" class="alt">
2024-08-14 11:55:29 +00:00
<span class="logo"><img src="/static/images/logo.svg" alt="Spitfire Logo" /></span>
2024-08-14 07:07:10 +00:00
<h1>Spitfire Browser</h1>
<p>Fast. Secure. Elegant.</p>
2024-08-14 11:55:29 +00:00
<a href="download" class="button">Download Now</a>
2024-08-14 07:07:10 +00:00
</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="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>
<div class="box alt">
<div class="fancy-gallery">
2024-08-14 11:55:29 +00:00
<div class="gallery-item"><img src="/static/images/screenshots/1.png" alt="Screenshot 1" /></div>
<div class="gallery-item"><img src="/static/images/screenshots/1.png" alt="Screenshot 2" /></div>
2024-08-14 07:07:10 +00:00
</div>
</div>
<ul class="actions">
<li><a href="#features" class="button">More Screenshots</a></li>
</ul>
</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>No adware, no crypto, no annoyances, no <a herf="https://www.reddit.com/r/browsers/comments/18yzulw/why_does_it_seem_like_everyone_is_turning_on_brave/">bullshit</a>.</p>
</li>
<li>
<span class="icon solid major style3 fa-ad"></span>
<h3>Ad Blocking</h3>
<p>Unlike <a herf="https://community.brave.com/t/ad-block-isnt-working/546423">Brave</a> includes working Ad-block and also blocks sponsored sections on YouTube.</p>
</li>
<li>
<span class="icon solid major style5 fa-adjust"></span>
<h3>Dark Reader</h3>
<p>Dark or Light mode on every website you visit.</p>
</li>
<li>
<span class="icon solid major style4 fa-code-branch"></span>
<h3>Free and Open source</h3>
<p>Open source ensures transparency and allows 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>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><a herf="https://search.spitfirebrowser.com/">Warp search engine</a> 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, but without sacrificing user comfort.</p>
</header>
<ul class="statistics">
<li class="style1">
<a class="icon icon-security">
2024-08-14 11:55:29 +00:00
<img src="/static/images/icons/solid/lock.svg" alt="Lock">
2024-08-14 07:07:10 +00:00
</a>
<strong>0</strong> Telemetry
</li>
<li class="style2">
<a class="icon icon-security">
2024-08-14 11:55:29 +00:00
<img src="/static/images/icons/regular/eye-slash.svg" alt="Eye-slash">
2024-08-14 07:07:10 +00:00
</a>
<strong>100%</strong> Privacy
</li>
<li class="style3">
<a class="icon icon-security">
2024-08-14 11:55:29 +00:00
<img src="/static/images/icons/solid/arrows-rotate.svg" alt="arrows-rotate">
2024-08-14 07:07:10 +00:00
</a>
<strong>Auto</strong> Updates
</li>
<li class="style4">
<a class="icon icon-security">
2024-08-14 11:55:29 +00:00
<img src="/static/images/icons/brands/firefox-browser.svg" alt="Firefox">
2024-08-14 07:07:10 +00:00
</a>
<strong>Based</strong>on Firefox
</li>
<li class="style5">
<a class="icon icon-security">
2024-08-14 11:55:29 +00:00
<img src="/static/images/icons/solid/code.svg" alt="code">
2024-08-14 07:07:10 +00:00
</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>
2024-08-14 11:55:29 +00:00
<li><a href="/news" class="button primary">Read News</a></li>
2024-08-14 07:07:10 +00:00
</ul>
</footer>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section>
<h2>Support me</h2>
<ul class="icons">
<li>
<a href="#" class="icon alt">
2024-08-14 11:55:29 +00:00
<img src="/static/images/icons/regular/heart.svg" alt="LibrePay">
2024-08-14 07:07:10 +00:00
<span class="label">LibrePay</span>
</a>
</li>
<li>
<a href="#" class="icon alt">
2024-08-14 11:55:29 +00:00
<img src="/static/images/icons/brands/git-alt.svg" alt="Forgejo">
2024-08-14 07:07:10 +00:00
<span class="label">Forgejo</span>
</a>
</li>
<li>
<a href="#" class="icon alt">
2024-08-14 11:55:29 +00:00
<img src="/static/images/icons/brands/youtube.svg" alt="YouTube">
2024-08-14 07:07:10 +00:00
<span class="label">YouTube</span>
</a>
</li>
</ul>
</section>
<section>
<p class="copyright">&copy; Spitfire Browser. Design based on <a href="https://html5up.net">HTML5 UP</a>.</p>
</section>
</footer>
</div>
<!-- Scripts -->
2024-08-14 11:55:29 +00:00
<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>
2024-08-14 07:07:10 +00:00
</body>
</html>