content/learning.html (202 lines of code) (raw):
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<meta name="theme-color" content="#2196F3">
<title>Apache Airavata</title>
<!-- CSS -->
<link href="assets/min/plugin-min.css" type="text/css" rel="stylesheet">
<link href="assets/min/custom-min.css" type="text/css" rel="stylesheet" >
</head>
<body id="top" >
<!-- Pre Loader -->
<div id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<!--Navigation-->
<div class="navbar-fixed">
<nav id="nav_f" class="default_color" role="navigation">
<div class="container">
<div class="nav-wrapper">
<a href="index.html" id="logo-container" class="brand-logo">
<img src="assets/img/airavata-brand.png" width="50%" />
</a>
<ul class="right hide-on-med-and-down">
<li ><a href="about.html">About</a></li>
<li ><a href="development.html">Development</a></li>
<li class="active" >
<a href="learning.html">Learning</a>
<!--
<ul class="">
<li>Test1</li>
<li>Test1</li>
<li>Test1</li>
</ul>
-->
</li>
<li ><a href="get-involved.html">Get Involved</a></li>
<li ><a href="community.html">Community</a></li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li ><a href="about.html">About</a></li>
<li ><a href="development.html">Development</a></li>
<li class="active" ><a href="learning.html">Learning</a></li>
<li ><a href="get-involved.html">Get Involved</a></li>
<li ><a href="community.html">Community</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
</div>
</div>
</nav>
</div>
<div class="page-content">
<div class="wrapper">
<div class="post">
<header class="post-header">
<h1 class="post-title center"></h1>
</header>
<div class="section no-pad-bot">
<main><div class="container">
<div class="row">
<div class="col s12">
<h1 class="center">
<img src="assets/img/airavata-architecture.png" style="border-radius:100px" />
</h1>
<h6 class="center">
Airavata Architecture
</h6>
</div>
</div>
<!--Resources-->
<div id="intro" class="section scrollspy">
<div class="col s12">
<h2 class="center header text_h2"><span class="span_h2"> Resources </span></h2>
<h4 class="center header text_h2"><span class="span_h4"> Start learning Airavata today the way it is easiest for you! </span></h4>
</div>
<div class="row" id="documentation">
<div class="col s12 m6">
<a href="https://cwiki.apache.org/confluence/display/AIRAVATA/Apache+Airavata+Overview" target="_blank">
<div class="card medium">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="assets/img/documentation.jpg" />
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Open the Docs
<!--<i class="mdi-navigation-more-vert right"></i>-->
</span>
<!--<p><a href="#">This is a link</a></p>-->
</div>
<!--
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Card Title<i class="material-icons right">close</i></span>
<p>Here is some more information about this product that is only revealed once clicked on.</p>
</div>
-->
</div>
</a>
</div>
<div class="col s12 m6">
<div class=" promo promo-example">
<h5 class="promo-caption">Documentation</h5>
<p class="light">If you are a DIY developer, Documentation is ready with wiki to quickly get you started with the help of descriptions and tutorials. </p>
</div>
</div>
</div>
<div class="row" id="course">
<div class="col s12 m6">
<div class=" promo promo-example">
<h5 class="promo-caption">Airavata Course</h5>
<p class="light">Apache Airavata is also taught as a part of I-590 Science Gateways Group course at Indiana University, Bloomington. The plan of action is to teach a basic course every Fall and an Advanced course every Spring. </p>
</div>
</div>
<div class="col s12 m6">
<a href="http://i590-spring2016.airavata-courses.documentup.com/" target="_blank">
<div class="card medium">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="assets/img/course.jpg" />
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">View Course Syllabus
<!--<i class="mdi-navigation-more-vert right"></i>-->
</span>
<!--<p><a href="#">This is a link</a></p>-->
</div>
<!--
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Sub Title<i class="material-icons right">close</i></span>
<p>Here is some more information about this product that is only revealed once clicked on.</p>
</div>
-->
</div>
</a>
</div>
</div>
<div class="row" id="tutorials">
<div class="col s12 m6">
<a href="https://cwiki.apache.org/confluence/display/AIRAVATA/Airavata+Quick-Start+Tutorials" target="_blank">
<div class="card medium">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="assets/img/tutorials.jpg" />
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">View Tutorials
<!--<i class="mdi-navigation-more-vert right"></i>--></span>
<!--<p><a href="#">This is a link</a></p>-->
</div>
<!--
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Card Title<i class="material-icons right">close</i></span>
<p>Here is some more information about this product that is only revealed once clicked on.</p>
</div>
-->
</div>
</a>
</div>
<div class="col s12 m6">
<div class=" promo promo-example">
<h5 class="promo-caption">Tutorials</h5>
<p class="light">We also have a plethora of tutorials from quickstart to extended versions based on your current capabilities.</p>
<p><a href="https://cwiki.apache.org/confluence/display/AIRAVATA/Airavata+Quick-Start+Tutorials" target="_blank">Quickstart Tutorials</a></p>
<p><a href="https://cwiki.apache.org/confluence/pages/viewpage.action?pageId=61335688" target="_blank">Extended Tutorials</a></p>
</div>
</div>
</div>
</div>
</article>
</div></main>
</div>
</div>
</div>
<footer id="contact" class="page-footer default_color scrollspy">
<div class="container">
<div class="row" style="margin-bottom: 0;">
<div class="col m5 s12">
<div class="col m4 right-align">
<a href="http://apache.org" target="_blank">
<img src="assets/img/apache-logo.png" width="70%"/>
</a>
</div>
<div class="col m8">
<a href="http://apache.org" target="_blank">
<h5 class="white-text">Apache</h5>
</a>
<ul>
<li><a class="white-text" href="http://apache.org/" target="_blank">Apache Software Foundation</a>
</li>
<li><a class="white-text" href="http://apache.org/foundation/thanks.html"
target="_blank">Thanks</a></li>
<li><a class="white-text" href="http://apache.org/foundation/sponsorship.html" target="_blank">Become
a Sponsor</a></li>
<li><a class="white-text" href="http://apache.org/security/" target="_blank">Security</a></li>
</ul>
</div>
</div>
<div class="col m4 s12">
<h5 class="white-text">Apache Airavata</h5>
<ul>
<li><a class="white-text" href="mailing-list.html">Mailing List</a></li>
<li><a class="white-text" href="development.html#downloads">Downloads</a></li>
<li><a class="white-text" href="learning.html#documentation">Documentation</a></li>
<li><a class="white-text"
href="https://issues.apache.org/jira/browse/airavata/?selectedTab=com.atlassian.jira.jira-projects-plugin:summary-panel"
target="_blank">Issue Tracking</a></li>
</ul>
</div>
<div class="col m3 s12">
<h5 class="white-text">Get Involved</h5>
<ul>
<li><a class="white-text"
href="get-involved.html#how-to-contribute">Become a
Contributor</a></li>
<li><a class="white-text" href="gsoc.html">Student GSoC Projects</a></li>
</ul>
<a href="https://www.apache.org/events/current-event.html">
<img src="https://www.apache.org/events/current-event-125x125.png" style="padding-top:0.5em;">
</a>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<p class="footer-copyright">Copyright © 2021 The Apache Software Foundation, Licensed under the <a
class="white-text" href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
</p>
<p class="footer-copyright">Apache Airavata, Airavata, Apache, Apache Airavata Logo and the Apache
feather logo are trademarks of The Apache Software Foundation.
</p>
</div>
</div>
</div>
</footer>
</body>
<!-- Scripts-->
<script src="assets/min/plugin-min.js"></script>
<script src="assets/min/custom-min.js"></script>
</html>