diff options
| author | Zach van Rijn <me@zv.io> | 2021-05-24 16:43:48 -0500 |
|---|---|---|
| committer | Zach van Rijn <me@zv.io> | 2021-05-24 16:43:48 -0500 |
| commit | 0a5015eec26eeebb205e860c64b5472f1f16ab41 (patch) | |
| tree | 9a80182a815538093d757aa08bff93d39cf0093a /src/screenshots/index.html | |
| download | site-ng-0a5015eec26eeebb205e860c64b5472f1f16ab41.tar.gz site-ng-0a5015eec26eeebb205e860c64b5472f1f16ab41.tar.bz2 site-ng-0a5015eec26eeebb205e860c64b5472f1f16ab41.tar.xz site-ng-0a5015eec26eeebb205e860c64b5472f1f16ab41.zip | |
Initial commit. Still missing pages/content.
Diffstat (limited to 'src/screenshots/index.html')
| -rw-r--r-- | src/screenshots/index.html | 179 |
1 files changed, 179 insertions, 0 deletions
diff --git a/src/screenshots/index.html b/src/screenshots/index.html new file mode 100644 index 0000000..d1c975b --- /dev/null +++ b/src/screenshots/index.html @@ -0,0 +1,179 @@ +<!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> |