<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Cuff In Seasons - Eating well shouldn't break your bank!</title>

    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">

    <!-- Custom Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">

    <!-- Plugin CSS -->
    <link rel="stylesheet" href="css/animate.min.css" type="text/css">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/creative.css" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[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.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top">

    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" 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 page-scroll" href="#page-top">Cuff In Seasons</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>
                        <a class="page-scroll" href="#about"> Who We Are</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#services"> What We Do</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#signup">Sign Up</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#contact">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <header>
        <div class="header-content">
            <div class="header-content-inner">
                <h1> Cuff In Seasons</h1>
                <hr> 
                <h2> Make healthy champagne meals on a ramen budget </h2>
                <p>Cook in season, try something new and watch your wallet start to glo' up!</p>
                <a href="#about" class="btn btn-primary btn-xl page-scroll"> Check Out More</a>
            </div>
        </div>
    </header>

    <section class="bg-primary" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <h2 class="section-heading"> Who We Are</h2>
                    <hr class="light">
                    <p class="text-faded"> We are a group of millennials  with different backgrounds with two things in common,  tuition and our love of great food ! We wanted to use our collective talent and knowledge to help improve the lives of others while preserving great memories over tasty meals.   </p>
                    <a href="http://cuffinseasons.wordpress.com" target="blank" class="btn btn-default btn-xl"> Check Out Our Blog</a>
                </div>
            </div>
        </div>
    </section>

    <section id="services">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading"> What We Do</h2>
                    <hr class="primary">
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-heartbeat wow bounceIn text-primary"></i>
                        <h3> Healthy Recipes</h3>
                        <p class="text-muted"> A few good seasonings and a bit of imagination can take you from a $2 cup of noodles to $10 meal. Impress bae. Stop eating ramen for dinner. Check out some of the recipes that other people have  created.</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-usd wow bounceIn text-primary" data-wow-delay=".1s"></i>
                        <h3>  Budget Friendly</h3>
                        <p class="text-muted"> Eating on a budget and stretching a few dollars isn't as hard as it seems. Shop in season and expand your culinary horizons. Food is an extension of your history. We're going to show you how to do it and  where to keep recipes that may have been passed down to you. </p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-newspaper-o wow bounceIn text-primary" data-wow-delay=".2s"></i>
                        <h3> Keep In Touch</h3>
                        <p class="text-muted"> Stay up to date with our newsletters, get recipes from other people like you, even learn a few gardening tips and much more. </p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-calendar wow bounceIn text-primary" data-wow-delay=".3s"></i>
                        <h3> Make It Last</h3>
                        <p class="text-muted"> Take out can add up quickly. Cooking is the easy part; making it last a few days can be a bit tricky. We want to help you make sure you get your money's worth.  </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
<section id="signup">
    <aside class="bg-dark">
        <div class="container text-center">
            <div class="call-to-action">
                <h2> Sign up to get early access, recipes and other delicious goodies in our newsletter.</h2>
    

                
                <a href="http://eepurl.com/buYgmD"  target="blank" class="btn btn-default btn-xl wow tada">Sign Up!</a>
            </div>
        </div>
    </aside>
</section>
    <section id="contact">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <h2 class="section-heading"> Let's Talk!</h2>
                    <hr class="primary">
                    <p> We're glad that you want to be a part of our growing kitchen and we want to get know you.  We value your voice. You can ask us any questions, share any recipes with us or just want to tell us "Sup?". We want to hear it. Talk to us!</p>
                </div>
                <div class="col-lg-4 col-lg-offset-2 text-center">
                  <a href="https://twitter.com/CuffSeasons"> <i class="fa fa-twitter-square fa-3x wow bounceIn"></i></a>
                    
                </div>

                <div class="col-lg-4 text-center">
                    <i class="fa fa-envelope-o fa-3x wow bounceIn" data-wow-delay=".1s"></i>
                    <p><a href="mailto:cuffinseasons@gmail.com">cuffinseasons@gmail.com</a></p>
                </div>
            </div>
        </div>
    </section>

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/jquery.fittext.js"></script>
    <script src="js/wow.min.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="js/creative.js"></script>

</body>

</html>
