All of the stuff reformatted according to the stuff i did on the older branch #3
|
|
@ -1,8 +1,134 @@
|
|||
<div class="row-fluid">
|
||||
<div class="span4">
|
||||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta charset="utf-8">
|
||||
<title>512mb group</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Service list of 512mb group">
|
||||
<meta name="author" content="crt">
|
||||
<meta name="keywords" content="Linux, Servers, Networking, Coding">
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href="assets/bootstrap.css" rel="stylesheet">
|
||||
<style>
|
||||
|
||||
|
||||
body {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
/* Custom container */
|
||||
.container {
|
||||
margin: 0 auto;
|
||||
max-width: 1000px;
|
||||
}
|
||||
.container > hr {
|
||||
margin: 60px 0;
|
||||
}
|
||||
|
||||
/* Main marketing message and sign up button */
|
||||
.jumbotron {
|
||||
margin: 80px 0;
|
||||
text-align: center;
|
||||
}
|
||||
.jumbotron h1 {
|
||||
font-size: 100px;
|
||||
line-height: 1;
|
||||
}
|
||||
.jumbotron .lead {
|
||||
font-size: 24px;
|
||||
line-height: 1.25;
|
||||
}
|
||||
.jumbotron .btn {
|
||||
font-size: 21px;
|
||||
padding: 14px 24px;
|
||||
}
|
||||
|
||||
/* Supporting marketing content */
|
||||
.marketing {
|
||||
margin: 60px 0;
|
||||
}
|
||||
.marketing p + h4 {
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
.pissbigger h1 {
|
||||
font-size: 42px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.hero-unit {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) and (max-width: 979px) {
|
||||
.grid {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
<link href="assets/bootstrap-responsive.css" rel="stylesheet">
|
||||
|
||||
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../assets/js/html5shiv.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Fav and touch icons -->
|
||||
<link rel="icon" type="image/x-icon" href="./favicon.ico">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container">
|
||||
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="brand" href="index.html">512mb group</a>
|
||||
<div class="nav-collapse collapse">
|
||||
<ul class="nav">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="active"><a href="services.html">Services</a></li>
|
||||
<li><a href="irc.html">IRC rules</a></li>
|
||||
<li><a href="files">Files</a></li>
|
||||
<li><a href="https://wiki.512mb.org/">Wiki</a></li>
|
||||
<li><a href="https://yt.512mb.org/">Invidious</a></li>
|
||||
<li><a href="https://search.512mb.org/">Searx</a></li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="pissbigger">
|
||||
<h1>Services</h1> <br><br>
|
||||
</div>
|
||||
<div class="grid">
|
||||
<div class="hero-unit">
|
||||
<h1>Nextcloud instance</h1>
|
||||
<p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large" >Take me there</a></p>
|
||||
<p><a href="https://cloud.512mb.org/" class="btn btn-primary btn-large" >Take me there</a></p>
|
||||
</div>
|
||||
<div class="hero-unit">
|
||||
<h1>Webmail</h1>
|
||||
|
|
@ -28,9 +154,6 @@
|
|||
<h1>Archlinux mirror</h1>
|
||||
<p><a href="https://512mb.org/arch" class="btn btn-primary btn-large">Take me there</a></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="span4">
|
||||
<div class="hero-unit">
|
||||
<h1>Password Manager</h1>
|
||||
<p><a href="https://pw.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
|
||||
|
|
@ -59,9 +182,6 @@
|
|||
<h1>Manjaro mirror</h1>
|
||||
<p><a href="https://512mb.org/manjaro" class="btn btn-primary btn-large">Take me there</a></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="span4">
|
||||
<div class="hero-unit">
|
||||
<h1>Status Page</h1>
|
||||
<p><a href="https://status.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
|
||||
|
|
@ -90,6 +210,31 @@
|
|||
<h1>Gentoo mirror</h1>
|
||||
<p><a href="https://512mb.org/gentoo" class="btn btn-primary btn-large">Take me there</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Who runs this madness end -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
<footer>
|
||||
<p>512mb group 2017-2022</p>
|
||||
</footer>
|
||||
|
||||
</div> <!-- /container -->
|
||||
|
||||
<!-- Le javascript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
<script src="assets/jquery.js"></script>
|
||||
<script src="assets/bootstrap-transition.js"></script>
|
||||
<script src="assets/bootstrap-alert.js"></script>
|
||||
<script src="assets/bootstrap-modal.js"></script>
|
||||
<script src="assets/bootstrap-dropdown.js"></script>
|
||||
<script src="assets/bootstrap-scrollspy.js"></script>
|
||||
<script src="assets/bootstrap-tab.js"></script>
|
||||
<script src="assets/bootstrap-tooltip.js"></script>
|
||||
<script src="assets/bootstrap-popover.js"></script>
|
||||
<script src="assets/bootstrap-button.js"></script>
|
||||
<script src="assets/bootstrap-collapse.js"></script>
|
||||
<script src="assets/bootstrap-carousel.js"></script>
|
||||
<script src="assets/bootstrap-typeahead.js"></script>
|
||||
</body></html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue