This commit is contained in:
Robin Hägg 2015-09-11 15:29:25 +02:00
parent 85a9641af0
commit efce4fa2dc
5 changed files with 47 additions and 48 deletions

View File

@ -1,5 +1,4 @@
<div class="page row process">
<div class="bgel">&nbsp;</div>
<div class="process-band response-band">
<div class="cgbg title-box">
<h1>Our Process</h1>

View File

@ -1,33 +1,35 @@
<div class="row page services">
<h1><span>Our Services</span></h1>
<div class="snap-top-static snap-top-menu">
<a class="nav entertainment col m-3" href="services/entertainment">Entertainment</a>
<a class="nav security col m-3" href="services/security">Security</a>
<a class="nav integration col m-3" href="services/integration">Integration</a>
</div>
<div class="biggie cinema"></div>
<div class="describe-service r">
<h2><a class="nav" href="services/entertainment#video"><strong>Home</strong>Cinema</a></h2>
<p>Fanatical about film? Its time to bring that experience home. Our entertainment systems range from simple wall-mounted setups to fully immersive media rooms that are designed to deliver cutting-edge visuals and acoustics that will blow you away.</p>
<a class="bluebutton mtb nav" href="services/entertainment#video">Read more...</a>
</div>
<div class="biggie audio"></div>
<div class="describe-service">
<h2><a class="nav" href="/services/entertainment#audio"><strong>Home</strong>Audio</a></h2>
<p>Streaming music directly from your smartphone or tablet is an awesomely simple way to experience your media. Our multiroom audio systems allow you the freedom to play your music in any room of your home and with our seamless installation, you can experience high-fidelity audio with minimal visual impact.</p>
<a class="bluebutton mtb nav" href="services/entertainment#audio">Read more...</a>
</div>
<div class="biggie security"></div>
<div class="describe-service r">
<h2><a class="nav" href="/services/security"><strong>Home</strong>Security</a></h2>
<p>Looking after your home is important and necessary. Modern technology can be your eyes and ears, informing you when somethings not right and letting you know when everything is running smoothly. Smart security systems connect with your home network, giving you access to your property, wherever you are in the world.</p>
<a class="bluebutton mtb nav" href="services/security">Read more...</a>
</div>
<div class="biggie automation"></div>
<div class="describe-service">
<h2><a class="nav" href="/services/integration"><strong>Home</strong>Automation</a></h2>
<p>Connect your home and experience the comfort, convenience and simplicity of a smarter way of life. Control your entertainment, security, lighting and climate through your smartphone or tablet and prepare your property for the future of HomeTechnology.</p>
<a class="bluebutton mtb nav" href="services/integration">Read more...</a>
</div>
{>"partials/footer"/}
<h1><span>Our Services</span></h1>
<div class="snap-top-static snap-top-menu">
<a class="nav entertainment col m-3" href="services/entertainment">Entertainment</a>
<a class="nav security col m-3" href="services/security">Security</a>
<a class="nav integration col m-3" href="services/integration">Integration</a>
</div>
<div class="biggie cinema"></div>
<div class="describe-service r">
<h2><a class="nav" href="services/entertainment#video"><strong>Home</strong>Cinema</a></h2>
<p>Fanatical about film? Its time to bring that experience home. Our entertainment systems range from simple wall-mounted setups to fully immersive media rooms that are designed to deliver cutting-edge visuals and acoustics that will blow you away.</p>
<a class="bluebutton mtb nav" href="services/entertainment#video">Read more...</a>
</div>
<div class="biggie audio"></div>
<div class="describe-service">
<h2><a class="nav" href="/services/entertainment#audio"><strong>Home</strong>Audio</a></h2>
<p>Streaming music directly from your smartphone or tablet is an awesomely simple way to experience your media. Our multiroom audio systems allow you the freedom to play your music in any room of your home and with our seamless installation, you can experience high-fidelity audio with minimal visual impact.</p>
<a class="bluebutton mtb nav" href="services/entertainment#audio">Read more...</a>
</div>
<div class="biggie security"></div>
<div class="describe-service r">
<h2><a class="nav" href="/services/security"><strong>Home</strong>Security</a></h2>
<p>Looking after your home is important and necessary. Modern technology can be your eyes and ears, informing you when somethings not right and letting you know when everything is running smoothly. Smart security systems connect with your home network, giving you access to your property, wherever you are in the world.</p>
<a class="bluebutton mtb nav" href="services/security">Read more...</a>
</div>
<div class="biggie automation"></div>
<div class="describe-service">
<h2><a class="nav" href="/services/integration"><strong>Home</strong>Automation</a></h2>
<p>Connect your home and experience the comfort, convenience and simplicity of a smarter way of life. Control your entertainment, security, lighting and climate through your smartphone or tablet and prepare your property for the future of HomeTechnology.</p>
<a class="bluebutton mtb nav" href="services/integration">Read more...</a>
</div>
<div class="col">
{>"partials/footer"/}
</div>
</div>

View File

@ -15,6 +15,6 @@ $(function() {
app.burger = new app.views.BurgerHover({ el: $('header') });
Backbone.history.start({ silent: true, pushState: true });
console.log(app)
$(document.head).append('<style> .splash,.splashspacer{height: ' + Math.max(window.innerHeight, window.innerWidth) + 'px !important;}</style>')
});

View File

@ -52,15 +52,7 @@
}
.page.process {
.bgel{
position:fixed;
top:0;
width:100%;
height:120vh;
@include backgrounder("process-background", "jpg", "no-repeat center/cover");
min-height:500px;
}
overflow:visible;
@include backgrounder("process-background", "jpg", "no-repeat center/cover");
height:1%;
width:100%;
@ -171,12 +163,11 @@
.splash {
top:0;
height:100%;
min-height:600px;
width:100%;
position:fixed;
z-index:1;
@media (pointer:coarse){
@media all and(max-height:600px){
position:absolute;
}
.splash-text {
@ -192,8 +183,8 @@
}
}
.splashspacer{
height:90%;
min-height:500px;
margin-top:-50px;
min-height:600px;
width:100%;
}
.postsplash {

View File

@ -100,6 +100,7 @@ html {
//Header
header {
top:0;
position:absolute;
@media all and(min-height:900px){
position:fixed;
}
@ -162,8 +163,10 @@ header {
}
.burger {display:none;}
.coverer{width:0px;height:0px;
transition:background 1s ease;}
.coverer {
width:0px;height:0px;
transition:background 1s ease;
}
@media all and(max-width:800px){
.burger {
display:block;
@ -236,6 +239,7 @@ header {
//Default body styles
html,body{height:100%;width:100%;position:relative;}
body {
overflow-x: hidden;
overflow-y: scroll;
> main {
overflow-x: hidden;
@ -245,6 +249,9 @@ body {
min-height: calc(100% - 60px);
> .page {
position:absolute;
&:not(.servicepage){
margin-top:60px;
}
@media all and(min-height:900px){
margin-top:60px;
}