ignite-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From dsetrak...@apache.org
Subject svn commit: r1658605 [3/3] - in /incubator/ignite/site/trunk: ./ css/ images/ js/ scss/
Date Tue, 10 Feb 2015 00:20:31 GMT
Modified: incubator/ignite/site/trunk/images/fabric.jpg
URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/images/fabric.jpg?rev=1658605&r1=1658604&r2=1658605&view=diff
==============================================================================
Binary files - no diff available.

Modified: incubator/ignite/site/trunk/images/in_memory_compute.png
URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/images/in_memory_compute.png?rev=1658605&r1=1658604&r2=1658605&view=diff
==============================================================================
Binary files - no diff available.

Modified: incubator/ignite/site/trunk/index.html
URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/index.html?rev=1658605&r1=1658604&r2=1658605&view=diff
==============================================================================
--- incubator/ignite/site/trunk/index.html (original)
+++ incubator/ignite/site/trunk/index.html Tue Feb 10 00:20:30 2015
@@ -1,495 +1,286 @@
-<!DOCTYPE html>
+<!--
+ ▄▄▄       ██▓███   ▄▄▄       ▄████▄   ██░ ██ ▓█████     ██▓  ▄████  ███▄    █  ██▓▄▄▄█████▓▓█████
+▒████▄    ▓██░  ██▒▒████▄    ▒██▀ ▀█  ▓██░ ██▒▓█   ▀    ▓██▒ ██▒ ▀█▒ ██ ▀█   █ ▓██▒▓  ██▒ ▓▒▓█   ▀
+▒██  ▀█▄  ▓██░ ██▓▒▒██  ▀█▄  ▒▓█    ▄ ▒██▀▀██░▒███      ▒██▒▒██░▄▄▄░▓██  ▀█ ██▒▒██▒▒ ▓██░ ▒░▒███
+░██▄▄▄▄██ ▒██▄█▓▒ ▒░██▄▄▄▄██ ▒▓▓▄ ▄██▒░▓█ ░██ ▒▓█  ▄    ░██░░▓█  ██▓▓██▒  ▐▌██▒░██░░ ▓██▓ ░ ▒▓█  ▄
+ ▓█   ▓██▒▒██▒ ░  ░ ▓█   ▓██▒▒ ▓███▀ ░░▓█▒░██▓░▒████▒   ░██░░▒▓███▀▒▒██░   ▓██░░██░  ▒██▒ ░ ░▒████▒
+ ▒▒   ▓▒█░▒▓▒░ ░  ░ ▒▒   ▓▒█░░ ░▒ ▒  ░ ▒ ░░▒░▒░░ ▒░ ░   ░▓   ░▒   ▒ ░ ▒░   ▒ ▒ ░▓    ▒ ░░   ░░ ▒░ ░
+  ▒   ▒▒ ░░▒ ░       ▒   ▒▒ ░  ░  ▒    ▒ ░▒░ ░ ░ ░  ░    ▒ ░  ░   ░ ░ ░░   ░ ▒░ ▒ ░    ░     ░ ░  ░
+  ░   ▒   ░░         ░   ▒   ░         ░  ░░ ░   ░       ▒ ░░ ░   ░    ░   ░ ░  ▒ ░  ░         ░
+      ░  ░               ░  ░░ ░       ░  ░  ░   ░  ░    ░        ░          ░  ░              ░  ░
+-->
+
+<!--
+Licensed to the Apache Software Foundation (ASF) under one
+or more contributor license agreements.  See the NOTICE file
+distributed with this work for additional information
+regarding copyright ownership.  The ASF licenses this file
+to you under the Apache License, Version 2.0 (the
+"License"); you may not use this file except in compliance
+with the License.  You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing,
+software distributed under the License is distributed on an
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied.  See the License for the
+specific language governing permissions and limitations
+under the License.
+-->
 
+<!DOCTYPE html>
 <html>
-
 <head>
-
-	<meta charset="utf-8">
-
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-	<title>Apache Ignite</title>
-
-	<link media="all" rel="stylesheet" href="css/all.css">
-
-	<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
-
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Apache Ignite</title>
+    <link media="all" rel="stylesheet" href="css/all.css">
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
 </head>
-
 <body>
