index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-NJJLBC6N6B"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-NJJLBC6N6B');
    </script>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="description" content="Active Frequency: Web & Mobile Craftsmanship">
    <meta name="author" content="Active Frequency">

    <title>Active Frequency</title>

    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="icon" href="/favicon.ico" type="image/x-icon">

    <link href="assets/css/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="assets/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,600,500,700,800,900' rel='stylesheet' type='text/css'>

    <link href="assets/css/plugins/owl-carousel/owl.carousel.css" rel="stylesheet" type="text/css">
    <link href="assets/css/plugins/owl-carousel/owl.theme.css" rel="stylesheet" type="text/css">
    <link href="assets/css/plugins/owl-carousel/owl.transitions.css" rel="stylesheet" type="text/css">
    <link href="assets/css/plugins/magnific-popup.css" rel="stylesheet" type="text/css">
    <link href="assets/css/plugins/jquery.fs.wallpaper.css" rel="stylesheet" type="text/css">

    <link href="assets/css/main.css" rel="stylesheet" type="text/css">

    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->

</head>

<!-- Alternate Body Classes: .modern and .vintage -->

<body id="page-top">
    <!-- Note: navbar-default and navbar-inverse are both supported with this theme. -->
    <nav class="navbar navbar-inverse navbar-fixed-top navbar-expanded">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" 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="#page-top">
                    <img src="assets/img/logo.png" class="img-responsive" alt="">
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a href="#about">About</a>
                    </li>
                    <li>
                        <a href="#services">Services</a>
                    </li>
                    <li>
                        <a href="#team">Team</a>
                    </li>
                    <li>
                        <a href="#clients">Clients</a>
                    </li>
                    <li>
                        <a href="#contact">Contact</a>
                    </li>
                    <li>
                        <a href="./join-us">Join Us</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <header style="background-image: url('assets/img/bg-header.jpg');">
        <div class="intro-content">
            <div class="brand-name">Web &amp; Mobile Craftsmanship</div>
            <!-- <hr class="colored"> -->
            <!-- <div class="brand-name-subtext"></div> -->
        </div>
        <div class="scroll-down">
            <a class="btn" href="#about"><i class="fa fa-angle-down fa-fw"></i></a>
        </div>
    </header>

    <section id="about" class="bg-gray">
        <div class="container-fluid">
            <div class="row text-center">
                <div class="col-lg-12">
                    <h1>Meet Active Frequency</h1>
                    <hr class="colored">
                </div>
            </div>
            <div class="row content-row">
                <div class="col-md-6 col-sm-6 col-md-offset-3 col-sm-offset-3">
                    <p>
                        We are experienced software professionals who can help you craft a superb web and mobile experience.
                    </p>

                    <p>
                        Since 2009, we've been helping people achieve their goals with software. We've worked with <a href="http://www.bu.edu">universities</a>, <a href="http://www.toursphere.com">startups</a>, and even the occasional <a href="http://brucespringsteen.net">rock star</a>.
                    </p>

                    <p>
                        We specialize in <a href="https://www.djangoproject.com">Django</a>, <b>the web framework for perfectionists with deadlines</b> that powers
                        <a href="http://instagram.com">Instagram</a>, <a href="http://pinterest.com">Pinterest</a>, <a href="http://www.rdio.com">Rdio</a> and
                        many other high-profile sites. But, like any serious craftsman, we pick the right tool for the job: we have experience in the full complement
                        of web and mobile technologies, from Python to iOS to AngularJS to <a href="https://www.google.com/glass/">Google Glass</a> - and just about everything
                        in between.
                    </p>

                    <p>
                        <b>Open Source</b>: we created and maintain <a href="https://github.com/activefrequency/pyavatax">PyAvaTax</a>, a set of Python and Django
                        bindings for <a href="http://www.avalara.com">Avalara</a>'s sales tax web service; and <a href="https://github.com/activefrequency/loghogd">LogHog</a>, a general purpose log storage/management system. Of course, we also contribute patches to other projects.
                    </p>

                    <p>
                        <a href="mailto:info@activefrequency.com">Tell us about your project</a> and we'll help you pick the right tool for the job.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <section id="services" class="services">
        <div class="container">
            <div class="row text-center">
                <div class="col-lg-12">
                    <h2>Services</h2>
                    <hr class="colored">
                    <p>
                        Depending on where you are with your project, we can help you plan it or build it (or both!)
                    </p>
                </div>
            </div>
            <div class="row content-row">
                <div class="col-md-4">
                    <div class="media">
                        <div class="pull-left">
                            <i class="fa fa-clipboard"></i>
                        </div>
                        <div class="media-body">
                            <h3 class="media-heading">Plan</h3>
                            <ul>
                                <li> Scope definition</li>
                                <li> Technology selection</li>
                                <li> Rapid prototyping</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="media">
                        <div class="pull-left">
                            <i class="fa fa-cubes"></i>
                        </div>
                        <div class="media-body">
                            <h3 class="media-heading">Build</h3>
                            <ul>
                                <li> Web (front- and back-end)</li>
                                <li> Mobile (iOS/Android/mobile web)</li>
                                <li> Automated &amp; Manual QA</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="media">
                        <div class="pull-left">
                            <i class="fa fa-graduation-cap"></i>
                        </div>
                        <div class="media-body">
                            <h3 class="media-heading">Train</h3>
                            <ul>
                                <li> Django training</li>
                                <li> Code review</li>
                                <li> Expert support</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row content-row">
                <div class="col-md-10 col-md-offset-1">
                    <br>
                    <p>
                        We can work on a project basis, or augment and support your in-house team (to help you level up in Django, or just get more done).
                    </p>

                    <p>
                        Depending on your needs, we can be an ongoing resource, or transition to your in-house team.
                    </p>

                    <p>
                        <a href="mailto:info@activefrequency.com">Tell us about your challenge</a> and we'll work with you to get it done.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <section id="team" class="bg-gray">
        <div class="container text-center">
            <div class="row">
                <div class="col-lg-12">
                    <h2>Our Team</h2>
                    <p>
                        We're serious about our craft - code, design, and everything else that goes into making your software fantastic.
                    </p>
                    <hr class="colored">
                </div>
            </div>
            <div class="row content-row">
                <div class="col-lg-12">
                    <div class="about-carousel">
                        <div class="item">
                            <img src="assets/img/people/kevin.jpg" class="img-responsive" alt="Kevin">
                            <div class="caption">
                                <h3>Kevin Grinberg</h3>
                                <hr class="colored">
                                <p>Partner</p>
                            </div>
                        </div>
                        <div class="item">
                            <img src="assets/img/people/igor.jpg" class="img-responsive" alt="Igor">
                            <div class="caption">
                                <h3>Igor Partola</h3>
                                <hr class="colored">
                                <p>Developer</p>
                            </div>
                        </div>
                        <div class="item">
                            <img src="assets/img/people/matt.jpg" class="img-responsive" alt="Matt">
                            <div class="caption">
                                <h3>Matt Plumador</h3>
                                <hr class="colored">
                                <p>Developer</p>
                            </div>
                        </div>
                        <div class="item">
                            <img src="assets/img/people/emily.jpg" class="img-responsive" alt="Emily">
                            <div class="caption">
                                <h3>Emily Mange</h3>
                                <hr class="colored">
                                <p>UX/UI Designer</p>
                            </div>
                        </div>
                        <div class="item">
                            <img src="assets/img/people/keenan.jpg" class="img-responsive" alt="Keenan">
                            <div class="caption">
                                <h3>Keenan Bartlett</h3>
                                <hr class="colored">
                                <p>Developer</p>
                            </div>
                        </div>
                    </div>

                    <div>
                        <br><br>
                        <p>
                            <b>Join Us!</b>
                            Are you passionate about making awesome software?
                        </p>

                        <p>
                            Drop us a line at
                            <a href="mailto:info@activefrequency.com">info@activefrequency.com</a>. No recruiters please (really).
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="clients" class="testimonials">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h2>Clients</h2>
                    <p>
                        We love our clients - and they love us! See what they've had to say:
                    </p>
                    <hr class="colored">
                </div>
            </div>
            <div class="row">
                <div class="col-lg-10 col-lg-offset-1">
                    <div class="testimonials-carousel">
                        <div class="item">
                            <div class="row">
                                <div class="col-lg-12">
                                    <p class="lead">"Trusted advisors"</p>
                                    <hr class="colored">
                                    <p class="quote">We have been working with Active Frequency for over four years now.  Kevin and his team have become trusted advisors to us over the years.  Not only have they shown a great ability to program and problem solve but they have become experts in understanding our unique business and challenges.  As our business has grown and become more complex, Active Frequency has always been able to provide us with solutions that are able to propel us into the next phase of our growth.  In short, we wouldn't be able to expand and make our business more efficient without the expertise and deep understanding that Active Frequency provides.</p>
                                    <div class="testimonial-info">
                                        <div class="testimonial-img">
                                            <img src="assets/img/testimonials/lptg.png" class="img-responsive" alt="">
                                        </div>
                                        <div class="testimonial-author">
                                            <span class="name">Paul Friedman</span>
                                            <p class="small">Owner</p>
                                            <p class="small">LensProToGo</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="row">
                                <div class="col-lg-12">
                                    <p class="lead">"ALL Superlatives"</p>
                                    <hr class="colored">
                                    <p class="quote">
                                        We have been a client of Active Frequency for five+ years. When the principals discussed our experiences with Active Frequency and its lead, Kevin Grinberg, we had ALL Superlatives:

                                        Learns the client's business &middot; Integrates into the customer team &middot; Strong customer orientation &middot; Highly responsive &middot; Always on time &middot; High value for money invested &middot; Intense and imaginative professionals &middot; Really nice and competent team &middot;  Always attentive to client's needs &middot;  Provides sound guidance and expertise &middot;  Uses and Creates state of the art technology &middot;  Formulate innovative approaches to problem solving

                                    </p>
                                    <div class="testimonial-info">
                                        <div class="testimonial-img">
                                            <img src="assets/img/testimonials/healthmain.png" class="img-responsive" alt="">
                                        </div>
                                        <div class="testimonial-author">
                                            <span class="name">Dr. Barbara E. Millen</span>
                                            <p class="small">President</p>
                                            <p class="small">Millennium Prevention, Inc.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="row">
                                <div class="col-lg-12">
                                    <p class="lead">"A joy to work with"</p>
                                    <hr class="colored">
                                    <p class="quote">
                                        I cannot say enough about the entire Active Frequency team. Since we began working with them in 2012, our site has dramatically improved in quality, speed, and reliability, in large part thanks to Active Frequency's help and guidance. A joy to work with, the Active Frequency Team has taken a genuine interest in our work and has helped us both expedite projects and avoid errors that could have set us months back. As a newspaper that sometimes faces crises in the wee hours of the morning, it is incredibly comforting to know that we can count on them at any time of day. All of us at The Crimson feel incredibly lucky to have found Active Frequency.
                                    </p>
                                    <div class="testimonial-info">
                                        <div class="testimonial-img">
                                            <img src="assets/img/testimonials/crimson.png" class="img-responsive" alt="">
                                        </div>
                                        <div class="testimonial-author">
                                            <span class="name">Bobby Samuels</span>
                                            <p class="small">President Emeritus</p>
                                            <p class="small">The Harvard Crimson</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="row">
                                <div class="col-lg-12">
                                    <p class="lead">"A gem of a dev team"</p>
                                    <hr class="colored">
                                    <p class="quote">The Active Frequency team is a gem of a dev team. They're extremely knowledgeable, communicative, easy to work with and if your idea can possibly be built, they will find a way for you to do it. They're my go-to team for any project.

                                        <br><br><br><br><br>
                                    </p>
                                    <div class="testimonial-info">
                                        <div class="testimonial-img">
                                            <img src="assets/img/testimonials/green-door.png" class="img-responsive" alt="">
                                        </div>
                                        <div class="testimonial-author">
                                            <span class="name">Kellian Adams</span>
                                            <p class="small">Senior Game Producer</p>
                                            <p class="small">Green Door Labs / Edventure Builder</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="row">
                                <div class="col-lg-12">
                                    <p class="lead">"Brought great work to the table"</p>
                                    <hr class="colored">
                                    <p class="quote">
                                        The team at Active Frequency really took the time to understand our business, our creative needs and helped us identify a clean, elegant way to create a lasting impression with our customers.  From a UI and general "flow" perspective, they were super patient in walking us through best practices and was strategic in giving opinions, suggesting really key components that we hadn't considered. They brought great work to the table.
                                        <br><br><br>
                                    </p>
                                    <div class="testimonial-info">
                                        <div class="testimonial-img">
                                            <img src="assets/img/testimonials/zero.png" class="img-responsive" alt="">
                                        </div>
                                        <div class="testimonial-author">
                                            <span class="name">Brian Drewes</span>
                                            <p class="small">Co-Founder / Head of Production</p>
                                            <p class="small">ZeroVFX</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="contact" class="bg-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Contact Us</h2>
                    <hr class="colored">

                    <p>
                        Drop us a line at <a href="mailto:info@activefrequency.com">info@activefrequency.com</a> - we'd love to chat about your project.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <footer class="footer" style="background-image: url('assets/img/bg-footer.jpg')">
        <div class="container text-center">
            <div class="row">
                <div class="col-md-4 contact-details">
                    <h4><i class="fa fa-phone"></i> Call</h4>
                    <p>(617) 744-9244</p>
                </div>
                <div class="col-md-4 contact-details">
                    <h4><i class="fa fa-map-marker"></i> Visit</h4>
                    <p>686 Massachusetts Ave #304<br>Cambridge, MA 02139</p>
                </div>
                <div class="col-md-4 contact-details">
                    <h4><i class="fa fa-envelope"></i> Email</h4>
                    <p><a href="mailto:info@activefrequency.com">info@activefrequency.com</a>
                    </p>
                </div>
            </div>
            <div class="row social">
                <div class="col-lg-12">
                    <ul class="list-inline">
                        <li><a href="https://github.com/activefrequency"><i class="fa fa-github fa-fw fa-2x"></i></a></li>
                        <li><a href="https://twitter.com/activefrequency"><i class="fa fa-twitter fa-fw fa-2x"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>

    <script src="assets/js/jquery-1.10.2.js"></script>
    <script src="assets/js/bootstrap/bootstrap.min.js"></script>
    <script src="assets/js/plugins/retina/retina.min.js"></script>

    <script src="assets/js/plugins/jquery.easing.min.js"></script>
    <script src="assets/js/plugins/classie.js"></script>
    <script src="assets/js/plugins/cbpAnimatedHeader.js"></script>
    <script src="assets/js/plugins/owl-carousel/owl.carousel.min.js"></script>
    <script src="assets/js/plugins/jquery.magnific-popup/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/plugins/jquery.fs.wallpaper.js"></script>
    <script src="assets/js/contact_me.js"></script>
    <script src="assets/js/plugins/jqBootstrapValidation.js"></script>

    <script src="assets/js/main.js"></script>
</body>
</html>