theme/apache/templates/base.html - flex-site - Git at Google

 <!DOCTYPE html>
 <!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
 <!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
 <!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->

 <head>

     <meta charset="utf-8">
     <title>Apache Flex® - {{ page.title }}</title>

     <!-- For Mobiles  -->
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <link href='https://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>
     <!-- CSS -->
     <link rel="stylesheet" type="text/css" href="/css/bootstrap.css">
     <link rel="stylesheet" type="text/css" href="/css/fixed-width.css" id="layout">
     <link rel="stylesheet" type="text/css" href="/css/style.css">
     <!-- favicon -->
     <link rel="icon" type="image/x-icon" href="/images/favicon.ico"/>
     <link rel="apple-touch-icon-precomposed" href="/images/apple-touch-icon-60.png">
     <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/images/apple-touch-icon-76.png">
     <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/images/apple-touch-icon-120.png">
     <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/images/apple-touch-icon-152.png">

     <!-- Java Script  -->
     <script src="/js/jquery.js"></script>
     <script src="/js/custom.js"></script>
     <script src="/js/selectnav.js"></script>
     <script src="/js/flexslider.js"></script>
     <script src="/js/twitter.js"></script>
     <script src="/js/fancybox.js"></script>
     <script src="/js/isotope.js"></script>
     <script src="/js/bootstrap.js"></script>
     <script src="/js/showcase.js"></script>

     <!-- Google Analytics -->
     <script type="text/javascript">

         var _gaq = _gaq || [];
         _gaq.push(['_setAccount', 'UA-37926454-1']);
         _gaq.push(['_trackPageview']);

         (function() {
             var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
             ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
             var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
         })();

     </script>


 </head>
 <body>

 <!-- Wrapper Start -->
 <div id="wrapper" class="container-fluid">


     <!-- Header -->


     <div class="ie-dropdown-fix" >

         <!-- Header -->
         <div class="row-fluid" id="header">

             <!-- Logo -->
             <div class="span5">

                 <a href="#"><img src="/images/logo_01_fullcolor-sm.png" alt="Apache Flex®" title="Apache Flex®" /></a>

             </div>

             <!-- Social / Contact -->
             <div class="span3 pull-right">

                 <!-- Social Icons -->
                 <ul class="social-icons">
                     <li class="facebook"><a href="https://www.facebook.com/pages/Apache-Flex/174249699342648">Facebook</a></li>
                     <li class="twitter"><a href="http://twitter.com/ApacheFlex">Twitter</a></li>
                     <li class="linkedin"><a href="http://www.linkedin.com/groups/Apache-Flex-Developers-4296888">LinkedIn</a></li>
                 </ul>

                 <!-- Apache Logo -->
                 <a href="http://www.apache.org" id="contact-top"><img src="http://www.apache.org/images/feather-small.gif" title="An Apache Project" alt="An Apache Project" /> </a>
             </div>

         </div>
         <!-- Header / End -->

         <!-- Navigation -->
         <div id="navigation" class="margintop">
             <ul id="nav">

                 <li><a href="/index.html">Home</a></li>

                 <li><a href="#">About Flex</a>
                     <ul>

                         <li><a href="/about-whatis.html">What is Flex?</a></li>
                         <li><a href="/about-features.html">Features</a></li>
 						<li><a href="/tourdeflex/explorer.html">Tour de Flex</a></li>
                         <li><a href="/about-licensing.html">License &amp; Trademarks</a></li>
                         <li><a href="/about-people.html">The Team</a></li>
                         <li><a href="/about-history.html">Project History</a></li>
                         <li><a href="/about-assets.html">Logo and Assets</a></li>
                     </ul>
                 </li>
                 <li><a href="#">Community</a>
                     <ul>

                         <li><a href="/community-getinvolved.html">How to get involved</a></li>
                         <li><a href="/community-mailinglists.html">Mailing Lists</a></li>
                         <li><a href="/community-showcase.html">Flex Showcase</a></li>
 						<li><a href="/community-3rdparty.html">Third-Party</a></li>
                         <li><a href="https://cwiki.apache.org/confluence/display/FLEX/Apache+Flex+Wiki">Wiki <i class="icon-share icon-white"></i></a></li>
                         <li><a href="http://blogs.apache.org/flex/">Blog <i class="icon-share icon-white"></i></a></li>
                     </ul>
                 </li>

                 <li><a href="#">Development</a>
                     <ul>
                         <li><a href="/dev-faq.html">Developer FAQ</a></li>
                         <li><a href="/dev-sourcecode.html">Source Code</a></li>
                         <li><a href="https://issues.apache.org/jira/browse/FLEX">Bug-Tracker <i class="icon-share icon-white"></i></a></li>
                     </ul>
                 </li>

                 <li><a href="#">Documentation</a>
                     <ul>

                         <li><a href="/doc-getstarted.html">Getting Started</a></li>
                         <li><a href="/doc-videos.html">Videos</a></li>
                         <li><a href="/asdoc/">Flex ASDocs</a></li>
                         <li><a href="http://apacheflexbuild.cloudapp.net:8080/job/FlexJS_ASDoc_Example/lastSuccessfulBuild/artifact/examples/flexjs/ASDoc/bin/js-debug/index.html">FlexJS ASDocs</a></li>
                         <li><a href="http://help.adobe.com/en_US/flex/using/index.html">Documentation Reference (Old) <i class="icon-share icon-white"></i></a></li>
                         <li><a href="/flexunit/tutorial/">FlexUnit Tutorials</a></li>
                         <li><a href="/flexunit/asdoc/">FlexUnit ASDocs</a></li>

                     </ul>
                 </li>

                 <li><a href="#">About Apache</a>
                     <ul>

                         <li><a href="http://www.apache.org">The Apache Software Foundation Website <i class="icon-share icon-white"></i></a></li>
                         <li><a href="http://www.apache.org/foundation/contributing.html">Donations <i class="icon-share icon-white"></i></a></li>
                         <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship <i class="icon-share icon-white"></i></a></li>
                         <li><a href="http://www.apache.org/foundation/thanks.html">Thanks <i class="icon-share icon-white"></i></a></li>
                     </ul>
                 </li>

                 <li><a href="#" class="download">Download Flex</a>
                     <ul>

                        <li><a href="/installer.html">SDK Installer (For Application Developers)</a></li>
                        <li><a href="/download-source.html">SDK Source Code (For SDK Developers)</a></li>
                        <li><a href="/download-binaries.html">SDK Binaries (For SDK Developers)</a></li>
                        <li><a href="/download-flexjs.html">FlexJS 'beta' (For Application Developers)</a> </li>
                        <li><a href="/download-flexunit.html">FlexUnit (For Application Developers)</a> </li>
                        <li><a href="/download-blazeds.html">Blaze DS Source Code</a></li>
                        <li><a href="/download-tourdeflex.html">Tour De Flex Source Code</a></li>
                        <li><a href="/download-squiggly.html">Squiggly Spell Checker</a></li>
                        <li><a href="/download-utilities.html">Flex Utilities</a></li>
                        <li><a href="/download-archive.html">Previous Versions</a></li>`
                     </ul>
                 </li>
             </ul>

         </div>
         <div class="clear"></div>

     </div>
     <!-- Navigation / End -->


     <!-- Content -->

 {% if not page.homepage %}
     <div class="row-fluid">


         <!-- Page Title -->
         <div id="page-title">
             <h2>{{ page.title }}</h2>
         </div>
         <!-- Page Title / End -->


     </div>
 {% endif %}

     <div class="row-fluid">

 <!-- Home Page Exception -->
 {% if page.homepage %}
 </div>

         <!-- Flex Slider -->

 <section class="slider">
     <div class="flexslider home">
         <ul class="slides">

             <li><img src="images/slider4.jpg" alt="One Codebase, Multiple Devices" /></li>
             <li><img src="images/slider1.jpg" alt="" /></li>
             <li><img src="images/slider2.jpg" alt="" /></li>
             <li><img src="images/slider3.jpg" alt="" /></li>

         </ul>
     </div>
 </section>

         <!-- Flex Slider / End -->
 <br />

 <div class="row-fluid">
     <div class="alert alert-success alert-block">
      <button type="button" class="close" data-dismiss="alert">&times;</button>
        <h4>Flash Player in the Browser support is ending!</h4>
        Adobe, along with all the major browser vendors (Google Chrome, Mozilla Firefox, Microsoft Edge) have announced that
        they will <a href="https://www.adobe.com/products/flashplayer/end-of-life.html" target="_blank"> no longer support the Adobe Flash Player™ runtime at the end of 2020.</a>  If you are looking to output content
        to the browser, you should check out our sister project <a href="https://royale.apache.org">Apache Royale™</a>, which allows you to continue to use ActionScript and output native
        JavaScript and HTML.  Apache Flex output to mobile and desktop platforms through the <a href="https://airsdk.harman.com/" target="_blank">Adobe AIR runtime provided by Harman</a> is still supported.
      </div>
 </div>

         <!-- Features Start -->
 <div class="row-fluid">
 <div class="headline margintop marginbottom"><h4>The open-source framework for building expressive web and mobile applications</h4></div>
 </div>
 <div class="row-fluid">

 <div class="span3"  >
     <div class="featuresbox"  >
         <div class="feature-image"><img src="images/support-icon.png"></div>
         <h4>Licensing</h4>
         <p>Apache Flex® is completely open-source.  Apache Flex® is an Apache project, and is released under the Apache License, version 2.0, so you know it is compatible with your business needs.  Plus, it is backed by the Apache Community for updates, support and help.</p>
         <a href="about-licensing.html" class="btn">Read More</a>
     </div>

 </div>

 <div class="span3" >
     <div class="featuresbox"   >
         <div class="feature-image-wide"><img src="images/desktop-mobile-icon.png"></div>
         <h4>Desktop & Mobile Apps</h4>
         <p>Build applications that target all browsers by leveraging the Adobe Flash Player and JavaScript, make desktop application by leveraging the Adobe Integrated Runtime (Adobe AIR)
         or create powerful, cross-platform mobile applications that target Apple iPods, iPhones, iPads, Android based smartphones and tablets, and  Blackberry Playbook devices.</p>
         <a href="about-features.html" class="btn">Read More</a>
     </div>

 </div>

 <div class="span3"   >
     <div class="featuresbox">
         <div class="feature-image"><img src="images/showcase-icon.png"></div>
         <h4>Flex Showcase</h4>
         <p>A selection of the many desktop and mobile applications written with Flex.</p>
         <p>Proud of your Flex application? You can easily submit a request to have it shown here.</p>
         <a href="community-showcase.html" class="btn">Read More</a>
     </div>

 </div>
 <div class="span3"  >
     <div class="featuresbox">
         <div class="feature-image"><img src="images/tools-icon.png"></div>
         <h4>Tooling</h4>
         <p>Utilize the tools you are already familar with.  Apache Flex® utilizes MXML for layout and AS3 (an ECMAScript based language like JavaScript) for coding. Use the Eclipse-based IDEs like Adobe Flash Builder and FDT or use IntelliJ IDEA or any text editor to make your applications.</p>
         <a href="about-features.html" class="btn">Read More</a>
     </div>

 </div>

 </div>

         <!-- Features #nd -->
 {% endif %}

 {% block content %}{% endblock %}

 <!-- Home Page Exception -->
 {% if page.homepage %}
 <!-- Clients Start -->
 <div class="row-fluid">
     <div class="span12">

         <!-- Who is using Flex section disabled until we get more releases.
         <div class="headline margintop marginbottom"><h4>Who is using Flex?</h4></div>

         <ul class="thumbnails">
             <li class="span2"><div class="thumbnail"><img src="images/companyLogos/avaya_logo.jpg"  class="client-logo" alt="Avaya"/></div></li>
             <li class="span2"><div class="thumbnail"><img src="images/companyLogos/extreme_logo.png"  class="client-logo" alt="Extreme Networks"/></div></li>
             <li class="span2"><div class="thumbnail"><img src=""  class="client-logo" alt=""/></div></li>
             <li class="span2"><div class="thumbnail"><img src="images/companyLogos/Michigan_State_University_logo.png"  class="client-logo" alt="Michigan State University"/></div></li>
             <li class="span2"><div class="thumbnail"><img src="images/companyLogos/StackAndHeap.gif"  class="client-logo" alt="Stack and Heap"/></div></li>
             <li class="span2"><div class="thumbnail"><img src="images/companyLogos/systar-logo-300x70.png"  class="client-logo" alt="Systar"/></div></li>

         </ul>
         -->

     </div>
 </div>
         <!-- Clients End -->
 {% endif %}

 </div></div>
 <!-- Wrapper / End -->


 <!-- Footer -->

 <!-- Footer Top -->
 <div id="footer" class="container-fluid paddingbottom" >


     <div class="row-fluid">

         <!-- About -->
         <div class="span3">
             <div class="footer-headline"><h4>About Us</h4></div>
             <p>Apache Flex® is a highly productive, open source application framework for building and maintaining expressive web applications that deploy consistently on all major browsers, desktops and devices (including smartphones, tablets and tv). It provides a modern, standards-based language and programming model that supports common design patterns suitable for developers from many backgrounds. Flex applications can be deployed to the ubiquitous Adobe® Flash® Player in the browser, Adobe® AIR™ on desktop and mobile or to native Android™, IOS™, QNX®, Windows® or Mac® applications.</p>
         </div>

         <!-- Subscribe  -->
         <div class="span3">
             <div class="footer-headline"><h4>Subscribe</h4></div>
             <p>We have two mailing lists, one for SDK developers, and one for SDK users.</p>
             <p>Developers, send an email to <br>
                 <a href="mailto:dev-subscribe@flex.apache.org">dev-subscribe@flex.apache.org</a>
             </p>
             <p>Users, send an email to <br>
                 <a href="mailto:users-subscribe@flex.apache.org">users-subscribe@flex.apache.org</a>
             </p>
         </div>

         <!-- Latest Releases -->
         <div class="span3">
             <div class="footer-headline"><h4>Latest Releases</h4></div>
             <p>
             	Apache Flex SDK : <a href="/download-binaries.html">4.16.0 (March 2017)</a><br />
                 Apache FlexJS SDK : <a href="/download-flexjs.html">0.8.0 (June 2017)</a><br />
                 Blaze DS : <a href="/download-blazeds.html">4.7.0 (Mar 2015)</a><br />
                 Flex Mavenizer : <a href="http://svn.apache.org/viewvc/flex/utilities/trunk/mavenizer/"> 4.8.0 (Jan 2013)</a><br />
                 FlexUnit : <a href="/download-flexunit.html">4.2.0 (Apr 2014)</a><br />
                 SDK Installer : <a href="/installer.html">3.2.0 (June 2015)</a><br />
                 Squiggly : <a href="/download-squiggly.html">1.1 (Oct 2014)</a><br />
                 Tour De Flex : <a href="/download-tourdeflex.html">1.2 (Nov 2014)</a><br />
             </p>
         </div>

         <!-- Latest Tweets -->
         <div class="span3">
             <div class="footer-headline"><h4>Latest Tweets</h4></div>
             <a class="twitter-timeline" href="https://twitter.com/ApacheFlex" data-chrome="noheader nofooter noborders noscrollbar" data-widget-id="364567612920852480">Tweets by Apache Flex</a>
             <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
             <div class="clear"></div>
         </div>

     </div>

 </div>
 <!-- Footer / Bottom -->
 <div id="footer" class="container-fluid" style="background: #111;">
     <div class="row-fluid">
         <div class="span12">
             <div id="footer-bottom">
                 Copyright © {{CURRENTYEAR}} The Apache Software Foundation, Licensed under the Apache License, Version 2.0 <br>
                 Apache Flex, Apache and the Apache feather logo are trademarks of The Apache Software Foundation. All other marks mentioned may be trademarks or registered trademarks of their respective owners.
                 Read more about our privacy policy on our <a href="about-privacy.html">Privacy Policy</a> page.
                 <div id="scroll-top-top"><a href="#" title="Go to Top"></a></div>
             </div>
         </div>
     </div>

 </div>

 <!-- Footer / End -->

 </body>

 </html>
	<!DOCTYPE html>
	<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
	<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
	<!--[if (gte IE 9)\|!(IE)]><!--><html lang="en"><!--<![endif]-->

	<head>

	<meta charset="utf-8">
	<title>Apache Flex® - {{ page.title }}</title>

	<!-- For Mobiles -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link href='https://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>
	<!-- CSS -->
	<link rel="stylesheet" type="text/css" href="/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="/css/fixed-width.css" id="layout">
	<link rel="stylesheet" type="text/css" href="/css/style.css">
	<!-- favicon -->
	<link rel="icon" type="image/x-icon" href="/images/favicon.ico"/>
	<link rel="apple-touch-icon-precomposed" href="/images/apple-touch-icon-60.png">
	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/images/apple-touch-icon-76.png">
	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/images/apple-touch-icon-120.png">
	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/images/apple-touch-icon-152.png">

	<!-- Java Script -->
	<script src="/js/jquery.js"></script>
	<script src="/js/custom.js"></script>
	<script src="/js/selectnav.js"></script>
	<script src="/js/flexslider.js"></script>
	<script src="/js/twitter.js"></script>
	<script src="/js/fancybox.js"></script>
	<script src="/js/isotope.js"></script>
	<script src="/js/bootstrap.js"></script>
	<script src="/js/showcase.js"></script>

	<!-- Google Analytics -->
	<script type="text/javascript">

	var _gaq = _gaq \|\| [];
	_gaq.push(['_setAccount', 'UA-37926454-1']);
	_gaq.push(['_trackPageview']);

	(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	})();

	</script>


	</head>
	<body>

	<!-- Wrapper Start -->
	<div id="wrapper" class="container-fluid">


	<!-- Header -->


	<div class="ie-dropdown-fix" >

	<!-- Header -->
	<div class="row-fluid" id="header">

	<!-- Logo -->
	<div class="span5">

	<a href="#"><img src="/images/logo_01_fullcolor-sm.png" alt="Apache Flex®" title="Apache Flex®" /></a>

	</div>

	<!-- Social / Contact -->
	<div class="span3 pull-right">

	<!-- Social Icons -->
	<ul class="social-icons">
	<li class="facebook"><a href="https://www.facebook.com/pages/Apache-Flex/174249699342648">Facebook</a></li>
	<li class="twitter"><a href="http://twitter.com/ApacheFlex">Twitter</a></li>
	<li class="linkedin"><a href="http://www.linkedin.com/groups/Apache-Flex-Developers-4296888">LinkedIn</a></li>
	</ul>

	<!-- Apache Logo -->
	<a href="http://www.apache.org" id="contact-top"><img src="http://www.apache.org/images/feather-small.gif" title="An Apache Project" alt="An Apache Project" /> </a>
	</div>

	</div>
	<!-- Header / End -->

	<!-- Navigation -->
	<div id="navigation" class="margintop">
	<ul id="nav">

	<li><a href="/index.html">Home</a></li>

	<li><a href="#">About Flex</a>
	<ul>

	<li><a href="/about-whatis.html">What is Flex?</a></li>
	<li><a href="/about-features.html">Features</a></li>
	<li><a href="/tourdeflex/explorer.html">Tour de Flex</a></li>
	<li><a href="/about-licensing.html">License & Trademarks</a></li>
	<li><a href="/about-people.html">The Team</a></li>
	<li><a href="/about-history.html">Project History</a></li>
	<li><a href="/about-assets.html">Logo and Assets</a></li>
	</ul>
	</li>
	<li><a href="#">Community</a>
	<ul>

	<li><a href="/community-getinvolved.html">How to get involved</a></li>
	<li><a href="/community-mailinglists.html">Mailing Lists</a></li>
	<li><a href="/community-showcase.html">Flex Showcase</a></li>
	<li><a href="/community-3rdparty.html">Third-Party</a></li>
	<li><a href="https://cwiki.apache.org/confluence/display/FLEX/Apache+Flex+Wiki">Wiki <i class="icon-share icon-white"></i></a></li>
	<li><a href="http://blogs.apache.org/flex/">Blog <i class="icon-share icon-white"></i></a></li>
	</ul>
	</li>

	<li><a href="#">Development</a>
	<ul>
	<li><a href="/dev-faq.html">Developer FAQ</a></li>
	<li><a href="/dev-sourcecode.html">Source Code</a></li>
	<li><a href="https://issues.apache.org/jira/browse/FLEX">Bug-Tracker <i class="icon-share icon-white"></i></a></li>
	</ul>
	</li>

	<li><a href="#">Documentation</a>
	<ul>

	<li><a href="/doc-getstarted.html">Getting Started</a></li>
	<li><a href="/doc-videos.html">Videos</a></li>
	<li><a href="/asdoc/">Flex ASDocs</a></li>
	<li><a href="http://apacheflexbuild.cloudapp.net:8080/job/FlexJS_ASDoc_Example/lastSuccessfulBuild/artifact/examples/flexjs/ASDoc/bin/js-debug/index.html">FlexJS ASDocs</a></li>
	<li><a href="http://help.adobe.com/en_US/flex/using/index.html">Documentation Reference (Old) <i class="icon-share icon-white"></i></a></li>
	<li><a href="/flexunit/tutorial/">FlexUnit Tutorials</a></li>
	<li><a href="/flexunit/asdoc/">FlexUnit ASDocs</a></li>

	</ul>
	</li>

	<li><a href="#">About Apache</a>
	<ul>

	<li><a href="http://www.apache.org">The Apache Software Foundation Website <i class="icon-share icon-white"></i></a></li>
	<li><a href="http://www.apache.org/foundation/contributing.html">Donations <i class="icon-share icon-white"></i></a></li>
	<li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship <i class="icon-share icon-white"></i></a></li>
	<li><a href="http://www.apache.org/foundation/thanks.html">Thanks <i class="icon-share icon-white"></i></a></li>
	</ul>
	</li>

	<li><a href="#" class="download">Download Flex</a>
	<ul>

	<li><a href="/installer.html">SDK Installer (For Application Developers)</a></li>
	<li><a href="/download-source.html">SDK Source Code (For SDK Developers)</a></li>
	<li><a href="/download-binaries.html">SDK Binaries (For SDK Developers)</a></li>
	<li><a href="/download-flexjs.html">FlexJS 'beta' (For Application Developers)</a> </li>
	<li><a href="/download-flexunit.html">FlexUnit (For Application Developers)</a> </li>
	<li><a href="/download-blazeds.html">Blaze DS Source Code</a></li>
	<li><a href="/download-tourdeflex.html">Tour De Flex Source Code</a></li>
	<li><a href="/download-squiggly.html">Squiggly Spell Checker</a></li>
	<li><a href="/download-utilities.html">Flex Utilities</a></li>
	<li><a href="/download-archive.html">Previous Versions</a></li>`
	</ul>
	</li>
	</ul>

	</div>
	<div class="clear"></div>

	</div>
	<!-- Navigation / End -->


	<!-- Content -->

	{% if not page.homepage %}
	<div class="row-fluid">


	<!-- Page Title -->
	<div id="page-title">
	<h2>{{ page.title }}</h2>
	</div>
	<!-- Page Title / End -->


	</div>
	{% endif %}

	<div class="row-fluid">

	<!-- Home Page Exception -->
	{% if page.homepage %}
	</div>

	<!-- Flex Slider -->

	<section class="slider">
	<div class="flexslider home">
	<ul class="slides">

	<li><img src="images/slider4.jpg" alt="One Codebase, Multiple Devices" /></li>
	<li><img src="images/slider1.jpg" alt="" /></li>
	<li><img src="images/slider2.jpg" alt="" /></li>
	<li><img src="images/slider3.jpg" alt="" /></li>

	</ul>
	</div>
	</section>

	<!-- Flex Slider / End -->
	<br />

	<div class="row-fluid">
	<div class="alert alert-success alert-block">
	<button type="button" class="close" data-dismiss="alert">×</button>
	<h4>Flash Player in the Browser support is ending!</h4>
	Adobe, along with all the major browser vendors (Google Chrome, Mozilla Firefox, Microsoft Edge) have announced that
	they will <a href="https://www.adobe.com/products/flashplayer/end-of-life.html" target="_blank"> no longer support the Adobe Flash Player™ runtime at the end of 2020.</a> If you are looking to output content
	to the browser, you should check out our sister project <a href="https://royale.apache.org">Apache Royale™</a>, which allows you to continue to use ActionScript and output native
	JavaScript and HTML. Apache Flex output to mobile and desktop platforms through the <a href="https://airsdk.harman.com/" target="_blank">Adobe AIR runtime provided by Harman</a> is still supported.
	</div>
	</div>

	<!-- Features Start -->
	<div class="row-fluid">
	<div class="headline margintop marginbottom"><h4>The open-source framework for building expressive web and mobile applications</h4></div>
	</div>
	<div class="row-fluid">

	<div class="span3" >
	<div class="featuresbox" >
	<div class="feature-image"><img src="images/support-icon.png"></div>
	<h4>Licensing</h4>
	<p>Apache Flex® is completely open-source. Apache Flex® is an Apache project, and is released under the Apache License, version 2.0, so you know it is compatible with your business needs. Plus, it is backed by the Apache Community for updates, support and help.</p>
	<a href="about-licensing.html" class="btn">Read More</a>
	</div>

	</div>

	<div class="span3" >
	<div class="featuresbox" >
	<div class="feature-image-wide"><img src="images/desktop-mobile-icon.png"></div>
	<h4>Desktop & Mobile Apps</h4>
	<p>Build applications that target all browsers by leveraging the Adobe Flash Player and JavaScript, make desktop application by leveraging the Adobe Integrated Runtime (Adobe AIR)
	or create powerful, cross-platform mobile applications that target Apple iPods, iPhones, iPads, Android based smartphones and tablets, and Blackberry Playbook devices.</p>
	<a href="about-features.html" class="btn">Read More</a>
	</div>

	</div>

	<div class="span3" >
	<div class="featuresbox">
	<div class="feature-image"><img src="images/showcase-icon.png"></div>
	<h4>Flex Showcase</h4>
	<p>A selection of the many desktop and mobile applications written with Flex.</p>
	<p>Proud of your Flex application? You can easily submit a request to have it shown here.</p>
	<a href="community-showcase.html" class="btn">Read More</a>
	</div>

	</div>
	<div class="span3" >
	<div class="featuresbox">
	<div class="feature-image"><img src="images/tools-icon.png"></div>
	<h4>Tooling</h4>
	<p>Utilize the tools you are already familar with. Apache Flex® utilizes MXML for layout and AS3 (an ECMAScript based language like JavaScript) for coding. Use the Eclipse-based IDEs like Adobe Flash Builder and FDT or use IntelliJ IDEA or any text editor to make your applications.</p>
	<a href="about-features.html" class="btn">Read More</a>
	</div>

	</div>

	</div>

	<!-- Features #nd -->
	{% endif %}

	{% block content %}{% endblock %}

	<!-- Home Page Exception -->
	{% if page.homepage %}
	<!-- Clients Start -->
	<div class="row-fluid">
	<div class="span12">

	<!-- Who is using Flex section disabled until we get more releases.
	<div class="headline margintop marginbottom"><h4>Who is using Flex?</h4></div>

	<ul class="thumbnails">
	<li class="span2"><div class="thumbnail"><img src="images/companyLogos/avaya_logo.jpg" class="client-logo" alt="Avaya"/></div></li>
	<li class="span2"><div class="thumbnail"><img src="images/companyLogos/extreme_logo.png" class="client-logo" alt="Extreme Networks"/></div></li>
	<li class="span2"><div class="thumbnail"><img src="" class="client-logo" alt=""/></div></li>
	<li class="span2"><div class="thumbnail"><img src="images/companyLogos/Michigan_State_University_logo.png" class="client-logo" alt="Michigan State University"/></div></li>
	<li class="span2"><div class="thumbnail"><img src="images/companyLogos/StackAndHeap.gif" class="client-logo" alt="Stack and Heap"/></div></li>
	<li class="span2"><div class="thumbnail"><img src="images/companyLogos/systar-logo-300x70.png" class="client-logo" alt="Systar"/></div></li>

	</ul>
	-->

	</div>
	</div>
	<!-- Clients End -->
	{% endif %}

	</div></div>
	<!-- Wrapper / End -->


	<!-- Footer -->

	<!-- Footer Top -->
	<div id="footer" class="container-fluid paddingbottom" >


	<div class="row-fluid">

	<!-- About -->
	<div class="span3">
	<div class="footer-headline"><h4>About Us</h4></div>
	<p>Apache Flex® is a highly productive, open source application framework for building and maintaining expressive web applications that deploy consistently on all major browsers, desktops and devices (including smartphones, tablets and tv). It provides a modern, standards-based language and programming model that supports common design patterns suitable for developers from many backgrounds. Flex applications can be deployed to the ubiquitous Adobe® Flash® Player in the browser, Adobe® AIR™ on desktop and mobile or to native Android™, IOS™, QNX®, Windows® or Mac® applications.</p>
	</div>

	<!-- Subscribe -->
	<div class="span3">
	<div class="footer-headline"><h4>Subscribe</h4></div>
	<p>We have two mailing lists, one for SDK developers, and one for SDK users.</p>
	<p>Developers, send an email to <br>
	<a href="mailto:dev-subscribe@flex.apache.org">dev-subscribe@flex.apache.org</a>
	</p>
	<p>Users, send an email to <br>
	<a href="mailto:users-subscribe@flex.apache.org">users-subscribe@flex.apache.org</a>
	</p>
	</div>

	<!-- Latest Releases -->
	<div class="span3">
	<div class="footer-headline"><h4>Latest Releases</h4></div>
	<p>
	Apache Flex SDK : <a href="/download-binaries.html">4.16.0 (March 2017)</a><br />
	Apache FlexJS SDK : <a href="/download-flexjs.html">0.8.0 (June 2017)</a><br />
	Blaze DS : <a href="/download-blazeds.html">4.7.0 (Mar 2015)</a><br />
	Flex Mavenizer : <a href="http://svn.apache.org/viewvc/flex/utilities/trunk/mavenizer/"> 4.8.0 (Jan 2013)</a><br />
	FlexUnit : <a href="/download-flexunit.html">4.2.0 (Apr 2014)</a><br />
	SDK Installer : <a href="/installer.html">3.2.0 (June 2015)</a><br />
	Squiggly : <a href="/download-squiggly.html">1.1 (Oct 2014)</a><br />
	Tour De Flex : <a href="/download-tourdeflex.html">1.2 (Nov 2014)</a><br />
	</p>
	</div>

	<!-- Latest Tweets -->
	<div class="span3">
	<div class="footer-headline"><h4>Latest Tweets</h4></div>
	<a class="twitter-timeline" href="https://twitter.com/ApacheFlex" data-chrome="noheader nofooter noborders noscrollbar" data-widget-id="364567612920852480">Tweets by Apache Flex</a>
	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
	<div class="clear"></div>
	</div>

	</div>

	</div>
	<!-- Footer / Bottom -->
	<div id="footer" class="container-fluid" style="background: #111;">
	<div class="row-fluid">
	<div class="span12">
	<div id="footer-bottom">
	Copyright © {{CURRENTYEAR}} The Apache Software Foundation, Licensed under the Apache License, Version 2.0 <br>
	Apache Flex, Apache and the Apache feather logo are trademarks of The Apache Software Foundation. All other marks mentioned may be trademarks or registered trademarks of their respective owners.
	Read more about our privacy policy on our <a href="about-privacy.html">Privacy Policy</a> page.
	<div id="scroll-top-top"><a href="#" title="Go to Top"></a></div>
	</div>
	</div>
	</div>

	</div>

	<!-- Footer / End -->

	</body>

	</html>