Team:Cornell NY/newhcd


<head> 


   <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

   <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
   <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
   <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
   <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
   <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>

   <link href="css/agency.min.css" rel="stylesheet">


</head>

<body id="page-top" class="index"> 

   <nav id="mainNav" class="navbar navbar-default navbar-custom navbar-fixed-top">

               <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                   Toggle navigation Menu 
               </button>
               <a class="navbar-brand page-scroll" href="#page-top">Start Bootstrap</a>

   </nav>

   <header>
Welcome To Our Studio!
It's Nice To Meet You
               <a href="#services" class="page-scroll btn btn-xl">Tell Me More</a>

   </header>

   <section id="services">

Services

Lorem ipsum dolor sit amet consectetur.

E-Commerce

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Responsive Design

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Web Security

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

   </section>

   <section id="portfolio" class="bg-light-gray">

Portfolio

Lorem ipsum dolor sit amet consectetur.

                   <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">

                               

                       <img src="img/portfolio/roundicons.png" class="img-responsive" alt="">
                   </a>

Round Icons

Graphic Design

                   <a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">

                               

                       <img src="img/portfolio/startup-framework.png" class="img-responsive" alt="">
                   </a>

Startup Framework

Website Design

                   <a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">

                               

                       <img src="img/portfolio/treehouse.png" class="img-responsive" alt="">
                   </a>

Treehouse

Website Design

                   <a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">

                               

                       <img src="img/portfolio/golden.png" class="img-responsive" alt="">
                   </a>

Golden

Website Design

                   <a href="#portfolioModal5" class="portfolio-link" data-toggle="modal">

                               

                       <img src="img/portfolio/escape.png" class="img-responsive" alt="">
                   </a>

Escape

Website Design

                   <a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">

                               

                       <img src="img/portfolio/dreams.png" class="img-responsive" alt="">
                   </a>

Dreams

Website Design

   </section>

   <section id="about">

About

Lorem ipsum dolor sit amet consectetur.

  •                                <img class="img-circle img-responsive" src="img/about/1.jpg" alt="">

    2009-2011

    Our Humble Beginnings

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!

  •                                <img class="img-circle img-responsive" src="img/about/2.jpg" alt="">

    March 2011

    An Agency is Born

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!

  •                                <img class="img-circle img-responsive" src="img/about/3.jpg" alt="">

    December 2012

    Transition to Full Service

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!

  •                                <img class="img-circle img-responsive" src="img/about/4.jpg" alt="">

    July 2014

    Phase Two Expansion

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!

  • Be Part
    Of Our
    Story!

   </section>

   <section id="team" class="bg-light-gray">

Our Amazing Team

Lorem ipsum dolor sit amet consectetur.

                       <img src="img/team/1.jpg" class="img-responsive img-circle" alt="">

Kay Garland

Lead Designer

                       <img src="img/team/2.jpg" class="img-responsive img-circle" alt="">

Larry Parker

Lead Marketer

                       <img src="img/team/3.jpg" class="img-responsive img-circle" alt="">

Diana Pertersen

Lead Developer

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.

   </section>

   <aside class="clients">

                   <a href="#">
                       <img src="img/logos/envato.jpg" class="img-responsive img-centered" alt="">
                   </a>

                   <a href="#">
                       <img src="img/logos/designmodo.jpg" class="img-responsive img-centered" alt="">
                   </a>

                   <a href="#">
                       <img src="img/logos/themeforest.jpg" class="img-responsive img-centered" alt="">
                   </a>

                   <a href="#">
                       <img src="img/logos/creative-market.jpg" class="img-responsive img-centered" alt="">
                   </a>

   </aside>

   <section id="contact">

Contact Us

Lorem ipsum dolor sit amet consectetur.

                   <form name="sentMessage" id="contactForm" novalidate>

                                   <input type="text" class="form-control" placeholder="Your Name *" id="name" required data-validation-required-message="Please enter your name.">


                                   <input type="email" class="form-control" placeholder="Your Email *" id="email" required data-validation-required-message="Please enter your email address.">


                                   <input type="tel" class="form-control" placeholder="Your Phone *" id="phone" required data-validation-required-message="Please enter your phone number.">


                                   <textarea class="form-control" placeholder="Your Message *" id="message" required data-validation-required-message="Please enter a message."></textarea>


                               <button type="submit" class="btn btn-xl">Send Message</button>

                   </form>

   </section>

   <footer>

                   Copyright © Your Website 2016
  • <a href="#">Privacy Policy</a>
  • <a href="#">Terms of Use</a> 
   </footer>



   <script src="vendor/jquery/jquery.min.js"></script>

   <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

   <script src="js/jqBootstrapValidation.js"></script>
   <script src="js/contact_me.js"></script>

   <script src="js/agency.min.js"></script>

</body>

</html>