mirror of
https://github.com/SrIzan10/TwisterOS.git
synced 2026-05-01 11:05:22 +00:00
100 lines
4.0 KiB
HTML
100 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="X-UA-Compatible" content="ie-edge" />
|
|
<link rel="stylesheet" href="./style.css" />
|
|
<link rel="stylesheet" href="./carousel.css" />
|
|
<link rel="icon" href="favicon.png">
|
|
<title>Twister OS</title>
|
|
</head>
|
|
<body>
|
|
<main class="index">
|
|
<div class="nav">
|
|
<nav>
|
|
<img src="./images/TwisterOSLogo-Large-New3.png" />
|
|
<ul>
|
|
<li><a href="index.html">HOME</a></li>
|
|
<li><a href="gallery.html">GALLERY</a></li>
|
|
<li><a href="download.html">DOWNLOADS</a></li>
|
|
<li><a href="about.html">ABOUT</a></li>
|
|
<li><a href="faq.html">FAQ</a></li>
|
|
<li><a href="https://checkout.square.site/merchant/ML5E5KGWRH8ME/checkout/GLDTDH4U5ZXZY5WJCCVEWIK7">DONATE</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
<div></div>
|
|
<div class="carousel">
|
|
<div class="carousel-wrapper">
|
|
<span id="item-1"></span>
|
|
<span id="item-2"></span>
|
|
<span id="item-3"></span>
|
|
<span id="item-4"></span>
|
|
<span id="item-5"></span>
|
|
<span id="item-6"></span>
|
|
<span id="item-7"></span>
|
|
<span id="item-8"></span>
|
|
|
|
<div class="carousel-item item-1">
|
|
<a class="arrow arrow-prev" href="#item-8"></a>
|
|
<a class="arrow arrow-next" href="#item-2"></a>
|
|
</div>
|
|
|
|
<div class="carousel-item item-2">
|
|
<a class="arrow arrow-prev" href="#item-1"></a>
|
|
<a class="arrow arrow-next" href="#item-3"></a>
|
|
</div>
|
|
|
|
<div class="carousel-item item-3">
|
|
<a class="arrow arrow-prev" href="#item-2"></a>
|
|
<a class="arrow arrow-next" href="#item-4"></a>
|
|
</div>
|
|
|
|
<div class="carousel-item item-4">
|
|
<a class="arrow arrow-prev" href="#item-3"></a>
|
|
<a class="arrow arrow-next" href="#item-5"></a>
|
|
</div>
|
|
|
|
<div class="carousel-item item-5">
|
|
<a class="arrow arrow-prev" href="#item-4"></a>
|
|
<a class="arrow arrow-next" href="#item-6"></a>
|
|
</div>
|
|
|
|
<div class="carousel-item item-6">
|
|
<a class="arrow arrow-prev" href="#item-5"></a>
|
|
<a class="arrow arrow-next" href="#item-7"></a>
|
|
</div>
|
|
|
|
<div class="carousel-item item-7">
|
|
<a class="arrow arrow-prev" href="#item-6"></a>
|
|
<a class="arrow arrow-next" href="#item-8"></a>
|
|
</div>
|
|
|
|
<div class="carousel-item item-8">
|
|
<a class="arrow arrow-prev" href="#item-7"></a>
|
|
<a class="arrow arrow-next" href="#item-1"></a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div></div>
|
|
|
|
<div></div>
|
|
<div class="howpi">
|
|
<img class="center" style="margin-bottom: -25px;" src="./images/hdyp-new2.gif" width="800vw" />
|
|
</div>
|
|
<div></div>
|
|
|
|
<div></div>
|
|
<div class="advert">
|
|
<p>Twister OS for Raspberry Pi 4 & Twister UI for Additional Hardware</p>
|
|
<p>Enjoy the same experience on all supported devices.</p>
|
|
</div>
|
|
<div></div>
|
|
|
|
<footer style="margin-top: 37px;"><p>Twister OS 2020 | <a href="https://discord.gg/Fh8sjmu" target="_blank">Join our Discord!</a></p></footer>
|
|
</main>
|
|
</body>
|
|
</html> |