-
-	<div id="wrapper">
-
-		<header id="header" class="affix" data-spy="affix" data-offset-top="37">
-
-			<div class="container">
-
-				<div class="row">
-
-					<div class="col-md-3 col-sm-3 col-xs-8">
-
-						<div class="logo"><a href="#wrapper"><img src="images/logo.png" alt="ApacheIgnite"></a></div>
-
-					</div>
-
-					<div class="col-md-9 col-sm-9 col-xs-4">
-
-						<nav id="nav" class="navbar navbar-default" role="navigation">
-
-							<div class="container-fluid">
-
-								<div class="navbar-header">
-
-									<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
-
-										<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 class="collapse navbar-collapse" id="navbar">
-
-									<ul class="nav navbar-nav">
-
-										<li><a href="#overview">Overview</a></li>
-
-										<li><a href="#documentation">Documentation</a></li>
-
-										<li><a href="#community">Community</a></li>
-
-										<li><a href="#download">Download</a></li>
-
-									</ul>
-
-								</div>
-
-							</div>
-
-						</nav>
-
-					</div>
-
-				</div>
-
-			</div>
-
-		</header>
-
-		<div id="carousel" class="carousel slide" data-ride="carousel">
-
-			<div class="container">
-
-				<div class="carousel-inner" role="listbox">
-
-					<div class="item active">
-
-						<header>
-
-							<h1>Apache Ignite</h1>
-
-							<p>In-Memory Data Fabric</p>
-
-							<ul class="buttons list-unstyled">
-
-								<li><a href="#download" class="btn btn-danger">Download</a></li>
-
-								<li><a href="#overview" class="btn btn-default">Learn More</a></li>
-
-							</ul>
-
-						</header>
-
-						<div class="text">
-
-							<p>In Memory Computing Made Simple</p>
-
-						</div>
-
-					</div>
-
-					<div class="item cloud">
-
-						<div class="row">
-
-							<div class="col-md-4 col-sm-5">
-
-								<header>
-
-									<h1>Apache Ignite</h1>
-
-									<p>In-Memory Data Fabric</p>
-
-									<ul class="buttons list-unstyled">
-
-										<li><a href="#download" class="btn btn-danger">Download</a></li>
-
-										<li><a href="#overview" class="btn btn-default">Learn More</a></li>
-
-									</ul>
-
-								</header>
-
-								<div class="text">
-
-									<small>In Memory Computing Made Simple</small>
-
-								</div>
-
-							</div>
-
-							<div class="col-md-8 col-sm-7">
-
-								<div class="img-holder">
-
-									<img src="images/img1.png" alt="image description">
-
-								</div>
-
-							</div>
-
-						</div>
-
-					</div>
-
-				</div>
-
-			</div>
-
-		</div>
-
-		<main id="main" role="main" class="container">
-
-			<section class="overview" id="overview">
-
-				<h2>Overview</h2>
-
-				<p>Apache Ignite In-Memory Data Fabric is a high-performance, integrated and distributed in-memory platform for computing and transacting on large-scale data sets in real-time, orders of magnitude faster than possible with traditional disk-based or flash technologies.
-
-				<img src="images/fabric.jpg" alt="image description" class="img-responsive">
-
-				<p>Apache Ignite In-Memory Data Fabric is designed to deliver uncompromised performance for a wide set of in-memory computing use cases from high performance computing, to the industry most advanced data grid and streaming.</p>
-
-				<div class="info-blocks">
-
-					<h3>Clustering & Compute</h3>
-
-					<img src="images/in_memory_compute.png"/><br/><br/>
-
-					<div class="row">
-
-						<p>Apache Ignite computational features include</p>
-
-						<ul class="list-unstyled">
-
-							<li>Dynamic Clustering</li>
-
-							<li>Fork-Join & MapReduce Processing</li>
-
-							<li>Distributed Closure Execution</li>
-
-							<li>Load Balancing and Fault Tolerance</li>
-
-							<li>Distributed Messaging and Events</li>
-
-							<li>Linear Scalability</li>
-
-						</ul>
-
-					</div>
-
-				</div>
-
-				<div class="info-blocks">
-
-					<h3>In-Memory Caching & Data Grid</h3>
-
-					<img src="images/in_memory_data.png"/><br/><br/>
-
-
-					<div class="row">
-
-						<p>Some of the key features of Apache Ignite In-Memory Data Grid include:</p>
-
-						<ul class="list-unstyled">
-
-							<li>Distributed In-Memory Caching</li>
-
-							<li>Elastic Scalability</li>
-
-							<li>Lightning Fast Performance</li>
-
-							<li>Distributed In-Memory Transactions</li>
-
-							<li>Distributed In-Memory Queue and Other Data Structures</li>
-
-							<li>Web Session Clustering</li>
-
-							<li>Hibernate L2 Cache Integration</li>
-
-							<li>Distributed SQL Queries with Distributed Joins</li>
-
-						</ul>
-
-					</div>
-
-				</div>
-
-				<div class="info-blocks">
-
-					<h3>In-Memory Streaming</h3>
-
-					<p>Streaming support allows to query into rolling windows of coming data, and enable users to answer such questions as “What are the 10 most popular products over last 2 hours?”, or “What is the average product price in a certain category for the past day?”.</p>
-
-					<img src="images/in_memory_streaming.png"/>
-
-					<p>Another most common use case for stream processing is the ability to control and properly pipeline distributed events workflow. As events are coming into the system at high rates, the processing of events is split into multiple stages and each stage has to be properly routed within a cluster for processing.</p>
-
-				</div>
-
-			</section>
-
-			<section class="documentation" id="documentation">
-
-				<h2>Documentation</h2>
-
-				<p>We are currently in process of moving GridGain Open Source edition to Apache Ignite. Until this migration is complete, please refer to the GridGain In-Memory Data Fabric documentation.</p>
-
-				<table>
-
-					<tr>
-
-						<th class="heading">In-Memory Data Fabric</th>
-
-						<th class="data">APIs</th>
-
-						<th class="tutorial">Videos</th>
-
-					</tr>
-
-					<tr class="java">
-
-						<td title="In-Memory Data Fabric 6.5.0 for Java">
-
-							<div class="icon">
-
-								<img src="images/ico-java.png" width="31" height="42" alt="Java">
-
-							</div>
-
-							<ul class="list-unstyled">
-
-								<li><a href="http://doc.gridgain.org/">Wiki – Open Source Documentation</a></li>
-
-							</ul>
-
-						</td>
-
-						<td title="APIs">
-
-							<ul class="list-unstyled">
-
-								<li><a href="http://javadoc.gridgain.org/">Javadoc APIs</a></li>
-
-								<li><a href="http://scaladoc.gridgain.org/">Scaladoc APIs</a></li>
-
-							</ul>
-
-						</td>
-
-						<td title="Videos">
-
-							<ul class="list-unstyled">
-
-								<li><a href="https://vimeo.com/107643054?width=1024&height=576"><nobr>Video: In-Memory Data Grid</nobr></a></li>
-
-								<li><a href="https://vimeo.com/107641014?width=1024&height=576"><nobr>Video: Clustering With Apache Ignite</nobr></a></li>
-
-								<li><a href="https://vimeo.com/107644353?width=1024&height=576"><nobr>Video: Distributed Messaging</nobr></a></li>
-
-								<li><a href="https://vimeo.com/107645729?width=1024&height=576"><nobr>Video: Distributed Events</nobr></a></li>
-
-								<li><a href="https://vimeo.com/107648158?width=1024&height=576"><nobr>Video: Distributed Managed Services</nobr></a></li>
-
-								<li><a href="https://vimeo.com/107646721?width=1024&height=576"><nobr>Video: Distributed Cache Queries</nobr></a></li>
-
-							</ul>
-
-						</td>
-
-					</tr>
-
-				</table>
-
-			</section>
-
-			<section class="community" id="community">
-
-				<h2>Community</h2>
-
-				<p>We are very excited to grow our community. If you are interested in becoming a contributor,
-				please <a href="mailto:dev-subscribe@ignite.incubator.apache.org">subscribe
-                                to dev@ list</a> and let us know how you'd like to help.</p>
-
-			</section>
-
-			<section class="download" id="download">
-
-				<h2>Download</h2>
-
-				<p>We are currently in process of moving GridGain Open Source edition to Apache Ignite. Until this migration is complete, please download GridGain In-Memory Data Fabric.</p>
-
-				<table>
-
-					<tr>
-
-						<th class="product">Product</th>
-
-						<th class="version">Version</th>
-
-						<th class="release">Release</th>
-
-					</tr>
-
-					<tr>
-
-						<td title="Download Apache Ignite"><span><a href="http://gridgain.com/download/open-source/">In-Memory Data Fabric</a></span></td>
-
-						<td title="Version"><span>V 6.5.5</span></td>
-
-						<td title="Release"><span><time datetime="2014-11-17">November 17, 2014</time></span></td>
-
-					</tr>
-
-				</table>
-
-			</section>
-
-			<div class="info-blocks">
-
-				<div class="row">
-
-					<div class="col-md-5 col-sm-5">
-
-						<h3>Mailing lists subscription</h3>
-
-						<ul class="list-unstyled">
-
-							<li><a href="mailto:dev-subscribe@ignite.incubator.apache.org">dev@ignite.incubator.apache.org</a></li>
-
-							<li><a href="mailto:commits-subscribe@ignite.incubator.apache.org">commits@ignite.incubator.apache.org</a></li>
-
-						</ul>
-
-						<h3>Mailing lists archives</h3>
-
-						<ul class="list-unstyled">
-
-							<li><a href="http://mail-archives.apache.org/mod_mbox/incubator-ignite-dev/">dev@ archive</a></li>
-
-							<li><a href="http://mail-archives.apache.org/mod_mbox/incubator-ignite-commits/">commits@ archive</a></li>
-
-						</ul>
-
-					</div>
-
-				</div>
-
-			</div>
-
-		</main>
-
-		<footer id="footer">
-
-			<div class="container">
-
-				<div class="row">
-
-					<div class="col-md-4 col-sm-5">
-
-						<div class="logo"><a href="#wrapper"><img src="images/logo2.png" alt="Crowley Marine serving boalers for over years."></a></div>
-
-					</div>
-
-					<nav class="col-md-4 col-sm-3 footer-nav">
-
-						<ul class="list-unstyled">
-
-							<li><a href="#overview">Overview</a></li>
-
-							<li><a href="#documentation">Documentation</a></li>
-
-							<li><a href="#community">Community</a></li>
-
-							<li><a href="#download">Download</a></li>
-
-						</ul>
-
-					</nav>
-
-					<div class="col-md-4 col-sm-4">
-
-						<p>&copy;2014 Copyright <a href="#">Apache Ignite</a></p>
-
-						<ul class="social-networks list-unstyled">
-
-							<li><a href="https://www.linkedin.com/company/249196" class="icon-linkedin"></a></li>
-
-							<li><a href="https://www.twitter.com/gridgain" class="icon-twitter"></a></li>
-
-							<li><a href="https://plus.google.com/101084158514011491168/posts" class="icon-google-plus"></a></li>
-
-							<li><a href="https://www.vimeo.com/gridgain" class="icon-youtube"></a></li>
-
-						</ul>
-
-					</div>
-
-				</div>
-
-			</div>
-
-		</footer>
-
-	</div>
-
-	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
-
-	<script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.11.1.min.js"><\/script>')</script>
-
-	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
-
-	<script type="text/javascript" src="js/jquery.main.js"></script>
-
-	<script type="text/javascript">
-
-		if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
-
-			var msViewportStyle = document.createElement('style')
-
-			msViewportStyle.appendChild(
-
-				document.createTextNode(
-
-					'@-ms-viewport{width:auto!important}'
-
-				)
-
-			)
-
-			document.querySelector('head').appendChild(msViewportStyle)
-
-		}
-
-	</script>
-
+    <div id="wrapper">
+        <header id="header" class="affix" data-spy="affix" data-offset-top="37">
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-3 col-sm-3 col-xs-8">
+                        <div class="logo"><a href="#wrapper"><img src="images/logo.png" alt="ApacheIgnite"></a></div>
+                    </div>
+                    <div class="col-md-9 col-sm-9 col-xs-4">
+                        <nav id="nav" class="navbar navbar-default" role="navigation">
+                            <div class="container-fluid">
+                                <div class="navbar-header">
+                                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
+                                        <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 class="collapse navbar-collapse" id="navbar">
+                                    <ul class="nav navbar-nav">
+                                        <li><a href="#overview">Overview</a></li>
+                                        <li><a href="features.html">Features</a></li>
+                                        <li><a href="#documentation">Documentation</a></li>
+                                        <li><a href="#community">Community</a></li>
+                                        <li><a href="#download">Download</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </nav>
+                    </div>
+                </div>
+            </div>
+        </header>
+        <div id="carousel" class="carousel slide" data-ride="carousel" data-interval="5000">
+            <div class="container">
+                <div class="carousel-inner" role="listbox">
+                    <!-- Carousel items -->
+                    <div class="item active">
+                        <div id="banner1">
+                            <h1>Apache Ignite</h1>
+                            <p>In-Memory Data Fabric</p>
+                            <ul class="buttons list-unstyled">
+                                <li><a href="#download" class="btn btn-danger">Download</a></li>
+                                <li><a href="features.html" class="btn btn-default">Learn More</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="item cloud">
+                        <div class="img-holder">
+                            <a href="#data-grid">
+                                <img style="margin-left: 20%; margin-top: 35px" src="images/img1.png">
+                            </a>
+                        </div>
+                    </div>
+                    <div class="item cloud">
+                        <div class="img-holder">
+                            <a href="#cluster-compute">
+                                <img style="margin-left: 20%; margin-top: 35px" src="images/compute_grid.png">
+                            </a>
+                        </div>
+                    </div>
+                    <div class="item cloud">
+                        <div class="img-holder">
+                            <a href="#streaming">
+                                <img style="margin-left: 15%; margin-top: 35px" src="images/streaming.png">
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Carousel nav -->
+            <a class="carousel-control left" href="#carousel" role="button" data-slide="prev">
+                <span class="glyphicon glyphicon-chevron-left"></span>
+            </a>
+            <a class="carousel-control right" href="#carousel" role="button" data-slide="next">
+                <span class="glyphicon glyphicon-chevron-right"></span>
+            </a>
+        </div>
+        <main id="main" role="main" class="container">
+            <section class="overview" id="overview">
+                <h2>Overview</h2>
+                <p>
+                    Apache Ignite In-Memory Data Fabric is a high-performance,
+                    integrated and distributed in-memory platform for computing
+                    and transacting on large-scale data sets in real-time, orders
+                    of magnitude faster than possible with traditional disk-based
+                    or flash technologies.
+                    <img src="images/fabric.jpg" alt="image description" class="img-responsive" style="padding-top: 40px">
+                </p>
+                <p>
+                    Apache Ignite In-Memory Data Fabric is designed to deliver
+                    uncompromised performance for a wide set of in-memory computing
+                    use cases from <a href="features.html">high performance computing</a>, to the industry most
+                    advanced <a href="features.html">data grid</a> and <a href="features.html">streaming</a>.
+                </p>
+            </section>
+
+            <section id="documentation">
+                <div class="feature-block">
+                    <h2>Documentation</h2>
+                    <p>
+                        We are currently in process of moving GridGain Open Source edition
+                        to Apache Ignite. Until this migration is complete, please refer to the
+                        GridGain In-Memory Data Fabric documentation.
+                    </p>
+                    <table>
+                        <tr>
+                            <th>In-Memory Data Fabric</th>
+                            <th>APIs</th>
+                            <th>Videos</th>
+                        </tr>
+                        <tr>
+                            <td>
+                                <ul id="docs">
+                                    <li><a target=wiki href="http://doc.gridgain.org/">Open Source Documentation</a></li>
+                                </ul>
+                            </td>
+                            <td>
+                                <ul id="javadoc">
+                                    <li><a target=javadoc href="http://javadoc.gridgain.org/">Javadoc APIs</a></li>
+                                    <li><a target=scaladoc href="http://scaladoc.gridgain.org/">Scaladoc APIs</a></li>
+                                </ul>
+                            </td>
+                            <td>
+                                <ul id="videos">
+                                    <li><a target=vimeo href="https://vimeo.com/107643054?width=1024&height=576">
+                                        <nobr>Video: In-Memory Data Grid</nobr></a>
+                                    </li>
+                                    <li><a target=vimeo href="https://vimeo.com/107641014?width=1024&height=576">
+                                        <nobr>Video: Clustering With Apache Ignite</nobr></a>
+                                    </li>
+                                    <li><a target=vimeo href="https://vimeo.com/107644353?width=1024&height=576">
+                                        <nobr>Video: Distributed Messaging</nobr></a>
+                                    </li>
+                                    <li><a target=vimeo href="https://vimeo.com/107645729?width=1024&height=576">
+                                        <nobr>Video: Distributed Events</nobr></a>
+                                    </li>
+                                    <li><a target=vimeo href="https://vimeo.com/107648158?width=1024&height=576">
+                                        <nobr>Video: Distributed Managed Services</nobr></a>
+                                    </li>
+                                    <li><a target=vimeo href="https://vimeo.com/107646721?width=1024&height=576">
+                                        <nobr>Video: Distributed Cache Queries</nobr></a>
+                                    </li>
+                                </ul>
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+            </section>
+
+            <section id="community">
+                <div class="feature-block">
+                    <h2>Community</h2>
+                    <p>
+                        We are very excited to grow our community. If you are interested in
+                        becoming a contributor, please subscribe to
+                        <a href="mailto:dev-subscribe@ignite.incubator.apache.org">dev@list</a>
+                        and let us know how you'd like to help.
+                    </p>
+                    <center>
+                        Mailing lists &amp; archives:
+                        <ul id="lists">
+                            <li><a href="mailto:dev-subscribe@ignite.incubator.apache.org">dev@ignite.incubator.apache.org</a></li>
+                            <li><a href="mailto:commits-subscribe@ignite.incubator.apache.org">commits@ignite.incubator.apache.org</a></li>
+                            <li><a href="http://mail-archives.apache.org/mod_mbox/incubator-ignite-dev/">dev@archive</a></li>
+                            <li><a href="http://mail-archives.apache.org/mod_mbox/incubator-ignite-commits/">commits@archive</a></li>
+                        </ul>
+                    </center>
+                 </div>
+            </section>
+
+            <section id="download">
+                <div class="feature-block">
+                    <h2>Download</h2>
+                    <p>
+                        We are currently in process of moving GridGain Open Source edition
+                        to Apache Ignite. Until this migration is complete, please download
+                        GridGain In-Memory Data Fabric.
+                    </p>
+                    <table>
+                        <tr>
+                            <th>Release</th>
+                            <th>Version</th>
+                            <th>Release</th>
+                        </tr>
+                        <tr>
+                            <td>
+                                <span><a href="http://gridgain.com/download/open-source/">In-Memory Data Fabric</a></span>
+                            </td>
+                            <td>
+                                <span>6.5.6</span>
+                            </td>
+                            <td>
+                                <span><time datetime="2014-12-15">December 15, 2014</time></span>
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+            </section>
+        </main>
+        <footer id="footer">
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-4 col-sm-5">
+                        <div class="logo"><a href="#wrapper"><img src="images/logo2.png" alt="Crowley Marine serving boalers for over years."></a></div>
+                    </div>
+                    <nav class="col-md-4 col-sm-3 footer-nav">
+                        <ul class="list-unstyled">
+                            <li><a href="#overview">Overview</a></li>
+                            <li><a href="#documentation">Documentation</a></li>
+                            <li><a href="#community">Community</a></li>
+                            <li><a href="features.html">Features</a></li>
+                            <li><a href="#download">Download</a></li>
+                        </ul>
+                    </nav>
+                    <div class="col-md-4 col-sm-4">
+                        <p align="right">&copy; 2014 Copyright <a href="#"><b>Apache Ignite</b></a></p>
+                        <ul class="social-networks list-unstyled">
+                            <li><a href="https://www.linkedin.com/company/249196" class="icon-linkedin"></a></li>
+                            <li><a href="https://www.twitter.com/gridgain" class="icon-twitter"></a></li>
+                            <li><a href="https://plus.google.com/101084158514011491168/posts" class="icon-google-plus"></a></li>
+                            <li><a href="https://www.vimeo.com/gridgain" class="icon-youtube"></a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </footer>
+    </div>
+    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+    <script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.11.1.min.js"><\/script>')</script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
+    <script type="text/javascript" src="js/jquery.main.js"></script>
+    <script type="text/javascript">
+        if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
+            var msViewportStyle = document.createElement('style');
+            msViewportStyle.appendChild(
+                document.createTextNode(
+                    '@-ms-viewport{width:auto!important}'
+                )
+            );
+            document.querySelector('head').appendChild(msViewportStyle)
+        }
+    </script>
 </body>
