mirror of
https://github.com/gilbN/theme.park.git
synced 2024-11-05 02:32:37 +01:00
533 lines
32 KiB
HTML
533 lines
32 KiB
HTML
<!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="author" content="" />
|
|
<title>theme.park</title>
|
|
<!-- Favicon-->
|
|
<link rel="icon" type="image/x-icon" href="Resources/landing-page/assets/favicon.ico" />
|
|
<!-- Font Awesome icons (free version)-->
|
|
<script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
|
|
<!-- Google fonts-->
|
|
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet" />
|
|
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic"
|
|
rel="stylesheet" type="text/css" />
|
|
<!-- Third party plugin CSS-->
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css"
|
|
rel="stylesheet" />
|
|
<!-- Core theme CSS (includes Bootstrap)-->
|
|
<link href="Resources/landing-page/css/styles.css?v=1" rel="stylesheet" />
|
|
<link rel="stylesheet" href="Resources/landing-page/css/jquery-bg-slideshow.css">
|
|
<link rel="stylesheet" href="Resources/landing-page/css/custom.css?v=1.4">
|
|
</head>
|
|
|
|
<body id="page-top">
|
|
<!-- Navigation-->
|
|
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
|
|
<div class="container">
|
|
<a class="navbar-brand js-scroll-trigger" href="#page-top"><img class="branding"
|
|
src="Resources/landing-page/assets/img/themepark-logo.png" alt=""></a>
|
|
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
|
|
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
|
|
aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
|
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
<ul class="navbar-nav ml-auto my-2 my-lg-0">
|
|
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://docs.theme-park.dev"><i
|
|
class="fas fa-book"></i> Docs</a></li>
|
|
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
|
href="https://github.com/gilbn/theme.park"><i class="fab fa-github"></i> Github</a></li>
|
|
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
|
href="https://docs.theme-park.dev/discord"><i class="fab fa-discord"></i> Discord</a></li>
|
|
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
|
href="https://github.com/sponsors/GilbN"><i class="fas fa-heart"></i> Sponsor</a></li>
|
|
<li style="padding: 0 1rem;">
|
|
<a class="github-button" href="https://github.com/gilbn/theme.park" data-show-count="true"
|
|
aria-label="Star gilbn/theme.park on GitHub">Star</a>
|
|
</li>
|
|
<li style="padding: 0 1rem;">
|
|
<a class="github-button" href="https://github.com/gilbn/theme.park/fork"
|
|
data-icon="octicon-repo-forked" data-show-count="true"
|
|
aria-label="Fork gilbn/theme.park on GitHub">Fork</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- Masthead-->
|
|
<!-- -->
|
|
<header class="masthead bg" data-current="0"
|
|
data-images="Resources/landing-page/assets/img/slides/1.jpg,Resources/landing-page/assets/img/slides/2.jpg,Resources/landing-page/assets/img/slides/3.jpg,Resources/landing-page/assets/img/slides/4.jpg,Resources/landing-page/assets/img/slides/5.jpg,Resources/landing-page/assets/img/slides/6.jpg,Resources/landing-page/assets/img/slides/7.jpg,
|
|
Resources/landing-page/assets/img/slides/8.jpg,Resources/landing-page/assets/img/slides/9.jpg,Resources/landing-page/assets/img/slides/10.jpg,Resources/landing-page/assets/img/slides/11.jpg,Resources/landing-page/assets/img/slides/12.jpg"
|
|
data-transitionDelay="1000" data-transitionSpeed="2000" data-transitionEffect="fade-in" data-randomize="false"
|
|
data-initialBackground="4" data-debug="false" data-slidecontrols.enabled="false"
|
|
data-gradient="linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%)">
|
|
<div class="container h-100">
|
|
<div class="row h-100 align-items-center justify-content-center text-center">
|
|
<div class="col-lg-10 align-self-end">
|
|
<h1 class="text-uppercase text-white font-weight-bold">Custom themes for your favorite apps!</h1>
|
|
<hr class="divider my-4" />
|
|
</div>
|
|
<div class="col-lg-8 align-self-baseline">
|
|
<p class="text-white-75 font-weight-light mb-5">A collection of themes/skins for over 40 selfhosted
|
|
apps!
|
|
</p>
|
|
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- About-->
|
|
<section class="page-section bg-primary" id="about">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8 text-center">
|
|
<h2 class="text-white mt-0">Over 40 themed applications!</h2>
|
|
<hr class="divider light my-4" />
|
|
<p class="text-white-50 mb-1">theme.park contains 44 themed applications, with css <a
|
|
href="https://docs.theme-park.dev/themes/addons/sonarr/">addons</a> on certain themes. </p>
|
|
<p class="text-white-50 mb-1">Installation methods include custom <a
|
|
href="https://blog.linuxserver.io/2019/09/14/customizing-our-containers/">docker mods</a>
|
|
for <a href="https://linuxserver.io">linuxserver.io</a> containers, </p>
|
|
<p class="text-white-50 mb-5">custom scripts for select <a href="https://hotio.dev/">Hotio</a>
|
|
containers
|
|
and multiple examples of subfiltering using webservers like Nginx and Apache</p>
|
|
<p class="text-white-50 mb-5">Choose between <a class="js-scroll-trigger" href="#themes">8 different
|
|
styles!</a> With the possibility to easily create your own themes using the defined <a
|
|
href="https://docs.theme-park.dev/custom/">variables</a>. </p>
|
|
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#services">Get Started!</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col justify-content-center pt-5 all-apps container">
|
|
<div class="row justify-content-center">
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/sonarr">
|
|
<p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/sonarr/logo.png" />
|
|
</p>
|
|
<p>Sonarr</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/radarr">
|
|
<p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/radarr/logo.png" />
|
|
</p>
|
|
<p>Radarr</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/lidarr">
|
|
<p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/lidarr/logo.png" />
|
|
</p>
|
|
<p>Lidarr</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/readarr">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/readarr/logo.png" /></p>
|
|
<p>Readarr</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/prowlarr">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/prowlarr/logo.png" />
|
|
</p>
|
|
<p>Prowlarr</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/bazarr">
|
|
<p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/bazarr/logo.png" />
|
|
</p>
|
|
<p>Bazarr</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/plex">
|
|
<p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/plex/logo.png" />
|
|
</p>
|
|
<p>Plex</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/synclounge">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/synclounge/logo.png" />
|
|
</p>
|
|
<p>Synclounge</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/calibreweb">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/calibreweb/logo.png" /></p>
|
|
<p>Calibre-Web</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/jellyfin">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/jellyfin/logo.png" /></p>
|
|
<p>Jellyfin</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/emby">
|
|
<p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/emby/logo.png" />
|
|
</p>
|
|
<p>Emby</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/tautulli">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/tautulli/logo.png" /></p>
|
|
<p>Tautulli</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/ombi">
|
|
<p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/ombi/logo.png" />
|
|
</p>
|
|
<p>Ombi</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/requestrr">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/requestrr/logo.png" /></p>
|
|
<p>Requestrr</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/organizr">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/organizr/logo.png" /></p>
|
|
<p>Organizr</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/deluge">
|
|
<p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/deluge/logo.png" />
|
|
</p>
|
|
<p>deluge</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/qbittorrent">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/qbittorrent/logo.png" /></p>
|
|
<p>qBittorrent</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/rutorrent">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/rutorrent/logo.png" /></p>
|
|
<p>ruTorrent</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/transmission">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/transmission/logo.png" /></p>
|
|
<p>Transmission</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/sabnzbd">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/sabnzbd/logo.png" /></p>
|
|
<p>SABnzbd</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/nzbget">
|
|
<p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/nzbget/logo.png" />
|
|
</p>
|
|
<p>NZBGet</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/nzbhydra2">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/nzbhydra2/logo.png" />
|
|
</p>
|
|
<p>NZBHydra 2</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/jackett">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/jackett/logo.png" />
|
|
</p>
|
|
<p>Jackett</p>
|
|
</a>
|
|
<!-- <a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/grafana">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/grafana/logo.png" /></p>
|
|
<p>Grafana</p>
|
|
</a> -->
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/netdata">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/netdata/logo.png" /></p>
|
|
<p>Netdata</p>
|
|
</a>
|
|
<!-- <a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/monitorr">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/monitorr/logo.png" /></p>
|
|
<p>Monitorr</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/logarr">
|
|
<p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/logarr/logo.png" />
|
|
</p>
|
|
<p>Logarr</p>
|
|
</a> -->
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/portainer">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/portainer/logo.png" /></p>
|
|
<p>Portainer</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/pihole">
|
|
<p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/pihole/logo.png" />
|
|
</p>
|
|
<p>Pi-hole</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/guacamole">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/guacamole/logo.png" /></p>
|
|
<p>Guacamole</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/filebrowser">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/filebrowser/logo.png" /></p>
|
|
<p>Filebrowser</p>
|
|
</a>
|
|
<!-- <a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/plpp">
|
|
<p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/plpp/logo.png" />
|
|
</p>
|
|
<p>PLPP</p>
|
|
</a> -->
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/librespeed">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/librespeed/logo.png" /></p>
|
|
<p>Librespeed</p>
|
|
</a>
|
|
<!-- <a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/thelounge">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/thelounge/logo.png" /></p>
|
|
<p>The Lounge</p>
|
|
</a> -->
|
|
<a class="col app-container text-center p-2 m-1"
|
|
href="https://docs.theme-park.dev/themes/lazylibrarian">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/lazylibrarian/logo.png" /></p>
|
|
<p>Lazylibrarian</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/adguard">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/adguard/logo.png" /></p>
|
|
<p>Adguard</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/gaps">
|
|
<p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/gaps/logo.png" />
|
|
</p>
|
|
<p>Gaps</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/bitwarden">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/bitwarden/logo.png" /></p>
|
|
<p>Bitwarden</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/duplicacy">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/duplicacy/logo.png" /></p>
|
|
<p>Duplicacy</p>
|
|
</a>
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/kitana">
|
|
<p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/kitana/logo.png" />
|
|
</p>
|
|
<p>Kitana</p>
|
|
</a>
|
|
<!-- <a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/webtools">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/webtools/logo.png" /></p>
|
|
<p>Webtools</p>
|
|
</a> -->
|
|
<a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/resilio-sync">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/resilio-sync/logo.png" /></p>
|
|
<p>Resilio-Sync</p>
|
|
</a>
|
|
<a class="col align-self-center app-container text-center p-2 m-1"
|
|
href="https://docs.theme-park.dev/themes/gitea">
|
|
<p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/gitea/logo.png" />
|
|
</p>
|
|
<p>Gitea</p>
|
|
</a>
|
|
<a class="col align-self-center app-container text-center p-2 m-1"
|
|
href="https://docs.theme-park.dev/themes/unraid">
|
|
<p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/unraid/logo.png" />
|
|
</p>
|
|
<p>Unraid</p>
|
|
</a>
|
|
<a class="col align-self-center app-container text-center p-2 m-1"
|
|
href="https://docs.theme-park.dev/themes/moviematch">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/moviematch/logo.png" /></p>
|
|
<p>Moviematch</p>
|
|
</a>
|
|
<a class="col align-self-center app-container text-center p-2 m-1"
|
|
href="https://docs.theme-park.dev/themes/petio">
|
|
<p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/petio/logo.png" />
|
|
</p>
|
|
<p>Petio</p>
|
|
</a>
|
|
<a class="col align-self-center app-container text-center p-2 m-1"
|
|
href="https://docs.theme-park.dev/themes/flood">
|
|
<p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/flood/logo.png" />
|
|
</p>
|
|
<p>Flood</p>
|
|
</a>
|
|
<a class="col align-self-center app-container text-center p-2 m-1"
|
|
href="https://docs.theme-park.dev/themes/vuetorrent">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/vuetorrent/logo.png" />
|
|
</p>
|
|
<p>VueTorrent</p>
|
|
</a>
|
|
<a class="col align-self-center app-container text-center p-2 m-1"
|
|
href="https://docs.theme-park.dev/themes/dozzle">
|
|
<p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/dozzle/logo.png" />
|
|
</p>
|
|
<p>Dozzle</p>
|
|
</a>
|
|
<a class="col align-self-center app-container text-center p-2 m-1"
|
|
href="https://docs.theme-park.dev/themes/xbackbone">
|
|
<p><img class="app-container-image"
|
|
src="https://docs.theme-park.dev/site_assets/xbackbone/logo.png" />
|
|
</p>
|
|
<p>Xbackbone</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Services-->
|
|
<section class="page-section" id="services">
|
|
<div class="container">
|
|
<h2 class="text-center mt-0">How to get started</h2>
|
|
<hr class="divider my-4" />
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-6 text-center">
|
|
<div class="mt-5">
|
|
<i class="fas fa-4x fa-book text-primary mb-4"></i>
|
|
<h3 class="h4 mb-2">Theme Docs</h3>
|
|
<p class="text-white-50 mb-0">Head over to the <a
|
|
href="https://docs.theme-park.dev/">documentation</a> page for more information on each
|
|
theme!</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 text-center">
|
|
<div class="mt-5">
|
|
<i class="fab fa-4x fa-github text-primary mb-4"></i>
|
|
<h3 class="h4 mb-2">Find us on Github</h3>
|
|
<p class="text-white-50 mb-0">Having issues with a theme? Let us know on <a
|
|
href="https://github.com/gilbn/theme.park">Github!</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 text-center">
|
|
<div class="mt-5">
|
|
<i class="fab fa-4x fa-discord text-primary mb-4"></i>
|
|
<h3 class="h4 mb-2">Discord Community</h3>
|
|
<p class="text-white-50 mb-0">Need live support? Head over to our <a
|
|
href="https://docs.theme-park.dev/discord">Discord</a> server!</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 text-center">
|
|
<div class="mt-5">
|
|
<i class="fas fa-4x fa-heart text-primary mb-4"></i>
|
|
<h3 class="h4 mb-2">Made with Love</h3>
|
|
<p class="text-white-50 mb-0">Is it really open source if it's not made with love?</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Portfolio-->
|
|
<section class="page-section pb-1" id="themes">
|
|
<div class="container">
|
|
<h2 class="text-center mt-0">Available theme options</h2>
|
|
<hr class="divider my-4" />
|
|
</div>
|
|
</section>
|
|
<div id="portfolio" class="theme-overview">
|
|
<div class="container-fluid p-0">
|
|
<div class="row no-gutters d-flex justify-content-center">
|
|
<div class="col-lg-4 col-sm-6 p-1">
|
|
<a class="portfolio-box" href="Resources/landing-page/assets/img/dracula.png">
|
|
<img class="img-fluid" src="Resources/landing-page/assets/img/dracula-small.jpg" alt="..." />
|
|
<div class="portfolio-box-caption p-3 dracula-hover">
|
|
<div class="project-category text-white-50">Theme</div>
|
|
<div class="project-name">Dracula</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-6 p-1">
|
|
<a class="portfolio-box" href="Resources/landing-page/assets/img/overseer.png">
|
|
<img class="img-fluid" src="Resources/landing-page/assets/img/overseer-small.jpg" alt="..." />
|
|
<div class="portfolio-box-caption p-3 overseer-hover">
|
|
<div class="project-category text-white-50">Theme</div>
|
|
<div class="project-name">Overseer</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-6 p-1">
|
|
<a class="portfolio-box" href="Resources/landing-page/assets/img/aquamarine.png">
|
|
<img class="img-fluid" src="Resources/landing-page/assets/img/aquamarine-small.jpg" alt="..." />
|
|
<div class="portfolio-box-caption aquamarine-hover">
|
|
<div class="project-category text-white-50">Theme</div>
|
|
<div class="project-name">Aquamarine</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-6 p-1">
|
|
<a class="portfolio-box" href="Resources/landing-page/assets/img/hotline.png">
|
|
<img class="img-fluid" src="Resources/landing-page/assets/img/hotline-small.jpg" alt="..." />
|
|
<div class="portfolio-box-caption hotline-hover">
|
|
<div class="project-category text-white-50">Theme</div>
|
|
<div class="project-name">Hotline</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-6 p-1">
|
|
<a class="portfolio-box" href="Resources/landing-page/assets/img/space-gray.png">
|
|
<img class="img-fluid" src="Resources/landing-page/assets/img/space-gray-small.jpg" alt="..." />
|
|
<div class="portfolio-box-caption space-gray-hover">
|
|
<div class="project-category text-white-50">Theme</div>
|
|
<div class="project-name">Space Gray</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-6 p-1">
|
|
<a class="portfolio-box" href="Resources/landing-page/assets/img/organizr-dark.png">
|
|
<img class="img-fluid" src="Resources/landing-page/assets/img/organizr-dark-small.jpg"
|
|
alt="..." />
|
|
<div class="portfolio-box-caption organizr-dark-hover">
|
|
<div class="project-category text-white-50">Theme</div>
|
|
<div class="project-name">Organizr Dark</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-6 p-1">
|
|
<a class="portfolio-box" href="Resources/landing-page/assets/img/dark.png">
|
|
<img class="img-fluid" src="Resources/landing-page/assets/img/dark-small.jpg" alt="..." />
|
|
<div class="portfolio-box-caption dark-hover">
|
|
<div class="project-category text-white-50">Theme</div>
|
|
<div class="project-name">Dark</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-6 p-1">
|
|
<a class="portfolio-box" href="Resources/landing-page/assets/img/plex.png">
|
|
<img class="img-fluid" src="Resources/landing-page/assets/img/plex-small.jpg" alt="..." />
|
|
<div class="portfolio-box-caption p-3 plex-hover">
|
|
<div class="project-category text-white-50">Theme</div>
|
|
<div class="project-name">Plex</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Footer-->
|
|
<footer class=" py-5">
|
|
<div class="container">
|
|
<div class="small text-center text-white-50">
|
|
Copyright ©
|
|
<!-- This script automatically adds the current year to your website footer-->
|
|
<!-- (credit: https://updateyourfooter.com/)-->
|
|
<script>
|
|
document.write(new Date().getFullYear());
|
|
</script>
|
|
- GilbN
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- Bootstrap core JS-->
|
|
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
<!-- Third party plugin JS-->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
|
|
<!-- Core theme JS-->
|
|
<script src="Resources/landing-page/js/scripts.js?v=1"></script>
|
|
<script src="Resources/landing-page/js/jquery-bg-slideshow.js?v=1"></script>
|
|
<script type="text/javascript">
|
|
$(function () {
|
|
$(".bg").bgSlideShow();
|
|
});
|
|
</script>
|
|
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
|
</body>
|
|
|
|
</html> |