clan/clan-homepage
9
0
Fork 4
Code Issues 1 Pull Requests 7 Actions Packages Projects Releases Wiki Activity
9330c4cfca
clan-homepage/website/index.html

243 lines
8.7 KiB
HTML
Raw Normal View History

Replace zola with plain html5
2024-05-17 14:56:43 +00:00
<!DOCTYPE HTML>
<!--
Directive by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
Added first bullet point
2024-05-21 15:00:58 +00:00
<head>
<title>Clan - Build you own Darknet</title>
<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" />
</head>
<body class="is-preload">
<!-- Header -->
<div id="header">
<img src="static/logo/clan-white.png" alt="Clan White" id="clan-logo">
<h1>Build your own Darknet</h2>
<br />
</div>
<!-- Main -->
<div id="main">
<header class="major container medium">
<h2>Decentralized self-hosting
<br /> made easy for everyone
</h2>
</header>
<div class="box alt container">
<section class="feature left">
<a href="#" class="image icon solid fa-code"><img src="images/open-source.webp" alt="" /></a>
<div class="content">
<h3>Open Source</h3>
<p>Clan is a proudly open-source project, inviting everyone to contribute and collaborate. Join us
in shaping the future of secure, decentralized computing.</p>
</div>
</section>
<section class="feature right">
<a href="#" class="image icon solid fa-code"><img src="images/pic02.jpg" alt="" /></a>
<div class="content">
<h3>The Second Thing</h3>
<p>Vitae natoque dictum etiam semper magnis enim feugiat amet curabitur tempor orci penatibus.
Tellus erat mauris ipsum fermentum etiam vivamus eget. Nunc nibh morbi quis fusce lacus.</p>
Replace zola with plain html5
2024-05-17 14:56:43 +00:00
</div>
Added first bullet point
2024-05-21 15:00:58 +00:00
</section>
<section class="feature left">
<a href="#" class="image icon solid fa-mobile-alt"><img src="images/pic03.jpg" alt="" /></a>
<div class="content">
<h3>The Third Thing</h3>
<p>Vitae natoque dictum etiam semper magnis enim feugiat amet curabitur tempor orci penatibus.
Tellus erat mauris ipsum fermentum etiam vivamus eget. Nunc nibh morbi quis fusce lacus.</p>
</div>
</section>
</div>
Replace zola with plain html5
2024-05-17 14:56:43 +00:00
Added first bullet point
2024-05-21 15:00:58 +00:00
<!--
Replace zola with plain html5
2024-05-17 14:56:43 +00:00
<div class="box container">
<header>
<h2>A lot of generic stuff</h2>
</header>
<section>
<header>
<h3>Paragraph</h3>
<p>This is the subtitle for this particular heading</p>
</header>
<p>Phasellus nisl nisl, varius id <sup>porttitor sed pellentesque</sup> ac orci. Pellentesque
habitant <strong>strong</strong> tristique <b>bold</b> et netus <i>italic</i> malesuada <em>emphasized</em> ac turpis egestas. Morbi
leo suscipit ut. Praesent <sub>id turpis vitae</sub> turpis pretium ultricies. Vestibulum sit
amet risus elit.</p>
</section>
<section>
<header>
<h3>Blockquote</h3>
</header>
<blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget.
tempus euismod. Vestibulum ante ipsum primis in faucibus.</blockquote>
</section>
<section>
<header>
<h3>Divider</h3>
</header>
<p>Donec consectetur vestibulum dolor et pulvinar. Etiam vel felis enim, at viverra
ligula. Ut porttitor sagittis lorem, quis eleifend nisi ornare vel. Praesent nec orci
facilisis leo magna. Cras sit amet urna eros, id egestas urna. Quisque aliquam
tempus euismod. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia.</p>
<hr />
<p>Donec consectetur vestibulum dolor et pulvinar. Etiam vel felis enim, at viverra
ligula. Ut porttitor sagittis lorem, quis eleifend nisi ornare vel. Praesent nec orci
facilisis leo magna. Cras sit amet urna eros, id egestas urna. Quisque aliquam
tempus euismod. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia.</p>
</section>
<section>
<header>
<h3>Unordered List</h3>
</header>
<ul class="default">
<li>Donec consectetur vestibulum dolor et pulvinar. Etiam vel felis enim, at viverra ligula. Ut porttitor sagittis lorem, quis eleifend nisi ornare vel.</li>
<li>Donec consectetur vestibulum dolor et pulvinar. Etiam vel felis enim, at viverra ligula. Ut porttitor sagittis lorem, quis eleifend nisi ornare vel.</li>
<li>Donec consectetur vestibulum dolor et pulvinar. Etiam vel felis enim, at viverra ligula. Ut porttitor sagittis lorem, quis eleifend nisi ornare vel.</li>
<li>Donec consectetur vestibulum dolor et pulvinar. Etiam vel felis enim, at viverra ligula. Ut porttitor sagittis lorem, quis eleifend nisi ornare vel.</li>
</ul>
</section>
<section>
<header>
<h3>Ordered List</h3>
</header>
<ol class="default">
<li>Donec consectetur vestibulum dolor et pulvinar. Etiam vel felis enim, at viverra ligula. Ut porttitor sagittis lorem, quis eleifend nisi ornare vel.</li>
<li>Donec consectetur vestibulum dolor et pulvinar. Etiam vel felis enim, at viverra ligula. Ut porttitor sagittis lorem, quis eleifend nisi ornare vel.</li>
<li>Donec consectetur vestibulum dolor et pulvinar. Etiam vel felis enim, at viverra ligula. Ut porttitor sagittis lorem, quis eleifend nisi ornare vel.</li>
<li>Donec consectetur vestibulum dolor et pulvinar. Etiam vel felis enim, at viverra ligula. Ut porttitor sagittis lorem, quis eleifend nisi ornare vel.</li>
</ol>
</section>
<section>
<header>
<h3>Table</h3>
</header>
<div class="table-wrapper">
<table class="default">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Description</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>45815</td>
<td>Something</td>
<td>Ut porttitor sagittis lorem, quis eleifend nisi ornare vel.</td>
<td>29.99</td>
</tr>
<tr>
<td>24524</td>
<td>Nothing</td>
<td>Ut porttitor sagittis lorem, quis eleifend nisi ornare vel.</td>
<td>19.99</td>
</tr>
<tr>
<td>45815</td>
<td>Something</td>
<td>Ut porttitor sagittis lorem, quis eleifend nisi ornare vel.</td>
<td>29.99</td>
</tr>
<tr>
<td>24524</td>
<td>Nothing</td>
<td>Ut porttitor sagittis lorem, quis eleifend nisi ornare vel.</td>
<td>19.99</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3"></td>
<td>100.00</td>
</tr>
</tfoot>
</table>
</div>
</section>
<section>
<header>
<h3>Form</h3>
</header>
<form method="post" action="#">
<div class="row">
<div class="col-6 col-12-mobilep">
<label for="name">Name</label>
<input class="text" type="text" name="name" id="name" value="" placeholder="John Doe" />
</div>
<div class="col-6 col-12-mobilep">
<label for="email">Email</label>
<input class="text" type="text" name="email" id="email" value="" placeholder="johndoe@domain.tld" />
</div>
<div class="col-12">
<label for="subject">Subject</label>
<input class="text" type="text" name="subject" id="subject" value="" placeholder="Enter your subject" />
</div>
<div class="col-12">
<label for="subject">Message</label>
<textarea name="message" id="message" placeholder="Enter your message" rows="6"></textarea>
</div>
<div class="col-12">
<ul class="actions special">
<li><input type="submit" value="Send" /></li>
<li><input type="reset" value="Reset" class="alt" /></li>
</ul>
</div>
</div>
</form>
</section>
</div>
-->
Added first bullet point
2024-05-21 15:00:58 +00:00
<footer class="major container medium">
<h3>Join the Revolution</h3>
<p>Ready to take control of your digital world? Clan is more than a tool—it's a movement. Secure your data,
manage machines effortlessly, and connect with others on your terms.</p>
<ul class="actions special">
<li><a href="https://docs.clan.lol" class="button">Get Started</a></li>
</ul>
</footer>
Replace zola with plain html5
2024-05-17 14:56:43 +00:00
Added first bullet point
2024-05-21 15:00:58 +00:00
</div>
Replace zola with plain html5
2024-05-17 14:56:43 +00:00
Added first bullet point
2024-05-21 15:00:58 +00:00
<!-- Footer -->
<div id="footer">
<div class="container medium">
Replace zola with plain html5
2024-05-17 14:56:43 +00:00
Added first bullet point
2024-05-21 15:00:58 +00:00
<ul class="icons">
Replace zola with plain html5
2024-05-17 14:56:43 +00:00
Added first bullet point
2024-05-21 15:00:58 +00:00
<li><a href="https://github.com/clan-lol/clan-core" class="icon brands fa-github"><span
class="label">Github</span></a></li>
</ul>
Replace zola with plain html5
2024-05-17 14:56:43 +00:00
Added first bullet point
2024-05-21 15:00:58 +00:00
<ul class="copyright">
<li>&copy; Clan. All rights reserved.</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
Replace zola with plain html5
2024-05-17 14:56:43 +00:00
Added first bullet point
2024-05-21 15:00:58 +00:00
</div>
</div>
Replace zola with plain html5
2024-05-17 14:56:43 +00:00
Added first bullet point
2024-05-21 15:00:58 +00:00
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
Replace zola with plain html5
2024-05-17 14:56:43 +00:00
Added first bullet point
2024-05-21 15:00:58 +00:00
</body>
Replace zola with plain html5
2024-05-17 14:56:43 +00:00
</html>
Reference in New Issue Copy Permalink