370 lines
19 KiB
HTML
370 lines
19 KiB
HTML
<html class="js flexbox canvas canvastext webgl touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths wf-opensans-i3-active wf-opensans-i8-active wf-opensans-n4-active wf-opensans-n3-active wf-opensans-n6-active wf-opensans-n7-active wf-opensans-n8-active wf-montserrat-n4-active wf-montserrat-n7-active wf-active" lang="en" style=""><head><style type="text/css">.gm-style .gm-style-mtc label,.gm-style .gm-style-mtc div{font-weight:400}
|
|
</style><link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700"><style type="text/css">.gm-style .gm-style-cc span,.gm-style .gm-style-cc a,.gm-style .gm-style-mtc div{font-size:10px}
|
|
</style><style type="text/css">@media print { .gm-style .gmnoprint, .gmnoprint { display:none }}@media screen { .gm-style .gmnoscreen, .gmnoscreen { display:none }}</style><style type="text/css">.gm-style-pbc{transition:opacity ease-in-out;background-color:rgba(0,0,0,0.45);text-align:center}.gm-style-pbt{font-size:22px;color:white;font-family:Roboto,Arial,sans-serif;position:relative;margin:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
|
|
</style>
|
|
<script type="text/javascript" id="www-widgetapi-script" src="https://s.ytimg.com/yts/jsbin/www-widgetapi-vflxHXqxJ/www-widgetapi.js" async=""></script><script type="text/javascript" id="www-widgetapi-script" src="https://s.ytimg.com/yts/jsbin/www-widgetapi-vflv4EGJj/www-widgetapi.js" async=""></script><script type="text/javascript" id="www-widgetapi-script" src="https://s.ytimg.com/yts/jsbin/www-widgetapi-vflv4EGJj/www-widgetapi.js" async=""></script><script type="text/javascript" id="www-widgetapi-script" src="https://s.ytimg.com/yts/jsbin/www-widgetapi-vflv4EGJj/www-widgetapi.js" async=""></script><script type="text/javascript" id="www-widgetapi-script" src="https://s.ytimg.com/yts/jsbin/www-widgetapi-vflv4EGJj/www-widgetapi.js" async=""></script>
|
|
<script type="text/javascript" id="www-widgetapi-script" src="https://s.ytimg.com/yts/jsbin/www-widgetapi-vflv4EGJj/www-widgetapi.js" async=""></script><script type="text/javascript" id="www-widgetapi-script" src="https://s.ytimg.com/yts/jsbin/www-widgetapi-vflv4EGJj/www-widgetapi.js" async=""></script><script src="https://www.youtube.com/iframe_api?v=2.9.3" id="YTAPI"></script>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>RetryLife</title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<!-- Favicon -->
|
|
<link rel="shortcut icon" href="favicon.ico">
|
|
<!-- Bootstrap -->
|
|
<link rel="stylesheet" href="http://themes.89elements.com/definity-html/assets/styles/vendor/bootstrap.min.css">
|
|
<!-- Fonts -->
|
|
<link rel="stylesheet" href="http://themes.89elements.com/definity-html/assets/fonts/et-lineicons/css/style.css">
|
|
<link rel="stylesheet" href="http://themes.89elements.com/definity-html/assets/fonts/linea-font/css/linea-font.css">
|
|
<link rel="stylesheet" href="http://themes.89elements.com/definity-html/assets/fonts/fontawesome/css/font-awesome.min.css">
|
|
<!-- Slider -->
|
|
<link rel="stylesheet" href="http://themes.89elements.com/definity-html/assets/styles/vendor/slick.css">
|
|
<!-- Lightbox -->
|
|
<link rel="stylesheet" href="http://themes.89elements.com/definity-html/assets/styles/vendor/magnific-popup.css">
|
|
<!-- Animate.css -->
|
|
<link rel="stylesheet" href="http://themes.89elements.com/definity-html/assets/styles/vendor/animate.css">
|
|
|
|
|
|
<!-- Definity CSS -->
|
|
<link rel="stylesheet" href="http://themes.89elements.com/definity-html/assets/styles/main.css">
|
|
<link rel="stylesheet" href="http://themes.89elements.com/definity-html/assets/styles/responsive.css">
|
|
|
|
<!-- JS -->
|
|
<script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js" type="text/javascript" async=""></script><script async="" src="//www.googletagmanager.com/gtm.js?id=GTM-MH7TSF"></script><script src="assets/js/vendor/modernizr-2.8.3.min.js"></script><link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,800italic,400,300,600,700,800%7CMontserrat:400,700&subset=latin,latin" media="all">
|
|
<script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/30/5/common.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/30/5/util.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/30/5/stats.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/30/5/map.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/30/5/marker.js"></script><style type="text/css">.gm-style {
|
|
font: 400 11px Roboto, Arial, sans-serif;
|
|
text-decoration: none;
|
|
}
|
|
.gm-style img { max-width: none; }</style><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/30/5/onion.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/30/5/controls.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/30/5/common.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/30/5/util.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/30/5/stats.js"></script><style id="__web-inspector-hide-shortcut-style__" type="text/css">
|
|
.__web-inspector-hide-shortcut__, .__web-inspector-hide-shortcut__ *, .__web-inspector-hidebefore-shortcut__::before, .__web-inspector-hideafter-shortcut__::after
|
|
{
|
|
visibility: hidden !important;
|
|
}
|
|
</style></head>
|
|
<body id="page-top" data-spy="scroll" data-target=".navbar">
|
|
<!--[if lt IE 8]>
|
|
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
|
<![endif]-->
|
|
|
|
|
|
<div class="preloader" style="display: none;">
|
|
<img src="assets/images/loader.svg" alt="Loading..." style="display: none;">
|
|
</div>
|
|
|
|
|
|
|
|
<!-- ========== Navigation ========== -->
|
|
|
|
<nav class="navbar navbar-default navbar-fixed-top trans-helper navbar-fw navbar-trans navbar-trans-dark" role="navigation">
|
|
|
|
|
|
</nav><!-- / .navbar -->
|
|
|
|
|
|
|
|
<!-- ========== Hero Cover ========== -->
|
|
|
|
<div id="home" class="main-demo-hero">
|
|
<div class="bg-overlay">
|
|
|
|
<!-- Hero Content -->
|
|
<div class="hero-content-wrapper" style="background-color: rgba(0, 203, 117, 0.18);bacoground-image:url();">
|
|
<div class="hero-content">
|
|
|
|
<h1 class="hero-lead wow fadeInLeft" data-wow-duration="1.5s" style="visibility: visible; animation-duration: 1.5s; animation-name: fadeInLeft;">RetryLife</h1>
|
|
<h4 class="h-alt hero-subheading wow fadeIn" data-wow-duration="2s" data-wow-delay=".7s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.7s; animation-name: fadeIn;">Video, Music, Animation, Graphic Design</h4>
|
|
<a href="#welcome" class="btn wow fadeIn" data-wow-duration="2s" data-wow-delay="1s" style="visibility: visible; animation-duration: 2s; animation-delay: 1s; animation-name: fadeIn;">Let's Go</a>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Scroller -->
|
|
|
|
|
|
</div><!-- / .bg-overlay -->
|
|
</div><!-- / .main-hero-2 -->
|
|
|
|
|
|
|
|
<!-- ========== Welcome ========== -->
|
|
|
|
<section id="welcome" class="container">
|
|
<div class="row">
|
|
|
|
<div class="ws-l"></div>
|
|
|
|
<header class="sec-heading">
|
|
<h2>Welcome</h2>
|
|
<span class="subheading">Imagine. Create. Share.</span>
|
|
</header>
|
|
|
|
<div class="col-md-offset-2 col-md-8 text-center ws-m">
|
|
<p>Welcome to RetryLife, a group of close friends who have a passion for creating interesting content of many diffrent varieties. This website is where you can come to find all of our published work. </p>
|
|
</div>
|
|
|
|
|
|
|
|
</div><!-- / .row -->
|
|
</section><!-- / .section -->
|
|
|
|
|
|
|
|
<div class="cta-link">
|
|
<div class="bg-overlay">
|
|
|
|
<div class="cta-wrapper">
|
|
<h3 class="h-alt wow fadeIn" data-wow-delay=".1s" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.1s; animation-name: fadeIn;">Want to support us?</h3>
|
|
<a href="https://www.patreon.com/bePatron?u=7175648" class="btn btn-light btn-large wow fadeIn" data-wow-delay=".3s" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: fadeIn;" data-patreon-widget-type="become-patron-button">Become A Patron</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div><!-- ========== Services ========== -->
|
|
|
|
<div class="gray-bg">
|
|
<section id="services" class="container ft-cards">
|
|
<div class="row section">
|
|
|
|
<header class="sec-heading">
|
|
<h2>What we do</h2>
|
|
|
|
</header>
|
|
|
|
<!-- Item 1 -->
|
|
<div class="col-lg-4 col-md-6 mb-sm-50">
|
|
<div class="ft-item wow fadeInUp" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-name: fadeInUp;">
|
|
|
|
<h4>Music</h4>
|
|
<p>We work together to produce cool music and also colaborate with many people.</p>
|
|
<a href="http://retrylife.bandcamp.com">Learn more </a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Item 2 -->
|
|
<div class="col-lg-4 col-md-6 mb-sm-50">
|
|
<div class="ft-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: fadeInUp;">
|
|
|
|
<h4>Video</h4>
|
|
<p>We are constently trying out new video formats to bring content to our fans.</p>
|
|
<a href="#portfolio">Learn more </a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Item 3 -->
|
|
<div class="col-lg-4 col-md-6 mb-sm-50">
|
|
<div class="ft-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".6s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.6s; animation-name: fadeInUp;">
|
|
|
|
<h4>Graphic Design</h4>
|
|
<p>We produce many high quality graphics and digital art peices.</p>
|
|
<a href="http://glitchop.newgrounds.com">Learn more </a>
|
|
</div>
|
|
</div>
|
|
|
|
</div><!-- / .row -->
|
|
</section>
|
|
</div><!-- / .gray-bg -->
|
|
|
|
|
|
|
|
<!-- ========== Number Counters - Parallax ========== -->
|
|
|
|
<div class="number-counters" style="background-color:#1f2021;background-image: url(">
|
|
<div class="container">
|
|
<div id="counters" class="row count-wrapper">
|
|
|
|
<!-- Item 1 -->
|
|
<div class="col-md-3 mb-sm-100 count-item wow fadeIn" data-wow-duration="1s" data-wow-delay=".3s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: fadeIn;">
|
|
<span id="count-1" class="count-nbr">100+</span>
|
|
<span class="count-text">Songs published</span>
|
|
</div>
|
|
|
|
<!-- Item 2 -->
|
|
<div class="col-md-3 mb-sm-100 count-item wow fadeIn" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-name: fadeIn;">
|
|
<span id="count-2" class="count-nbr">2000+</span>
|
|
<span class="count-text">Plays</span>
|
|
</div>
|
|
|
|
<!-- Item 3 -->
|
|
<div class="col-md-3 mb-sm-100 count-item wow fadeIn" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-name: fadeIn;">
|
|
<span id="count-3" class="count-nbr">6</span>
|
|
<span class="count-text">members</span>
|
|
</div>
|
|
|
|
<!-- Item 4 -->
|
|
<div class="col-md-3 count-item wow fadeIn" data-wow-duration="1s" data-wow-delay=".3s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: fadeIn;">
|
|
<span id="count-4" class="count-nbr">80+</span>
|
|
<span class="count-text">dedicated viewers</span>
|
|
</div>
|
|
|
|
</div><!-- / .row -->
|
|
</div><!-- / .container -->
|
|
</div><!-- / .number-counters -->
|
|
|
|
|
|
|
|
<div id="portfolio" class="container-fluid ft-hover-item">
|
|
<div class="row">
|
|
|
|
<!-- Item 1 -->
|
|
<div class="ft-item ft-1 col-md-6" style="background-image: url('/img/rtl.png')">
|
|
<div class="bg-overlay">
|
|
|
|
<div class="content-wrapper">
|
|
<a><h3>RetryLife Official</h3></a>
|
|
<p>A mix of music videos, audio visualizers, and general fun</p>
|
|
<a href="https://www.youtube.com/channel/UCrHT3Lt0Mg90bspbMHJfTcA" class="btn-ghost btn-ghost-light ft-button">Check it out</a>
|
|
</div>
|
|
|
|
</div><!-- / .bg-overlay -->
|
|
</div><!-- / .ft-item -->
|
|
|
|
<!-- Item 2 -->
|
|
<div class="ft-item ft-2 col-md-6" style="background-image:url('/img/nds.png');background-color:">
|
|
<div class="bg-overlay">
|
|
|
|
<div class="content-wrapper">
|
|
<a><h3>Nathan Desjardins</h3></a>
|
|
<p>Timelapses and voiceovers. Here, you can find the arty side of the group</p>
|
|
<a href="https://www.youtube.com/channel/UCxzARKt0_U0sLHbF4pDN1Pw" class="btn-ghost btn-ghost-light ft-button">Check it out</a>
|
|
</div>
|
|
|
|
</div><!-- / .bg-overlay -->
|
|
</div><!-- / .ft-item -->
|
|
|
|
</div><!-- / .row -->
|
|
</div><!-- / .container-fluid -->
|
|
|
|
|
|
|
|
<div class="cta-link">
|
|
<div class="bg-overlay">
|
|
|
|
<div class="cta-wrapper">
|
|
<h3 class="h-alt wow fadeIn" data-wow-delay=".1s" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.1s; animation-name: fadeIn;">Already a member of the group?</h3>
|
|
<a href="http://retrylife.slack.com" class="btn btn-light btn-large wow fadeIn" data-wow-delay=".3s" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: fadeIn;">Go to the hub</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div><!-- / .dark-bg .cta-link -->
|
|
|
|
|
|
|
|
|
|
|
|
<div id="about" class="gray-bg">
|
|
<section class="container section team-3col">
|
|
<div class="row">
|
|
|
|
<header class="sec-heading">
|
|
<h2>Meet the team</h2>
|
|
|
|
</header>
|
|
|
|
|
|
<!-- Member 1 -->
|
|
<div class="col-lg-4 col-md-6 mb-sm-50">
|
|
<div class="t-item wow fadeIn" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-name: fadeIn;">
|
|
|
|
<!-- Image -->
|
|
|
|
|
|
<!-- Info -->
|
|
<div class="t-info">
|
|
<h4 class="t-name">Evan Pratten</h4>
|
|
<span class="t-role">Video Editor & Musician</span>
|
|
<ul class="social-links">
|
|
<li><a href="MAILTO:ewpratten@retrylife.ca"><i class="fa fa-facebook"></i></a></li>
|
|
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
</div><!-- / .t-item -->
|
|
</div><!-- / .col-md-4 -->
|
|
|
|
|
|
<!-- Member 2 -->
|
|
<div class="col-lg-4 col-md-6 mb-sm-50">
|
|
<div class="t-item wow fadeIn" data-wow-duration="1s" data-wow-delay=".3s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: fadeIn;">
|
|
|
|
<!-- Image -->
|
|
|
|
|
|
<!-- Info -->
|
|
<div class="t-info">
|
|
<h4 class="t-name">russle seck</h4>
|
|
<span class="t-role">Video editor & Musician</span>
|
|
<ul class="social-links">
|
|
<li><a href="MAILTO:russmemusic@retrylife.ca"><i class="fa fa-facebook"></i></a></li>
|
|
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
</div><!-- / .t-item -->
|
|
</div><!-- / .col-md-4 -->
|
|
|
|
|
|
<!-- Member 3 -->
|
|
<div class="col-lg-4 col-md-6 mb-sm-50">
|
|
<div class="t-item wow fadeIn" data-wow-duration="1s" data-wow-delay=".6s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.6s; animation-name: fadeIn;">
|
|
|
|
<!-- Image -->
|
|
|
|
|
|
<!-- Info -->
|
|
<div class="t-info">
|
|
<h4 class="t-name">Nathan Desjardins</h4>
|
|
<span class="t-role">Graphic Designer</span>
|
|
<ul class="social-links">
|
|
<li><a href="MAILTO:nathan@retrylife.ca"><i class="fa fa-facebook"></i></a></li>
|
|
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
</div><!-- / .t-item -->
|
|
</div><!-- / .col-md-4 -->
|
|
|
|
|
|
</div><!-- / .row -->
|
|
</section><!-- / .contianer -->
|
|
</div><!-- / .gray-bg -->
|
|
|
|
|
|
<!-- ========== Footer ========== -->
|
|
|
|
<footer class="footer-widgets">
|
|
<div class="container">
|
|
<div class="row section">
|
|
|
|
<!-- About Us -->
|
|
<div class="col-md-3 col-sm-6 mb-sm-100">
|
|
<div class="widget about-widget">
|
|
<h5 class="header-widget">About Us</h5>
|
|
<p>
|
|
Welcome to RetryLife, a group of close friends who have a passion for creating interesting content of many diffrent varieties. This website is where you can come to find all of our published work.</p>
|
|
|
|
|
|
</div><!-- / .widget -->
|
|
</div><!-- / .col-md-3 -->
|
|
|
|
|
|
</div><!-- / .row -->
|
|
</div><!-- / .container -->
|
|
|
|
|
|
<!-- Copyright -->
|
|
<!-- / .copyright -->
|
|
|
|
</footer><!-- / .footer-widgets -->
|
|
|
|
|
|
|
|
|
|
<style>[href^="https://www.googleadservices.com/pagead/aclk?"]
|
|
{display:none !important;}</style></body></html>
|