123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295 |
- <!DOCTYPE html>
- <html lang="en">
- <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"/>
- <title>Agile Savant</title>
- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.1/css/font-awesome.min.css" />
- <link type="text/css" rel="stylesheet" media="screen,projection" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css" />
- <style type="text/css" media="screen,projection">
- nav ul a,
- nav .brand-logo {
- color: #444;
- }
- nav .brand-logo img {
- height: 64px;
- }
- p {
- line-height: 2rem;
- }
- .button-collapse {
- color: #26a69a;
- }
- .parallax-container {
- min-height: 380px;
- line-height: 0;
- height: auto;
- color: rgba(255,255,255,.9);
- }
- .parallax-container .section {
- width: 100%;
- }
- .parallax img {
- width: 100%;
- height: auto;
- }
- .header {
- text-shadow: 2px 2px #000;
- }
- @media only screen and (max-width : 992px) {
- .parallax-container .section {
- position: absolute;
- top: 40%;
- }
- #index-banner .section {
- top: 10%;
- }
- }
- @media only screen and (max-width : 600px) {
- #index-banner {
- height: 100vh;
- }
- #index-banner .section {
- top: 0;
- }
- }
- .icon-block {
- padding: 0 15px;
- }
- .icon-block .material-icons {
- font-size: inherit;
- }
- footer.page-footer {
- margin: 0;
- }
- </style>
- </head>
- <body>
- <div class="navbar-fixed">
- <nav class="white" role="navigation">
- <div class="nav-wrapper container">
- <a id="logo-container" href="#" class="brand-logo hide-on-med-and-down"><img src="http://nebula.wsimg.com/d73ce014e3a46a9cf814c3ca4f5f2232?AccessKeyId=847F649127164C94869F&disposition=0&alloworigin=1" /></a>
- <ul class="right hide-on-med-and-down">
- <li><a href="#contact">Contact Us</a></li>
- </ul>
- <ul id="nav-mobile" class="side-nav">
- <li><a href="#about">About</a></li>
- <li><a href="#services">Services</a></li>
- <li><a href="#contact">Contact Us</a></li>
- </ul>
- <a href="#" data-activates="nav-mobile" class="button-collapse text-light-blue"><i class="material-icons">menu</i></a>
- </div>
- </nav>
- </div>
- <div id="index-banner" class="parallax-container">
- <div class="section no-pad-bot">
- <div class="container">
- <br><br>
- <h1 class="header center cyan-text text-lighten-5">Agile Savant</h1>
- <div class="row center">
- <h5 class="header col s12 light">Expertise you can rely on</h5>
- </div>
- <div class="row center">
- <a href="#contact" id="download-button" class="btn-large waves-effect waves-light cyan lighten-1">Say Hello!</a>
- </div>
- <br><br>
- </div>
- </div>
- <div class="parallax"><img src="https://static.pexels.com/photos/41170/architecture-blue-building-business-41170.jpeg" alt="Unsplashed background img 1"></div>
- </div>
- <div class="container">
- <div class="section">
- <a id="services"></a>
-
- <div class="row">
- <div class="col s12 m4">
- <div class="icon-block">
- <h2 class="center cyan-text text-darken-2"><i class="material-icons">flash_on</i></h2>
- <h5 class="center">Management Services</h5>
- <p class="light">Customized for each client</p>
-
- </div>
- </div>
- <div class="col s12 m4">
- <div class="icon-block">
- <h2 class="center cyan-text text-darken-2"><i class="material-icons">group</i></h2>
- <h5 class="center">Agile Development</h5>
- <p class="light">Led by certified Scrum Masters and Agile certified practitioners</p>
-
- </div>
- </div>
- <div class="col s12 m4">
- <div class="icon-block">
- <h2 class="center cyan-text text-darken-2"><i class="material-icons">settings</i></h2>
- <h5 class="center">Dev-Ops</h5>
- <p class="light">Minimized your risks along the way through tight collaboration between developers and IT operations professionals</p>
-
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="parallax-container valign-wrapper">
- <div class="section no-pad-bot">
- <div class="container">
- <div class="row center">
- <h5 class="header col s12 light">Dev Ops that deliver</h5>
- </div>
- </div>
- </div>
- <div class="parallax"><img src="http://hdwallpaperfun.com/wp-content/uploads/2014/10/Mac-Keyboard-Wallpaper-High-Res-Stock-Photos-65326.jpg" alt="Unsplashed background img 2"></div>
- </div>
- <div class="container">
- <div class="section">
- <a id="contact"></a>
- <div class="row">
- <div class="col s12 center">
- <h3><i class="mdi-content-send brown-text"></i></h3>
- <h4>Get in touch</h4>
- </div>
- <div class="col m6 s12">
- <div class="row">
- <div class="col s12">
- <div class="map" style="height: 20em;"><iframe src="https://maps.google.com/maps?v=2&f=q&ie=UTF8&t=m&iwloc=&q=8160+Maple+Lawn+Blvd%2c+Suite+200%2c+Fulton%2c+MD+20759&hl=en&z=14&source=s_q&output=embed" style="width: 100%; height: 100%" scrolling="no" height="100%"></iframe><div style="overflow:hidden"><a href="//maps.google.com/maps?v=2&f=q&ie=UTF8&t=m&iwloc=&q=8160+Maple+Lawn+Blvd%2c+Suite+200%2c+Fulton%2c+MD+20759&z=14&source=embed" target="_blank">View Larger Map</a></div></div>
- </div>
- </div>
- <div class="row">
- <div class="col s12">
- <p class="left-align light">
- 8160 Maple Lawn Blvd, Suite 200<br/>
- Fulton, MD 20759
- </p>
- <p class="left-align light">
- Telephone: <a href="tel:443-527-6086">(443) 527-6086</a>
- </p>
- <p class="left-align light">
- E-mail: <a href="mailto:kristen.tilghman@agilesavant.com">kristen.tilghman@agilesavant.com</a>
- </p>
- </div>
- </div>
- </div>
- <form class="col m6 s12">
- <div class="row">
- <div class="input-field col s6">
- <input id="name" type="text" class="validate">
- <label for="name">Name</label>
- </div>
- </div>
- <div class="row">
- <div class="input-field col s12">
- <input id="email" type="email" class="validate">
- <label for="email">Email</label>
- </div>
- </div>
- <div class="row">
- <div class="input-field col s12">
- <input id="subject" type="text" class="validate">
- <label for="subject">Subject</label>
- </div>
- </div>
- <div class="row">
- <div class="input-field col s12">
- <textarea id="message" class="materialize-textarea"></textarea>
- <label for="message">Message</label>
- </div>
- </div>
- <div class="row">
- <div class="col s12">
- <button class="btn light-blue waves-effect waves-light" type="submit" name="action">
- Submit
- <i class="material-icons right">send</i>
- </button>
- </div>
- </div>
- </form>
- </div>
- </div>
- </div>
- <div class="parallax-container valign-wrapper">
- <div class="section no-pad-bot">
- <div class="container">
- <div class="row center">
- <h5 class="header col s12 light">Approaches that work</h5>
- </div>
- </div>
- </div>
- <div class="parallax"><img src="https://static.pexels.com/photos/7097/people-coffee-tea-meeting.jpg" alt="Unsplashed background img 3"></div>
- </div>
- <footer class="page-footer light-blue darken-1">
- <div class="container">
- <a id="about"></a>
- <div class="row">
- <div class="col l9 s12">
- <h5 class="white-text">Company Bio</h5>
- <p class="grey-text text-lighten-4">AgileSavant, LLC specializes in managing projects using both Agile Scrum and traditional Waterfall methodologies. We customize our services delivery approach to each unique customer engagement. Our experience, best practices and standards, combined with effective communication, strategic planning and risk management support, are all leveraged to ensure the success of our clients' product and program management objectives.</p>
- <p class="grey-text text-lighten-4">Though we have professionals certified in the delivery of Waterfall based project management methodologies, AgileSavant strongly encourages its clients to explore the merits and real benefits that an Agile Scrum software delivery approach provides to developer teams, clients, end users, and IT operations professionals. We educate our clients on what Scrum is, the benefits of "iterative" development and acceptance of software feature sets, the agile project / program management lifecycle, as well as what it takes to ensure the optimal collaboration between software developers and IT operations professionals (DevOps). All of these components are then pulled together to arm our clients with trust and confidence in the process, while delivering an exceptional product development experience.</p>
- </div>
- <div class="col l3 s12">
- <h5 class="white-text">Connect</h5>
- <div class="row">
-
- <div class="col s4">
- <a href="#" class="white-text" title="Follow us on Twitter" target="_blank"><i class="icon fa fa-twitter fa-2x"></i></a>
- </div>
- <div class="col s4">
- <a href="#" class="white-text" title="Follow us on Goolge+" target="_blank"><i class="icon fa fa-google-plus fa-2x"></i></a>
- </div>
- <div class="col s4">
- <a href="#" class="white-text" title="Follow us on LinkedIn" target="_blank"><i class="icon fa fa-linkedin fa-2x"></i></a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="footer-copyright light-blue darken-2">
- <div class="container">
- © 2015 | AgileSavant, LLC
- </div>
- </div>
- </footer>
-
- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
- <script type="text/javascript">
- (function ($) {
- $(function () {
- $('.button-collapse').sideNav();
- $('.parallax').parallax();
- });
- })(jQuery);
- </script>
- </body>
- </html>
|