-
 </html>
-

Modified: incubator/ignite/site/trunk/js/jquery.main.js
URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/js/jquery.main.js?rev=1658605&r1=1658604&r2=1658605&view=diff
==============================================================================
--- incubator/ignite/site/trunk/js/jquery.main.js (original)
+++ incubator/ignite/site/trunk/js/jquery.main.js Tue Feb 10 00:20:30 2015
@@ -1,16 +1,16 @@
 // page init
 jQuery(function(){
-	initAnchors();
+    initAnchors();
 });
 
 // initialize fixed blocks on scroll
 function initAnchors() {
-	new SmoothScroll({
-		anchorLinks: 'a[href^="#"]',
-		activeClasses: 'parent',
-		anchorActiveClass: 'active',
-		sectionActiveClass: 'active'
-	});
+    new SmoothScroll({
+        anchorLinks: 'a[href^="#"]',
+        activeClasses: 'parent',
+        anchorActiveClass: 'active',
+        sectionActiveClass: 'active'
+    });
 }
 
 /*!
@@ -18,251 +18,251 @@ function initAnchors() {
  */
 ;(function($, exports) {
 
-	// private variables
-	var page,
-		win = $(window),
-		activeBlock, activeWheelHandler,
-		wheelEvents = ('onwheel' in document || document.documentMode >= 9 ? 'wheel' : 'mousewheel DOMMouseScroll');
-
-	// animation handlers
-	function scrollTo(offset, options, callback) {
-		// initialize variables
-		var scrollBlock;
-		if(document.body) {
-			if(typeof options === 'number') {
-				options = { duration: options };
-			} else {
-				options = options || {};
-			}
-			page = page || $('html, body');
-			scrollBlock = options.container || page;
-		} else {
-			return;
-		}
-
-		// treat single number as scrollTop
-		if(typeof offset === 'number') {
-			offset = { top: offset };
-		}
-
-		// handle mousewheel/trackpad while animation is active
-		if(activeBlock && activeWheelHandler) {
-			activeBlock.off('mousewheel', activeWheelHandler);
-		}
-		if(options.wheelBehavior && options.wheelBehavior !== 'none') {
-			activeWheelHandler = function(e) {
-				if(options.wheelBehavior === 'stop') {
-					scrollBlock.off('mousewheel', activeWheelHandler);
-					scrollBlock.stop();
-				} else if(options.wheelBehavior === 'ignore') {
-					e.preventDefault();
-				}
-			};
-			activeBlock = scrollBlock.on('mousewheel', activeWheelHandler);
-		}
-
-		// start scrolling animation
-		scrollBlock.stop().animate({
-			scrollLeft: offset.left,
-			scrollTop: offset.top
-		}, options.duration, function(){
-			if(activeWheelHandler) {
-				scrollBlock.off('mousewheel', activeWheelHandler);
-			}
-			if($.isFunction(callback)) {
-				callback();
-			}
-		});
-	}
-
-	// smooth scroll contstructor
-	function SmoothScroll(options) {
-		this.options = $.extend({
-			anchorLinks: 'a[href^="#"]',	// selector or jQuery object
-			container: null,		// specify container for scrolling (default - whole page)
-			extraOffset: null,		// function or fixed number
-			activeClasses: null,	// null, "link", "parent"
-			easing: 'swing',		// easing of scrolling
-			animMode: 'duration',	// or "speed" mode
-			animDuration: 800,		// total duration for scroll (any distance)
-			animSpeed: 1500,		// pixels per second
-			anchorActiveClass: 'anchor-active',
-			sectionActiveClass: 'section-active',
-			wheelBehavior: 'stop', // "stop", "ignore" or "none"
-			useNativeAnchorScrolling: false // do not handle click in devices with native smooth scrolling
-		}, options);
-		this.init();
-	}
-	SmoothScroll.prototype = {
-		init: function() {
-			this.initStructure();
-			this.attachEvents();
-		},
-		initStructure: function(options) {
-			this.container = this.options.container ? $(this.options.container) : $('html,body');
-			this.scrollContainer = this.options.container ? this.container : win;
-			this.anchorLinks = $(this.options.anchorLinks);
-		},
-		getAnchorTarget: function(link) {
-			// get target block from link href
-			var targetId = $(link).attr('href');
-			return $(targetId.length > 1 ? targetId : 'html');
-		},
-		getTargetOffset: function(block) {
-			// get target offset
-			var blockOffset = block.offset().top;
-			if(this.options.container) {
-				blockOffset -= this.container.offset().top - this.container.prop('scrollTop');
-			}
-
-			// handle extra offset
-			if(typeof this.options.extraOffset === 'number') {
-				blockOffset -= this.options.extraOffset;
-			} else if(typeof this.options.extraOffset === 'function') {
-				blockOffset -= this.options.extraOffset(block);
-			}
-			return {top: blockOffset};
-		},
-		attachEvents: function() {
-			var self = this;
-
-			// handle active classes
-			if(this.options.activeClasses) {
-				// cache structure
-				this.anchorData = [];
-				this.anchorLinks.each(function() {
-					var link = jQuery(this),
-						targetBlock = self.getAnchorTarget(link),
-						anchorDataItem;
-
-					$.each(self.anchorData, function(index, item) {
-						if(item.block[0] === targetBlock[0]) {
-							anchorDataItem = item;
-						}
-					});
-
-					if(anchorDataItem) {
-						anchorDataItem.link = anchorDataItem.link.add(link);
-					} else {
-						self.anchorData.push({
-							link: link,
-							block: targetBlock
-						});
-					}
-				});
-
-				// add additional event handlers
-				this.resizeHandler = function() {
-					self.recalculateOffsets();
-				};
-				this.scrollHandler = function() {
-					self.refreshActiveClass();
-				};
-
-				this.recalculateOffsets();
-				this.scrollContainer.on('scroll', this.scrollHandler);
-				win.on('resize', this.resizeHandler);
-			}
-
-			// handle click event
-			this.clickHandler = function(e) {
-				self.onClick(e);
-			};
-			if(!this.options.useNativeAnchorScrolling) {
-				this.anchorLinks.on('click', this.clickHandler);
-			}
-		},
-		recalculateOffsets: function() {
-			var self = this;
-			$.each(this.anchorData, function(index, data) {
-				data.offset = self.getTargetOffset(data.block);
-				data.height = data.block.outerHeight();
-			});
-			this.refreshActiveClass();
-		},
-		refreshActiveClass: function() {
-			var self = this,
-				foundFlag = false,
-				winHeight = win.height(),
-				containerHeight = this.container.prop('scrollHeight'),
-				viewPortHeight = this.scrollContainer.height(),
-				scrollTop = this.options.container ? this.container.prop('scrollTop') : win.scrollTop();
-
-			// user function instead of default handler
-			if(this.options.customScrollHandler) {
-				this.options.customScrollHandler.call(this, scrollTop, this.anchorData);
-				return;
-			}
-
-			// sort anchor data by offsets
-			this.anchorData.sort(function(a, b) {
-				return a.offset.top - b.offset.top;
-			});
-			function toggleActiveClass(anchor, block, state) {
-				anchor.toggleClass(self.options.anchorActiveClass, state);
-				block.toggleClass(self.options.sectionActiveClass, state);
-			}
-
-			// default active class handler
-			$.each(this.anchorData, function(index) {
-				var reverseIndex = self.anchorData.length - index - 1,
-					data = self.anchorData[reverseIndex],
-					anchorElement = (self.options.activeClasses === 'parent' ? data.link.parent() : data.link);
-
-				if(scrollTop >= containerHeight - viewPortHeight) {
-					// handle last section
-					if(reverseIndex === self.anchorData.length - 1) {
-						toggleActiveClass(anchorElement, data.block, true);
-					} else {
-						toggleActiveClass(anchorElement, data.block, false);
-					}
-				} else {
-					// handle other sections
-					if(!foundFlag && (scrollTop >= data.offset.top - 1 || reverseIndex === 0) ) {
-						foundFlag = true;
-						toggleActiveClass(anchorElement, data.block, true);
-					} else {
-						toggleActiveClass(anchorElement, data.block, false);
-					}
-				}
-			});
-		},
-		calculateScrollDuration: function(offset) {
-			var distance;
-			if(this.options.animMode === 'speed') {
-				distance = Math.abs(this.scrollContainer.scrollTop() - offset.top);
-				return (distance / this.options.animSpeed) * 1000;
-			} else {
-				return this.options.animDuration;
-			}
-		},
-		onClick: function(e) {
-			var targetBlock = this.getAnchorTarget(e.currentTarget),
-				targetOffset = this.getTargetOffset(targetBlock);
-
-			e.preventDefault();
-			scrollTo(targetOffset, {
-				container: this.container,
-				wheelBehavior: this.options.wheelBehavior,
-				duration: this.calculateScrollDuration(targetOffset),
-			});
-		},
-		destroy: function() {
-			if(this.options.activeClasses) {
-				win.off('resize', this.resizeHandler);
-				this.scrollContainer.off('scroll', this.scrollHandler);
-			}
-			this.anchorLinks.off('click', this.clickHandler);
-		}
-	};
-
-	// public API
-	$.extend(SmoothScroll, {
-		scrollTo: function(blockOrOffset, durationOrOptions, callback) {
-			scrollTo(blockOrOffset, durationOrOptions, callback);
-		}
-	});
+    // private variables
+    var page,
+        win = $(window),
+        activeBlock, activeWheelHandler,
+        wheelEvents = ('onwheel' in document || document.documentMode >= 9 ? 'wheel' : 'mousewheel DOMMouseScroll');
+
+    // animation handlers
+    function scrollTo(offset, options, callback) {
+        // initialize variables
+        var scrollBlock;
+        if(document.body) {
+            if(typeof options === 'number') {
+                options = { duration: options };
+            } else {
+                options = options || {};
+            }
+            page = page || $('html, body');
+            scrollBlock = options.container || page;
+        } else {
+            return;
+        }
+
+        // treat single number as scrollTop
+        if(typeof offset === 'number') {
+            offset = { top: offset };
+        }
+
+        // handle mousewheel/trackpad while animation is active
+        if(activeBlock && activeWheelHandler) {
+            activeBlock.off('mousewheel', activeWheelHandler);
+        }
+        if(options.wheelBehavior && options.wheelBehavior !== 'none') {
+            activeWheelHandler = function(e) {
+                if(options.wheelBehavior === 'stop') {
+                    scrollBlock.off('mousewheel', activeWheelHandler);
+                    scrollBlock.stop();
+                } else if(options.wheelBehavior === 'ignore') {
+                    e.preventDefault();
+                }
+            };
+            activeBlock = scrollBlock.on('mousewheel', activeWheelHandler);
+        }
+
+        // start scrolling animation
+        scrollBlock.stop().animate({
+            scrollLeft: offset.left,
+            scrollTop: offset.top
+        }, options.duration, function(){
+            if(activeWheelHandler) {
+                scrollBlock.off('mousewheel', activeWheelHandler);
+            }
+            if($.isFunction(callback)) {
+                callback();
+            }
+        });
+    }
+
+    // smooth scroll contstructor
+    function SmoothScroll(options) {
+        this.options = $.extend({
+            anchorLinks: 'a[href^="#"]',    // selector or jQuery object
+            container: null,        // specify container for scrolling (default - whole page)
+            extraOffset: null,        // function or fixed number
+            activeClasses: null,    // null, "link", "parent"
+            easing: 'swing',        // easing of scrolling
+            animMode: 'duration',    // or "speed" mode
+            animDuration: 800,        // total duration for scroll (any distance)
+            animSpeed: 1500,        // pixels per second
+            anchorActiveClass: 'anchor-active',
+            sectionActiveClass: 'section-active',
+            wheelBehavior: 'stop', // "stop", "ignore" or "none"
+            useNativeAnchorScrolling: false // do not handle click in devices with native smooth scrolling
+        }, options);
+        this.init();
+    }
+    SmoothScroll.prototype = {
+        init: function() {
+            this.initStructure();
+            this.attachEvents();
+        },
+        initStructure: function(options) {
+            this.container = this.options.container ? $(this.options.container) : $('html,body');
+            this.scrollContainer = this.options.container ? this.container : win;
+            this.anchorLinks = $(this.options.anchorLinks);
+        },
+        getAnchorTarget: function(link) {
+            // get target block from link href
+            var targetId = $(link).attr('href');
+            return $(targetId.length > 1 ? targetId : 'html');
+        },
+        getTargetOffset: function(block) {
+            // get target offset
+            var blockOffset = block.offset().top;
+            if(this.options.container) {
+                blockOffset -= this.container.offset().top - this.container.prop('scrollTop');
+            }
+
+            // handle extra offset
+            if(typeof this.options.extraOffset === 'number') {
+                blockOffset -= this.options.extraOffset;
+            } else if(typeof this.options.extraOffset === 'function') {
+                blockOffset -= this.options.extraOffset(block);
+            }
+            return {top: blockOffset};
+        },
+        attachEvents: function() {
+            var self = this;
+
+            // handle active classes
+            if(this.options.activeClasses) {
+                // cache structure
+                this.anchorData = [];
+                this.anchorLinks.each(function() {
+                    var link = jQuery(this),
+                        targetBlock = self.getAnchorTarget(link),
+                        anchorDataItem;
+
+                    $.each(self.anchorData, function(index, item) {
+                        if(item.block[0] === targetBlock[0]) {
+                            anchorDataItem = item;
+                        }
+                    });
+
+                    if(anchorDataItem) {
+                        anchorDataItem.link = anchorDataItem.link.add(link);
+                    } else {
+                        self.anchorData.push({
+                            link: link,
+                            block: targetBlock
+                        });
+                    }
+                });
+
+                // add additional event handlers
+                this.resizeHandler = function() {
+                    self.recalculateOffsets();
+                };
+                this.scrollHandler = function() {
+                    self.refreshActiveClass();
+                };
+
+                this.recalculateOffsets();
+                this.scrollContainer.on('scroll', this.scrollHandler);
+                win.on('resize', this.resizeHandler);
+            }
+
+            // handle click event
+            this.clickHandler = function(e) {
+                self.onClick(e);
+            };
+            if(!this.options.useNativeAnchorScrolling) {
+                this.anchorLinks.on('click', this.clickHandler);
+            }
+        },
+        recalculateOffsets: function() {
+            var self = this;
+            $.each(this.anchorData, function(index, data) {
+                data.offset = self.getTargetOffset(data.block);
+                data.height = data.block.outerHeight();
+            });
+            this.refreshActiveClass();
+        },
+        refreshActiveClass: function() {
+            var self = this,
+                foundFlag = false,
+                winHeight = win.height(),
+                containerHeight = this.container.prop('scrollHeight'),
+                viewPortHeight = this.scrollContainer.height(),
+                scrollTop = this.options.container ? this.container.prop('scrollTop') : win.scrollTop();
+
+            // user function instead of default handler
+            if(this.options.customScrollHandler) {
+                this.options.customScrollHandler.call(this, scrollTop, this.anchorData);
+                return;
+            }
+
+            // sort anchor data by offsets
+            this.anchorData.sort(function(a, b) {
+                return a.offset.top - b.offset.top;
+            });
+            function toggleActiveClass(anchor, block, state) {
+                anchor.toggleClass(self.options.anchorActiveClass, state);
+                block.toggleClass(self.options.sectionActiveClass, state);
+            }
+
+            // default active class handler
+            $.each(this.anchorData, function(index) {
+                var reverseIndex = self.anchorData.length - index - 1,
+                    data = self.anchorData[reverseIndex],
+                    anchorElement = (self.options.activeClasses === 'parent' ? data.link.parent() : data.link);
+
+                if(scrollTop >= containerHeight - viewPortHeight) {
+                    // handle last section
+                    if(reverseIndex === self.anchorData.length - 1) {
+                        toggleActiveClass(anchorElement, data.block, true);
+                    } else {
+                        toggleActiveClass(anchorElement, data.block, false);
+                    }
+                } else {
+                    // handle other sections
+                    if(!foundFlag && (scrollTop >= data.offset.top - 1 || reverseIndex === 0) ) {
+                        foundFlag = true;
+                        toggleActiveClass(anchorElement, data.block, true);
+                    } else {
+                        toggleActiveClass(anchorElement, data.block, false);
+                    }
+                }
+            });
+        },
+        calculateScrollDuration: function(offset) {
+            var distance;
+            if(this.options.animMode === 'speed') {
+                distance = Math.abs(this.scrollContainer.scrollTop() - offset.top);
+                return (distance / this.options.animSpeed) * 1000;
+            } else {
+                return this.options.animDuration;
+            }
+        },
+        onClick: function(e) {
+            var targetBlock = this.getAnchorTarget(e.currentTarget),
+                targetOffset = this.getTargetOffset(targetBlock);
+
+            e.preventDefault();
+            scrollTo(targetOffset, {
+                container: this.container,
+                wheelBehavior: this.options.wheelBehavior,
+                duration: this.calculateScrollDuration(targetOffset),
+            });
+        },
+        destroy: function() {
+            if(this.options.activeClasses) {
+                win.off('resize', this.resizeHandler);
+                this.scrollContainer.off('scroll', this.scrollHandler);
+            }
+            this.anchorLinks.off('click', this.clickHandler);
+        }
+    };
+
+    // public API
+    $.extend(SmoothScroll, {
+        scrollTo: function(blockOrOffset, durationOrOptions, callback) {
+            scrollTo(blockOrOffset, durationOrOptions, callback);
+        }
+    });
 
-	// export module
-	exports.SmoothScroll = SmoothScroll;
+    // export module
+    exports.SmoothScroll = SmoothScroll;
 }(jQuery, this));
