http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/4c88acc6/_layouts/default.html
----------------------------------------------------------------------
diff --git a/_layouts/default.html b/_layouts/default.html
index e0adcbb..b9d53bc 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -1,45 +1,66 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <title>{% if page.title %}{{ page.title }} • {% endif %}{{ site.title 
}}</title>
-    {% if page.excerpt %}<meta name="description" content="{{ page.excerpt | 
strip_html }}">{% endif %}
-    {% if page.tags %}<meta name="keywords" content="{{ page.tags | join: ', ' 
}}">{% endif %}
-    {% if page.author %}
-      {% assign author = site.data.authors[page.author] %}{% else %}{% assign 
author = site.owner %}
-    {% endif %}
-    {% include open-graph.html %}
-
-    <link rel="canonical" href="{{ page.url | replace:'index.html','' | 
prepend: site.url }}">
-
-    <link href="{{ site.url }}/atom.xml" type="application/atom+xml" 
rel="alternate" title="{{ site.title }} Atom Feed">
-    <link href="{{ site.url }}/sitemap.xml" type="application/xml" 
rel="sitemap" title="Sitemap">
-
-    <meta name="HandheldFriendly" content="True">
-    <meta name="MobileOptimized" content="320">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="cleartype" content="on">
-
-    <link rel="stylesheet" href="{{ site.url }}/css/main.css">
-    <!-- HTML5 Shiv and Media Query Support for IE -->
-    <!--[if lt IE 9]>
-      <script src="{{ site.url }}/js/vendor/html5shiv.min.js"></script>
-      <script src="{{ site.url }}/js/vendor/respond.min.js"></script>
-    <![endif]-->
-
-  </head>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+  <title>{% if page.title %}{{ page.title }} • {% endif %}{{ site.title 
}}</title>
+
+  {% if page.excerpt %}<meta name="description" content="{{ page.excerpt | 
strip_html }}">{% endif %}
+  {% if page.tags %}<meta name="keywords" content="{{ page.tags | join: ', ' 
}}">{% endif %}
+  {% if page.author %}
+    {% assign author = site.data.authors[page.author] %}{% else %}{% assign 
author = site.owner %}
+  {% endif %}
+
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+
+  <!-- CSS -->
+  <link rel="stylesheet" href="{{ site.url }}/css/owl.carousel.css">
+  <link rel="stylesheet" href="{{ site.url }}/css/bootstrap.min.css">
+  <link rel="stylesheet" href="{{ site.url }}/css/font-awesome.min.css">
+  <link rel="stylesheet" href="{{ site.url }}/css/style.css">
+  <link rel="stylesheet" href="{{ site.url }}/css/ionicons.min.css">
+  <link rel="stylesheet" href="{{ site.url }}/css/animate.css">
+  <link rel="stylesheet" href="{{ site.url }}/css/responsive.css">
+
+  <!-- Js -->
+  <script src="{{ site.url }}/js/vendor/modernizr-2.6.2.min.js"></script>
+  <script src="{{ site.url }}/js/vendor/jquery-1.10.2.min.js"></script>
+  <script>window.jQuery || document.write('<script src="{{ site.url 
}}/js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+  <script src="{{ site.url }}/js/bootstrap.min.js"></script>
+  <script src="{{ site.url }}/js/owl.carousel.min.js"></script>
+  <script src="{{ site.url }}/js/plugins.js"></script>
+
+  <script src="{{ site.url }}/js/min/waypoints.min.js"></script>
+  <script src="{{ site.url }}/js/jquery.counterup.js"></script>
+
+
+
+
+
+
+  <script src="{{ site.url }}/js/main.js"></script>
+  <script src="{{ site.url }}/js/plugins/jquery.mixitup.min.js"></script>
+
+
+</head>
 
   <body id="js-body">
     {% include browser-upgrade.html %}
     {% include header.html %}
-    {% include navigation-sliding.html %}
+    
 
     <div id="page-wrapper">
       {{ content }}
       {% include footer.html %}
     </div>
 
