-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
12 lines (12 loc) · 10.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <title>AWE.ME Interactive reporting experiences, editors, and components in React and Angular</title> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"> <meta name="Description" content="React and Angular Interactive Web Editors and Visualizations, Ionic iPhone and Android mobile app developer and freelancer. Build your mobile iPhone app, Ionic app, Cordova app, Android app, ionic app, Windows Surface app, Google Chrome app."> <meta name="Keywords" content="angularjs iPhone developer, iPhone and Android developer, mobile app developer, ionic developer, phonegap developer, AWE ME app, ionic angularjs developer, iPhone video app developer, cordova iPhone and Android developer, custom iPhone app, iPhone app developer, Android app developer, AngularJS developer, Windows Surface developer, Chrome app developer."> <link href="styles/theme/reset.css" rel="stylesheet" type="text/css" media="screen"> <link href="styles/theme/contact.css" rel="stylesheet" type="text/css" media="screen"> <link href="styles/theme/styles.css" rel="stylesheet" type="text/css" media="screen"> <link href="styles/theme/print.css" rel="stylesheet" type="text/css" media="print"> <link href="styles/theme/flexslider.css" rel="stylesheet" type="text/css" media="screen"> <link href="//fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700,600" rel="stylesheet" type="text/css"> <link href="//fonts.googleapis.com/css?family=Lora:400,400italic" rel="stylesheet" type="text/css"> <link href="styles/theme/jquery.fancybox.css" rel="stylesheet" type="text/css" media="screen"> <!--[if gt IE 8]><!--> <link href="styles/theme/retina-responsive.css" rel="stylesheet" type="text/css" media="screen"> <!--<![endif]--> <!--[if !IE]>
<link href="styles/theme/retina-responsive.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]--> <link href="styles/theme/magnific-popup.css" rel="stylesheet" type="text/css" media="screen"> <body> <!-- Preloader --> <div id="preloader"> <div id="status"> <div class="parent"> <div class="child"> <p class="small">loading...</p> </div> </div> </div> </div> <!-- end preloader --> <!-- start header --> <header class="clearfix"> <h1 id="logo"> <a href="http://awe.me">AWE.ME - Interactive reporting experiences, drag-and-drop report editors, components, and micro-services for the web in Angular, React, and Node.</a> </h1> <div class="tagline"><span>Modern Interactive Apps</span></div> <div id="nav-button"> <span class="nav-bar"></span> <span class="nav-bar"></span> <span class="nav-bar"></span> </div> <nav> <ul id="nav"> <li class="active"><a href="#section1">Home</a> <div class="menu-line"></div> </li> <li><a href="#about">About</a> <div class="menu-line"></div> </li> <li><a href="#portfolio">Apps</a> <div class="menu-line"></div> </li> <li><a href="#contactUs">Contact</a> <div class="menu-line"></div> </li> <!--<li><a href="blog.html">Blog <span class="arrow">→</span></a> </li>--> </ul> </nav> </header> <!-- end header --> <section class="intro section" id="section1" data-speed="10" data-type="background"> <div class="overlay"> <div id="headline_cycler"> <ul class="flexslider"> <li class="slide first"> <h2><img src="images/original/awe-me-logo-large.png"></h2> <p style="display: inline-block; max-width: 650px;">Interactive reporting experiences, drag-and-drop report editors, components, and micro-services in Angular, React, and Node.<br> Built by Vlad (<a href="http://twitter.com/vla" class="light-color">@vla</a>). </p> </li> </ul> </div> </div> <a href="#about" data-title="" id="arrow-down" class="aligncenter">Get started</a> </section> <section class="section grey" id="about"> <div id="ancor4"></div> <div class="container clearfix"> <div class="col1-1"> <h3>Hello</h3> <div class="roman-number"> <div class="lines"></div> <span>i</span></div> </div> <div class="col1-1"> <p class="sub-heading">My name is Vlad, and I build new apps from scratch.</p> <p class="sub-heading">I've worked directly with the founders of <strong class="youtube">YouTube</strong>, <strong class="twitch">Twitch.tv</strong>, and <strong>Guidebox</strong>.</p><p class="sub-heading">Migrated <strong>Medallia</strong> from Java-rendered HTML and Flash to interactive reporting experiences, drag-and-drop report editors, components, and micro-services rewritten in ES6, Angular, React, and Node.</p> </div> </div> </section> <section class="section" id="portfolio"> <div id="ancor2"></div> <div class="container clearfix"> <div class="col1-1"> <h3>Apps</h3> <div class="roman-number"> <div class="lines"></div> <span>ii</span></div> </div> <div class="col1-1"> <p class="sub-heading">Angular and React editors, reports, visualizations, mobile and web applications, and desktop.</p> </div> </div> <div class="full_width_gallery desktop_items_3 tablet_items_2 mobile_items_1 clearfix">
<a class="gallery_item popup" href="images/projects/rb-user-friendly-report-editor-report-builder.png" data-title=""> <img alt="" src="images/projects/rb-user-friendly-report-editor-report-builder.png"> <span class="gallery_item_text"> <span class="v_centralizer"> <strong>Powerful Editors</strong> <i>Ex: Medallia Admin Suite</i> </span> </span> </a>
<a class="gallery_item popup" href="images/projects/rb-report-dials-charts.png" data-title=""> <img alt="" src="images/projects/rb-report-dials-charts.png"> <span class="gallery_item_text"> <span class="v_centralizer"> <strong>Interactive Reports Components</strong> <i>Ex: Medallia Reports</i> </span> </span> </a>
<a class="gallery_item popup" href="images/projects/rb-dials-positive-negative.png" data-title=""> <img alt="" src="images/projects/rb-dials-positive-negative.png"> <span class="gallery_item_text"> <span class="v_centralizer"> <strong>Custom Charts</strong> <i>Ex: Medallia Reports</i> </span> </span> </a>
<a class="gallery_item popup" href="images/projects/ipad-ios-phone-android-developer.png" data-title=""> <img alt="" src="images/projects/ipad-ios-phone-android-developer.png"> <span class="gallery_item_text"> <span class="v_centralizer"> <strong>iPhone, Android, iPad</strong> <i>Ex: Guidebox, Virtual Coach</i> </span> </span> </a>
<a class="gallery_item popup" href="images/projects/winsnipe2.png" data-title=""> <img alt="" src="images/projects/winsnipe2.png"> <span class="gallery_item_text"> <span class="v_centralizer"> <strong>Windows</strong> <i>Ex: WinSnipe</i> </span> </span> </a>
<a class="gallery_item popup" href="images/projects/mixbit.png" data-title=""> <img alt="" src="images/projects/mixbit.png"> <span class="gallery_item_text"> <span class="v_centralizer"> <strong>Web Browser</strong> <i>Ex: MixBit.com</i> </span> </span> </a>
</div> <!--<div class="centralizer"> <a href="#" data-ajax-url="ajax-dummy.html" class="load_more_btn">Load more ...</a> </div>--> </section> <section class="section" id="quote"> <div id="ancor6"></div> <div class="container clearfix"> <div class="col1-1 centered"> <p class="stand-alone">Let's grow your business value. We'll use whichever technology is appropriate.</p> </div> </div> </section> <section class="section grey" id="contactUs"> <div id="ancor7"></div> <div class="container clearfix"> <div class="col1-1"> <h3>Say Hello</h3> <div class="roman-number"> <div class="lines"></div> <span>iii</span> </div> </div> <div class="col1-1"> <p class="sub-heading">Please let me know how I can help your company:</p> <ul class="contact-links centered"> <li><a href="mailto:hello@awe.me">hello@awe.me</a><br></li> <li><a href="https://www.twitter.com/vla">twitter.com/vla</a><br></li> <li><a href="https://www.github.com/vlad">github.com/vlad</a></li> </ul> </div> <!--<div class="col2-3 col1-3m">--> <!--<div id="contact">--> <!--<form method="post" action="contact.php" name="contactform" id="contactform" autocomplete="off">--> <!--<fieldset>--> <!--<label for="name" accesskey="U"><span class="required">Your Name</span></label>--> <!--<input name="name" type="text" id="name" size="30" title="Your Name" />--> <!--<label for="email" accesskey="E"><span class="required">Email</span></label>--> <!--<input name="email" type="text" id="email" size="30" title="Email" />--> <!--<label for="comments" accesskey="C"><span class="required">Tell me how I can help!</span></label>--> <!--<textarea name="comments" cols="40" rows="3" id="comments" title="Tell me how I can help!"></textarea>--> <!--<input type="submit" class="submit" id="submit" value="Submit" />--> <!--<span id="message"></span>--> <!--</fieldset>--> <!--</form>--> <!--</div>--> <!--</div>--> </div> </section> <footer> <div class="container clearfix"> <p> <span class="alignleft small">© 2018, AWE.ME. All Rights Reserved.</span> <span class="alignright small"><a href="http://twitter.com/vla" target="_blank">Follow @vla on twitter: </a><a href="http://twitter.com/vla" target="_blank" class="social_icon twitter"></a></span> </p> </div> </footer> <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="js/jquery-easing-1.3.js" type="text/javascript"></script> <script src="js/modernizr.custom.js" type="text/javascript"></script> <script src="js/retina.js" type="text/javascript"></script> <script src="js/jquery.touchSwipe.min.js" type="text/javascript"></script> <script src="js/jquery.nav.js" type="text/javascript"></script> <script src="js/input.fields.js" type="text/javascript"></script> <script src="js/jquery.form.js" type="text/javascript"></script> <script src="js/jquery.fancybox.pack.js" type="text/javascript"></script> <script src="js/preloader.js" type="text/javascript"></script> <script src="js/jquery.parallax.js" type="text/javascript"></script> <script src="js/responsive-nav.js" type="text/javascript"></script> <!--<script src="js/SmoothScroll.js" type="text/javascript"></script>--> <!--<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>--> <script src="js/jquery.sticky.js" type="text/javascript"></script> <script src="js/jquery.magnific-popup.min.js" type="text/javascript"></script> <script src="js/general.js" type="text/javascript"></script> <!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->