\ No newline at end of file

Modified: incubator/ignite/site/trunk/scss/all.scss
URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/all.scss?rev=1658605&r1=1658604&r2=1658605&view=diff
==============================================================================
--- incubator/ignite/site/trunk/scss/all.scss (original)
+++ incubator/ignite/site/trunk/scss/all.scss Tue Feb 10 00:20:30 2015
@@ -5,16 +5,16 @@
 @font-face { @include fontface(harabara, harabara-webfont) }
 @font-face { @include fontface(icomoon, icomoon) }
 html{
-	background: $gray-light;
+    background: $gray-light;
 }
 body {
-	margin: 0;
-	min-width: $base-min-width;
-	line-height: $base-line-height;
+    margin: 0;
+    min-width: $base-min-width;
+    line-height: $base-line-height;
 }
 a:hover, a:focus {
-	text-decoration: none;
-	outline: none;
+    text-decoration: none;
+    outline: none;
 }
 @viewport { width: device-width;}
 @-o-viewport { width: device-width;}
@@ -23,15 +23,15 @@ a:hover, a:focus {
 @-webkit-viewport { width: device-width;}
 [class^="icon-"],
 [class*=" icon-"] {
-	font-family: 'icomoon';
-	speak: none;
-	font-style: normal;
-	font-weight: normal;
-	font-variant: normal;
-	text-transform: none;
-	line-height: 1;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
+    font-family: 'icomoon';
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 .icon-rss:before { content: "\e600"; }
 .icon-linkedin:before { content: "\e601"; }
@@ -40,736 +40,739 @@ a:hover, a:focus {
 .icon-google-plus:before { content: "\e604"; }
 .icon-youtube:before { content: "\e605"; }
 h1, .h1{
-	line-height: 30px;
-	margin: 0;
+    line-height: 30px;
+    margin: 0;
 }
 h2, .h2{
-	line-height: 25px;
-	margin: 0;
+    line-height: 25px;
+    margin: 0;
 }
 h3, .h3{
-	line-height: 22px;
-	margin: 0;
+    line-height: 22px;
+    margin: 0;
 }
 h4, .h4 {
-	line-height: 20px;
-	margin: 0;
+    line-height: 20px;
+    margin: 0;
 }
 h5, .h5,
 h6, .h6 {
-	line-height: 17px;
-	margin: 0;
+    line-height: 17px;
+    margin: 0;
 }
 p {
-	margin: 0 0 $base-line-height;
+    margin: 0 0 $base-line-height;
 }
 .btn{
-	min-width: 160px;
-	height: 40px;
-	border-radius: 4px;
-	text-align: center;
-	text-transform: capitalize;
-	font-size: 20px;
-	line-height: 28px;
-	padding: 5px;
-	
-	@media (max-width: $mobile) {
-		min-width: 130px;
-		height: 36px;
-		font-size: 17px;
-		line-height: 24px;
-	}
+    min-width: 160px;
+    height: 40px;
+    border-radius: 4px;
+    text-align: center;
+    text-transform: capitalize;
+    font-size: 20px;
+    line-height: 28px;
+    padding: 5px;
+    
+    @media (max-width: $mobile) {
+        min-width: 130px;
+        height: 36px;
+        font-size: 17px;
+        line-height: 24px;
+    }
 }
 .btn-default:hover {
-	background: $white;
-	color: $gray;
+    background: $white;
+    color: $gray;
 }
 .btn-danger {
-	border: none;
-	line-height: 30px;
-	@include background-image(linear-gradient(top, #ff0000 0%,#eb0101 21%,#940206 77%,#7a0308 100%));
-	$experimental-support-for-svg: true;
-	
-	@media (max-width: $mobile) {
-		line-height: 26px;
-	}
-	&:hover {
-		@include background-image(linear-gradient(top, #7b0308 0%,#840308 10%,#9b0206 28%,#eb0101 79%,#ff0000 100%));
-	}
+    border: none;
+    line-height: 30px;
+    @include background-image(linear-gradient(top, #ff0000 0%,#eb0101 21%,#940206 77%,#7a0308 100%));
+    $experimental-support-for-svg: true;
+    
+    @media (max-width: $mobile) {
+        line-height: 26px;
+    }
+    &:hover {
+        @include background-image(linear-gradient(top, #7b0308 0%,#840308 10%,#9b0206 28%,#eb0101 79%,#ff0000 100%));
+    }
 }
 #wrapper{
-	overflow: hidden;
+    overflow: hidden;
 }
 #header {
-	left: 0;
-	right: 0;
-	top: 37px;
-	z-index: 9999;
-	padding: 5px 0;
-	
-	&.affix-top {
-		position: absolute;
-		
-		@media (max-width: $tablet) {
-			top: 0;
-		}
-	}
-	&.affix {
-		top: 0;
-		background: rgba(54,54,54,0.95);
-		
-		@media (max-width: $tablet) {
-			position: absolute;
-			background: none;
-		}
-	}
-	.container {
-		position: relative;
-	}
-	.logo {
-		width: 140px;
-		margin: 0 0 0 1px;
-		
-		img{
-			@extend %img-full-width;
-		}
-	}
-	div[class*="col-"] {
-		position: static;
-	}
+    left: 0;
+    right: 0;
+    top: 37px;
+    z-index: 9999;
+    padding: 5px 0;
+    
+    &.affix-top {
+        position: absolute;
+        
+        @media (max-width: $tablet) {
+            top: 0;
+        }
+    }
+    &.affix {
+        top: 0;
+        background: rgba(54,54,54,0.95);
+        
+        @media (max-width: $tablet) {
+            position: absolute;
+            background: none;
+        }
+    }
+    .container {
+        position: relative;
+    }
+    .logo {
+        width: 140px;
+        margin: 0 0 0 1px;
+        
+        img{
+            @extend %img-full-width;
+        }
+    }
+    div[class*="col-"] {
+        position: static;
+    }
 }
 #nav {
-	text-align: right;
-	text-transform: capitalize;
-	font-size: 16px;
-	line-height: 20px;
-	padding: 21px 0 0;
-	letter-spacing: 0.1px;
-	position: static;
-	
-	@media (max-width: $mobile) {
-		padding: 10px 10px 0;
-		text-align: center;
-		
-		.navbar-collapse {
-			overflow: hidden;
-			position: absolute;
-			top: 100%;
-			left: 0;
-			right: 0;
-			z-index: 99;
-			margin: 10px 0 0;
-			background: rgba(54,54,54,0.95);
-		}
-	}
-	.container-fluid {
-		padding: 0;
-	}
-	.navbar-toggle {
-		margin: 0;
-	}
-	.navbar-nav {
-		float: none;
-		letter-spacing: -4px;
-		
-		@media (max-width: $mobile) {
-			padding: 10px 0;
-		}
-		> li {
-			@extend %align-top;
-			letter-spacing: normal;
-			float: none;
-			margin: 0 0 0 32px;
-			
-			@media (max-width: $mobile) {
-				display: block;
-				margin: 0;
-				padding: 5px 10px;
-			}
-			>a {
-				padding: 0;
-				@extend %align-top;
-			}
-		}
-	}
+    text-align: right;
+    text-transform: capitalize;
+    font-size: 16px;
+    line-height: 20px;
+    padding: 21px 0 0;
+    letter-spacing: 0.1px;
+    position: static;
+    
+    @media (max-width: $mobile) {
+        padding: 10px 10px 0;
+        text-align: center;
+        
+        .navbar-collapse {
+            overflow: hidden;
+            position: absolute;
+            top: 100%;
+            left: 0;
+            right: 0;
+            z-index: 99;
+            margin: 10px 0 0;
+            background: rgba(54,54,54,0.95);
+        }
+    }
+    .container-fluid {
+        padding: 0;
+    }
+    .navbar-toggle {
+        margin: 0;
+    }
+    .navbar-nav {
+        float: none;
+        letter-spacing: -4px;
+        
+        @media (max-width: $mobile) {
+            padding: 10px 0;
+        }
+        > li {
+            @extend %align-top;
+            letter-spacing: normal;
+            float: none;
+            margin: 0 0 0 32px;
+            
+            @media (max-width: $mobile) {
+                display: block;
+                margin: 0;
+                padding: 5px 10px;
+            }
+            >a {
+                padding: 0;
+                @extend %align-top;
+            }
+        }
+    }
 }
 .carousel {
-	min-height: 597px;
-	padding: 114px 0 50px;
-	font-size: 18px;
-	line-height: 24px;
-	color: $white;
-	text-align: center;
-	position: relative;
-	z-index: 9;
-	background: url(../images/bg-carousel.jpg) no-repeat center/cover;
-	@include transition(all, 0.2s, linear);
-	
-	@media (max-width: $tablet) {
-		min-height: 470px;
-		padding: 100px 0 50px;
-	}
-	@media (max-width: $mobile) {
-		min-height: 300px;
-		font-size: 14px;
-		line-height: 17px;
-		padding: 100px 0 20px;
-	}
-	&:after {
-		height: 106px;
-		@include after(auto,0,0,0);
-		@include background-image(linear-gradient(top, rgba(47,47,47,0) 0%,rgba(47,47,47,0.05) 8%,rgba(47,47,47,0.18) 23%,rgba(47,47,47,0.82) 77%,rgba(47,47,47,0.95) 92%,rgba(47,47,47,1) 100%));
-		$experimental-support-for-svg: true;
-		pointer-events: none;
-		
-		@media (max-width: $tablet) {
-			height: 60px;
-		}
-		@media (max-width: $mobile) {
-			height: 30px;
-		}
-	}
-	.item {
-		padding: 82px 0 0;
-		
-		@media (max-width: $tablet) {
-			padding: 20px 0 0;
-		}
-	}
-	header {
-		font-size: 28px;
-		line-height: 36px;
-		text-transform: capitalize;
-		letter-spacing: 0.8px;
-		
-		@media (max-width: $tablet) {
-			font-size: 25px;
-			line-height: 30px;
-		}
-		@media (max-width: $mobile) {
-			font-size: 20px;
-		}
-		p{
-			margin: 0 0 18px;
-			
-			@media (max-width: $mobile) {
-				margin: 0 0 10px;
-			}
-		}
-	}
-	h1 {
-		font: 100px/100px $alt-font-harabara;
-		letter-spacing: 2.3px;
-		margin: 0 0 15px;
-		
-		@media (max-width: $tablet) {
-			font-size: 70px;
-			line-height: 70px;
-		}
-		@media (max-width: $mobile) {
-			font-size: 42px;
-			line-height: 42px;
-			margin: 0 0 5px;
-		}
-	}
-	.buttons {
-		margin: 0 0 12px;
-		letter-spacing: -4px;
-		
-		@media (max-width: $mobile) {
-			margin: 0;
-		}
-		li{
-			@extend %align-top;
-			letter-spacing: normal;
-			margin: 0 10px 10px;
-		}
-	}
-	.text {
-		max-width: 820px;
-		margin: 0 auto;
-	}
-	p{
-		margin: 0;
-	}
-	.item.cloud{
-		padding: 0;
-		text-align: right;
-		
-		@media (max-width: $mobile) {
-			text-align: center;
-		}
-		h1 {
-			font-size: 53px;
-			line-height: 53px;
-			letter-spacing: 1.3px;
-			margin: 0 0 6px;
-			
-			@media (max-width: $tablet) {
-				font-size: 42px;
-				line-height: 45px;
-			}
-		}
-		header {
-			font-size: 15px;
-			line-height: 20px;
-			letter-spacing: 0.4px;
-			margin: 104px -2px 0 0;
-			
-			@media (max-width: $tablet) {
-				font-size: 15px;
-				line-height: 18px;
-				margin: 50px 0 0;
-			}
-			@media (max-width: $mobile) {
-				margin: 0;
-			}
-			p{
-				margin: 0 0 7px;
-			}
-		}
-		.buttons li {
-			margin: 0 0 10px 13px;
-		}
-		.btn{
-			height: 26px;
-			min-width: 104px;
-			font-size: 13px;
-			line-height: 18px;
-			padding: 4px;
-		}
-	}
-	.img-holder {
-		overflow: hidden;
-		margin: 0 0 0 -9px;
-		
-		@media (max-width: $mobile) {
-			margin: 0;
-		}
-		img{
-			@extend %img-full-width;
-		}
-	}
+    min-height: 597px;
+    padding: 114px 0 50px;
+    font-size: 18px;
+    line-height: 24px;
+    color: $white;
+    text-align: center;
+    position: relative;
+    z-index: 9;
+    background: url(../images/bg-carousel.jpg) no-repeat center/cover;
+    @include transition(all, 0.2s, linear);
+    
+    @media (max-width: $tablet) {
+        min-height: 470px;
+        padding: 100px 0 50px;
+    }
+    @media (max-width: $mobile) {
+        min-height: 300px;
+        font-size: 14px;
+        line-height: 17px;
+        padding: 100px 0 20px;
+    }
+    &:after {
+        height: 106px;
+        @include after(auto,0,0,0);
+        @include background-image(linear-gradient(top, rgba(47,47,47,0) 0%,rgba(47,47,47,0.05) 8%,rgba(47,47,47,0.18) 23%,rgba(47,47,47,0.82) 77%,rgba(47,47,47,0.95) 92%,rgba(47,47,47,1) 100%));
+        $experimental-support-for-svg: true;
+        pointer-events: none;
+        
+        @media (max-width: $tablet) {
+            height: 60px;
+        }
+        @media (max-width: $mobile) {
+            height: 30px;
+        }
+    }
+    .item {
+        padding: 82px 0 0;
+        
+        @media (max-width: $tablet) {
+            padding: 20px 0 0;
+        }
+    }
+    header {
+        font-size: 28px;
+        line-height: 36px;
+        text-transform: capitalize;
+        letter-spacing: 0.8px;
+        
+        @media (max-width: $tablet) {
+            font-size: 25px;
+            line-height: 30px;
+        }
+        @media (max-width: $mobile) {
+            font-size: 20px;
+        }
+        p{
+            margin: 0 0 18px;
+            
+            @media (max-width: $mobile) {
+                margin: 0 0 10px;
+            }
+        }
+    }
+    h1 {
+        font: 100px/100px $alt-font-harabara;
+        letter-spacing: 2.3px;
+        margin: 0 0 15px;
+        
+        @media (max-width: $tablet) {
+            font-size: 70px;
+            line-height: 70px;
+        }
+        @media (max-width: $mobile) {
+            font-size: 42px;
+            line-height: 42px;
+            margin: 0 0 5px;
+        }
+    }
+    .buttons {
+        margin: 0 0 12px;
+        letter-spacing: -4px;
+        
+        @media (max-width: $mobile) {
+            margin: 0;
+        }
+        li{
+            @extend %align-top;
+            letter-spacing: normal;
+            margin: 0 10px 10px;
+        }
+    }
+    .text {
+        max-width: 820px;
+        margin: 0 auto;
+    }
+    p{
+        margin: 0;
+    }
+    .item.cloud{
+        padding: 0;
+        text-align: right;
+        
+        @media (max-width: $mobile) {
+            text-align: center;
+        }
+        h1 {
+            font-size: 53px;
+            line-height: 53px;
+            letter-spacing: 1.3px;
+            margin: 0 0 6px;
+            
+            @media (max-width: $tablet) {
+                font-size: 42px;
+                line-height: 45px;
+            }
+        }
+        header {
+            font-size: 15px;
+            line-height: 20px;
+            letter-spacing: 0.4px;
+            margin: 104px -2px 0 0;
+            
+            @media (max-width: $tablet) {
+                font-size: 15px;
+                line-height: 18px;
+                margin: 50px 0 0;
+            }
+            @media (max-width: $mobile) {
+                margin: 0;
+            }
+            p{
+                margin: 0 0 7px;
+            }
+        }
+        .buttons li {
+            margin: 0 0 10px 13px;
+        }
+        .btn{
+            height: 26px;
+            min-width: 104px;
+            font-size: 13px;
+            line-height: 18px;
+            padding: 4px;
+        }
+    }
+    .img-holder {
+        overflow: hidden;
+        margin: 0 0 0 -9px;
+        
+        @media (max-width: $mobile) {
+            margin: 0;
+        }
+        img{
+            @extend %img-full-width;
+        }
+    }
 }
 #main {
-	margin-bottom: 50px;
-	
-	@media (max-width: $mobile) {
-		margin-bottom: 0;
-	}
-	table{
-		width: 100%;
-		border: 2px solid  $gray-light;
-		
-		th,
-		td {
-			height: 40px;
-			border-width: 0 0 2px 2px;
-			border-color: $gray-light;
-			border-style: solid;
-			padding: 5px 20px;
-			position: relative;
-			
-			&:first-child {
-				border-left-width: 0;
-			}
-		}
-		th{
-			font-size: 18px;
-			line-height: 20px;
-			
-			@media (max-width: $tablet) {
-				font-size: 15px;
-			}
-			&:first-child{
-				padding: 5px 38px;
-			}
-		}
-		td:first-child{
-			padding-left: 58px;
-		}
-		.btn-video {
-			color: $black;
-			
-			&:hover {
-				color: $red;
-			}
-		}
-		@media (max-width: $mobile) {
-			border: none;
-			display: block;
-			overflow:hidden;
-			border-top:1px solid $black;
-			
-			tbody {
-				border-left:120px solid $gray;
-				float:left;
-				width:100%;
-				padding:0 1px 0 1px;
-			}
-			tr {
-				float:left;
-				width:100%;
-				clear:both;
-				
-				&:nth-child(odd) td {
-					background-color: rgba(0,0,0,0.1);
-				}
-			}
-			td {
-				width: 100% !important;
-				height: auto;
-				padding:0 0 0 120px !important;
-				margin:0 -1px 0 -121px;
-				display: block;
-				float:left;
-				clear:both;
-				width:100%;
-				white-space:nowrap;
-				border-width: 0 1px 1px 1px !important;
-				border-color: $black;
-				@include box-sizing(content-box);
-				
-				&:before {
-					content:attr(title);
-					padding: 10px;
-					display:inline-block;
-					color:$white !important;
-					font-weight:bold;
-					width:120px;
-					vertical-align:middle;
-					margin:0 0 0 -120px;
-					position:relative;
-					white-space:normal;
-				}
-				ul,
-				span {
-					white-space:normal;
-					display:inline-block;
-					vertical-align:middle;
-					padding:5px;
-				}
-			}
-			thead,
-			th {display:none;}
-		}
-	}
+    margin-bottom: 50px;
+    
+    @media (max-width: $mobile) {
+        margin-bottom: 0;
+    }
+    table{
+        width: 100%;
+        border: 2px solid  $gray-light;
+        
+        th,
+        td {
+            height: 40px;
+            border-width: 0 0 2px 2px;
+            border-color: $gray-light;
+            border-style: solid;
+            padding: 5px 20px;
+            position: relative;
+            
+            &:first-child {
+                border-left-width: 0;
+            }
+        }
+        th{
+            font-size: 18px;
+            line-height: 20px;
+            
+            @media (max-width: $tablet) {
+                font-size: 15px;
+            }
+            &:first-child{
+                padding: 5px 38px;
+            }
+        }
+        td:first-child{
+            padding-left: 58px;
+        }
+        .btn-video {
+            color: $black;
+            
+            &:hover {
+                color: $red;
+            }
+        }
+        @media (max-width: $mobile) {
+            border: none;
+            display: block;
+            overflow:hidden;
+            border-top:1px solid $black;
+            
+            tbody {
+                border-left:120px solid $gray;
+                float:left;
+                width:100%;
+                padding:0 1px 0 1px;
+            }
+            tr {
+                float:left;
+                width:100%;
+                clear:both;
+                
+                &:nth-child(odd) td {
+                    background-color: rgba(0,0,0,0.1);
+                }
+            }
+            td {
+                width: 100% !important;
+                height: auto;
+                padding:0 0 0 120px !important;
+                margin:0 -1px 0 -121px;
+                display: block;
+                float:left;
+                clear:both;
+                width:100%;
+                white-space:nowrap;
+                border-width: 0 1px 1px 1px !important;
+                border-color: $black;
+                @include box-sizing(content-box);
+                
+                &:before {
+                    content:attr(title);
+                    padding: 10px;
+                    display:inline-block;
+                    color:$white !important;
+                    font-weight:bold;
+                    width:120px;
+                    vertical-align:middle;
+                    margin:0 0 0 -120px;
+                    position:relative;
+                    white-space:normal;
+                }
+                ul,
+                span {
+                    white-space:normal;
+                    display:inline-block;
+                    vertical-align:middle;
+                    padding:5px;
+                }
+            }
+            thead,
+            th {display:none;}
+        }
+    }
 }
 .overview {
-	margin: -8px 0 0;
-	padding: 80px 0 0;
-	position: relative;
-	z-index: 4;
-	
-	@media (max-width: $tablet) {
-		margin: 0;
-		padding: 30px 0 0;
-	}
-	h2{
-		position: relative;
-		padding: 3px 0 12px 40px;
-		
-		&:after {
-			@include size(21px,25px);
-			@include after(0,auto,auto,0);
-			background: url(../images/sprite.png) no-repeat;
-		}
-	}
+    margin: -8px 0 0;
+    padding: 80px 0 0;
+    position: relative;
+    z-index: 4;
+    
+    @media (max-width: $tablet) {
+        margin: 0;
+        padding: 30px 0 0;
+    }
+    h2{
+        position: relative;
+        padding: 3px 0 12px 40px;
+        
+        &:after {
+            @include size(21px,25px);
+            @include after(0,auto,auto,0);
+            background: url(../images/sprite.png) no-repeat;
+        }
+    }
 }
 .documentation {
-	margin: -52px 0 0;
-	padding: 80px 0 0;
-	position: relative;
-	z-index: 3;
-	
-	@media (max-width: $tablet) {
-		margin: 0;
-		padding: 30px 0 0;
-	}
-	table {
-		@media (min-width: $min-mobile) {
-			td,
-			th {
-				padding: 5px 20px !important;
-				
-				&:first-child{
-					width: 476px;
-					padding-left: 78px !important;
-				}
-			}
-			.java td {
-				height: 78px !important;
-			}
-		}
-		@media (max-width: $mobile) {
-			tr.even td {
-				background-color: rgba(0,0,0,0.1);
-			}
-		}
-		.icon {
-			width: 58px;
-			position: absolute;
-			left: 0;
-			top: 0;
-			bottom: 0;
-			text-align: center;
-			border-right: 2px solid $gray-light;
-			
-			@media (max-width: $mobile) {
-				display: none;
-			}
-			&:after {
-				content:'';
-				@extend %align-middle;
-				height:100%;
-				width:1px;
-				overflow:hidden;
-				margin:0 0 0 -5px;
-			}
-			img{
-				@extend %align-middle;
-			}
-		}
-		.data {
-			width: 240px;
-		}
-		.tutorial {
-			width: 218px;
-		}
-		ul{
-			margin: 0;
-			@extend %align-middle;
-		}
-	}
-	h2{
-		position: relative;
-		padding: 3px 0 20px 40px;
-		
-		&:after {
-			@include size(21px,25px);
-			@include after(0,auto,auto,1px);
-			background: url(../images/sprite.png) no-repeat -26px 0;
-		}
-	}
+    margin: -52px 0 0;
+    padding: 80px 0 0;
+    position: relative;
+    z-index: 3;
+    
+    @media (max-width: $tablet) {
+        margin: 0;
+        padding: 30px 0 0;
+    }
+    table {
+        @media (min-width: $min-mobile) {
+            td,
+            th {
+                padding: 5px 20px !important;
+                
+                &:first-child{
+                    width: 476px;
+                    padding-left: 78px !important;
+                }
+            }
+            .java td {
+                height: 78px !important;
+            }
+        }
+        @media (max-width: $mobile) {
+            tr.even td {
+                background-color: rgba(0,0,0,0.1);
+            }
+        }
+        .icon {
+            width: 58px;
+            position: absolute;
+            left: 0;
+            top: 0;
+            bottom: 0;
+            text-align: center;
+            border-right: 2px solid $gray-light;
+            
+            @media (max-width: $mobile) {
+                display: none;
+            }
+            &:after {
+                content:'';
+                @extend %align-middle;
+                height:100%;
+                width:1px;
+                overflow:hidden;
+                margin:0 0 0 -5px;
+            }
+            img{
+                @extend %align-middle;
+            }
+        }
+        .data {
+            width: 240px;
+        }
+        .tutorial {
+            width: 218px;
+        }
+        ul{
+            margin: 0;
+            @extend %align-middle;
+        }
+    }
+    h2{
+        position: relative;
+        padding: 3px 0 20px 40px;
+        
+        &:after {
+            @include size(21px,25px);
+            @include after(0,auto,auto,1px);
+            background: url(../images/sprite.png) no-repeat -26px 0;
+        }
+    }
 }
 .community {
-	margin: -18px 0 0;
-	padding: 80px 0 0;
-	position: relative;
-	z-index: 2;
-	
-	@media (max-width: $tablet) {
-		margin: 0;
-		padding: 30px 0 0;
-	}
-	table {
-		@media (min-width: $min-mobile) {
-			
-			th,
-			td {
-				width: 60%;
-				padding: 5px 20px !important;
-				
-				&:first-child,
-				&:nth-child(2) {
-					width: 20%;
-				}
-			}
-		}
-	}
-	h2{
-		position: relative;
-		padding: 4px 0 13px 40px;
-		
-		&:after {
-			@include size(21px,25px);
-			@include after(0,auto,auto,3px);
-			background: url(../images/sprite.png) no-repeat -52px 0;
-		}
-	}
+    margin: -18px 0 0;
+    padding: 80px 0 0;
+    position: relative;
+    z-index: 2;
+    
+    @media (max-width: $tablet) {
+        margin: 0;
+        padding: 30px 0 0;
+    }
+    table {
+        @media (min-width: $min-mobile) {
+            
+            th,
+            td {
+                width: 60%;
+                padding: 5px 20px !important;
+                
+                &:first-child,
+                &:nth-child(2) {
+                    width: 20%;
+                }
+            }
+        }
+    }
+    h2{
+        position: relative;
+        padding: 4px 0 13px 40px;
+        
+        &:after {
+            @include size(21px,25px);
+            @include after(0,auto,auto,3px);
+            background: url(../images/sprite.png) no-repeat -52px 0;
+        }
+    }
 }
 .download {
-	margin: -54px 0 0;
-	padding: 80px 0 94px;
-	
-	@media (max-width: $tablet) {
-		padding: 30px 0;
-		margin: 0;
-	}
-	h2{
-		position: relative;
-		padding: 3px 0 8px 40px;
-		
-		&:after {
-			@include size(21px,25px);
-			@include after(0,auto,auto,3px);
-			background: url(../images/sprite.png) no-repeat -78px 0;
-		}
-	}
-	th{
-		&:first-chhild {
-			width: 476px;
-		}
-		&.version {
-			width: 240px;
-		}
-		&.release {
-			width: 220px;
-		}
-	}
+    margin: -54px 0 0;
+    padding: 80px 0 94px;
+    
+    @media (max-width: $tablet) {
+        padding: 30px 0;
+        margin: 0;
+    }
+    h2{
+        position: relative;
+        padding: 3px 0 8px 40px;
+        
+        &:after {
+            @include size(21px,25px);
+            @include after(0,auto,auto,3px);
+            background: url(../images/sprite.png) no-repeat -78px 0;
+        }
+    }
+    th{
+        &:first-child {
+            width: 476px;
+        }
+        &.version {
+            width: 240px;
+        }
+        &.release {
+            width: 220px;
+        }
+    }
 }
 .info-blocks {
-	padding: 101px 0 24px;
-	border-top: 2px solid $gray-light;
-	
-	@media (max-width: $tablet) {
-		padding: 30px 0 20px;
-	}
-	h3{
-		margin: 0 0 10px;
-		
-		@media (max-width: $mobile) {
-			margin: 0;
-		}
-	}
-	p{
-		margin: 0 0 7px;
-	}
-	.list {
-		line-height: 18px;
-	}
-	li {
-		padding: 0 0 0 20px;
-		position: relative;
-		@include arrow-lazy(right, 5px, $gray-dark, 4px);
-		
-		&:before{
-			left: 0;
-			margin: 0;
-		}
-	}
-	a {
-		color: $black;
-		
-		&:hover {
-			color: $red;
-		}
-	}
+    padding: 101px 0 24px;
+    border-top: 2px solid $gray-light;
+    
+    @media (max-width: $tablet) {
+        padding: 30px 0 20px;
+    }
+    h3{
+        margin: 0 0 10px;
+        
+        @media (max-width: $mobile) {
+            margin: 0;
+        }
+    }
+    p{
+        margin: 0 0 7px;
+    }
+    .list {
+        line-height: 18px;
+    }
+    li {
+        padding: 0 0 0 20px;
+        position: relative;
+        @include arrow-lazy(right, 5px, $gray-dark, 4px);
+        
+        &:before{
+            left: 0;
+            margin: 0;
+        }
+    }
+    a {
+        color: $black;
+        
+        &:hover {
+            color: $red;
+        }
+    }
 }
 #footer {
-	padding: 71px 0 30px;
-	background: $gray-light;
-	
-	@media (max-width: $mobile) {
-		text-align: center;
-		padding: 30px 0 10px;
-	}
-	a {
-		color: $black;
-		
-		&:hover {
-			color: $red;
-		}
-	}
-	.logo {
-		width: 230px;
-		@extend %align-top;
-		margin: 0 0 20px;
-		
-		@media (max-width: $mobile) {
-			width: 150px;
-			margin: 0 0 10px;
-		}
-		img{
-			@extend %img-full-width;
-		}
-	}
-	p{
-		margin: 0 0 22px;
-		
-		@media (max-width: $mobile) {
-			margin: 0 0 10px;
-		}
-	}
-	.security {
-		letter-spacing: -4px;
-		margin: 0 -69px 0 0;
-		
-		@media (max-width: $mobile){
-			margin: 0;
-		}
-		li{
-			@extend %align-top;
-			letter-spacing: normal;
-			margin: 0 69px 20px 0;
-			
-			@media (max-width: $mobile) {
-				margin: 0 20px 10px;
-			}
-		}
-		a:hover {
-			@include opacity(0.8);
-		}
-		img {
-			display: block;
-		}
-	}
+    padding: 71px 0 30px;
+    background: $gray-light;
+
+    @media (max-width: $mobile) {
+        text-align: center;
+        padding: 30px 0 10px;
+    }
+    a {
+        color: $black;
+        
+        &:hover {
+            color: $red;
+        }
+    }
+    .logo {
+        width: 230px;
+        @extend %align-top;
+        margin: 0 0 20px;
+        
+        @media (max-width: $mobile) {
+            width: 150px;
+            margin: 0 0 10px;
+        }
+        img{
+            @extend %img-full-width;
+        }
+    }
+    p{
+        margin: 0 0 22px;
+        
+        @media (max-width: $mobile) {
+            margin: 0 0 10px;
+        }
+    }
+    .security {
+        letter-spacing: -4px;
+        margin: 0 -69px 0 0;
+        
+        @media (max-width: $mobile){
+            margin: 0;
+        }
+        li{
+            @extend %align-top;
+            letter-spacing: normal;
+            margin: 0 69px 20px 0;
+            
+            @media (max-width: $mobile) {
+                margin: 0 20px 10px;
+            }
+        }
+        a:hover {
+            @include opacity(0.8);
+        }
+        img {
+            display: block;
+        }
+    }
 }
 .footer-nav {
-	line-height: 18px;
-	
-	ul {
-		margin: 0;
-	}
-	li{
-		margin: 0 0 18px;
-		
-		@media (max-width: $mobile) {
-			margin: 0 0 5px;
-		}
-	}
+    line-height: 18px;
+    
+    ul {
+        margin: 0;
+    }
+    li{
+        margin: 0 0 18px;
+        
+        @media (max-width: $mobile) {
+            margin: 0 0 5px;
+        }
+    }
 }
 .social-networks{
-	font-size: 30px;
-	letter-spacing: -4px;
-	margin: 0 0 16px;
-	
-	li{
-		@extend %align-top;
-		letter-spacing: normal;
-		margin: 0 3px 10px 0;
-		
-		@media (max-width: $mobile) {
-			margin: 0 3px 10px;
-		}
-	}
-	a{
-		color: $gray !important;
-		
-		&:hover {
-			color: $red !important;
-		}
-	}
+    font-size: 30px;
+    letter-spacing: -4px;
+    margin: 0 0 16px;
+    
+    li{
+        @extend %align-top;
+        letter-spacing: normal;
+        margin: 0 3px 10px 0;
+        
+        @media (max-width: $mobile) {
+            margin: 0 3px 10px;
+        }
+    }
+    a{
+        color: $gray !important;
+        
+        &:hover {
+            color: $red !important;
+        }
+    }
 }
 .subnav {
-	padding: 55px 0 10px;
-	text-align: center;
-	
-	@media (max-width: $mobile) {
-		padding: 0 0 10px;
-	}
-	ul{
-		margin: 0;
-		letter-spacing: -4px;
-	}
-	li{
-		@extend %align-top;
-		letter-spacing: normal;
-		margin: 0 34px;
-		
-		@media (max-width: $mobile) {
-			display: block;
-			margin: 0 0 5px;
-		}
-	}
-}
\ No newline at end of file
+    padding: 55px 0 10px;
+    text-align: center;
+    
+    @media (max-width: $mobile) {
+        padding: 0 0 10px;
+    }
+    ul{
+        margin: 0;
+        letter-spacing: -4px;
+    }
+    li{
+        @extend %align-top;
+        letter-spacing: normal;
+        margin: 0 34px;
+        
+        @media (max-width: $mobile) {
+            display: block;
+            margin: 0 0 5px;
+        }
+    }
+}
+
+@import "ignite";
+



Mime
View raw message