-    <script src="{{ site.url }}/js/vendor/jquery-1.9.1.min.js"></script>
+    <script src="{{ site.url }}/js/vendor/jquery-1.10.2.min.js"></script>
+    <script src="{{ site.url }}/js/plugins/jquery.mixitup.min.js"></script>
+    <script src="{{ site.url }}/js/owl.carousel.min.js"></script>
+    <script src="{{ site.url }}/js/jquery.counterup.js"></script>
+
     <script src="{{ site.url }}/js/main.js"></script>
 
   </body>

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/4c88acc6/_site/about/index.html
----------------------------------------------------------------------
diff --git a/_site/about/index.html b/_site/about/index.html
index 3a09a09..c8940ad 100644
--- a/_site/about/index.html
+++ b/_site/about/index.html
@@ -1,55 +1,77 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <title>About ARIA TOSCA • Apache ARIA TOSCA</title>
-    
-    
-    
-       <!-- Twitter Cards -->
-       <meta name="twitter:title" content="About ARIA TOSCA">
-       
-       
-       
-       
-       <meta name="twitter:card" content="summary">
-       <meta name="twitter:image" content="/images/aria-icon.png">
-       
-       <!-- Open Graph -->
-       <meta property="og:locale" content="en">
-       <meta property="og:type" content="article">
-       <meta property="og:title" content="About ARIA TOSCA">
-       
-       <meta property="og:url" content="/about/">
-       <meta property="og:site_name" content="Apache ARIA TOSCA">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+  <title>About ARIA TOSCA • Apache ARIA TOSCA</title>
+
+  
+  
+  
 
-    <link rel="canonical" href="/about/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 
-    <link href="/atom.xml" type="application/atom+xml" rel="alternate" 
title="Apache ARIA TOSCA Atom Feed">
-    <link href="/sitemap.xml" type="application/xml" rel="sitemap" 
title="Sitemap">
+  <!-- CSS -->
+  <link rel="stylesheet" href="/css/owl.carousel.css">
+  <link rel="stylesheet" href="/css/bootstrap.min.css">
+  <link rel="stylesheet" href="/css/font-awesome.min.css">
+  <link rel="stylesheet" href="/css/style.css">
+  <link rel="stylesheet" href="/css/ionicons.min.css">
+  <link rel="stylesheet" href="/css/animate.css">
+  <link rel="stylesheet" href="/css/responsive.css">
 
-    <meta name="HandheldFriendly" content="True">
-    <meta name="MobileOptimized" content="320">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="cleartype" content="on">
+  <!-- Js -->
+  <script src="/js/vendor/modernizr-2.6.2.min.js"></script>
+  <script src="/js/vendor/jquery-1.10.2.min.js"></script>
+  <script>window.jQuery || document.write('<script 
src="/js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+  <script src="/js/bootstrap.min.js"></script>
+  <script src="/js/owl.carousel.min.js"></script>
+  <script src="/js/plugins.js"></script>
 
-    <link rel="stylesheet" href="/css/main.css">
-    <!-- HTML5 Shiv and Media Query Support for IE -->
-    <!--[if lt IE 9]>
-      <script src="/js/vendor/html5shiv.min.js"></script>
-      <script src="/js/vendor/respond.min.js"></script>
-    <![endif]-->
+  <script src="/js/min/waypoints.min.js"></script>
+  <script src="/js/jquery.counterup.js"></script>
 
-  </head>
+
+
+
+
+
+  <script src="/js/main.js"></script>
+  <script src="/js/plugins/jquery.mixitup.min.js"></script>
+
+
+</head>
 
   <body id="js-body">
     <!--[if lt IE 9]><div class="upgrade notice-warning"><strong>Your browser 
is quite old!</strong> Why not <a href="http://whatbrowser.org/";>upgrade to a 
newer one</a> to better enjoy this site?</div><![endif]-->
 
-    <header id="masthead">
-  <div class="inner-wrap">
-    <a href="/" class="site-title">Apache ARIA TOSCA</a>
-    <nav role="navigation" class="menu top-menu">
-        <ul class="menu-item">
+    <!-- Header Start -->
+<header>
+<div class="container">
+  <div class="row">
+    <div class="col-md-12">
+      <!-- header Nav Start -->
+      <nav class="navbar navbar-default">
+        <div class="container-fluid">
+          <!-- Brand and toggle get grouped for better mobile display -->
+          <div class="navbar-header">
+            <button type="button" class="navbar-toggle collapsed" 
data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            </button>
+            <a class="navbar-brand" href="/">
+              <img src="/images/aria-logo.png" alt="Apache ARIA TOSCA">
+            </a>
+          </div>
+            <!-- Collect the nav links, forms, and other content for toggling 
-->
+            <div class="collapse navbar-collapse" 
id="bs-example-navbar-collapse-1">
+
+              <nav role="navigation" class="menu top-menu">
+                  <ul class="nav navbar-nav navbar-right">
        <li class="home"><a href="/">Apache ARIA TOSCA</a></li>
        
     
@@ -65,57 +87,45 @@
     <li><a href="/roadmap/" >Roadmap</a></li>
   
 </ul>
-    </nav>
-  </div><!-- /.inner-wrap -->
-</header><!-- /.masthead -->
-    <nav role="navigation" id="js-menu" class="sliding-menu-content">
-  <h5>Apache ARIA TOSCA <span>Table of Contents</span></h5>
-  <ul class="menu-item">
-    <li>
-      <a href="/about/">
-        
-        <div class="title">About</div>
-        <p class="excerpt">About ARIA TOSCA</p>
-      </a>
-    </li><li>
-      <a href="/community/">
-        
-        <div class="title">Community</div>
-        <p class="excerpt">Joing the ARIA TOSCA Community</p>
-      </a>
-    </li><li>
-      <a href="/getting-started/">
-        
-        <div class="title">Getting Started</div>
-        <p class="excerpt">Getting started with ARIA TOSCA</p>
-      </a>
-    </li><li>
-      <a href="/roadmap/">
-        
-        <div class="title">Roadmap</div>
-        <p class="excerpt">Roadmap Features of ARIA TOSCA</p>
-      </a>
-    </li>
-  </ul>
-</nav>
-<button type="button" id="js-menu-trigger" class="sliding-menu-button 
lines-button x2" role="button" aria-label="Toggle Navigation">
-  <span class="nav-lines"></span>
-</button>
-
-<div id="js-menu-screen" class="menu-screen"></div>
 
+              </nav>
+            </div><!-- /.navbar-collapse -->
+          </div><!-- /.container-fluid -->
+        </nav>
+      </div>
+    </div>
+  </div>
+</header><!-- header close -->
+
+    
 
     <div id="page-wrapper">
       <div id="main" role="main">
        <article class="wrap" itemscope itemtype="http://schema.org/Article";>
                
                
-               <div class="page-title">
-                       <h1>About ARIA TOSCA</h1>
-               </div>
+
+               <section id="global-header">
+                       <div class="container">
+                               <div class="row">
+                                       <div class="col-md-12">
+                                               <div class="block">
+                                                       <h1>About ARIA 
TOSCA</h1>
+                                                       <p></p>
+                                               </div>
+                                       </div>
+                               </div>
+                       </div>
+               </section>
+
+
+
                <div class="inner-wrap">
                        <div id="content" class="page-content" 
itemprop="articleBody">
-                               <p>ARIA is a vendor neutral and technology 
independent implementation of the OASIS TOSCA specification. ARIA offers a 
Command Line Interface(CLI) to develop and execute TOSCA templates, and an 
easily consumable Software Development Kit(SDK) for building TOSCA enabled 
software. ARIA is an open source, and open governance python project, Apache 
Software Foundation Incubation, offering an implementation library of the OASIS 
TOSCA specification.</p>
+                               <section id="intro">
+                     <div class="container">
+                       <div class="row">
+                                                               <p>ARIA is a 
vendor neutral and technology independent implementation of the OASIS TOSCA 
specification. ARIA offers a Command Line Interface(CLI) to develop and execute 
TOSCA templates, and an easily consumable Software Development Kit(SDK) for 
building TOSCA enabled software. ARIA is an open source, and open governance 
python project, Apache Software Foundation Incubation, offering an 
implementation library of the OASIS TOSCA specification.</p>
 
 <p>ARIA was formed to advance adoption of the TOSCA standard and accelerate 
the industry’s journey towards application orchestration in cloud 
environments.</p>
 
@@ -125,11 +135,11 @@
 
 <p>ARIA offers a library with a programmable interface that allows embedding 
ARIA into collaborative projects, to enable organizations looking to 
incorporate TOSCA orchestration capabilities into their solutions.</p>
 
-<p><img src="/images/aria-architecture.png" alt="ARIA Architecture" /></p>
+<p><img src="/images/aria-architecture.png" alt="ARIA Architecture" 
class="center-image" /></p>
 
 <p>Through ARIA, application vendors will be able to test and run their 
applications easily, from blueprint to deployment, without the former hassle of 
developing the orchestration engine themselves, simplifying TOSCA certification 
and validation exponentially.</p>
 
-<p><img src="/images/aria-tosca-workflow.png" alt="ARIA Architecture" /></p>
+<p><img src="/images/aria-tosca-workflow.png" alt="ARIA Architecture" 
class="center-image" /></p>
 
 <h2 id="aria-tosca-parser">ARIA TOSCA Parser</h2>
 <p>ARIA includes a TOSCA DSL parser, the parser’s role is to interpret the 
TOSCA template, create an in-memory graph of the application and validate 
template correctness. TOSCA provides a typing system with normative node types 
to describe the possible building blocks for constructing a service template, 
as well as relationship types to describe possible kinds of relations. Both 
node and relationship types may define life-cycle operations to implement the 
behavior an orchestration engine can invoke when instantiating a service 
template. The template files are written in declarative YAML language using 
TOSCA normative types. Technology specific types can be introduced via ARIA 
Plugins without any modifications of the parser code. ARIA natively supports 
TOSCA Simple Profile 1.0, and TOSCA Simple Profile for Network Function 
Virtualization.</p>
@@ -142,14 +152,17 @@
   <li>Resources such as scripts and others</li>
 </ul>
 
-<h2 id="aria-plugins">ARIA Plugins</h2>
-<p>ARIA Plugins allow extending the TOSCA normative types dynamically by 
adding new technology specific node types and relationship types, without 
changing the code of the ARIA TOSCA Parser. The plugins introduce new node 
types and the implementation that realizes the logic behind every new node 
type. The plugin based types are isolated, allowing to use different versions 
of the same plugin in a single blueprint - for example support OpenStack Kilo 
and OpenStack Juno in the same template. It also allows combining types of 
different technologies - for example OpenStack nodes with VMware, Amazon, or 
other types such as Router, Firewall, Kubernetes and others. The work of 
interacting with IaaS APIs, running scripts, Configuration Management tools, 
Monitoring tools and any other tools used when managing applications is done by 
the ARIA Plugins. Plugins can be included as part of the application template 
package and loaded dynamically. ARIA includes set of plugins that can be used 
as is 
 or as reference for implementing for new plugins.</p>
-
 <h2 id="aria-workflows">ARIA Workflows</h2>
 <p>ARIA Workflows are automated process algorithms that allow dynamic 
interaction with the graph described by the application topology template. ARIA 
Workflows describe the flow of the automation by determining when which tasks 
will be executed. A task may be an operation, optionally implemented by a 
plugin, or other actions, including arbitrary code or scripts. ARIA Workflows 
can be embedded within the TOSCA Template to be able to access the graph 
dynamically. Workflows are implemented as Python code using dedicated APIs and 
a framework to access the graph and the runtime context of the application, the 
context provide access to the object graph described in the TOSCA template.</p>
 
 <p>ARIA comes with a number of built-in workflows - these are the workflows 
for install, uninstall, scale and heal. Built-in workflows are not special in 
any way - ARIA supports creating custom workflows that use the same APIs 
build-in workflows are using.</p>
 
+<h2 id="aria-plugins">ARIA Plugins</h2>
+<p>ARIA Plugins allow extending the TOSCA normative types dynamically by 
adding new technology specific node types and relationship types, without 
changing the code of the ARIA TOSCA Parser. The plugins introduce new node 
types and the implementation that realizes the logic behind every new node 
type. The plugin based types are isolated, allowing to use different versions 
of the same plugin in a single blueprint - for example support OpenStack Kilo 
and OpenStack Juno in the same template. It also allows combining types of 
different technologies - for example OpenStack nodes with VMware, Amazon, or 
other types such as Router, Firewall, Kubernetes and others. The work of 
interacting with IaaS APIs, running scripts, Configuration Management tools, 
Monitoring tools and any other tools used when managing applications is done by 
the ARIA Plugins. Plugins can be included as part of the application template 
package and loaded dynamically. ARIA includes set of plugins that can be used 
as is 
 or as reference for implementing for new plugins.</p>
+
+                       </div>
+                     </div>
+                   </section>
                                <hr />
                                <footer class="page-footer">
                                        
@@ -165,32 +178,65 @@
        </article><!-- ./wrap -->
 </div><!-- /#main -->
 
-      <footer role="contentinfo" id="site-footer">
-       <nav role="navigation" class="menu bottom-menu">
-               <ul class="menu-item">
-               
-      
-                       <li><a href="/about/" >About</a></li>
-               
       
-                       <li><a href="/Community/" >Community</a></li>
-               
-      
-                       <li><a href="/start/" >Getting Started</a></li>
-               
-      
-                       <li><a href="/docs/" >Roadmap</a></li>
-               
-               </ul>
-       </nav><!-- /.bottom-menu -->
-       <p class="copyright">ARIA is an agile reference implementation of 
automation based on OASIS TOSCA Specification. It is a framework for 
implementing orchestration software and a command line tool to execute TOSCA 
based application blueprints.</p>
-       <p class="copyright">&#169; 2017 <a href="">Apache ARIA TOSCA</a>.</p>
 
+<!-- Wrapper Start -->
+<section id="intro" style="padding-top:30px; padding-bottom:30px">
+       <div class="container">
+               <div class="row">
+                       <div class="col-md-10 col-sm-12">
+                               <div class="block">
+                                       <p>
+                                               Apache ARIA TOSCA is an effort 
undergoing incubation at The Apache Software Foundation (ASF), sponsored by the 
Apache Incubator. Incubation is required of all newly accepted projects until a 
further review indicates that the infrastructure, communications, and decision 
making process have stabilized in a manner consistent with other successful ASF 
projects. While incubation status is not necessarily a reflection of the 
completeness or stability of the code, it does indicate that the project has 
yet to be fully endorsed by the ASF.
+                                       </p>
+                               </div>
+                       </div><!-- .col-md-7 close -->
+                       <div class="col-md-2 col-sm-12">
+                               <div class="block" valign="middle" 
style="vertical-align: middle;">
+                                       <img 
src="/images/incubator_power_ring.png" alt="ARIA Podling"  >
+                               </div>
+                       </div><!-- .col-md-5 close -->
+               </div>
+       </div>
+</section>
+
+<footer>
+       <div class="container">
+               <div class="row">
+                       <div class="col-md-12">
+                               <div class="footer-manu">
+
+                                       <ul class="menu-item">
+                                       
+                             
+                                               <li><a href="/about/" 
>About</a></li>
+                                       
+                             
+                                               <li><a href="/community/" 
>Community</a></li>
+                                       
+                             
+                                               <li><a href="/getting-started/" 
>Getting Started</a></li>
+                                       
+                             
+                                               <li><a href="/roadmap/" 
>Roadmap</a></li>
+                                       
+                                       </ul>
+                               </div>
+
+                               <p> Copyright © 2017 The Apache Software 
Foundation. Licensed under the Apache License, Version 2.0. <br />
+                                   Apache, the Apache Feather logo, and the 
Apache Incubator project logo are trademarks of The Apache Software 
Foundation.</p>
+                       </div>
+               </div>
+       </div>
 </footer>
 
     </div>
 
-    <script src="/js/vendor/jquery-1.9.1.min.js"></script>
+    <script src="/js/vendor/jquery-1.10.2.min.js"></script>
+    <script src="/js/plugins/jquery.mixitup.min.js"></script>
+    <script src="/js/owl.carousel.min.js"></script>
+    <script src="/js/jquery.counterup.js"></script>
+
     <script src="/js/main.js"></script>
 
   </body>

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/4c88acc6/_site/atom.xml
----------------------------------------------------------------------
diff --git a/_site/atom.xml b/_site/atom.xml
index 4847dd0..1e02201 100644
--- a/_site/atom.xml
+++ b/_site/atom.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="utf-8"?><feed 
xmlns="http://www.w3.org/2005/Atom";><generator uri="http://jekyllrb.com"; 
version="3.1.6">Jekyll</generator><link href="/atom.xml" rel="self" 
type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" 
/><updated>2017-06-15T17:25:09+03:00</updated><id>/</id><title>Apache ARIA 
TOSCA</title><subtitle>ARIA is an agile reference implementation of automation 
based on OASIS TOSCA Specification. It is a framework for implementing 
orchestration software and a command line tool to execute TOSCA based 
application blueprints.</subtitle></feed>
+<?xml version="1.0" encoding="utf-8"?><feed 
xmlns="http://www.w3.org/2005/Atom";><generator uri="http://jekyllrb.com"; 
version="3.1.6">Jekyll</generator><link href="/atom.xml" rel="self" 
type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" 
/><updated>2017-06-22T16:30:35+03:00</updated><id>/</id><title>Apache ARIA 
TOSCA</title><subtitle>ARIA is an agile reference implementation of automation 
based on OASIS TOSCA Specification. It is a framework for implementing 
orchestration software and a command line tool to execute TOSCA based 
application blueprints.</subtitle></feed>

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/4c88acc6/_site/community/index.html
----------------------------------------------------------------------
diff --git a/_site/community/index.html b/_site/community/index.html
index eae9465..f9420d2 100644
--- a/_site/community/index.html
+++ b/_site/community/index.html
@@ -1,55 +1,77 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <title>ARIA TOSCA Community • Apache ARIA TOSCA</title>
-    
-    
-    
-       <!-- Twitter Cards -->
-       <meta name="twitter:title" content="ARIA TOSCA Community">
-       
-       
-       
-       
-       <meta name="twitter:card" content="summary">
-       <meta name="twitter:image" content="/images/aria-icon.png">
-       
-       <!-- Open Graph -->
-       <meta property="og:locale" content="en">
-       <meta property="og:type" content="article">
-       <meta property="og:title" content="ARIA TOSCA Community">
-       
-       <meta property="og:url" content="/community/">
-       <meta property="og:site_name" content="Apache ARIA TOSCA">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+  <title>ARIA TOSCA Community • Apache ARIA TOSCA</title>
+
+  
+  
+  
+
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+
+  <!-- CSS -->
+  <link rel="stylesheet" href="/css/owl.carousel.css">
+  <link rel="stylesheet" href="/css/bootstrap.min.css">
+  <link rel="stylesheet" href="/css/font-awesome.min.css">
+  <link rel="stylesheet" href="/css/style.css">
+  <link rel="stylesheet" href="/css/ionicons.min.css">
+  <link rel="stylesheet" href="/css/animate.css">
+  <link rel="stylesheet" href="/css/responsive.css">
+
+  <!-- Js -->
+  <script src="/js/vendor/modernizr-2.6.2.min.js"></script>
+  <script src="/js/vendor/jquery-1.10.2.min.js"></script>
+  <script>window.jQuery || document.write('<script 
src="/js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+  <script src="/js/bootstrap.min.js"></script>
+  <script src="/js/owl.carousel.min.js"></script>
+  <script src="/js/plugins.js"></script>
+
+  <script src="/js/min/waypoints.min.js"></script>
+  <script src="/js/jquery.counterup.js"></script>
 
-    <link rel="canonical" href="/community/">
 
-    <link href="/atom.xml" type="application/atom+xml" rel="alternate" 
title="Apache ARIA TOSCA Atom Feed">
-    <link href="/sitemap.xml" type="application/xml" rel="sitemap" 
title="Sitemap">
 
-    <meta name="HandheldFriendly" content="True">
-    <meta name="MobileOptimized" content="320">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="cleartype" content="on">
 
-    <link rel="stylesheet" href="/css/main.css">
-    <!-- HTML5 Shiv and Media Query Support for IE -->
-    <!--[if lt IE 9]>
-      <script src="/js/vendor/html5shiv.min.js"></script>
-      <script src="/js/vendor/respond.min.js"></script>
-    <![endif]-->
 
-  </head>
+
+  <script src="/js/main.js"></script>
+  <script src="/js/plugins/jquery.mixitup.min.js"></script>
+
+
+</head>
 
   <body id="js-body">
     <!--[if lt IE 9]><div class="upgrade notice-warning"><strong>Your browser 
is quite old!</strong> Why not <a href="http://whatbrowser.org/";>upgrade to a 
newer one</a> to better enjoy this site?</div><![endif]-->
 
-    <header id="masthead">
-  <div class="inner-wrap">
-    <a href="/" class="site-title">Apache ARIA TOSCA</a>
-    <nav role="navigation" class="menu top-menu">
-        <ul class="menu-item">
+    <!-- Header Start -->
+<header>
+<div class="container">
+  <div class="row">
+    <div class="col-md-12">
+      <!-- header Nav Start -->
+      <nav class="navbar navbar-default">
+        <div class="container-fluid">
+          <!-- Brand and toggle get grouped for better mobile display -->
+          <div class="navbar-header">
+            <button type="button" class="navbar-toggle collapsed" 
data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            </button>
+            <a class="navbar-brand" href="/">
+              <img src="/images/aria-logo.png" alt="Apache ARIA TOSCA">
+            </a>
+          </div>
+            <!-- Collect the nav links, forms, and other content for toggling 
-->
+            <div class="collapse navbar-collapse" 
id="bs-example-navbar-collapse-1">
+
+              <nav role="navigation" class="menu top-menu">
+                  <ul class="nav navbar-nav navbar-right">
        <li class="home"><a href="/">Apache ARIA TOSCA</a></li>
        
     
@@ -65,57 +87,45 @@
     <li><a href="/roadmap/" >Roadmap</a></li>
   
 </ul>
-    </nav>
-  </div><!-- /.inner-wrap -->
-</header><!-- /.masthead -->
-    <nav role="navigation" id="js-menu" class="sliding-menu-content">
-  <h5>Apache ARIA TOSCA <span>Table of Contents</span></h5>
-  <ul class="menu-item">
-    <li>
-      <a href="/about/">
-        
-        <div class="title">About</div>
-        <p class="excerpt">About ARIA TOSCA</p>
-      </a>
-    </li><li>
-      <a href="/community/">
-        
-        <div class="title">Community</div>
-        <p class="excerpt">Joing the ARIA TOSCA Community</p>
-      </a>
-    </li><li>
-      <a href="/getting-started/">
-        
-        <div class="title">Getting Started</div>
-        <p class="excerpt">Getting started with ARIA TOSCA</p>
-      </a>
-    </li><li>
-      <a href="/roadmap/">
-        
-        <div class="title">Roadmap</div>
-        <p class="excerpt">Roadmap Features of ARIA TOSCA</p>
-      </a>
-    </li>
-  </ul>
-</nav>
-<button type="button" id="js-menu-trigger" class="sliding-menu-button 
lines-button x2" role="button" aria-label="Toggle Navigation">
-  <span class="nav-lines"></span>
-</button>
-
-<div id="js-menu-screen" class="menu-screen"></div>
 
+              </nav>
+            </div><!-- /.navbar-collapse -->
+          </div><!-- /.container-fluid -->
+        </nav>
+      </div>
+    </div>
+  </div>
+</header><!-- header close -->
+
+    
 
     <div id="page-wrapper">
       <div id="main" role="main">
        <article class="wrap" itemscope itemtype="http://schema.org/Article";>
                
                
-               <div class="page-title">
-                       <h1>ARIA TOSCA Community</h1>
-               </div>
+
+               <section id="global-header">
+                       <div class="container">
+                               <div class="row">
+                                       <div class="col-md-12">
+                                               <div class="block">
+                                                       <h1>ARIA TOSCA 
Community</h1>
+                                                       <p></p>
+                                               </div>
+                                       </div>
+                               </div>
+                       </div>
+               </section>
+
+
+
                <div class="inner-wrap">
                        <div id="content" class="page-content" 
itemprop="articleBody">
-                               <h2 id="contribution">Contribution</h2>
+                               <section id="intro">
+                     <div class="container">
+                       <div class="row">
+                                                               <h2 
id="contribution">Contribution</h2>
 
 <p>You are welcome and encouraged to participate and contribute to the ARIA 
project.</p>
 
@@ -139,6 +149,9 @@ See information on how to subscribe to mailing lists <a 
href="https://www.apache
 
 <p>If you have any questions or ideas regarding contribution, please let us 
know on the [email protected] mailing list.</p>
 
+                       </div>
+                     </div>
+                   </section>
                                <hr />
                                <footer class="page-footer">
                                        
@@ -154,32 +167,65 @@ See information on how to subscribe to mailing lists <a 
href="https://www.apache
        </article><!-- ./wrap -->
 </div><!-- /#main -->
 
-      <footer role="contentinfo" id="site-footer">
-       <nav role="navigation" class="menu bottom-menu">
-               <ul class="menu-item">
-               
-      
-                       <li><a href="/about/" >About</a></li>
-               
-      
-                       <li><a href="/Community/" >Community</a></li>
-               
-      
-                       <li><a href="/start/" >Getting Started</a></li>
-               
       
-                       <li><a href="/docs/" >Roadmap</a></li>
-               
-               </ul>
-       </nav><!-- /.bottom-menu -->
-       <p class="copyright">ARIA is an agile reference implementation of 
automation based on OASIS TOSCA Specification. It is a framework for 
implementing orchestration software and a command line tool to execute TOSCA 
based application blueprints.</p>
-       <p class="copyright">&#169; 2017 <a href="">Apache ARIA TOSCA</a>.</p>
 
+<!-- Wrapper Start -->
+<section id="intro" style="padding-top:30px; padding-bottom:30px">
+       <div class="container">
+               <div class="row">
+                       <div class="col-md-10 col-sm-12">
+                               <div class="block">
+                                       <p>
+                                               Apache ARIA TOSCA is an effort 
undergoing incubation at The Apache Software Foundation (ASF), sponsored by the 
Apache Incubator. Incubation is required of all newly accepted projects until a 
further review indicates that the infrastructure, communications, and decision 
making process have stabilized in a manner consistent with other successful ASF 
projects. While incubation status is not necessarily a reflection of the 
completeness or stability of the code, it does indicate that the project has 
yet to be fully endorsed by the ASF.
+                                       </p>
+                               </div>
+                       </div><!-- .col-md-7 close -->
+                       <div class="col-md-2 col-sm-12">
+                               <div class="block" valign="middle" 
style="vertical-align: middle;">
+                                       <img 
src="/images/incubator_power_ring.png" alt="ARIA Podling"  >
+                               </div>
+                       </div><!-- .col-md-5 close -->
+               </div>
+       </div>
+</section>
+
+<footer>
+       <div class="container">
+               <div class="row">
+                       <div class="col-md-12">
+                               <div class="footer-manu">
+
+                                       <ul class="menu-item">
+                                       
+                             
+                                               <li><a href="/about/" 
>About</a></li>
+                                       
+                             
+                                               <li><a href="/community/" 
>Community</a></li>
+                                       
+                             
+                                               <li><a href="/getting-started/" 
>Getting Started</a></li>
+                                       
+                             
+                                               <li><a href="/roadmap/" 
>Roadmap</a></li>
+                                       
+                                       </ul>
+                               </div>
+
+                               <p> Copyright © 2017 The Apache Software 
Foundation. Licensed under the Apache License, Version 2.0. <br />
+                                   Apache, the Apache Feather logo, and the 
Apache Incubator project logo are trademarks of The Apache Software 
Foundation.</p>
+                       </div>
+               </div>
+       </div>
 </footer>
 
     </div>
 
-    <script src="/js/vendor/jquery-1.9.1.min.js"></script>
+    <script src="/js/vendor/jquery-1.10.2.min.js"></script>
+    <script src="/js/plugins/jquery.mixitup.min.js"></script>
+    <script src="/js/owl.carousel.min.js"></script>
+    <script src="/js/jquery.counterup.js"></script>
+
     <script src="/js/main.js"></script>
 
   </body>

Reply via email to