diff --git a/server/templates/pages/about.dust b/server/templates/pages/about.dust index 822908c..2d0e355 100644 --- a/server/templates/pages/about.dust +++ b/server/templates/pages/about.dust @@ -1,95 +1,25 @@ -
-
-
-

Welcome / Välkommen!

-

The Code Bureau: Advanced Web Development & Design

-
-
-

The Code Bureau is a web development & design firm based in Lund, - Sweden. Unlike most other web designers/developers, all our employees - have a background in mathematics or computer science.

-

We make it our business to stay up to date on the latest - trends and technologies. The applications we create are always - state-of-the-art and built for the future. When you employ us, you wont need to update your - products for years.

+
+
+
+
+

Fresh new ideas &
ways of thinking

+

Remaining at the forefront of home technology is an integral aspect of providing a great service. This allows us to offer cutting-edge solutions to a variety of applications, future-proofing yourself and your property for years to come. We thrive on challenging ourselves to design systems that not only meet your expectations, but blows them away.

+
+
+

One company
One solution

+

We're all about keeping things simple. Our systems are easy-to-use, our process is clear and well defined and our complete technology service incorporates every aspect, from project inception to the final-comission. We provide extensive demonstrations and continuing support for every client, so you'll never feel that the technology is too much to handle.

+
-
-

We cater a range of different services to our customers; - always focusing on the development of code for the web. Our love for code - and the new possibilities of the web enable us to do almost anything. Just ask.

-

The Code Bureau is a fairly new venture, and as such we - are still building a portfolio of show cases. During this time we - are offering our services at greatly reduced prices.

+
+
+
+

Here's what some of our
customers have to say

-
-
-
-

What We Do

-
-
-

Web Pages

-

Obviously we create websites. Essentially everything we create are - web sites of varying complexity. However, we refer to web sites as our - entry level products that mainly focus on presentation of information without excessive functionality.

-
-
-

Web Apps

-

Web apps are advanced web sites that emulate functionality usually - found in native apps or programs.

- -

Web apps have, unlike native apps, the benefit of running on all - computers and devices. The users only need a browser to access its - functionality.

-
-
-

Web Games

-

As the name suggests, web games are games made to run in a browser on any device.

-
-
-
-
-

Why Choose Us?

-
-
-
    -
  1. -

    We know code

    -

    Most web designers or developers are artistically creative individuals. However, - to create stable, reliable web sites and apps you need to know more than design. We - are a collection of individuals that both truly love and know code, computers and the web.

    -
  2. -
  3. -

    SEO

    -

    Search Engine Optimization is probably the most important - factor for a web sites success. It is also constantly changing, and your web sites - need to be updated constantly to stay ahead of the competition.

    -

    One of the most important factors for good SEO today is the speed - of your website. Using a framework like WordPress will doom you to a - slow web site with poor search engine performance. Our web sites - are many, many times faster than those built with WordPress or similar.

    -
  4. -
  5. -

    Future Proof

    -

    The internet and web browsers have become infinately more advanced the last few years. Web sites are quickly becoming - more like apps and the user experience can be greatly improved. Our love for code means we understand the trends, and can - make decisions that ensure our products will be up to date for years to come. No WordPress or PHP here.

    -
  6. -
-
-
-
-
-

Contact

-
-
-

+46 (0) 708 922 122

- -

TCB IT & Development AB
- Ideon Agora
- - Scheelevägen 15
- 22363 Lund
- Sweden

- -
-
+ +
+ SLideshow here +
+
+ {>"partials/footer"/} +
+ \ No newline at end of file diff --git a/server/templates/pages/contact.dust b/server/templates/pages/contact.dust index 0582b6d..1faf0db 100644 --- a/server/templates/pages/contact.dust +++ b/server/templates/pages/contact.dust @@ -11,9 +11,9 @@

MessageUs

- {formStatus.message}
+ {formStatus.message} Name:
Phone/E-mail:
Message:
diff --git a/server/templates/pages/services/entertainment.dust b/server/templates/pages/services/entertainment.dust index 54abc92..d8f86ca 100644 --- a/server/templates/pages/services/entertainment.dust +++ b/server/templates/pages/services/entertainment.dust @@ -18,6 +18,89 @@

Entertainment

There are many different elements that make for great entertainment. Our expertise in perfectly matching the correct level of technology to the application leaves you with a personalised, unique setup that you’ll never want to turn off. Have a look at what we do below.

+
+
+
+
+

Audio Visual

+

Like you've never seen it before

+
+
+

Audio Visual

+

From high fidelity audio to Ultra HD video, our team have a wealth of experience in supplying, installing and supporting the very best whole-home audio visual systems on the market. Ease of operation is an integral part of every setup, whilst maintaining a clean and unobtrusive design that will allow you to experience music and film exactly as the creators intended.

+
+
+
+
+

Multiroom Audio

+

Your music, all around your home

+
+
+

Multiroom Audio

+

The ability to move freely around your home whilst listening to your favourite music is a fantastic addition to any property. Seamless incorporation of audio equipment with wireless functionality provides a refined listening experience that’s extremely simple to use, and enjoyable to share with friends and family.

+
+
+
+
+

Media

+

Access your favourite content, everywhere

+
+
+

Media

+

The things we watch, listen to and share with friends and family define personal entertainment. We believe that these things should be available all the time and everywhere you go, and as such, develop our media distribution systems to present your favourite digital content, all around your home, at the touch of a button.

+
+
+
+
+

Bespoke Design

+

Customised to perfection

+
+
+

Bespoke Design

+

All of our entertainment services require detailed custom planning and support, but if you have something extraordinary in mind, we can work with you to make this a reality, the only limit is your imagination. Delivery has to be met with perfection, minimising spatial presence and maximising user enjoyment.

+
+
+
+
+

Cinema

+

Ultra-HD is just the beginning

+
+
+

Cinema

+

Our immersive media rooms combine awe-inspiring visuals with breathtaking audio to make sure you see every detail and feel every moment. By working with the finest suppliers of cinema equipment, perfectly suited to your budget, our team can deliver a system that not only impresses, but defies belief.

+
+
+
+
+

Control

+

Simple, yet powerful

+
+
+

Control

+

Technology is only as useful as it is usable, and even complex systems can be intricately designed so that front-end control is simple and user-friendly. We offer varying levels of control with our entertainment setups and can supply you with a fully programmed ‘Smart Control’ or replace conventional remotes with dedicated app support, empowering your smartphone or tablet.

+
+
+
Nassawassapaheem
+
+
+
+
+
+

Entertainment technology, expertly tailored to your project

+
+
+

Immersion through design

+

Entertainment technology can be perfectly crafted and professionally delivered to provide you and your property with a system that will grab your attention and not let go of it until the end. Captivation is key, contact us to experience it for yourself.

+
+
+

Personalised support

+

Every installation we complete comes with unlimited support for one year, free of charge. Our dedicated helpline is always open, even on weekends, so whatever your query, we’re always happy to help. To learn more about our aftercare services, get in touch.

+
+ +
+
{>"partials/footer"/} diff --git a/server/templates/pages/services/integration.dust b/server/templates/pages/services/integration.dust index 5b9db3a..3e685d3 100644 --- a/server/templates/pages/services/integration.dust +++ b/server/templates/pages/services/integration.dust @@ -56,7 +56,11 @@

Lighting & Climate

Discover the wonders of intelligent lighting and smart climate control, drastically improving your home’s energy efficiency in the process. -
+
+
+ +
+
diff --git a/server/templates/pages/services/security.dust b/server/templates/pages/services/security.dust index 197300a..4112b1b 100644 --- a/server/templates/pages/services/security.dust +++ b/server/templates/pages/services/security.dust @@ -18,6 +18,68 @@

Security

Whole home security is all about correct coverage, ensuring your home has the right detection mechanisms for the property type. The security systems we supply, install and look after are designed to interact with one another, offering unbeatable protection whilst keeping you fully informed.

+
+
+
+ +

CCTV

+

High definition imagery with smart capabilities for intuitive and unrestricted control, even from your smartphone.

+
+
+ +

ALARM

+

Modern alarms contact you when something isn’t right, and can be armed or disarmed, wherever you are.

+
+
+
+
+ +

ACCESS

+

Enjoy peace of mind knowing that your doors automatically lock once you leave the house.

+
+
+ +

FIRE

+

Monitoring smoke and carbon monoxide levels in your home is smarter than ever before, offering better protection, that’s not intrusive.

+
+
+
+
+ +

LIGHTING

+

Smart lighting can learn your daily routine, and replicate this whilst you're away to make it look like someone’s always home.

+
+
+ +

SUPPORT

+

We look after all of the equipment we install, updating and improving the system when required. We’ve got you covered.

+
+
+
+ +
+
+
+

We can customize different aspects of security to perfectly suit your home, or equip your property with a pre-designed, fully functional and exceptionally smart security system.

+ + Get Started +
+
+
+ +
+
 
+
+

Reliable equipment.
Professionally installed.

+

Dependable security

+ +

Security systems demand reliability, so they’re fully functional when you really need them. We only supply quality equipment that has been extensively tested, giving you the peace of mind that the technology is doing its job correctly.

+ +

Preparation is everything

+ +

No two properties are the same, so we put lots of emphasis on pre-installation planning and system design to create a network that is secure, effective and perfectly situated.

