Untitled

<!DOCTYPE html>

    <!--
                    Jasper's Graphics Services Page

        Web Development by 1am Development (Michael [CookieNoob101])
                            1amDev.com
    -->


<html lang="en">

    <head>

       <!-- Meta -->
       <meta charset="UTF-8">
       <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
       <meta name="description" content="Jasper's Graphics - Graphic Design and Illustration">
       <meta name="keywords" content="jasper, graphics, JaspersGraphics, design, art">


       <!-- Title -->
       <title>Jasper's Graphics >> Services</title>

       <!-- Links (CSS, JS, Icons, etc.) -->
       <link rel="icon" href="images/favicon.ico">
       <link rel="stylesheet" type="text/css" href="css/style.css">
       <link rel="stylesheet" type="text/css" href="css/responsive.css">
       <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
       <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lato:400,300,900">
       <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

    </head>

                        <!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/56553e24d9933c4d520b5a75/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->

    <!-- Head/Body Split -->

    <body id="servicesPage">

        <!-- Main Logo & Navigation -->
        <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <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="index.html"><img src="images/logo.png" alt="JaspersGraphics"></a>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="about.html">About</a></li>
                        <li class="active"><a href="services.html">Services</a></li>
                        <li><a href="portfolio.html">Portfolio</a></li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- Services Title -->
        <div class="pageTitle">
            <p>Services</p>
        </div>

        <!-- Services Content -->
        <div id="servicesWrapper">
            <div id="services" class="container">

                <div id="servicesContent">

                <!-- Column 1 -->
		<div class="col-md-4">
                        <ul class="service">
                            <li class="serviceImage"><i class="fa fa-user fa-4x"></i></li>
                            <li class="serviceTitle">Avatar</li>
                            <li class="servicePrice">$5 USD</li>
                            <li></li>
                            <li class="serviceLink"><a href="contact.html">Buy Now</a></li>
                        </ul>
		</div>

                <!-- Column 2 -->
		<div class="col-md-4">
                        <ul class="service">
                            <li class="serviceImage"><i class="fa fa-rocket fa-4x"></i></li>
                            <li class="serviceTitle">Logo</li>
                            <li class="servicePrice">$15.00 + USD</li>
                            <li></li>
                            <li class="serviceLink"><a href="contact.html">Buy Now</a></li>
                        </ul>

                        <ul class="service">
                            <li class="serviceImage"><i class="fa fa-picture-o fa-4x"></i></li>
                            <li class="serviceTitle">Website Background</li>
                            <li class="servicePrice">$15.00 + USD</li>
                            <li></li>
                            <li class="serviceLink"><a href="contact.html">Buy Now</a></li>
                        </ul>
		</div>


		<!-- Column 3 -->
		<div class="col-md-4">
                        <ul class="service">
                            <li class="serviceImage"><i class="fa fa-pencil-square-o fa-4x"></i></li>
                            <li class="serviceTitle">Other</li>
                            <li class="servicePrice">Contact Me</li>
                            <li></li>
                            <li class="serviceLink"><a href="contact.html">Buy Now</a></li>
                        </ul>
		</div>

                    </div>

                </div>
            </div>
        </div>

        <!-- Footer -->
        <div id="footer">
            <p>&copy; 2015 Jasper's Graphics&trade;</p><br>
            <p><i class="fa fa-code"></i><br>Web Development by <a href="http://1amDev.com" target="_blank">1am Development</a></p>
        </div>

    </body>

    <!-- Scripts -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>


</html>