Skip to content

Instantly share code, notes, and snippets.

@K4tsuki

K4tsuki/firx_parallax.html

Last active February 19, 2016 07:33
Show Gist options
  • Save K4tsuki/622289c3929895018435 to your computer and use it in GitHub Desktop.
Save K4tsuki/622289c3929895018435 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
firx_parallax.html
<!DOCTYPE html>
<html class=
"js tes lexbox canvas canvastext webgl no-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 js flexbox canvas canvastext webgl no-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 js flexbox canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths js flexbox canvas canvastext webgl no-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">
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<style>
.block-partners{
display: none;
}
</style>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--><!--<![endif]-->
<meta charset="utf-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<title>SAR | Companies</title>
<meta content="" name="description">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="SAR%20_%20Companies_newer_files/bootstrap.css" rel=
"stylesheet">
<link href="SAR%20_%20Companies_newer_files/bootstrap-theme.css" rel=
"stylesheet">
<link href="SAR%20_%20Companies_newer_files/sweetalert.css" rel=
"stylesheet">
<link href="SAR%20_%20Companies_newer_files/main.css" rel="stylesheet">
<link href="http://sar.qoobx.com/favicon.png" rel="icon" type="image/png">
<script src="//www.google-analytics.com/analytics.js">
</script>
<script src="//www.google-analytics.com/analytics.js">
</script>
<script src="//www.google-analytics.com/analytics.js">
</script>
<script src="//www.google-analytics.com/analytics.js">
</script>
<script src="//www.google-analytics.com/analytics.js">
</script>
<script src="SAR%20_%20Companies_newer_files/analytics.js">
</script>
<script src="SAR%20_%20Companies_newer_files/modernizr-2.js">
</script>
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">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="parallax">
<div class="parallax__group" style="height: 0px;">
<header class="top-banner-page">
<div class="container">
<div class="row">
<div class="col-sm-5">
<h1 class="logo"><a href=
"http://sar.qoobx.com/">SALESACADEMYROTTERDAM</a></h1>
</div>
<div class="col-sm-7">
<ul class="menu">
<!-- <li><a href="/">HOME</a></li> -->
<li>
<a class="" href=
"http://sar.qoobx.com/about">ABOUT</a>
</li>
<li>
<a class="" href=
"http://sar.qoobx.com/job-requirements">JOB
REQUIREMENTS</a>
</li>
<li>
<a class="" href=
"http://sar.qoobx.com/contactus">CONTACT
US</a>
</li>
<li>
<a class="active" href=
"http://sar.qoobx.com/companies">COMPANIES</a>
</li>
</ul><button aria-controls="navbar" aria-expanded=
"false" class="navbar-toggle collapsed"
data-target="#navbar" data-toggle="collapse" type=
"button"><span class="sr-only">Toggle
navigation</span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class=
"icon-bar"></span></button>
</div>
</div>
</div>
</header>
<div class="content-banner companies">
<div class="parallax__group" style="height: 300px;">
<div class="parallax__layer parallax__layer--back">
<img alt="" class="parallax__bgpic" src=
"SAR%20_%20Companies_newer_files/banner_top_page_companies.jpg"
style=""></div>
<div class="parallax__layer parallax__layer--base" style=
"text-align: center;">
<h1>De moderne opvolger<br>
van de acceptgiro</h1>
</div>
</div>
</div>
<div class="content companies" style=
"z-index: 1;margin-top: -80px;">
<div class="container" style="top: 0px;">
<div class="row">
<div class="col-md-12">
<h1 class="title">Companies</h1>
<div class="row">
<div class="col-md-6">
<img alt="" class="page-logo" src=
"SAR%20_%20Companies_newer_files/logo_cibincasso.png">
<p>Neque porro quisquam est, qui dolorem
ipsum quia dolor sit amet, consectetur,
adipisci velit, sed quia non numquam eius
modi tempora incidunt ut labore et dolore
magnam aliquam quaerat voluptatem. Ut enim
ad minima veniam, quis nostrum
exercitationem ullam corporis suscipit
laboriosam, nisi ut aliquid ex ea commodi
consequatur? Quis autem vel eum iure
reprehenderit qui in ea voluptate .</p>
</div>
<div class="col-md-6">
<img alt="" class="page-logo" src=
"SAR%20_%20Companies_newer_files/logo_billink.png">
<p>Neque porro quisquam est, qui dolorem
ipsum quia dolor sit amet, consectetur,
adipisci velit, sed quia non numquam eius
modi tempora incidunt ut labore et dolore
magnam aliquam quaerat voluptatem. Ut enim
ad minima veniam, quis nostrum
exercitationem ullam corporis suscipit
laboriosam, nisi ut aliquid ex ea commodi
consequatur? Quis autem vel eum iure
reprehenderit qui in ea voluptate .</p>
</div>
</div>
<div class="row" style="margin-bottom: 80px;">
<div class="col-md-6">
<img alt="" class="page-logo" src=
"SAR%20_%20Companies_newer_files/logo_mempay.png">
<p>Neque porro quisquam est, qui dolorem
ipsum quia dolor sit amet, consectetur,
adipisci velit, sed quia non numquam eius
modi tempora incidunt ut labore et dolore
magnam aliquam quaerat voluptatem. Ut enim
ad minima veniam, quis nostrum
exercitationem ullam corporis suscipit
laboriosam, nisi ut aliquid ex ea commodi
consequatur? Quis autem vel eum iure
reprehenderit qui in ea voluptate .</p>
</div>
<div class="col-md-6">
<img alt="" class="page-logo" src=
"SAR%20_%20Companies_newer_files/logo_sharepay.png">
<p>Neque porro quisquam est, qui dolorem
ipsum quia dolor sit amet, consectetur,
adipisci velit, sed quia non numquam eius
modi tempora incidunt ut labore et dolore
magnam aliquam quaerat voluptatem. Ut enim
ad minima veniam, quis nostrum
exercitationem ullam corporis suscipit
laboriosam, nisi ut aliquid ex ea commodi
consequatur? Quis autem vel eum iure
reprehenderit qui in ea voluptate .</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="block-partners">
<div class="container">
<div class="row">
<div class="col-sm-3">
<a href="#"><img alt="" class="mw100" src=
"SAR%20_%20Companies_newer_files/partner_1.png"></a>
</div>
<div class="col-sm-3">
<a href="#"><img alt="" class="mw100" src=
"SAR%20_%20Companies_newer_files/partner_2.png"></a>
</div>
<div class="col-sm-3">
<a href="#"><img alt="" class="mw100" src=
"SAR%20_%20Companies_newer_files/partner_3.png"></a>
</div>
<div class="col-sm-3">
<a href="#"><img alt="" class="mw100" src=
"SAR%20_%20Companies_newer_files/partner_4.png"></a>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-sm-6">
<h3>© 2016
<strong>Salesacademyrotterdam</strong></h3>
<p>Lorem ipsum dolor sit amet, ut integer,
suscipit<br>
sapien nullam.</p>
<div class="socials">
<ul>
<li>
<a class="tw" href="#"></a>
</li>
<li>
<a class="in" href="#"></a>
</li>
<li>
<a class="yt" href="#"></a>
</li>
<li>
<a class="gp" href="#"></a>
</li>
</ul>
</div>
</div>
<div class="col-sm-6">
<div class="footer-menu">
<ul>
<li>
<a href=
"http://sar.qoobx.com/">Home</a>
</li>
<li>
<a href=
"http://sar.qoobx.com/about">About</a>
</li>
<li>
<a href=
"http://sar.qoobx.com/contactus">Contact
us</a>
</li>
<li>
<a href=
"http://sar.qoobx.com/companies">Companies</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
<script src="SAR%20_%20Companies_newer_files/jquery.js">
</script>
<script>
window.jQuery || document.write('<script src="js/vendor/jquery-1.11.1.min.js"><\/script>')
</script>
<script src="SAR%20_%20Companies_newer_files/bootstrap.js">
</script>
<script src="SAR%20_%20Companies_newer_files/sweetalert.js">
</script>
<script src="SAR%20_%20Companies_newer_files/main.js">
</script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X');ga('send','pageview');
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment