Whaaat evaa
This commit is contained in:
Robin Hägg
parent
7b9ca45e42
commit
4583540797
@ -1,95 +1,25 @@
|
||||
<div class="page row">
|
||||
<section data-title="Welcome" class="welcome">
|
||||
<header class="col">
|
||||
<h1>Welcome / Välkommen!</h1>
|
||||
<h2><span>The Code Bureau:</span> Advanced Web Development & Design</h2>
|
||||
</header>
|
||||
<div class="col m-6">
|
||||
<p>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.</p>
|
||||
<p class="emph">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.</p>
|
||||
<div class="row page about">
|
||||
<div class="col minimummer s-12 m-10 l-8 s-centered">
|
||||
<div class="row">
|
||||
<div class="col m-12 l-6">
|
||||
<h1><strong>Fresh new ideas &</strong> <br>ways of thinking</h1>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
<div class="col m-12 l-6" data-view="ContactUs">
|
||||
<h1>One company<br><strong>One solution</strong></h1>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col m-6">
|
||||
<p>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.</p>
|
||||
<p class="emph">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.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section data-title="What We Do" class="what-we-do">
|
||||
<header class="col">
|
||||
<h1>What We Do</h1>
|
||||
</header>
|
||||
<div class="item col m-4">
|
||||
<h2><span>Web Pages</span></h2>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
<div class="item col m-4">
|
||||
<h2><span>Web Apps</span></h2>
|
||||
<p>Web apps are advanced web sites that emulate functionality usually
|
||||
found in native apps or programs.</p>
|
||||
|
||||
<p>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.</p>
|
||||
</div>
|
||||
<div class="item col m-4">
|
||||
<h2><span>Web Games</span></h2>
|
||||
<p>As the name suggests, web games are games made to run in a browser on any device.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section data-title="Why Choose Us" class="why-choose-us">
|
||||
<header class="col">
|
||||
<h1>Why Choose Us?</h1>
|
||||
</header>
|
||||
<div class="col">
|
||||
<ol>
|
||||
<li>
|
||||
<h2>We know code</h2>
|
||||
<p>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.</p>
|
||||
</li>
|
||||
<li>
|
||||
<h2>SEO</h2>
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
</li>
|
||||
<li>
|
||||
<h2>Future Proof</h2>
|
||||
<p>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.</p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
<section data-title="Contact" class="contact">
|
||||
<header class="col">
|
||||
<h1>Contact</h1>
|
||||
</header>
|
||||
<div typeof="Organization" class="col">
|
||||
<p property="telephone" class="phone">+46 (0) 708 922 122</p>
|
||||
<p property="email" class="email"><a href="mailto:info@thecodebureau.com">info@thecodebureau.com</a></p>
|
||||
<p class="address"><span property="legalName">TCB IT & Development AB</span><br />
|
||||
Ideon Agora<br />
|
||||
<span typeof="PostalAddress" property="address">
|
||||
<span property="streetAddress">Scheelevägen 15</span><br />
|
||||
<span property="postalCode">22363</span> <span property="addressLocality">Lund</span><br />
|
||||
<span property="addressCountry">Sweden</span></p>
|
||||
</span>
|
||||
</div>
|
||||
<div class="col customers-say">
|
||||
<div class="row">
|
||||
<h2><strong>Here's what some of our<br> customers have to say</strong></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
SLideshow here
|
||||
</div>
|
||||
<div class="col">
|
||||
{>"partials/footer"/}
|
||||
</div>
|
||||
</div>
|
||||
@ -11,9 +11,9 @@
|
||||
</div>
|
||||
<div class="col m-12 l-6" data-view="ContactUs">
|
||||
<h1><strong>Message</strong>Us</h1>
|
||||
<span id='formStatus' class="bold" {^formStatus.message}hidden{/formStatus.message}>{formStatus.message}</span>
|
||||
<form method="POST">
|
||||
<div class="formCover">
|
||||
<span id='formStatus' class="bold" {^formStatus.message}hidden{/formStatus.message}>{formStatus.message}</span>
|
||||
<span>Name: <span class="bold name"></span></span><br>
|
||||
<span>Phone/E-mail: <span class="bold phemail"></span></span><br>
|
||||
<span>Message: </span><br>
|
||||
|
||||
@ -18,6 +18,89 @@
|
||||
<h2>Entertainment</h2>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row six-display">
|
||||
<div class="col s-12 m-6 l-4 t1 tt">
|
||||
<div class="front">
|
||||
<h3>Audio Visual</h3>
|
||||
<p>Like you've never seen it before</p>
|
||||
</div>
|
||||
<div class="back">
|
||||
<h3>Audio Visual</h3>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col s-12 m-6 l-4 t2 tt">
|
||||
<div class="front">
|
||||
<h3>Multiroom Audio</h3>
|
||||
<p>Your music, all around your home</p>
|
||||
</div>
|
||||
<div class="back">
|
||||
<h3>Multiroom Audio</h3>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col s-12 m-6 l-4 t3 tt">
|
||||
<div class="front">
|
||||
<h3>Media</h3>
|
||||
<p>Access your favourite content, everywhere</p>
|
||||
</div>
|
||||
<div class="back">
|
||||
<h3>Media</h3>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col s-12 m-6 l-4 t4 tt">
|
||||
<div class="front">
|
||||
<h3>Bespoke Design</h3>
|
||||
<p>Customised to perfection</p>
|
||||
</div>
|
||||
<div class="back">
|
||||
<h3>Bespoke Design</h3>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col s-12 m-6 l-4 t5 tt">
|
||||
<div class="front">
|
||||
<h3>Cinema</h3>
|
||||
<p>Ultra-HD is just the beginning</p>
|
||||
</div>
|
||||
<div class="back">
|
||||
<h3>Cinema</h3>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col s-12 m-6 l-4 t6 tt">
|
||||
<div class="front">
|
||||
<h3>Control</h3>
|
||||
<p>Simple, yet powerful</p>
|
||||
</div>
|
||||
<div class="back">
|
||||
<h3>Control</h3>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">Nassawassapaheem</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col expertly-tailored">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h2>Entertainment technology, expertly tailored to your project</h2>
|
||||
</div>
|
||||
<div class="col m-6 blue-left">
|
||||
<h3>Immersion through design</h3>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
<div class="col m-6 blue-left">
|
||||
<h3>Personalised support</h3>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<a class="bluebutton nav" href="/contact">Get Started</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{>"partials/footer"/}
|
||||
</div>
|
||||
|
||||
@ -56,7 +56,11 @@
|
||||
<h4>Lighting & Climate</h4>
|
||||
Discover the wonders of intelligent lighting and smart climate control, drastically improving your home’s energy efficiency in the process.
|
||||
</div>
|
||||
<div class="col m-6 ipad"></div>
|
||||
<div class="col m-6 ipad" data-view="ScrollPad">
|
||||
<div class="inner-container">
|
||||
<img src="/img/ipad-integration.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -18,6 +18,68 @@
|
||||
<h2>Security</h2>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
<div class="col m-12 l-8 hover-p">
|
||||
<div class="row">
|
||||
<div class="col m-6 hover-for-p chillwhite" onclick="this.classList.toggle('active');">
|
||||
<img src="/img/s-cctv.svg" class="icon-hiding"/>
|
||||
<h3>CCTV</h3>
|
||||
<p>High definition imagery with smart capabilities for intuitive and unrestricted control, even from your smartphone.</p>
|
||||
</div>
|
||||
<div class="col m-6 hover-for-p" onclick="this.classList.toggle('active');">
|
||||
<img src="/img/s-alarm.svg" class="icon-hiding"/>
|
||||
<h3>ALARM</h3>
|
||||
<p>Modern alarms contact you when something isn’t right, and can be armed or disarmed, wherever you are.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col m-6 hover-for-p" onclick="this.classList.toggle('active');">
|
||||
<img src="/img/s-access.svg" class="icon-hiding"/>
|
||||
<h3>ACCESS</h3>
|
||||
<p>Enjoy peace of mind knowing that your doors automatically lock once you leave the house.</p>
|
||||
</div>
|
||||
<div class="col m-6 hover-for-p chillwhite" onclick="this.classList.toggle('active');">
|
||||
<img src="/img/s-fire.svg" class="icon-hiding"/>
|
||||
<h3>FIRE</h3>
|
||||
<p>Monitoring smoke and carbon monoxide levels in your home is smarter than ever before, offering better protection, that’s not intrusive.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col m-6 hover-for-p chillwhite" onclick="this.classList.toggle('active');">
|
||||
<img src="/img/s-lighting.svg" class="icon-hiding"/>
|
||||
<h3>LIGHTING</h3>
|
||||
<p>Smart lighting can learn your daily routine, and replicate this whilst you're away to make it look like someone’s always home.</p>
|
||||
</div>
|
||||
<div class="col m-6 hover-for-p" onclick="this.classList.toggle('active');">
|
||||
<img src="/img/s-support.svg" class="icon-hiding"/>
|
||||
<h3>SUPPORT</h3>
|
||||
<p>We look after all of the equipment we install, updating and improving the system when required. We’ve got you covered.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col s-12 m-12 l-4 call2action">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<p>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.</p>
|
||||
|
||||
<a class="bluebutton nav" href="/contact">Get Started</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col camera">
|
||||
<div class="col m-5 camera-space"> </div>
|
||||
<div class="col m-7 text-pad">
|
||||
<h2>Reliable equipment.<br><strong>Professionally installed.</strong></h2>
|
||||
<h3>Dependable security</h3>
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
<h3>Preparation is everything</h3>
|
||||
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{>"partials/footer"/}
|
||||
</div>
|
||||
|
||||
@ -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')
|
||||
};
|
||||
|
||||
9
src/js/views/scroll-pad.js
Normal file
9
src/js/views/scroll-pad.js
Normal file
@ -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()))
|
||||
})
|
||||
}
|
||||
};
|
||||
@ -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')
|
||||
}
|
||||
|
||||
BIN
src/raster/axis-camera-big2.png
Normal file
BIN
src/raster/axis-camera-big2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 269 KiB |
BIN
src/raster/customers-say.jpg
Normal file
BIN
src/raster/customers-say.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 113 KiB |
BIN
src/raster/ipad-integration.png
Normal file
BIN
src/raster/ipad-integration.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 362 KiB |
BIN
src/raster/se-splash2.jpg
Normal file
BIN
src/raster/se-splash2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 548 KiB |
BIN
src/raster/t1.jpg
Normal file
BIN
src/raster/t1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
BIN
src/raster/t2.jpg
Normal file
BIN
src/raster/t2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
BIN
src/raster/t3.jpg
Normal file
BIN
src/raster/t3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
src/raster/t4.jpg
Normal file
BIN
src/raster/t4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 172 KiB |
BIN
src/raster/t5.jpg
Normal file
BIN
src/raster/t5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
BIN
src/raster/t6.jpg
Normal file
BIN
src/raster/t6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
BIN
src/raster/uk-house.jpg
Normal file
BIN
src/raster/uk-house.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 332 KiB |
@ -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;
|
||||
|
||||
@ -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%;
|
||||
|
||||
@ -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;
|
||||
|
||||
|
||||
51
src/svg/s-access.svg
Normal file
51
src/svg/s-access.svg
Normal file
@ -0,0 +1,51 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- The icon can be used freely in both personal and commercial projects with no attribution required, but always appreciated.
|
||||
You may NOT sub-license, resell, rent, redistribute or otherwise transfer the icon without express written permission from iconmonstr.com -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.1"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="512px"
|
||||
height="512px"
|
||||
viewBox="0 0 512 512"
|
||||
enable-background="new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
id="svg2"
|
||||
inkscape:version="0.91 r13725"
|
||||
sodipodi:docname="iconmonstr-credit-card-5-icon.svg"><metadata
|
||||
id="metadata9"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs7" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1759"
|
||||
inkscape:window-height="875"
|
||||
id="namedview5"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.64549255"
|
||||
inkscape:cx="-77.298488"
|
||||
inkscape:cy="191.00201"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg2" /><path
|
||||
id="credit-card-5-icon"
|
||||
d="M 103.6989,372.77724 85.894857,361.24795 C 73.68906,353.34388 70.201563,337.04043 78.105625,324.83464 L 246.03355,65.513029 c 7.90407,-12.2058 24.20752,-15.693296 36.41332,-7.789234 l 17.80405,11.529301 z M 337.57702,93.424221 426.10514,150.75205 c 12.2058,7.90407 15.69329,24.20752 7.78924,36.41331 L 265.96645,446.48697 c -7.90407,12.20579 -24.20751,15.6933 -36.41332,7.78923 l -88.52812,-57.32783 z"
|
||||
inkscape:connector-curvature="0"
|
||||
sodipodi:nodetypes="csssscccsssscc"
|
||||
style="fill:#149ded;fill-opacity:1" /></svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
49
src/svg/s-alarm.svg
Normal file
49
src/svg/s-alarm.svg
Normal file
@ -0,0 +1,49 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- The icon can be used freely in both personal and commercial projects with no attribution required, but always appreciated.
|
||||
You may NOT sub-license, resell, rent, redistribute or otherwise transfer the icon without express written permission from iconmonstr.com -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.1"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="512px"
|
||||
height="512px"
|
||||
viewBox="0 0 512 512"
|
||||
enable-background="new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
id="svg2"
|
||||
inkscape:version="0.91 r13725"
|
||||
sodipodi:docname="s-alarm.svg"><metadata
|
||||
id="metadata9"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs7" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1727"
|
||||
inkscape:window-height="907"
|
||||
id="namedview5"
|
||||
showgrid="false"
|
||||
inkscape:zoom="1.3486023"
|
||||
inkscape:cx="257.52162"
|
||||
inkscape:cy="256"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg2" /><path
|
||||
id="megaphone-7-icon"
|
||||
d="M243.166,392.729c4.191,1.666,6.88,5.789,6.716,10.297c-0.164,4.507-3.147,8.423-7.449,9.779 l-42.683,13.458c-8.335,2.629-17.416-0.416-22.482-7.538l-45.176-63.502l62.948-19.855l28.315,41.648 c4.758,6.999,11.505,12.411,19.369,15.538L243.166,392.729z M150.976,197.136L93.815,215.14 c-32.978,10.384-51.292,45.538-40.908,78.519c10.388,32.979,45.539,51.298,78.521,40.909l57.162-17.999L150.976,197.136z M171.661,190.567L209.306,310.1c40.638-7.106,95.658-8.184,169.281,10.694L304.269,84.802 C253.439,143.987,208.626,173.298,171.661,190.567z M353.237,151.876c14.464,7.52,26.06,20.565,31.347,37.348 c5.296,16.773,3.286,34.11-4.236,48.572l23.787,12.389c10.694-20.552,13.554-45.201,6.035-69.041 c-7.52-23.844-23.987-42.371-44.537-53.063L353.237,151.876z M374.93,110.232c25.124,13.069,45.231,35.71,54.421,64.852 c9.193,29.138,5.692,59.27-7.378,84.396l24.383,12.705c16.315-31.373,20.691-69.003,9.213-105.386 c-11.471-36.382-36.567-64.638-67.929-80.955L374.93,110.232z"
|
||||
style="fill:#1f9ded;fill-opacity:1" /></svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
77
src/svg/s-cctv.svg
Normal file
77
src/svg/s-cctv.svg
Normal file
@ -0,0 +1,77 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- The icon can be used freely in both personal and commercial projects with no attribution required, but always appreciated.
|
||||
You may NOT sub-license, resell, rent, redistribute or otherwise transfer the icon without express written permission from iconmonstr.com -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.1"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="437.35931"
|
||||
height="437.35931"
|
||||
viewBox="0 0 437.35931 437.3593"
|
||||
enable-background="new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
id="svg2"
|
||||
inkscape:version="0.91 r13725"
|
||||
sodipodi:docname="s-cctv.svg"><metadata
|
||||
id="metadata9"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs7"><inkscape:perspective
|
||||
id="perspective2418"
|
||||
inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
|
||||
inkscape:vp_z="744.09448 : 526.18109 : 1"
|
||||
inkscape:vp_y="0 : 1000 : 0"
|
||||
inkscape:vp_x="0 : 526.18109 : 1"
|
||||
sodipodi:type="inkscape:persp3d" /><inkscape:perspective
|
||||
sodipodi:type="inkscape:persp3d"
|
||||
inkscape:vp_x="0 : 526.18109 : 1"
|
||||
inkscape:vp_y="0 : 1000 : 0"
|
||||
inkscape:vp_z="744.09448 : 526.18109 : 1"
|
||||
inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
|
||||
id="perspective2464" /></defs><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1005"
|
||||
id="namedview5"
|
||||
showgrid="false"
|
||||
fit-margin-top="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-bottom="0"
|
||||
inkscape:zoom="0.87825487"
|
||||
inkscape:cx="74.459732"
|
||||
inkscape:cy="219.73717"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg2" /><g
|
||||
transform="matrix(2.1044596,0,0,2.1427794,-575.09758,-881.33917)"
|
||||
id="layer1"
|
||||
inkscape:label="Ebene 1"
|
||||
style="fill:#149ded;fill-opacity:1"><g
|
||||
id="g2412"
|
||||
style="fill:#149ded;fill-opacity:1;fill-rule:evenodd"
|
||||
transform="matrix(2.0676296,0,0,2.0676296,285.2829,438.50521)"><path
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:#149ded;fill-opacity:1"
|
||||
d="m 79.17876,39.586775 5.93343,0 0,28.4732 -5.93343,0 0,-12.7468 -19.0405,0 c -1.44213,1.80977 -3.6644,2.97059 -6.15777,2.97059 -4.34617,0 -7.87073,-3.52447 -7.87073,-7.87055 0,-2.60504 1.26619,-4.91455 3.21663,-6.3472 l -1.08834,-8.11887 -26.7235,7.13818 -19.7165,-27.3149 60.4727,-15.7705 7.76389,30.125 -15.1391,4.04389 1.15954,8.65114 c 2.45928,0.670746 4.43934,2.50358 5.31255,4.87243 l 17.8112,0 0,-8.10574 -7e-5,1.3e-4 z"
|
||||
id="path2410" /><path
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:#149ded;fill-opacity:1"
|
||||
d="m 4.43716,43.343055 7.40127,-2.26301 -3.92967,-14.9207 -7.90875,2.10823 4.43715,15.0755 0,-2e-5 z"
|
||||
id="path1937" /></g></g></svg>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
49
src/svg/s-fire.svg
Normal file
49
src/svg/s-fire.svg
Normal file
@ -0,0 +1,49 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- The icon can be used freely in both personal and commercial projects with no attribution required, but always appreciated.
|
||||
You may NOT sub-license, resell, rent, redistribute or otherwise transfer the icon without express written permission from iconmonstr.com -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.1"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="512px"
|
||||
height="512px"
|
||||
viewBox="0 0 512 512"
|
||||
enable-background="new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
id="svg2"
|
||||
inkscape:version="0.91 r13725"
|
||||
sodipodi:docname="s-flame.svg"><metadata
|
||||
id="metadata9"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs7" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1710"
|
||||
inkscape:window-height="804"
|
||||
id="namedview5"
|
||||
showgrid="false"
|
||||
inkscape:zoom="1.163147"
|
||||
inkscape:cx="256"
|
||||
inkscape:cy="256"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg2" /><path
|
||||
id="danger-8-icon"
|
||||
d="M292.027,397.099c19.051-4.771,48.279-46.982,43.314-88.535c-5.594,15.223-31.389,29.766-38.227,27.434 c13.053-19.57,27.744-63.416,10.537-89.912c-5.668,19-19,33.666-30.664,33.646c14.277-24.018,16.881-95.121-58.145-109.102 c33.086,48.93-50.191,107.789,14.457,167.303c-17.648-0.182-35.316-14.848-44.316-31.514c-15.666,40.666,14.748,79.816,29.408,90.68 c-71.408-7.68-111.908-96.182-96.812-165.705c6.072,37.025,38.072,47.689,51.598,48.279 c-86.193-104.256,56.23-148.805,23.918-229.424c54.059,5.438,116.389,62.168,98.889,123.668c16.5-4.5,32-21,35.451-45.896 c34.795,48.463,31.863,106.254,15.553,143.535c15.496-0.139,38.996-21.139,43.996-42.471 C408.098,331.31,335.924,397.099,292.027,397.099z M341.984,421.751h-180v40h180V421.751z"
|
||||
style="fill:#149ded;fill-opacity:1" /></svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
60
src/svg/s-lighting.svg
Normal file
60
src/svg/s-lighting.svg
Normal file
@ -0,0 +1,60 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- License Agreement at http://iconmonstr.com/license/ -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.1"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="512px"
|
||||
height="512px"
|
||||
viewBox="0 0 512 512"
|
||||
enable-background="new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
id="svg2"
|
||||
inkscape:version="0.91 r13725"
|
||||
sodipodi:docname="iconmonstr-light-bulb-7-icon.svg"><metadata
|
||||
id="metadata9"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs7"><inkscape:perspective
|
||||
sodipodi:type="inkscape:persp3d"
|
||||
inkscape:vp_x="0 : 526.18109 : 1"
|
||||
inkscape:vp_y="0 : 1000 : 0"
|
||||
inkscape:vp_z="744.09448 : 526.18109 : 1"
|
||||
inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
|
||||
id="perspective2418" /><inkscape:perspective
|
||||
id="perspective2464"
|
||||
inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
|
||||
inkscape:vp_z="744.09448 : 526.18109 : 1"
|
||||
inkscape:vp_y="0 : 1000 : 0"
|
||||
inkscape:vp_x="0 : 526.18109 : 1"
|
||||
sodipodi:type="inkscape:persp3d" /></defs><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1762"
|
||||
inkscape:window-height="833"
|
||||
id="namedview5"
|
||||
showgrid="false"
|
||||
inkscape:zoom="1.2153625"
|
||||
inkscape:cx="257.64804"
|
||||
inkscape:cy="288.91199"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg2" /><path
|
||||
id="light-bulb-7-icon"
|
||||
d="M299.823,364.41h-87.646c-6.144,0-11.124,4.98-11.124,11.123s4.98,11.122,11.124,11.122h87.647 c6.143,0,11.123-4.979,11.123-11.122S305.967,364.41,299.823,364.41z M297.822,401.443h-83.645c-6.143,0-11.123,4.98-11.123,11.123 s4.98,11.123,11.123,11.123h83.646c6.142,0,11.122-4.98,11.122-11.123S303.965,401.443,297.822,401.443z M214.75,437.961 C236.406,457.979,238.636,462,247.28,462h16.65c8.45,0,10.532-3.727,33.319-24.039H214.75z M382.621,171.454 c0,75.31-64.767,117.514-64.767,176.943h-29.493c0.025-73.246,64.232-111.827,64.232-176.943c0-121.891-193.188-122.081-193.188,0 c0,65.057,63.094,101.976,64.558,176.943h-29.818c0-59.43-64.767-101.634-64.767-176.943 C129.379,9.598,382.621,9.433,382.621,171.454z M238.147,289.621l68.795-101.038h-40.009l19.871-69.381l-71.832,99.922h43.573 L238.147,289.621z"
|
||||
style="fill:#149ded;fill-opacity:1" /></svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
49
src/svg/s-support.svg
Normal file
49
src/svg/s-support.svg
Normal file
@ -0,0 +1,49 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- License Agreement at http://iconmonstr.com/license/ -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.1"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="512px"
|
||||
height="512px"
|
||||
viewBox="0 0 512 512"
|
||||
enable-background="new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
id="svg2"
|
||||
inkscape:version="0.91 r13725"
|
||||
sodipodi:docname="s-support.svg"><metadata
|
||||
id="metadata9"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs7" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1005"
|
||||
id="namedview5"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.87825484"
|
||||
inkscape:cx="207.90522"
|
||||
inkscape:cy="226.8159"
|
||||
inkscape:window-x="1920"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg2" /><path
|
||||
id="lifebuoy-2-icon"
|
||||
d="m 428.6939,210.06719 c -4.72096,-20.90565 -5.44953,-36.92813 -6.19805,-50.18639 -2.47628,-43.94062 -23.5181,-71.085089 -72.81112,-71.880446 -13.5358,-0.218571 -29.73176,-0.529948 -52.42674,-5.886679 -28.23298,-6.669024 -58.83122,-6.557137 -88.40339,1.510918 -19.13713,3.897853 -33.40411,4.180608 -45.5218,4.375761 -49.29302,0.795357 -70.334838,27.939826 -72.811112,71.880446 -0.616683,10.93897 -1.230764,23.7731 -4.073058,39.66461 -11.804581,35.44757 -12.519275,75.33509 0.0035,112.93368 2.840559,15.88198 3.452905,28.70743 4.069588,39.64119 2.476274,43.93976 23.518092,71.0851 72.811112,71.88045 12.1281,0.19602 26.40809,0.47878 45.57037,4.38617 28.8436,7.86423 59.36291,8.34301 88.35656,1.49097 l -0.002,0.0104 c 22.69498,-5.35586 38.89094,-5.66811 52.42674,-5.88668 49.29302,-0.79536 70.33484,-27.94069 72.81112,-71.88045 0.74505,-13.22529 1.47535,-29.20268 6.16423,-50.03113 7.99953,-30.04921 8.02989,-61.91377 0.0338,-92.02283 z M 411.06075,167.1908 c -16.19508,-28.21824 -39.87971,-51.61231 -68.36856,-67.454384 53.92985,2.227344 64.4976,20.479774 68.36856,67.454384 z m -90.05048,153.81951 c -35.89686,35.89772 -94.06543,35.95844 -130.0204,0 -35.9038,-35.9038 -35.9437,-94.07671 0,-130.0204 35.92201,-35.92201 94.08971,-35.93242 130.0204,0 35.90033,35.89772 35.9489,94.07584 0,130.0204 z m 4.60127,-205.80217 -21.51973,37.779 c -30.28426,-14.17418 -65.86887,-14.18545 -96.18435,8.6e-4 l -21.51973,-37.77986 c 42.87205,-21.244781 94.90502,-21.962943 139.22381,0 z M 169.23943,99.781518 c -27.7759,15.463052 -50.97828,38.113792 -67.12566,65.418722 3.51622,-45.52527 16.14305,-63.33969 67.12566,-65.418722 z m -54.13542,86.820492 37.78334,21.52232 c -14.12647,30.35105 -14.27392,66.61219 0.935,97.70395 l -37.74951,21.50238 C 93.981532,284.10907 92.989288,231.4013 115.10401,186.60201 Z m -12.98937,160.20578 c 16.15259,27.31013 39.36537,49.95307 67.1352,65.41091 -51.01471,-2.09204 -63.63373,-19.89519 -67.1352,-65.41091 z m 85.38243,50.52552 21.53447,-37.80502 c 29.6589,13.48463 64.23826,13.50111 93.93793,-8.7e-4 l 21.53447,37.80589 c -42.4592,20.62202 -93.46956,21.1459 -137.00687,0 z m 155.18037,14.93049 c 28.47238,-15.82733 52.17348,-39.20058 68.38245,-67.43009 -3.93342,47.57307 -14.95912,65.23397 -68.38245,67.43009 z m 53.24986,-84.93227 -37.74864,-21.50238 c 15.18116,-31.03885 15.08662,-67.29653 0.93413,-97.70395 l 37.78333,-21.52233 c 21.39136,43.33262 21.86233,96.05773 -0.96882,140.72866 z"
|
||||
style="fill:#149ded;fill-opacity:1"
|
||||
inkscape:connector-curvature="0" /></svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
Loading…
Reference in New Issue
Block a user