1{{+bindTo:partials.standard_nacl_article}}
2
3<style type="text/css">
4  #home .button-nacl {
5    border-top: 1px solid #96d1f8;
6    background: #65a9d7;
7    background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
8    background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
9    background: -moz-linear-gradient(top, #3e779d, #65a9d7);
10    background: -ms-linear-gradient(top, #3e779d, #65a9d7);
11    background: -o-linear-gradient(top, #3e779d, #65a9d7);
12    padding: 5px 10px;
13    -webkit-border-radius: 5px;
14    -moz-border-radius: 5px;
15    border-radius: 5px;
16    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
17    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
18    box-shadow: rgba(0,0,0,1) 0 1px 0;
19    text-shadow: rgba(0,0,0,.4) 0 1px 0;
20    color: white;
21    font-size: 18px;
22    text-decoration: none;
23    vertical-align: middle;
24    }
25  #home .button-nacl:visited {
26    color: #fff;
27    }
28  #home .button-nacl:hover {
29    border-top-color: #28597a;
30    background: #28597a;
31    color: #ccc;
32    }
33  #home .button-nacl:active {
34    border-top-color: #1b435e;
35    background: #1b435e;
36  }
37  #home .button-download {
38    float: right;
39    margin: 2em 4em;
40    }
41  #home .big-intro {
42    font-size: 16px;
43    }
44  #home iframe.video {
45    display: block;
46    margin: 1em auto 0;
47    }
48  #home .right-side {
49    float: right;
50    width: 54%;
51    background-color: #FFF;
52    }
53  #home .right-side-inner {
54    padding-left: 40px;
55    }
56</style>
57    
58<h1>Welcome to Native Client</h1>
59    
60<div id="home">
61
62<a class="button-nacl button-download" href="/sdk/download.html">Download SDK</a>
63
64<div class="big-intro">
65<p><strong>Native Client</strong> is a sandbox for running compiled C and C++ code in the browser efficiently
66and securely, independent of the user's operating system. <strong>Portable Native Client</strong> extends
67that technology with architecture independence, letting developers compile their code once to run
68in any website and on any architecture.</p>
69
70<p>In short, Native Client brings the <strong>performance</strong> and <strong>low-level control</strong>
71of native code to modern web browsers, without sacrificing the <strong>security</strong> and
72<strong>portability</strong> of the web. Watch the video below for an overview of Native Client, including
73its goals, how it works, and how Portable Native Client lets developers run native compiled code on the web.</p>
74</div>
75
76<iframe class="video" width="640" height="360" src="//www.youtube.com/embed/MvKEomoiKBA?rel=0" frameborder="0"></iframe>
77
78<div class="right-side">
79<div class="right-side-inner">
80<h2>Guiding principles of Native Client</h2>
81<div class="big-intro">
82<ul>
83  <li>Developer flexibility to program in any language.</li>
84  <li>Running close to the metal to allow access to performance gains.</li>
85  <li>Protecting users from malicious code and malware.</li>
86  <li>Write-once, run-anywhere code portability across all user architectures.</li>
87</ul>
88</div>
89</div>
90</div>
91
92<h2>Get started with Native Client</h2>
93<div class="big-intro">
94<ol>
95  <li><a href="/sdk/download.html">Download the Native Client SDK</a>.</li>
96  <li>Read the <a href="overview.html">Technical Overview</a>.</li>
97  <li>Learn how to use the SDK and build both a web app and a Chrome app in the
98  <a href="/devguide/tutorial/tutorial-part1.html">Getting Started Tutorial</a>.</li>
99</ol>
100</div>
101
102<div class="big-intro" style="clear: both;">
103<p>Send us questions, comments, and feedback: <a href="https://groups.google.com/forum/#!forum/native-client-discuss">native-client-discuss</a>.</p>
104</div>
105
106</div> <!-- home -->
107
108{{/partials.standard_nacl_article}}
109