You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@iota.apache.org by no...@apache.org on 2016/05/11 11:34:41 UTC

[17/21] incubator-iota-site git commit: Website Upload

http://git-wip-us.apache.org/repos/asf/incubator-iota-site/blob/9b5251fe/faq.html
----------------------------------------------------------------------
diff --git a/faq.html b/faq.html
new file mode 100644
index 0000000..e359622
--- /dev/null
+++ b/faq.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en" class="wide wow-animation">
+  <head>
+    <!--Site Title-->
+    <title>Welcome to Apache iota</title>
+    <meta charset="utf-8">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+
+    <!--Stylesheets-->
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+
+    <!--Bootstrap-->
+    <link rel="stylesheet" href="css/style.css">
+<!--[if lt IE 10]>
+    <div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/.."><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
+    <script src="js/html5shiv.min.js"></script><[endif]-->
+  </head>
+
+  <body>
+    <!--The Main Wrapper-->
+    <div class="page">
+      <!--
+      ========================================================
+                              HEADER
+      ========================================================
+      -->
+      <header class="page-header">
+
+        <!--RD Navbar-->
+        <div class="rd-navbar-wrap">
+          <nav class="rd-navbar bg-white minimal top-panel-none toggles-none" data-layout="rd-navbar-fixed" data-hover-on="false" data-stick-up="false" data-sm-layout="rd-navbar-fullwidth" data-md-layout="rd-navbar-static">
+            <div class="rd-navbar-top-panel">
+              <div class="rd-navbar-inner">
+                <button data-rd-navbar-toggle=".list-inline, .fa-envelope, .fa-phone, .fa-shopping-cart" class="rd-navbar-collapse-toggle"><span></span></button><a href="mailto:#" class="fa-envelope">email@.com</a><a href="callto:#" class="fa-phone">+1 (126) 598-89-75</a>
+                <ul class="list-inline pull-right">
+                  <li><a href="#" class="fa-facebook"></a></li>
+                  <li><a href="#" class="fa-pinterest-p"></a></li>
+                  <li><a href="#" class="fa-twitter"></a></li>
+                  <li><a href="#" class="fa-google-plus"></a></li>
+                  <li><a href="#" class="fa-instagram"></a></li>
+                </ul>
+              </div>
+            </div>
+            <div class="rd-navbar-inner">
+
+              <!--RD Navbar Panel-->
+              <div class="rd-navbar-panel">
+
+                <!--RD Navbar Toggle-->
+                <button data-rd-navbar-toggle=".rd-navbar" class="rd-navbar-toggle"><span></span></button>
+                <!--END RD Navbar Toggle-->
+
+                <!--RD Navbar Brand-->
+                <div class="rd-navbar-brand"><a href="index.html"><img src="img/logo_text.png" width="250" alt=""/></a></div>
+                <!--END RD Navbar Brand-->
+              </div>
+              <!--END RD Navbar Panel-->
+
+              <div class="rd-navbar-nav-wrap">
+                <!--RD Navbar Search-->
+                <div class="rd-navbar-search">
+                  <form action="search.php" method="GET" class="rd-navbar-search-form">
+                    <label class="rd-navbar-search-form-input">
+                      <input type="text" name="s" placeholder="Search.." autocomplete="off">
+                    </label>
+                    <button type="submit" class="rd-navbar-search-form-submit"></button>
+                  </form><span class="rd-navbar-live-search-results"></span>
+                  <button data-rd-navbar-toggle=".rd-navbar-search, .rd-navbar-live-search-results" class="rd-navbar-search-toggle"></button>
+                </div>
+                <!--END RD Navbar Search-->
+
+                <!--RD Navbar Nav-->
+                <ul class="rd-navbar-nav">
+                  <li><a href="index.html">Home</a></li>
+                  <li class="active"><a href="#">Features</a>
+
+                    <!--RD Navbar Dropdown-->
+                    <ul class="rd-navbar-dropdown">
+                      <li><a href="features.html">iota Features</a></li>
+                      <li><a href="features.html/#party">3rd Party Packages</a></li>
+                      <li><a href="faq.html">FAQ's</a></li>
+                    </ul>
+                    <!--END RD Navbar Dropdown-->
+                    
+                  </li>
+                  <li><a href="#">Community</a>
+                    <ul class="rd-navbar-dropdown">
+                      <li><a href="contribute.html">How to Contribute</a></li>
+                      <li><a href="https://issues.apache.org/jira/browse/iota/">Issue Tracker</a></li>
+                      <li><a href="contribute.html#people">People</a></li>
+                    </ul>
+                  </li>
+                  <li><a href="#">Source</a>
+                    <ul class="rd-navbar-dropdown">
+                      <li><a href="https://github.com/apache/incubator-iota">Apache iota on GitHub</a></li>
+                    </ul>
+                  </li>
+                 
+                  <li><a href="#">Documentation</a>
+                    <ul class="rd-navbar-dropdown">
+                      <li><a href="https://cwiki.apache.org/confluence/display/IOTA/iota+Home">Documentation v.0.1</a></li>
+                    </ul>
+                  </li>
+                  <li><a href="#">Apache</a>
+                    <ul class="rd-navbar-dropdown">
+                      <li><a href="http://www.apache.org">Apache Homepage</a></li>
+                      <li><a href="http://www.apache.org/licenses">License</a></li>
+                      <li><a href="http://www.apache.org/foundation/sponsorship">Sponsorship</a></li>
+                      <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+                      <li><a href="http://www.apache.org/security">Security</a></li>
+                    </ul>
+                  </li>
+                
+                </ul>
+                <!--END RD Navbar Nav-->
+              </div>
+            </div>
+          </nav>
+        </div>
+        <!--END RD Navbar-->
+        
+      </header>
+      <!--
+      ========================================================
+                              CONTENT
+      ========================================================
+      -->
+      <main class="page-content">
+
+
+<section class="well well-sm section-border">
+          <div class="container">
+            <h1 class="text-bold text-center">Frequently Asked Questions</h1>
+            <div class="row">
+              <div class="col-xs-12">
+                <div data-type="accordion" class="responsive-tabs">
+                  <ul class="resp-tabs-list">
+                    <li>How can I become a contributor?</li>
+                    <li>What color shoes am I wearing?</li>
+                    <li>What's better: San Francisco or NYC?</li>
+                    <li>Can can I build a timemachine?</li>
+                    <li>What's the name of your best friend?</li>
+                    <li>How much wood could a wood chuck chuck?</li>
+                    <li>What is your favorite musical instrument?</li>
+                    <li>Can I use my Commodore 64 to program iota?</li>
+                    <li>What's the longest you can hold your breath?</li>
+                    <li>How can I get support for an item which isn't working correctly?</li>
+                  </ul>
+                  <div class="resp-tabs-container">
+                    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
+                    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
+                    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
+                    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
+                    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
+                    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
+                    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
+                    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
+                    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
+                    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>        
+
+        
+
+      </main>
+      <!--
+      ========================================================
+                              FOOTER
+      ========================================================
+      -->
+      
+      <footer class="page-footer footer-centered text-center">
+        <section class="footer-content">
+          <div class="container">
+            <div class="navbar-brand"><img class="center-block" src="img/apache_incubator.png" alt=""/></div>
+            <p class="big">iota is an incubator project of the <a href="http://www.apache.org">Apache Software Foundation</a>.</p>
+            <ul class="list-inline">
+              <li><a href="#" class="fa-facebook"></a></li>
+              <li><a href="#" class="fa-twitter"></a></li>
+            </ul>
+          </div>
+        </section>
+        <section class="copyright">
+          <div class="container">
+            <p>&#169; <span id="copyright-year"></span> <a href="http://www.apache.org">The Apache Software Foundation</a><br>
+            Apache, Apache iota (incubating), the Apache feather and the iota logo are trademarks of The Apache Software Foundation</p>
+          </div>
+        </section>
+      </footer>
+    </div>
+    <!--Core Scripts-->
+    <script src="js/core.min.js"></script>
+    <!--jQuery (necessary for Bootstrap's JavaScript plugins)-->
+    <!--Include all compiled plugins (below), or include individual files as needed-->
+    <script src="js/bootstrap.min.js"></script>
+    <!--Additional Functionality Scripts-->
+    <script src="js/script.js"></script>
+  </body>
+</html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-iota-site/blob/9b5251fe/features.html
----------------------------------------------------------------------
diff --git a/features.html b/features.html
new file mode 100644
index 0000000..22d7f92
--- /dev/null
+++ b/features.html
@@ -0,0 +1,309 @@
+<!DOCTYPE html>
+<html lang="en" class="wide wow-animation">
+  <head>
+    <!--Site Title-->
+    <title>iota Features</title>
+    <meta charset="utf-8">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+
+    <!--Stylesheets-->
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+
+    <!--Bootstrap-->
+    <link rel="stylesheet" href="css/style.css">
+<!--[if lt IE 10]>
+    <div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/.."><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
+    <script src="js/html5shiv.min.js"></script><[endif]-->
+  </head>
+
+  <body>
+    <!--The Main Wrapper-->
+    <div class="page">
+      <!--
+      ========================================================
+                              HEADER
+      ========================================================
+      -->
+      <header class="page-header subpage_header">
+
+        <!--RD Navbar-->
+        <div class="rd-navbar-wrap">
+          <nav class="rd-navbar bg-white minimal top-panel-none toggles-none" data-layout="rd-navbar-fixed" data-hover-on="false" data-stick-up="false" data-sm-layout="rd-navbar-fullwidth" data-md-layout="rd-navbar-static">
+            <div class="rd-navbar-top-panel">
+              <div class="rd-navbar-inner">
+                <button data-rd-navbar-toggle=".list-inline, .fa-envelope, .fa-phone, .fa-shopping-cart" class="rd-navbar-collapse-toggle"><span></span></button><a href="mailto:#" class="fa-envelope">email@.com</a><a href="callto:#" class="fa-phone">+1 (126) 598-89-75</a>
+                <ul class="list-inline pull-right">
+                  <li><a href="#" class="fa-facebook"></a></li>
+                  <li><a href="#" class="fa-pinterest-p"></a></li>
+                  <li><a href="#" class="fa-twitter"></a></li>
+                  <li><a href="#" class="fa-google-plus"></a></li>
+                  <li><a href="#" class="fa-instagram"></a></li>
+                </ul>
+              </div>
+            </div>
+            <div class="rd-navbar-inner">
+
+              <!--RD Navbar Panel-->
+              <div class="rd-navbar-panel">
+
+                <!--RD Navbar Toggle-->
+                <button data-rd-navbar-toggle=".rd-navbar" class="rd-navbar-toggle"><span></span></button>
+                <!--END RD Navbar Toggle-->
+
+                <!--RD Navbar Brand-->
+                <div class="rd-navbar-brand"><a href="index.html"><img src="img/logo_text.png" width="250" alt=""/></a></div>
+                <!--END RD Navbar Brand-->
+              </div>
+              <!--END RD Navbar Panel-->
+
+              <div class="rd-navbar-nav-wrap">
+                <!--RD Navbar Search-->
+                <div class="rd-navbar-search">
+                  <form action="search.php" method="GET" class="rd-navbar-search-form">
+                    <label class="rd-navbar-search-form-input">
+                      <input type="text" name="s" placeholder="Search.." autocomplete="off">
+                    </label>
+                    <button type="submit" class="rd-navbar-search-form-submit"></button>
+                  </form><span class="rd-navbar-live-search-results"></span>
+                  <button data-rd-navbar-toggle=".rd-navbar-search, .rd-navbar-live-search-results" class="rd-navbar-search-toggle"></button>
+                </div>
+                <!--END RD Navbar Search-->
+
+                <!--RD Navbar Nav-->
+                <ul class="rd-navbar-nav">
+                  <li><a href="index.html">Home</a></li>
+                  <li><a href="#">Features</a>
+
+                    <!--RD Navbar Dropdown-->
+                    <ul class="rd-navbar-dropdown">
+                      <li><a href="features.html">iota Features</a></li>
+                      <li><a href="features.html#integrations">Open source integrations</a></li>
+                    </ul>
+                    <!--END RD Navbar Dropdown-->
+                    
+                  </li>
+                  <li class="active"><a href="#">Community</a>
+                    <ul class="rd-navbar-dropdown">
+                      <li><a href="contribute.html">How to Contribute</a></li>
+                      <li><a href="https://issues.apache.org/jira/browse/iota/">Issue Tracker</a></li>
+                      <li><a href="contribute.html#people">People</a></li>
+                    </ul>
+                  </li>
+                  <li><a href="#">Source</a>
+                    <ul class="rd-navbar-dropdown">
+                      <li><a href="https://github.com/apache/incubator-iota">Apache iota on GitHub</a></li>
+                    </ul>
+                  </li>
+                 
+                  <li><a href="#">Documentation</a>
+                    <ul class="rd-navbar-dropdown">
+                      <li><a href="https://cwiki.apache.org/confluence/display/IOTA/iota+Home">Documentation v.0.1</a></li>
+                    </ul>
+                  </li>
+                  <li><a href="#">Apache</a>
+                    <ul class="rd-navbar-dropdown">
+                      <li><a href="http://www.apache.org">Apache Homepage</a></li>
+                      <li><a href="http://www.apache.org/licenses">License</a></li>
+                      <li><a href="http://www.apache.org/foundation/sponsorship">Sponsorship</a></li>
+                      <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+                      <li><a href="http://www.apache.org/security">Security</a></li>
+                    </ul>
+                  </li>
+                
+                </ul>
+                <!--END RD Navbar Nav-->
+              </div>
+            </div>
+          </nav>
+        </div>
+        <!--END RD Navbar-->
+        
+      </header>
+      <!--
+      ========================================================
+                              CONTENT
+      ========================================================
+      -->
+     <main class="page-content">
+
+        <!--Start section-->
+         <section class="text-center text-sm-left well well-sm section-border">
+          <div class="container">
+            <div class="row">
+              <div class="col-lg-6 col-lg-offset-3 bg-white text-center">
+                <h1 class="text-bold">Features of iota</h1>
+                <p class="lead">Several key functional ares of iota include:</p>
+              </div>
+            </div>
+            <div class="row offset-1 flow-offset-3">
+              <div class="col-sm-6">
+                <div class="box-sm box-skin-1 bg-lighter box-skin-left-offset-negative">
+                  <div class="box__left box-md-inset-1"><span class="icon icon-md icon-primary line-height-1 fa-code"></span></div>
+                  <div class="box__body box__middle">
+                    <h5><a href="#">Aggregation</a></h5>
+                    <p>A key aspect of iota is in its ability to bring all machine points together.  This is done through a translator framework that allows iota to interface with everything from legacy modbus to modern APIs.</p>
+                  </div>
+                </div>
+              </div>
+              <div class="col-sm-6">
+                <div class="box-sm box-skin-1 bg-lighter box-skin-right-offset-negative">
+                  <div class="box__left box-md-inset-1"><span class="icon icon-md icon-primary line-height-1 fa-random"></span></div>
+                  <div class="box__body box__middle">
+                    <h5><a href="#">Dataflow</a></h5>
+                    <p>High performance in-memory data ingest, analytics and key value store in iota helps support the volume, velocity and variability dynamics that are typical with machine points.</p>
+                  </div>
+                </div>
+              </div>
+              <div class="col-sm-6">
+                <div class="box-sm box-skin-1 bg-lighter box-skin-left-offset-negative">
+                  <div class="box__left box-md-inset-1"><span class="icon icon-md icon-primary line-height-1 fa-music"></span></div>
+                  <div class="box__body box__middle">
+                    <h5><a href="#">Orchestration</a></h5>
+                    <p>The iota event processing and actions engine enable the creation of functions that can help orchestrate between machine points and/or human users.</p>
+                  </div>
+                </div>
+              </div>
+              <div class="col-sm-6">
+                <div class="box-sm box-skin-1 bg-lighter box-skin-right-offset-negative">
+                  <div class="box__left box-md-inset-1"><span class="icon icon-md icon-primary line-height-1 fa-lock"></span></div>
+                  <div class="box__body box__middle">
+                    <h5><a href="#">Security</a></h5>
+                    <p>Native iota security features include network transmission  /API encryption and data point encryption w/ per user key management. </p>
+                  </div>
+                </div>
+              </div>
+               <div class="col-sm-6">
+                <div class="box-sm box-skin-1 bg-lighter box-skin-left-offset-negative">
+                  <div class="box__left box-md-inset-1"><span class="icon icon-md icon-primary line-height-1 fa-arrow-circle-o-up"></span></div>
+                  <div class="box__body box__middle">
+                    <h5><a href="#">Scalability</a></h5>
+                    <p>Highly distributed application frameworks, message and microservice based architecture, and Apache Mesos elastic cluster / resource management enables effective horizontal scalability.</p>
+                  </div>
+                </div>
+              </div>
+               <div class="col-sm-6">
+                <div class="box-sm box-skin-1 bg-lighter box-skin-right-offset-negative">
+                  <div class="box__left box-md-inset-1"><span class="icon icon-md icon-primary line-height-1 fa-th"></span></div>
+                  <div class="box__body box__middle">
+                    <h5><a href="#">Microservices</a></h5>
+                    <p>API interfaces into the iota microservices framework include: messaging system, data store, and event processing / actions engines. This enables distributed plug-in 3rd party application functionality.</p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
+        <!--End section-->
+        
+        <section id="integrations" class="text-center well-sn">
+          <div class="container">
+            <div class="row">
+              <div class="col-md-12 col-lg-6 col-lg-offset-3">
+                <h1 class="text-bold">Open-source integrations</h1>
+                <p class="lead">iota offers the following built-in integrations:</p>
+              </div>
+            </div>
+          </div>
+      
+        
+        
+        <div class="row offset-1 flow-offset-2">
+              <div class="col-sm-12 col-md-4">
+                <div class="thumbnail thumbnail-4 pricing-box bg-lighter">
+                  <h6 class="text-uppercase text-darker-clr letter-spacing-1">Apache Spark</h6>
+                  <div class="caption">
+                    <h2 class="text-uppercase text-bold letter-spacing-1"><img src="img/spark.gif" alt=""/></h2>
+                    <p>Apache Spark supports high performance distributred data streaming and batch analytics functionality in iota.</p>
+                  </div>
+                </div>
+              </div>
+              <div class="col-sm-12 col-md-4">
+                <div class="thumbnail thumbnail-4 pricing-box bg-lighter">
+                  <h6 class="text-uppercase text-darker-clr letter-spacing-1">Redis</h6>
+                  <div class="caption">
+                    <h2 class="text-uppercase text-bold letter-spacing-1"><img src="img/redis.gif" alt=""/></h2>
+                    <p>Redis supports iota's high performance and distributed in-memory key value NOSQL datastore needs.</p>
+                  </div>
+                </div>
+              </div>
+              <div class="col-sm-12 col-md-4">
+                <div class="thumbnail thumbnail-4 pricing-box bg-lighter">
+                  <h6 class="text-uppercase text-darker-clr letter-spacing-1">CockroachDB / Crate.io</h6>
+                  <div class="caption">
+                    <h2 class="text-uppercase text-bold letter-spacing-1"><img src="img/cockroach.gif" alt=""/></h2>
+                    <p>The iota team is currently testing both CockroachDB and Crate.io to serve distributed persistent NewSQL database capabilities.</p>
+                  </div>
+                </div>
+              </div>
+            </div>
+        <div class="row offset-1 flow-offset-2">
+              <div class="col-sm-12 col-md-4">
+                <div class="thumbnail thumbnail-4 pricing-box bg-lighter">
+                  <h6 class="text-uppercase text-darker-clr letter-spacing-1">Apache Mesos</h6>
+                  <div class="caption">
+                    <h2 class="text-uppercase text-bold letter-spacing-1"><img src="img/mesos.gif" alt=""/></h2>
+                    <p>Apache Mesos is used as the core horizontal clustering and resource management framework in the iota clustered edition.</p>
+                  </div>
+                </div>
+              </div>
+              <div class="col-sm-12 col-md-4">
+                <div class="thumbnail thumbnail-4 pricing-box bg-lighter">
+                  <h6 class="text-uppercase text-darker-clr letter-spacing-1">Docker</h6>
+                  <div class="caption">
+                    <h2 class="text-uppercase text-bold letter-spacing-1"><img src="img/docker.gif" alt=""/></h2>
+                    <p>Docker is used as iota's core container management platform.</p>
+                  </div>
+                </div>
+              </div>
+              <div class="col-sm-12 col-md-4">
+                <div class="thumbnail thumbnail-4 pricing-box bg-lighter">
+                  <h6 class="text-uppercase text-darker-clr letter-spacing-1">Apache Kafka</h6>
+                  <div class="caption">
+                    <h2 class="text-uppercase text-bold letter-spacing-1"><img src="img/kafka.gif" alt=""/></h2>
+                    <p>Apache Kafka is a key part of iota's message based architecture, and is used as the datapipeline to connect the dots throughout.</p>
+                  </div>
+                </div>
+              </div>
+            </div>
+              </section>
+        
+        
+       
+        
+        
+      </main>
+      <!--
+      ========================================================
+                              FOOTER
+      ========================================================
+      -->
+      
+      <footer class="page-footer footer-centered text-center">
+        <section class="footer-content">
+          <div class="container">
+            <div class="navbar-brand"><img class="center-block" src="img/apache_incubator.png" alt=""/></div>
+            <p class="big">iota is an incubator project of the <a href="http://www.apache.org">Apache Software Foundation</a>.</p>
+            <ul class="list-inline">
+              <li><a href="#" class="fa-facebook"></a></li>
+              <li><a href="#" class="fa-twitter"></a></li>
+            </ul>
+          </div>
+        </section>
+        <section class="copyright">
+          <div class="container">
+            <p>&#169; <span id="copyright-year"></span> <a href="http://www.apache.org">The Apache Software Foundation</a><br>
+            Apache, Apache iota (incubating), the Apache feather and the iota logo are trademarks of The Apache Software Foundation</p>
+          </div>
+        </section>
+      </footer>
+    </div>
+    <!--Core Scripts-->
+    <script src="js/core.min.js"></script>
+    <!--jQuery (necessary for Bootstrap's JavaScript plugins)-->
+    <!--Include all compiled plugins (below), or include individual files as needed-->
+    <script src="js/bootstrap.min.js"></script>
+    <!--Additional Functionality Scripts-->
+    <script src="js/script.js"></script>
+  </body>
+</html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-iota-site/blob/9b5251fe/fonts/FontAwesome.otf
----------------------------------------------------------------------
diff --git a/fonts/FontAwesome.otf b/fonts/FontAwesome.otf
new file mode 100644
index 0000000..3ed7f8b
Binary files /dev/null and b/fonts/FontAwesome.otf differ

http://git-wip-us.apache.org/repos/asf/incubator-iota-site/blob/9b5251fe/fonts/_notes/dwsync.xml
----------------------------------------------------------------------
diff --git a/fonts/_notes/dwsync.xml b/fonts/_notes/dwsync.xml
new file mode 100644
index 0000000..3aa5fb0
--- /dev/null
+++ b/fonts/_notes/dwsync.xml
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8" ?><dwsync><file name=".DS_Store" server="877.bd1.myftpupload.com" local="3545649644" remote="3545649900" Dst="-1" /><file name="fontawesome-webfont.eot" server="877.bd1.myftpupload.com" local="3545649644" remote="3545649900" Dst="-1" /><file name="fontawesome-webfont.ttf" server="877.bd1.myftpupload.com" local="3545649645" remote="3545649900" Dst="-1" /><file name="fontawesome-webfont.svg" server="877.bd1.myftpupload.com" local="3545649644" remote="3545649900" Dst="-1" /><file name="fontawesome-webfont.woff" server="877.bd1.myftpupload.com" local="3545649645" remote="3545649900" Dst="-1" /><file name="FontAwesome.otf" server="877.bd1.myftpupload.com" local="3545649645" remote="3545649900" Dst="-1" /><file name="fontawesome-webfont.woff2" server="877.bd1.myftpupload.com" local="3545649645" remote="3545649900" Dst="-1" /></dwsync>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-iota-site/blob/9b5251fe/fonts/bootstrap/_notes/dwsync.xml
----------------------------------------------------------------------
diff --git a/fonts/bootstrap/_notes/dwsync.xml b/fonts/bootstrap/_notes/dwsync.xml
new file mode 100644
index 0000000..af56d61
--- /dev/null
+++ b/fonts/bootstrap/_notes/dwsync.xml
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8" ?><dwsync><file name="glyphicons-halflings-regular.eot" server="877.bd1.myftpupload.com" local="3545649644" remote="3545649900" Dst="-1" /><file name="glyphicons-halflings-regular.svg" server="877.bd1.myftpupload.com" local="3545649644" remote="3545649900" Dst="-1" /><file name="glyphicons-halflings-regular.woff" server="877.bd1.myftpupload.com" local="3545649644" remote="3545649900" Dst="-1" /><file name="glyphicons-halflings-regular.woff2" server="877.bd1.myftpupload.com" local="3545649644" remote="3545649900" Dst="-1" /><file name="glyphicons-halflings-regular.ttf" server="877.bd1.myftpupload.com" local="3545649644" remote="3545649900" Dst="-1" /></dwsync>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-iota-site/blob/9b5251fe/fonts/bootstrap/glyphicons-halflings-regular.eot
----------------------------------------------------------------------
diff --git a/fonts/bootstrap/glyphicons-halflings-regular.eot b/fonts/bootstrap/glyphicons-halflings-regular.eot
new file mode 100644
index 0000000..b93a495
Binary files /dev/null and b/fonts/bootstrap/glyphicons-halflings-regular.eot differ