<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="favicon.ico" />
<title>Shiny Creek</title>
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" media="all" href="/assets/layout_2-93c9de3bf1e341735470e07a9bac74835671a645e4ff2adb86db89fb8c64980b.css" />
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="YvIWJ7E3eVZrKHWeh4r7DneHuqDhqxLgFhv+I2X3bb42w7JbaCg+QrsoKEBvRx8LtU1RmlIQED/4LsYNy2WvnQ==" />
<!-- Default Fonts (IMPORTANT: Delete these if you are using a different body style!) -->
<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'>
<!-- Modern Style Fonts (IMPORTANT: Delete these unless you are using body.modern!) -->
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Cardo:400,400italic,700' rel='stylesheet' type='text/css'>
<!-- Vintage Style Fonts (IMPORTANT: Delete these unless you are using body.vintage!) -->
<link href='https://fonts.googleapis.com/css?family=Sanchez:400italic,400' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Cardo:400,400italic,700' rel='stylesheet' type='text/css'>
<!-- IE8 support for HTML5 elements and media queries -->
<!--[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>
<!-- NOTE: Use the .modern or .vintage class to the body element below to see different font pairings! -->
<body id="page-top">
<!-- Navigation -->
<!-- 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>
<i class="fa fa-bars"></i> Menu
</button>
<a class="navbar-brand page-scroll" href="#page-top">
<img alt="" src="/assets/agency/logo-901dd7f0495e3f6b43716fd55b1895bd3fdce5b08e932fd4aac895d42fcdfba6.svg" />
</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a class="page-scroll" href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#process">Services</a>
</li>
<li>
<a class="page-scroll" href="#team">Team</a>
</li>
<li>
<a class="page-scroll" href="#clients">Clients</a>
</li>
<li class="" >
<a href="/blog/">Articles</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header style="background-image: url(/assets/agency/backgrounds/bg-header-a502cb654aceef3603a48d54b6d2e37fb817343bea8b87e9975979961a7fa569.jpg);">
<div class="container intro-content-box">
<div class="intro-content-new brand-name">
<div class="intro-content-top wow fadeIn" data-wow-delay=".5s">
We don't just build apps and software.
</div>
<div class="intro-content-bottom wow fadeIn" data-wow-delay="1.5s">
We help companies reinvent themselves.
</div>
</div>
</div>
<!-- <div class="intro-content">
<div class="brand-name">Vitality</div>
<hr class="colored">
<div class="brand-name-subtext">by Start Bootstrap</div>
</div>-->
<div class="scroll-down">
<a class="btn page-scroll" href="#about"><i class="fa fa-angle-down fa-fw"></i></a>
</div>
</header>
<!-- <div class="image-credit">
Image credit: <a href="http://www.martinwhatson.com" target="_blank" >Martin Whatson</a> <i>Behind the curtain</i>
</div> -->
<div class="image-credit">
Image credit: <a href="http://www.martinwhatson.com" target="_blank" >Martin Whatson</a> <i>Behind the curtain</i>
</div>
<!-- About Section -->
<section id="about">
<div class="container-fluid">
<div class="row text-center">
<div class="col-lg-12 wow fadeIn">
<h1>What is reinvention?</h1>
<p>We help companies achieve digital tranformation.<br/> This means using technology to reinvent how they deliver services to their customers.
<hr class="colored"> The steps to do this:</p>
</div>
</div>
<div class="row text-center content-row">
<div class="col-md-3 col-sm-6 wow fadeIn" data-wow-delay=".2s">
<div class="about-content">
<i class="fa fa-eye fa-4x"></i>
<h3>Asset Inventory</h3>
<p>It starts with us understanding your business, your assets, your customers, and what you do for them that is unique.</p>
</div>
</div>
<div class="col-md-3 col-sm-6 wow fadeIn" data-wow-delay=".4s">
<div class="about-content">
<i class="fa fa-edit fa-4x"></i>
<h3>Define Success</h3>
<p>Your business drivers are also unique. From converting one-time customers to recurring revenue, growing incremental revenue, or defending challenges from competitors.</p>
</div>
</div>
<div class="col-md-3 col-sm-6 wow fadeIn" data-wow-delay=".6s">
<div class="about-content">
<i class="fa fa-tablet fa-4x"></i>
<h3>Design an MVP</h3>
<p>By focusing on the most important elements first (minimum viable product) we can make sure you see value quickly and keep costs down.</p>
</div>
</div>
<div class="col-md-3 col-sm-6 wow fadeIn" data-wow-delay=".8s">
<div class="about-content">
<i class="fa fa-flask fa-4x"></i>
<h3>Build the Solution</h3>
<p>Once we have the plan defined, our world-class engineering team will build the mobile and web apps that drive revenue.</p>
</div>
</div>
</div>
</div>
</section>
<!-- SPI Heading -->
<section id="work" class="bg-gray" style="padding: 25px 0; ">
<div class="container text-center wow fadeIn">
<h2>SPI: A Reinvention Case Study</h2>
</div>
</section>
<!-- SPI Case Study Carousel -->
<section class="portfolio-carousel wow fadeIn">
<!-- NOTE: You can add more items to the carousel, or remove items you don't need! -->
<!-- Carousel Item 1 -->
<div class="item" style="background-image: url(/assets/agency/portfolio/carousel/bg-1-afc4ec7e12be7ec8f75784e2722a2bc57615b9efaa64b90d6a1191047f45d37d.jpg)">
<div class="container-fluid">
<div class="row">
<div class="col-md-5 col-md-push-7">
<div class="project-details">
<!-- <span class="project-name">Project Name</span> -->
<span class="project-description">SPI, a world leader in sales force improvement, wanted to reinvent the legacy approach to sales training, and develop a fundamentally new model, or “standard” for sales talent development and enablement – with a focus on real behavior change and effectiveness. </span>
<!-- <hr class="colored"> -->
<!-- <a href="#portfolioModal1" data-toggle="modal" class="btn btn-outline-light">View Details <i class="fa fa-long-arrow-right fa-fw"></i></a> -->
</div>
</div>
<div class="col-md-7 col-md-pull-5 hidden-xs">
<!--<div class="device-container">
<div class="device-mockup macbook portrait black">
<div class="device">
<div class="screen">
<img src="img/agency/portfolio/carousel/screen-1a.jpg" class="img-responsive" alt="">
</div>
</div>
</div>
</div> -->
<img alt="" src="/assets/agency/portfolio/carousel/spi_wp_inner_1-e9d95c40d6a266eaac5feb00c9a18bc44fbee3cfd95afc328992681acc461c9b.png" />
</div>
</div>
</div>
</div>
<!-- Carousel Item 2 -->
<div class="item" style="background-image: url(/assets/agency/portfolio/carousel/bg-2-739d906e6e85f8f251b33e66acc240cb0497a2456d1b1abdcd912e15e21a815f.jpg)">
<div class="container-fluid">
<div class="row">
<div class="col-md-5 col-md-push-2">
<div class="project-details">
<!-- <span class="project-name">Project Name</span> -->
<span class="project-description">The vision was to create a data-driven, cloud based platform to help their customers precisely assess sales competency levels by role, execute focused learning plans to close gaps, and support their daily “in the field” behavior. In addition, the platform needed to incorporate analytics to demonstrate how talent development efforts impact actual sales metrics.</span>
<hr class="colored">
<!-- <a href="#portfolioModal2" data-toggle="modal" class="btn btn-outline-light">View Details <i class="fa fa-long-arrow-right fa-fw"></i></a> -->
</div>
</div>
<!--
<div class="col-md-7 col-md-pull-5 hidden-xs">
<div class="device-container">
<div class="device-mockup macbook portrait black">
<div class="device">
<div class="screen">
<img src="img/agency/portfolio/carousel/screen-2a.jpg" class="img-responsive" alt="">
</div>
</div>
</div>
</div>
</div>
-->
</div>
</div>
</div>
<!-- Carousel Item 3 -->
<div class="item" style="background-image: url(/assets/agency/portfolio/carousel/bg-3-04c8269d9980b72015bb8ba59f4174886cb3bea941ff662d84e572251e2af6ea.jpg)">
<div class="container-fluid">
<div class="row">
<div class="col-md-5 col-md-push-7">
<div class="project-details">
<!-- <span class="project-name">Project Name</span> -->
<span class="project-description">Shiny Creek worked with SPI to understand their unique competency-based sales improvement model, and bring to life a SaaS offering that first identifies gaps, then guides salespeople through focused training and sales enablement to improve sales performance.</span>
<hr class="colored">
<a href="http://spi-1.spisales.com/" target="_blank" class="btn btn-outline-light">Read About SPI-1<i class="fa fa-long-arrow-right fa-fw"></i></a>
</div>
</div>
<div class="col-md-7 col-md-pull-5 hidden-xs">
<!--
<div class="device-container">
<div class="device-mockup macbook portrait black">
<div class="device">
<div class="screen">
<img src="img/agency/portfolio/carousel/screen-3a.jpg" class="img-responsive" alt="">
</div>
</div>
</div>
</div>
-->
<img class="img-responsive" alt="" src="/assets/agency/portfolio/carousel/spi_wp_inner_3-ad5c26ac557c41021e925bfb162da01ab4ed9779ebc0d77d6f3662be507b4288.jpg" />
</div>
</div>
</div>
</div>
<!-- Carousel Item 4 -->
<div class="item" style="background-image: url(/assets/agency/portfolio/carousel/bg-4-79da9840cd814b529cc38e7a9bbd9b2e0be03c0977233cd9ef6a82d00bbb0b72.jpg)">
<div class="container-fluid">
<div class="row">
<div class="col-md-5 col-md-push-2">
<div class="project-details">
<!-- <span class="project-name">Project Name</span> -->
<span class="project-description">Shiny Creek leveraged an Agile development process to iteratively deliver features in a way that allows for fast development speed, while providing a safe environment for existing customers. The entire application is cloud-based and runs on multiple servers to provide stability and reliability.</span>
<hr class="colored">
<!-- <a href="#portfolioModal4" data-toggle="modal" class="btn btn-outline-light">View Details <i class="fa fa-long-arrow-right fa-fw"></i></a> -->
</div>
</div>
<!--
<div class="col-md-7 col-md-pull-5 hidden-xs">
<div class="device-container">
<div class="device-mockup macbook portrait black">
<div class="device">
<div class="screen">
<img src="img/agency/portfolio/carousel/screen-4.jpg" class="img-responsive" alt="">
</div>
</div>
</div>
</div>
</div>
-->
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section id="process" class="services">
<div class="container">
<div class="row text-center">
<div class="col-lg-12 wow fadeIn">
<h2>What we do</h2>
<hr class="colored">
<p>We provide a full range of consulting and application development services.</p>
</div>
</div>
<div class="row content-row">
<!-- Service Item 1 -->
<div class="col-md-4 wow fadeIn" data-wow-delay=".2s">
<div class="media">
<div class="pull-left">
<i class="fa fa-clipboard"></i>
</div>
<div class="media-body">
<h3 class="media-heading">Product Conception</h3>
<!--
<ul>
<li>Client interview</li>
<li>Gather consumer data</li>
<li>Create content strategy</li>
<li>Analyze research</li>
</ul>
-->
We understand your needs, the competitive landscape, the market, and how to position and price your offering.
</div>
</div>
</div>
<!-- Service Item 2 -->
<div class="col-md-4 wow fadeIn" data-wow-delay=".4s">
<div class="media">
<div class="pull-left">
<i class="fa fa-code-fork"></i>
</div>
<div class="media-body">
<h3 class="media-heading">Application Design</h3>
We design the right user experience, look and feel, and workflow to meet your product vision.
</div>
</div>
</div>
<!-- Service Item 3 -->
<div class="col-md-4 wow fadeIn" data-wow-delay=".6s">
<div class="media">
<div class="pull-left">
<i class="fa fa-rocket"></i>
</div>
<div class="media-body">
<h3 class="media-heading">Application Development</h3>
We build web and mobile applications, including back-end (server) development and front-end development (e.g. Javascript, visual assets and CSS).
</div>
</div>
</div>
</div>
<div class="row content-row">
<!-- Service Item 4 -->
<div class="col-md-4 wow fadeIn" data-wow-delay=".2s">
<div class="media">
<div class="pull-left">
<i class="fa fa-compass"></i>
</div>
<div class="media-body">
<h3 class="media-heading">Architecture</h3>
We select the right technology mix and design for performance, scalability and reliability.
</div>
</div>
</div>
<!-- Service Item 5 -->
<div class="col-md-4 wow fadeIn" data-wow-delay=".4s">
<div class="media">
<div class="pull-left">
<i class="fa fa-cogs"></i>
</div>
<div class="media-body">
<h3 class="media-heading">DevOps and Security</h3>
We use automated operations support and infrastructure for monitoring, deploying and securing server-based applications.
</div>
</div>
</div>
<!-- Service Item 6 -->
<div class="col-md-4 wow fadeIn" data-wow-delay=".6s">
<div class="media">
<div class="pull-left">
<i class="fa fa-exchange"></i>
</div>
<div class="media-body">
<h3 class="media-heading">Application Integration</h3>
We link different applications together through APIs, changing data formats and creating service layers.
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Team Section -->
<section id="team" class="bg-gray">
<div class="container text-center wow fadeIn">
<div class="row">
<div class="col-lg-12">
<h2>Leadership</h2>
<p>We are a group of experienced software developers, business analysts and application designers.</p>
<hr class="colored">
</div>
</div>
<div class="row content-row">
<div class="col-lg-12">
<div class="about-carousel">
<!-- NOTE: You can add more items to the carousel, or remove items you don't need! -->
<!-- Team Member 1 -->
<div class="item">
<div class="overlay"></div>
<img class="img-responsive" alt="" src="/assets/agency/team/brett-eb57d5c20f47bcbd5f5f50e6979272bc877070aeed642ac957c6ed5adb18c5c7.jpg" />
<div class="caption">
<h3>Brett Crossley</h3>
<hr class="colored">
<p>Founder</p>
<ul class="list-inline social">
<li>
<a href="https://www.linkedin.com/in/brett-crossley/" target="_blank"><i class="fa fa-linkedin fa-fw"></i></a>
</li>
</ul>
</div>
</div>
<!-- Team Member 2 -->
<div class="item">
<div class="overlay"></div>
<img class="img-responsive" alt="" src="/assets/agency/team/haiz-331bf00f6e03b121e8551651af7b7127f7f83facdadafa51f92b0362d036b354.jpg" />
<div class="caption">
<h3>Haiz Oppenheimer</h3>
<hr class="colored">
<p>VP Engineering</p>
<ul class="list-inline social">
<li>
<a href="https://www.linkedin.com/in/haiz-oppenheimer-a59447a0/" target="_blank"><i class="fa fa-linkedin fa-fw"></i></a>
</li>
<li>
<a href="https://github.com/haizop" target="_blank"><i class="fa fa-github fa-fw"></i></a>
</li>
</ul>
</div>
</div>
<!-- Team Member 3 -->
<div class="item">
<div class="overlay"></div>
<img class="img-responsive" alt="" src="/assets/agency/team/adam-e402158705d5539a0f08af9142f9f4c3127d024b288876a27d3ddd4c2f18c9e2.jpg" />
<div class="caption">
<h3>Adam Reaves</h3>
<hr class="colored">
<p>Director, Professional Services</p>
<ul class="list-inline social">
<li>
<a href="https://www.linkedin.com/in/adam-reaves-4b17a55a/" target="_blank"><i class="fa fa-linkedin fa-fw"></i></a>
</li>
</ul>
</div>
</div>
<!-- Team Member 4 -->
<div class="item">
<div class="overlay"></div>
<img class="img-responsive" alt="" src="/assets/agency/team/jim-59f5f57645d1d75e39d17509cfda4557f3aeed5399eb9d99dd00e26275b6d27c.jpg" />
<div class="caption">
<h3>Jim Dunton</h3>
<hr class="colored">
<p>VP Business Development</p>
<ul class="list-inline social">
<li>
<a href="https://www.linkedin.com/in/jamesdunton/" target="_blank"><i class="fa fa-linkedin fa-fw"></i></a>
</li>
</ul>
</div>
</div>
<div class="item">
<div class="overlay"></div>
<img class="img-responsive" alt="" src="/assets/agency/team/ragh-f28a711b514a505f9cac5919ac47b8a34caaced49a78a021d6d505960b2a0217.jpg" />
<div class="caption">
<h3>Ragh Parashar</h3>
<hr class="colored">
<p>Director, Architecture</p>
<p>Indore Office</p>
</div>
</div>
<div class="item">
<div class="overlay"></div>
<img class="img-responsive" alt="" src="/assets/agency/team/ram-b123386f31fa8b67362850bde7e7e0c37760651b23f724bf6f5735b14cecc1a3.jpg" />
<div class="caption">
<h3>Ram Patidar</h3>
<hr class="colored">
<p>Senior Full-stack Developer</p>
<p>Indore Office</p>
</div>
</div>
<div class="item">
<div class="overlay"></div>
<img class="img-responsive" alt="" src="/assets/agency/team/vijay-215a2696944e07b19dfdf6509ddcd24dd6789dc6026320c58152ee2659d0785e.jpg" />
<div class="caption">
<h3>Vijay Chouhan</h3>
<hr class="colored">
<p>Senior Mobile Developer</p>
<p>Indore Office</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Quote Call to Action -->
<aside class="cta-quote" style="background-image: url(/assets/agency/backgrounds/bg-aside-2cf51df2fee11ff5562587c2298ed2efa3a636ec394fcc893a644facda6d5dcb.jpg);">
<div class="container wow fadeIn">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<span class="quote"><b>Learning</b> is not compulsory... neither is <b>survival</b>.</span>W. Edwards Deming
<hr class=" colored">
<a class="btn btn-outline-light page-scroll" href="#contact">Let us help you survive and thrive.</a>
</div>
</div>
</div>
</aside>
<!-- Portfolio Grid Section -->
<section id="clients">
<div class="container text-center wow fadeIn">
<h2>Clients</h2>
<hr class="colored">
<p>Our team innovates with clients from a variety of industries.</p>
<div class="row">
<div class="col-lg-12">
<div id="portfoliolist">
<!-- NOTE: You can add more items to the grid, or remove items you don't need! -->
<!-- Grid Item 1 -->
<div class="mix identity" href="/assets/agency/portfolio/grid/grid1-spi-5121d4d46e73f321ec27238ac86d3a0edd17bb9f916f225c705da53bb64720b0.jpg" title="SPI-1 Cloud-based sales performance improvement platform">
<div class="portfolio-wrapper">
<img alt="" src="/assets/agency/portfolio/grid/grid1-spi-5121d4d46e73f321ec27238ac86d3a0edd17bb9f916f225c705da53bb64720b0.jpg" />
<div class="caption">
<div class="caption-text">
<a class="text-title">Sales Performance International</a>
<span class="text-category">Development of the SPI-1 Platform</span>
</div>
<div class="caption-bg"></div>
</div>
</div>
</div>
<!-- Grid Item 2 -->
<div class="mix web" href="/assets/agency/portfolio/grid/grid-mww-8ef59bdece3b1bb5ad12c8c75acd97762c9cda53823287fd808128ff7e350225.jpg" title="Mobile app and website for environmental monitoring">
<div class="portfolio-wrapper">
<!-- <img src="img/agency/portfolio/grid/grid-mww.jpg" alt=""> -->
<img alt="" src="/assets/agency/portfolio/grid/grid-mww-8ef59bdece3b1bb5ad12c8c75acd97762c9cda53823287fd808128ff7e350225.jpg" />
<div class="caption">
<div class="caption-text">
<a class="text-title">Mountain True</a>
<span class="text-category">Mobile crowd-sourced erosion monitoring</span>
</div>
<div class="caption-bg"></div>
</div>
</div>
</div>
<!-- Grid Item 3 -->
<div class="mix web" href="/assets/agency/portfolio/grid/grid-cbsi-3c36d06016d313437e30f3eda85b4ce1a5dc9245f06be147f4819343bd9eba5b.jpg" title="Design and development of high-scale cloud-based stats system">
<div class="portfolio-wrapper">
<img alt="" src="/assets/agency/portfolio/grid/grid-cbsi-3c36d06016d313437e30f3eda85b4ce1a5dc9245f06be147f4819343bd9eba5b.jpg" />
<div class="caption">
<div class="caption-text">
<a class="text-title">CBSi College Sports</a>
<span class="text-category">Cloud-based Stats and Scoring</span>
</div>
<div class="caption-bg"></div>
</div>
</div>
</div>
<!-- Grid Item 4 -->
<div class="mix identity" href="/assets/agency/portfolio/grid/grid1-infographics-b5ea6a9ccab1443620ca8a9f165078c704fa7e56669151d595357f0ba547de1e.jpg" title="Team Infographics - College Sports">
<div class="portfolio-wrapper">
<img alt="" src="/assets/agency/portfolio/grid/grid1-infographics-b5ea6a9ccab1443620ca8a9f165078c704fa7e56669151d595357f0ba547de1e.jpg" />
<div class="caption">
<div class="caption-text">
<a class="text-title">Team Infographics</a>
<span class="text-category">Data-driven real-time Infographics</span>
</div>
<div class="caption-bg"></div>
</div>
</div>
</div>
<!-- Grid Item 5 -->
<div class="mix web" href="/assets/agency/portfolio/grid/grid-sh-0ad06d96ef260dae2f24a23e12f539e739780258b83451b36c513960ef8a881f.jpg" title="New front-end development and creation of React-native iOS and Android mobile apps.">
<div class="portfolio-wrapper">
<img alt="" src="/assets/agency/portfolio/grid/grid-sh-0ad06d96ef260dae2f24a23e12f539e739780258b83451b36c513960ef8a881f.jpg" />
<div class="caption">
<div class="caption-text">
<a class="text-title">Simply Home</a>
<span class="text-category">Front-end and Mobile Development</span>
</div>
<div class="caption-bg"></div>
</div>
</div>
</div>
<!-- Grid Item 6 -->
<div class="mix graphic" href="/assets/agency/portfolio/grid/grid-crf-079296ca9ce20c7897b224f7216f884bee2e634f808f4d7215427a30edd295fe.jpg" title="Design and development of iOS and Android app with GIS integration and AWS back end.">
<div class="portfolio-wrapper">
<img alt="" src="/assets/agency/portfolio/grid/grid-crf-079296ca9ce20c7897b224f7216f884bee2e634f808f4d7215427a30edd295fe.jpg" />
<div class="caption">
<div class="caption-text">
<a class="text-title">Catawba Riverkeeper</a>
<span class="text-category">Mobile app with GIS integration and AWS back end</span>
</div>
<div class="caption-bg"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact">
<div class="container wow fadeIn">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Contact Us</h2>
<hr class="colored">
<p>Please tell us about your needs, and we will let you know what we can do to help you succeed.</p>
</div>
</div>
<div class="row content-row">
<div class="col-lg-8 col-lg-offset-2">
<form name="sentMessage" id="contactForm" novalidate>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Name</label>
<input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Email Address</label>
<input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Phone Number</label>
<input type="tel" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Message</label>
<textarea rows="5" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<br>
<div id="success"></div>
<div class="row">
<div class="form-group col-xs-12">
<button type="submit" class="btn btn-outline-dark">Send</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- Block Button Call to Action -->
<!-- <a href="https://wrapbootstrap.com/theme/vitality-multipurpose-one-page-theme-WB02K3KK3" class="btn btn-block btn-full-width">Buy Vitality Now!</a> -->
<!-- Footer -->
<footer class="footer" style="background-image: url(/assets/agency/backgrounds/bg-footer-0a7804f643a2398ea3799f2863a2092719ffcdac1af468f86a627c739f8792e6.jpg)">
<div class="container text-center">
<div class="row">
<div class="col-md-6 contact-details">
<h4><i class="fa fa-phone"></i> Call</h4>
<p>828-229-7750</p>
</div>
<div class="col-md-6 contact-details">
<h4><i class="fa fa-map-marker"></i> Visit</h4>
<p>45 S. French Broad Ave, Suite 175
<br>Asheville, NC 28801</p>
</div>
</div>
<div class="row social">
<div class="col-lg-12">
<ul class="list-inline">
<li><a href="https://www.facebook.com/Shiny-Creek-1506252213000541/" target="_blank"><i class="fa fa-facebook fa-fw fa-2x"></i></a>
</li>
<li><a href="https://www.linkedin.com/company/shiny-creek" target="_blank"><i class="fa fa-linkedin fa-fw fa-2x"></i></a>
</li>
</ul>
</div>
</div>
<div class="row copyright">
<div class="col-lg-12">
<p class="small">© 2017 Shiny Creek, Inc.</p>
</div>
</div>
</div>
</footer>
<!-- Core Scripts -->
<script src="/assets/layout_2-49c689d16963d20ff38118c9e38bcbe5d884e3c019d43cb229b94478a128e51f.js"></script>
</body>
</html>