blob: d1c975ba905d93628da37b303861244f8a878172 (
plain) (
tree)
|
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="keywords" content="">
<title>Adélie Linux | Screenshots</title>
<!-- Favicon -->
<link href="/assets/images/favicon.png" rel="shortcut icon">
<!-- CSS -->
<link href="/assets/plugins/bootstrap/bootstrap.min.css" rel="stylesheet">
<link href="/assets/plugins/owl-carousel/owl.carousel.min.css" rel="stylesheet">
<link href="/assets/plugins/owl-carousel/owl.theme.default.min.css" rel="stylesheet">
<link href="/assets/plugins/magnific-popup/magnific-popup.min.css" rel="stylesheet">
<link href="/assets/plugins/sal/sal.min.css" rel="stylesheet">
<link href="/assets/css/theme.css" rel="stylesheet">
<!-- Fonts/Icons -->
<link href="/assets/plugins/font-awesome/css/all.css" rel="stylesheet">
<link href="/assets/plugins/themify/themify-icons.min.css" rel="stylesheet">
<link href="/assets/plugins/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
</head>
<body>
<!-- Header -->
<div class="header right absolute-light sticky">
__HEADER__
</div>
<!-- end Header -->
<div class="section-xl bg-image parallax" data-bg-src="penguins-identical.webp">
<div class="bg-black-05">
<div class="container text-right">
<div class="row">
<div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2">
<h1 class="font-weight-light">Gallery</h1>
<p class="text-white-08">When Linux distributions start to feel the same, one must find a way to stand out from the crowd. Adélie feels familiar—because it is—but you won't miss the instability of other distros.</p>
<a class="button button-lg button-radius button-white-3 margin-top-30" href="#gallery">See Adélie in Action</a>
</div>
</div><!-- end row -->
</div><!-- end container -->
</div>
<div style="position:relative; top:-80px;" id="gallery"><!-- this magic number compensates for the header on anchor jump --></div>
</div>
<!-- Portfolio section -->
<div class="section">
<div class="container">
<!-- Portfolio filter -->
<div class="filter filter-style-3 text-center">
<ul>
<li class="active" data-filter="*">All</li>
<li data-filter=".category-1">Productivity</li>
<li data-filter=".category-2">Data Science</li>
<li data-filter=".category-3">Retro Computing</li>
</ul>
</div>
<!-- end Portfolio filter -->
<div class="row portfolio-wrapper spacing-10 border-radius-025">
<!-- Portfolio box 1 -->
<div class="col-12 col-md-6 col-lg-4 portfolio-item category-1">
<div class="portfolio-box">
<div class="portfolio-img">
<img src="/assets/images/col-2.jpg" alt=""><!-- Image source -->
</div>
<a href="#"></a><!-- Portfolio Single link -->
<div class="portfolio-title">
<div>
<h5 class="font-weight-normal">Project Title</h5>
<span>Category</span>
</div>
</div>
</div>
</div>
<!-- Portfolio box 2 -->
<div class="col-12 col-md-6 col-lg-4 portfolio-item category-2">
<div class="portfolio-box">
<div class="portfolio-img">
<img src="/assets/images/col-2.jpg" alt=""><!-- Image source -->
</div>
<a href="#"></a><!-- Portfolio Single link -->
<div class="portfolio-title">
<div>
<h5 class="font-weight-normal">Project Title</h5>
<span>Category</span>
</div>
</div>
</div>
</div>
<!-- Portfolio box 3 -->
<div class="col-12 col-md-6 col-lg-4 portfolio-item category-3">
<div class="portfolio-box">
<div class="portfolio-img">
<img src="/assets/images/col-2.jpg" alt=""><!-- Image source -->
</div>
<a href="#"></a><!-- Portfolio Single link -->
<div class="portfolio-title">
<div>
<h5 class="font-weight-normal">Project Title</h5>
<span>Category</span>
</div>
</div>
</div>
</div>
<!-- Portfolio box 4 -->
<div class="col-12 col-md-6 col-lg-4 portfolio-item category-1">
<div class="portfolio-box">
<div class="portfolio-img">
<img src="/assets/images/col-2.jpg" alt=""><!-- Image source -->
</div>
<a href="#"></a><!-- Portfolio Single link -->
<div class="portfolio-title">
<div>
<h5 class="font-weight-normal">Project Title</h5>
<span>Category</span>
</div>
</div>
</div>
</div>
<!-- Portfolio box 5 -->
<div class="col-12 col-md-6 col-lg-4 portfolio-item category-2">
<div class="portfolio-box">
<div class="portfolio-img">
<img src="/assets/images/col-2.jpg" alt=""><!-- Image source -->
</div>
<a href="#"></a><!-- Portfolio Single link -->
<div class="portfolio-title">
<div>
<h5 class="font-weight-normal">Project Title</h5>
<span>Category</span>
</div>
</div>
</div>
</div>
<!-- Portfolio box 6 -->
<div class="col-12 col-md-6 col-lg-4 portfolio-item category-3">
<div class="portfolio-box">
<div class="portfolio-img">
<img src="/assets/images/col-2.jpg" alt=""><!-- Image source -->
</div>
<a href="#"></a><!-- Portfolio Single link -->
<div class="portfolio-title">
<div>
<h5 class="font-weight-normal">Project Title</h5>
<span>Category</span>
</div>
</div>
</div>
</div>
</div><!-- end row/portfolio-wrapper -->
</div><!-- end container -->
</div>
<!-- end Portfolio section -->
<!-- About -->
<div class="section bg-grey-lighter">
<div class="container">
<div class="row">
<div class="col-12 col-md-4">
<h4 class="font-weight-light">Like what you see?</h4>
<h3><a href="/download/">Download Adélie</a></h3>
</div>
<div class="col-12 col-md-4">
<p>Adélie is bundled with Horizon, an easy-to-use installer to get you up and running quickly.</p>
<br />
<p>Large-scale deployments are easily automated with the fully-specified <a href="https://www.adelielinux.org/horizon/">HorizonScript language</a>.</p>
</div>
<div class="col-12 col-md-4">
<p>With a vibrant community of developers and users alike, the support you need is within immediate reach. For those in need of more support, the Adélie Team is here for you.</p>
</div>
</div><!-- end row -->
</div><!-- end container -->
</div>
<!-- end About -->
__INDEPENDENT_WHITE__
__FOOTER__
</body>
</html>
|