+
+
{>"partials/footer"/} diff --git a/src/js/views/index.js b/src/js/views/index.js index f08977d..f3cdb9d 100644 --- a/src/js/views/index.js +++ b/src/js/views/index.js @@ -4,5 +4,6 @@ module.exports = { Navigation: require('./navigation'), SnapTop: require('./snap-top'), MarketsSlide: require('./markets-slide'), - ContactUs: require('./contact-us') + ContactUs: require('./contact-us'), + ScrollPad: require('./scroll-pad') }; diff --git a/src/js/views/scroll-pad.js b/src/js/views/scroll-pad.js new file mode 100644 index 0000000..171c18b --- /dev/null +++ b/src/js/views/scroll-pad.js @@ -0,0 +1,9 @@ +module.exports = { + attach: function() { + var thisView = this; + this.ipadImgEl = $('img', this.el); + $(window).scroll(function(){ + thisView.ipadImgEl.css('top', thisView.$el.height() - Math.min(Math.max(window.pageYOffset+(window.innerHeight/1.1) - thisView.$el.offset().top, 0),thisView.$el.height())) + }) + } +}; diff --git a/src/js/views/snap-top.js b/src/js/views/snap-top.js index 4be50d9..a5cda0e 100644 --- a/src/js/views/snap-top.js +++ b/src/js/views/snap-top.js @@ -8,8 +8,8 @@ module.exports = { console.log("att") var thisView = this; $(window).scroll(function(e){ - console.log($('.snap-top-static').offset().top < window.pageYOffset) - if(!thisView.forceHidden && $('.snap-top-static').offset().top < window.pageYOffset){ + if(window.innerHeight > 900){thisView.plussy=60}else{thisView.plussy=0;} + if(!thisView.forceHidden && $('.snap-top-static').offset().top < window.pageYOffset+thisView.plussy){ thisView.$el.addClass('fixed') $('.snap-top-static').addClass('hidden') } diff --git a/src/raster/axis-camera-big2.png b/src/raster/axis-camera-big2.png new file mode 100644 index 0000000..8ca4b58 Binary files /dev/null and b/src/raster/axis-camera-big2.png differ diff --git a/src/raster/customers-say.jpg b/src/raster/customers-say.jpg new file mode 100644 index 0000000..3662c3f Binary files /dev/null and b/src/raster/customers-say.jpg differ diff --git a/src/raster/ipad-integration.png b/src/raster/ipad-integration.png new file mode 100644 index 0000000..08d9bc0 Binary files /dev/null and b/src/raster/ipad-integration.png differ diff --git a/src/raster/se-splash2.jpg b/src/raster/se-splash2.jpg new file mode 100644 index 0000000..03610cd Binary files /dev/null and b/src/raster/se-splash2.jpg differ diff --git a/src/raster/t1.jpg b/src/raster/t1.jpg new file mode 100644 index 0000000..960725d Binary files /dev/null and b/src/raster/t1.jpg differ diff --git a/src/raster/t2.jpg b/src/raster/t2.jpg new file mode 100644 index 0000000..1409740 Binary files /dev/null and b/src/raster/t2.jpg differ diff --git a/src/raster/t3.jpg b/src/raster/t3.jpg new file mode 100644 index 0000000..a4f3f43 Binary files /dev/null and b/src/raster/t3.jpg differ diff --git a/src/raster/t4.jpg b/src/raster/t4.jpg new file mode 100644 index 0000000..0ec7dc6 Binary files /dev/null and b/src/raster/t4.jpg differ diff --git a/src/raster/t5.jpg b/src/raster/t5.jpg new file mode 100644 index 0000000..6a5ed11 Binary files /dev/null and b/src/raster/t5.jpg differ diff --git a/src/raster/t6.jpg b/src/raster/t6.jpg new file mode 100644 index 0000000..9678664 Binary files /dev/null and b/src/raster/t6.jpg differ diff --git a/src/raster/uk-house.jpg b/src/raster/uk-house.jpg new file mode 100644 index 0000000..7788e76 Binary files /dev/null and b/src/raster/uk-house.jpg differ diff --git a/src/sass/_content.scss b/src/sass/_content.scss index 68e59bc..439a924 100644 --- a/src/sass/_content.scss +++ b/src/sass/_content.scss @@ -204,6 +204,51 @@ .splash { @include backgrounder("services-entertainment-splash", "jpg", "top/cover no-repeat"); } + .six-display { + background:$softwhite; + border:1px solid $softwhite; + .tt { + height:320px; + border:1px solid $softwhite; + padding:0; + .front, .back { + height:320px; + position:absolute; + height:100%; + width:100%; + } + .front { + h3, p{margin:0;background:$transblack;} + h3 { + margin-top:100px; + padding-top:20px; + } + p { + padding-bottom:20px; + } + } + .back{display:none;} + &.t1 .front{background:url(/img/t1.jpg) no-repeat center/cover;} + &.t2 .front{background:url(/img/t2.jpg) no-repeat center/cover;} + &.t3 .front{background:url(/img/t3.jpg) no-repeat center/cover;} + &.t4 .front{background:url(/img/t4.jpg) no-repeat center/cover;} + &.t5 .front{background:url(/img/t5.jpg) no-repeat center/cover;} + &.t6 .front{background:url(/img/t6.jpg) no-repeat center/cover;} + } + } + .expertly-tailored { + height:600px; + min-height:50%; + background:url(/img/se-splash2.jpg) top/cover no-repeat; + .blue-left{ + border-left:2px solid $htblue; + text-align: left; + padding-right:5%; + margin-top:10%; + margin-bottom:10%; + } + padding:5%; + } } .integration { .splash { @@ -236,12 +281,92 @@ .whole-home-control { background:url(/img/room-integration.jpg) center/cover no-repeat; * {text-align:left;} + position:relative; + overflow:hidden; + .ipad { + min-height:450px; + img { + position:absolute; + top:0; + transition:top 0.05s; + width:80%; + } + } } } .security { .splash { @include backgrounder("services-security-splash", "jpg", "top/cover no-repeat"); } + .hover-p{ + .hover-for-p { + background:$softwhite; + height:200px; + overflow-y:hidden; + text-align: center; + + &.chillwhite { + background:$chillwhite; + } + * { + color:$softblack; + } + h3 { + margin-top:0; + font-size: 1em; + font-weight:600; + } + .icon-hiding { + position:relative; + width:10%; + } + img { + transition:margin-top 0.5s ease; + margin-top:70px; + } + + &:hover img { + margin-top:1%; + } + + &:hover p { + opacity:1; + } + p { + opacity:0; + transition:opacity 0.5s ease; + font-size:0.8em; + } + + } + } + .call2action { + background:url(../img/uk-house.jpg) center/cover no-repeat; + height:600px; + text-align: left; + .bluebutton:hover { + color:white; + } + + p { + font-size: 1.2em; + font-weight: 600; + margin-top:30%; + text-shadow: 5px 3px 10px rgba(0, 0, 0, 1); + } + } + + .camera { + background:url(/img/axis-camera-big2.png) left top/contain no-repeat $softwhite; + .camera-space { + min-height:200px; + } + .text-pad { + text-align: left; + h2 {font-weight:100} + *{color:$softblack;} + } + } } @@ -300,7 +425,35 @@ } } } - +.page.about { + height:1%; + .minimummer { + min-height:80%; + > .row > .col { + padding: 5%; + } + } + h1 { + font-size:3.5em; + margin-bottom:50px; + strong { + color: $htblue; + font-weight: 500; + } + } + .customers-say { + background:url(../img/customers-say.jpg) top/cover no-repeat; + height:600px; + @include std-shadow-in; + position:relative; + h2 { + position:absolute; + bottom:0; + color:$softwhite; + text-transform: uppercase; + } + } +} .page.contact { height:1%; .minimummer { @@ -337,6 +490,7 @@ } } .formCover { + background:$softwhite; position:absolute; top:0; bottom:0; diff --git a/src/sass/_layout.scss b/src/sass/_layout.scss index 46affa5..004b7ee 100644 --- a/src/sass/_layout.scss +++ b/src/sass/_layout.scss @@ -61,6 +61,10 @@ html { } .snap-top-menu { + @media all and(min-height:900px){ + margin-top:52px; + } + padding:0 0 0 0; background:$softwhite; a { @@ -94,6 +98,11 @@ html { //Header header { + position:absolute; + @media all and(min-height:900px){ + position:fixed; + } + @include std-shadow; background:$softblack; width:100%; @@ -103,7 +112,6 @@ header { padding-right:3%; padding-left:3%; z-index:10; - position:fixed; nav { > ul { @@ -167,6 +175,11 @@ body { min-height: calc(100% - 60px); margin: -7px auto; > .page { + @media all and(min-height:900px){ + margin-top:60px; + } + + position:absolute; overflow-y: visible; width: 100%; diff --git a/src/sass/_variables.scss b/src/sass/_variables.scss index 405f56f..0617f6c 100644 --- a/src/sass/_variables.scss +++ b/src/sass/_variables.scss @@ -12,6 +12,7 @@ $hardblue: #0b244c; $softwhite: rgba(255,255,255,0.95); $transwhite: rgba(255,255,255,0.7); $softgrey: #707070; +$chillwhite: #efefef; $footeracolor: #555555; diff --git a/src/svg/s-access.svg b/src/svg/s-access.svg new file mode 100644 index 0000000..f96d339 --- /dev/null +++ b/src/svg/s-access.svg @@ -0,0 +1,51 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/src/svg/s-alarm.svg b/src/svg/s-alarm.svg new file mode 100644 index 0000000..2a4f8ee --- /dev/null +++ b/src/svg/s-alarm.svg @@ -0,0 +1,49 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/src/svg/s-cctv.svg b/src/svg/s-cctv.svg new file mode 100644 index 0000000..b92569c --- /dev/null +++ b/src/svg/s-cctv.svg @@ -0,0 +1,77 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/src/svg/s-fire.svg b/src/svg/s-fire.svg new file mode 100644 index 0000000..bb7fe88 --- /dev/null +++ b/src/svg/s-fire.svg @@ -0,0 +1,49 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/src/svg/s-lighting.svg b/src/svg/s-lighting.svg new file mode 100644 index 0000000..81852b8 --- /dev/null +++ b/src/svg/s-lighting.svg @@ -0,0 +1,60 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/src/svg/s-support.svg b/src/svg/s-support.svg new file mode 100644 index 0000000..36491ce --- /dev/null +++ b/src/svg/s-support.svg @@ -0,0 +1,49 @@ + + + +image/svg+xml \ No newline at end of file