Update UI

assets/css/main.css

@@ -2735,7 +2735,7 @@
 
 		.wrapper.style3 {
 			background-attachment: fixed;
-			background-image: url("images/overlay.png"), url("../../images/banner.jpg");
+			background-color: #222222;
 			background-position: center center;
 			background-size: cover;
 		}

index.html

@@ -49,7 +49,13 @@ <h2>It's easier than you think</h2>
 								</header>
 							</div>
 							<div class="6u$ 12u$(medium)">
-								<p>NeutralinoJs is a framework to develop apps with native functionalities and allows you to run in </p>
+								<p>NeutralinoJs is a framework to develop apps with native functionalities and allows you to run inside web browsers.
+									<br/><br/>
+
+									In <strong><em>electron</em></strong> and <strong><em>NWjs</em></strong> you have to install NodeJs, hundreds of dependence libraries and also the bundled app size is large even we write "hello world" due to embedded chromium and Node runtime. Neutralino is lightweight solution for this issue.
+
+								</p>
+
 							</div>
 						</div>
 					</div>
@@ -59,14 +65,14 @@ <h2>It's easier than you think</h2>
 				<section id="two" class="wrapper style2 special">
 					<div class="container">
 						<header class="major">
-							<h2>Fusce ultrices fringilla</h2>
-							<p>Maecenas vitae tellus feugiat eleifend</p>
+							<h2>Learn Neutralino in <span style="color:#f89901">5 mins</span></h2>
+							<p>Open source! you also can contribute!</p>
 						</header>
 						<div class="row 150%">
 						</div>
 						<ul class="actions">
-							<li><a href="#" class="button special big">Nulla luctus</a></li>
-							<li><a href="#" class="button big">Sed vulputate</a></li>
+							<li><a href="https://neutralinojs.github.io/docs/#/" class="button special big">See Docs</a></li>
+							<li><a href="https://neutralinojs.github.io/docs/#/gettingstarted/firstapp" class="button big">My first app</a></li>
 						</ul>
 					</div>
 				</section>
@@ -75,48 +81,44 @@ <h2>Fusce ultrices fringilla</h2>
 				<section id="three" class="wrapper style1">
 					<div class="container">
 						<header class="major special">
-							<h2>Mauris vulputate dolor</h2>
+							<h2>Neutralino Features</h2>
 							<p>Feugiat sed lorem ipsum magna</p>
 						</header>
 						<div class="feature-grid">
 							<div class="feature">
-								<div class="image rounded"><img src="images/pic04.jpg" alt="" /></div>
+								<div class="image"><img src="images/f1.png" alt="" /></div>
 								<div class="content">
 									<header>
-										<h4>Lorem ipsum</h4>
-										<p>Lorem ipsum dolor sit</p>
+										<h4>Run native OS functions</h4>
 									</header>
-									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore esse tenetur accusantium porro omnis, unde mollitia totam sit nesciunt consectetur.</p>
+									<p>Call Kernel functions using Neutralino client library from your browser. Detect OS using global varibles.</p>
 								</div>
 							</div>
 							<div class="feature">
-								<div class="image rounded"><img src="images/pic05.jpg" alt="" /></div>
+								<div class="image"><img src="images/f2.png" alt="" /></div>
 								<div class="content">
 									<header>
-										<h4>Recusandae nemo</h4>
-										<p>Ratione maiores a, commodi</p>
+										<h4>Portable &amp; Zero Dependency</h4>
 									</header>
-									<p>Animi mollitia optio culpa expedita. Dolorem alias minima culpa repellat. Dolores, fuga maiores ut obcaecati blanditiis, at aperiam doloremque.</p>
+									<p>No need to install external libraries. Web browser is enough to run and develop Neutralino apps.</p>
 								</div>
 							</div>
 							<div class="feature">
-								<div class="image rounded"><img src="images/pic06.jpg" alt="" /></div>
+								<div class="image"><img src="images/f3.png" alt="" /></div>
 								<div class="content">
 									<header>
-										<h4>Laudantium fugit</h4>
-										<p>Possimus ex reprehenderit eaque</p>
+										<h4>Cross-Platform Support</h4>
 									</header>
-									<p>Maiores iusto inventore fugit architecto est iste expedita commodi sed, quasi feugiat nam neque mollitia vitae omnis, ea natus facere.</p>
+									<p>Neutralino runs on Windows and Linux (Experimental version). Develop from one platform and run in other supported platform!</p>
 								</div>
 							</div>
 							<div class="feature">
-								<div class="image rounded"><img src="images/pic07.jpg" alt="" /></div>
+								<div class="image"><img src="images/f4.png" alt="" /></div>
 								<div class="content">
 									<header>
-										<h4>Porro aliquam</h4>
-										<p>Quaerat, excepturi eveniet laboriosam</p>
+										<h4>Lightweight and fly with app</h4>
 									</header>
-									<p>Vitae earum unde, autem labore voluptas ex, iste dolorum inventore natus consequatur iure similique obcaecati aut corporis hic in! Porro sed.</p>
+									<p>Neutralino SDK is only <strong>~760KB</strong> on Windows and only <strong>~140KB</strong> on Linux.</p>
 								</div>
 							</div>
 						</div>
@@ -128,7 +130,7 @@ <h4>Porro aliquam</h4>
 					<div class="container">
 						<header class="major">
 							<h2>Start developing Neutralino apps</h2>
-							<p>Write in js &amp; run on browsers</p>
+							<p>Download portable SDK (&lt; 1mb)</p>
 						</header>
 						<ul class="actions">
 							<li><a href="https://github.com/neutralinojs/neutralinojs-builds/tree/master/windows" class="button special big"><span class="fa fa-windows"></span> Windows</a></li>