<!DOCTYPE html>

<!--[if IE 8 ]><html lang="en" class="isie ie8 oldie no-js"><![endif]-->
<!--[if IE 9 ]><html lang="en" class="isie ie9 no-js"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en" class="no-js"><!--<![endif]-->

    <head>
        
        <!-- Meta Tags -->
        <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="Splendid Homepage Portfolio V1">
        <meta name="keywords" content="Homepage Portfolio V1, Splendid">
        
        <!-- Title -->
        <title>Homepage Portfolio V1 | Splendid</title>
        
        <!-- Favicon -->
        <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
		<link rel="icon" href="img/favicon.ico" type="image/x-icon">
        
        <!-- Google Fonts -->
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

        <!-- Stylesheets -->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link href="css/font-awesome.min.css" rel="stylesheet">
        <link href="css/plugins.css" rel="stylesheet">
        <link href="css/mobilenav.css" rel="stylesheet" media="screen and (max-width: 991px)">
        <link href="css/style.css" rel="stylesheet">
        <link href="css/responsive.css" rel="stylesheet">
		<link href="css/custom-bg.css" rel="stylesheet">
        
        <!-- jQuery v1.11.1 -->
        <script src="js/jquery-1.11.1.min.js"></script>

        <!-- REVOLUTION STYLE SHEETS -->
        <link rel="stylesheet" type="text/css" href="revolution/css/settings.css">
        <!-- REVOLUTION LAYERS STYLES -->
        <link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
            
        <!-- REVOLUTION NAVIGATION STYLES -->
        <link rel="stylesheet" type="text/css" href="revolution/css/navigation.css">
        
        <!-- Google Maps Api -->
        <script src="http://maps.google.com/maps/api/js?sensor=false&#038;ver=4.0.1"></script>

        <!-- 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/html5shiv/3.7.2/html5shiv.min.js"></script>
            <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
        
        <!-- Preventing FOUC -->
        <style>
        .no-fouc{ display:none; }
        </style>
        
        <script>
        (function($){
            // Prevent FOUC(flash of unstyled content)
            $('html').addClass('no-fouc');
            $(document).ready(function() {
                $('html').show();
            }); 
        })(jQuery);
        </script>

        
    </head>
    
    <body class="headerstyle1 headerfixed ">
        
        <!-- Splendid Content -->
        <div id="splendid-content">
		
		
		<!-- HEADER -->
		<header id="header" class="header1  header_fixed_enabled">
		
			<!-- Main Header -->
			<div id="main-header" class="bg-white color-dark">
				<div class="container">
					<div class="row">
					
						<div class="col-lg-3 col-md-3">
							<div class="logo">
								<a href="index.html"><img src="img/logo.png" alt="Logo"></a>
							</div>
						</div>
						
						<div class="col-lg-9 col-md-9">	
							<div class="navigation">
								
									<nav id="main-nav" class="color-dark-gray active-color-blue dropdown-light border-color-blue ">
																	
									<div id="mobile-menu-button">
										<span></span>
										<span></span>
										<span></span>
									</div>
								
									<div class="menu">
										<ul id="primary-nav" class="primary-nav">
											<li class="current-menu-ancestor menu-item-has-children megamenu megamenu-columns-4">
												<a href="#">Homepages</a>
												<div class="dropdown-inner">
													<ul class="mn-sub">
														<li>
															<p>
																<a href="#">Homepage Versions</a>
															</p>
															<div class="menu-items">
																<a href="index.html">Homepage Version 1</a>
																<a href="index-new.html">Homepage Version 2</a>
																<a href="index-version2.html">Homepage Version 3</a>
																<a href="index-version4.html">Homepage Version 4</a>
																<a href="index-boxed.html">Homepage Version 5</a>
																<a href="index-version3.html">Homepage Version 6</a>
															</div>
														</li>
														<li>
															<p>
																<a href="#">Homepage Versions 2</a>
															</p>
															<div class="menu-items">
																<a href="index-basic.html">Homepage Version 7</a>
																<a href="index-magazine.html">Homepage Version 8</a>
																<a href="index-magazine-sidebar.html">Homepage Version 9</a>
																<a href="index-portfolio-v1.html">Homepage Portfolio V1</a>
																<a href="index-portfolio-v2.html">Homepage Portfolio V2</a>
																<a href="index-portfolio-v3.html">Homepage Portfolio V3</a>
															</div>
														</li>
														<li>
															<p>
																<a href="#">One Page Versions</a>
															</p>
															<div class="menu-items">
																<a href="index-one-page.html">One Page Classic Version</a>
																<a href="index-one-page-dark.html">One Page Dark Version</a>
																<a href="#">
																	<img src="img/menu1.jpg" alt="img">
																</a>
															</div>
														</li>
														<li>
															<p>
																<a href="#">Shop Versions</a>
															</p>
															<div class="menu-items">
																<a href="index-shop.html">Homepage Shop</a>
																<a href="shop-extended.html">Shop Extended</a>
																<a href="#">
																	<img src="img/menu2.jpg" alt="img">
																</a>
															</div>
														</li>
													</ul>
												</div><!-- /dropdown-inner -->
											</li>
											<li class="menu-item-has-children">
												<a href="#">Headers</a>
												<ul class="mn-sub">
													<li><a href="header1-default.html">Normal</a></li>
													<li><a href="header2.html">With Preheader</a></li>
													<li class="menu-item-has-children"><a href="#">With Lower Header</a>
														<ul class="mn-sub">
															<li><a href="header4-blue.html">Blue</a></li>
															<li><a href="header4-dark-blue.html">Dark Blue</a></li>
														</ul>
													</li>
													<li><a href="header5.html">With Preheader &amp; Lower Header</a></li>
													<li><a href="header6.html">Transparent</a></li>
													<li class="menu-item-has-children"><a href="header7.html">Sideheaders</a>
														<ul class="mn-sub">
															<li><a href="header7.html">Sideheader 1</a></li>
															<li><a href="header7-dark.html">Sideheader 1 Dark</a></li>
															<li><a href="header7v2.html">Sideheader 2</a></li>
															<li><a href="header7v2-dark.html">Sideheader 2 Dark</a></li>
														</ul>
													</li>
												</ul>
											</li>
											<li class="menu-item-has-children megamenu megamenu-columns-4">
												<a href="#">Pages</a>
												<div class="dropdown-inner">
													<ul class="mn-sub">
														<li>
															<p>
																<a href="#">Example Pages</a>
															</p>
															<div class="menu-items">
																<a href="page-about-me.html"><i class="fa fa-users fa-sm"></i>About Me Page</a>
																<a href="page-about-us.html"><i class="fa fa-binoculars fa-sm"></i>About Us Page</a>
																<a href="page-our-team.html"><i class="fa fa-user fa-sm"></i>Our Team Page</a>
																<a href="page-process-work.html"><i class="fa fa-spinner fa-sm"></i>Process Work Page</a>
																<a href="page-menu-features.html"><i class="fa fa-th fa-sm"></i>Menu Features</a>
															</div>
														</li>
														<li>
															<p>
																<a href="#">This is a heading</a>
															</p>
															<div class="menu-items">
																<a href="page-contact.html"><i class="fa fa-phone fa-sm"></i>Contact Page</a>
																<a href="page-support-help.html"><i class="fa fa-headphones fa-sm"></i>Support Help Page</a>
																<a href="page-maintenance.html"><i class="fa fa-cog fa-sm"></i>Maintenance Page</a>
																<a href="page-coming-soon.html"><i class="fa fa-money fa-sm"></i>Coming Soon Page</a>
																<a href="page-sales-pricing.html"><i class="fa fa-calendar fa-sm"></i>Sales Pricing</a>
															</div>
														</li>
														<li>
															<p>
																<a href="#">Special Pages</a>
															</p>
															<div class="menu-items">
																<a href="page-fullwidth.html"><i class="fa fa-arrows fa-sm"></i>Page Fullwidth</a>
																<a href="page-sidebar-left.html"><i class="fa fa-arrow-left fa-sm"></i>Page Sidebar Left</a>
																<a href="page-sidebar-right.html"><i class="fa fa-arrow-right fa-sm"></i>Page Sidebar Right</a>
																<a href="page-sidebar-dual.html"><i class="fa fa-arrows-h fa-sm"></i>Page Sidebar Dual</a>
																<a href="page-404.html"><i class="fa fa-exclamation-circle fa-sm"></i>404 Page</a>
															</div>
														</li>
														<li>
															<p>
																<a href="#">Blank Pages</a>
															</p>
															<div class="menu-items">
																<a href="page-blank-landing.html"><i class="fa fa-files-o fa-sm"></i>Blank Landing Page</a>
																<a href="page-blank.html"><i class="fa fa-file-o fa-sm"></i>Blank Basic Page</a>
															</div>
														</li>
													</ul>
												</div><!-- /dropdown-inner -->
											</li>
											<li class="menu-item-has-children">
												<a href="#">Portfolio</a>
												<ul class="mn-sub">
													<li class="menu-item-has-children">
														<a href="#">1 Column</a>
														<ul class="mn-sub">
															<li><a href="portfolio-1column.html">Portfolio 1 Column</a></li>
															<li><a href="portfolio-1column-v2.html">Portfolio 1 Column V2</a></li>
														</ul>
													</li>
													<li><a href="portfolio-2columns.html">2 Columns</a></li>
													<li><a href="portfolio-3columns.html">3 Columns</a></li>
													<li class="menu-item-has-children">
														<a href="#">4 Columns</a>
														<ul class="mn-sub">
															<li><a href="portfolio-4columns.html">Portfolio 4 Columns</a></li>
															<li><a href="portfolio-4columns-slider.html">Portfolio 4 Columns With Slider</a></li>
														</ul>
													</li>
													<li><a href="portfolio-5columns.html">5 Columns</a></li>
													<li class="menu-item-has-children">
														<a href="#">Masonry</a>
														<ul class="mn-sub">
															<li><a href="portfolio-masonry.html">Masonry</a></li>
															<li><a href="portfolio-masonry-fullwidth.html">Masonry Fullwidth</a></li>
														</ul>
													</li>
													<li><a href="portfolio-grid.html">Grid</a></li>
													<li class="menu-item-has-children">
														<a href="#">Single</a>
														<ul class="mn-sub">
															<li><a href="portfolio-single-basic.html">Portfolio Single</a></li>
															<li><a href="portfolio-single-ext.html">Portfolio Single Extended</a></li>
														</ul>
													</li>
												</ul>
											</li>
											<li class="menu-item-has-children">
												<a href="#">Blog</a>
												<ul class="mn-sub">
													<li class="menu-item-has-children">
														<a href="#">Masonry</a>
														<ul class="mn-sub">
															<li><a href="blog-masonry.html">Blog Masonry</a></li>
															<li><a href="blog-masonry-sidebar.html">Blog Masonry With Sidebar</a></li>
														</ul>
													</li>
													<li class="menu-item-has-children">
														<a href="#">Medium</a>
														<ul class="mn-sub">
															<li><a href="blog-medium.html">Blog Medium</a></li>
															<li><a href="blog-medium-alt.html">Blog Medium Alternative</a></li>
														</ul>
													</li>
													<li class="menu-item-has-children">
														<a href="#">Standard</a>
														<ul class="mn-sub">
															<li><a href="blog-standard.html">Blog Standard</a></li>
															<li><a href="blog-standard-sidebar.html">Blog Standard With Sidebar</a></li>
															<li><a href="blog-standard-alt.html">Blog Standard Alternative</a></li>
															<li><a href="blog-standard-alt-sidebar.html">Blog Standard Alternative With Sidebar</a></li>
														</ul>
													</li>
													<li class="menu-item-has-children">
														<a href="#">Single</a>
														<ul class="mn-sub">
															<li><a href="blog-single.html">Blog Single</a></li>
															<li><a href="blog-single-ext.html">Blog Single Extended</a></li>
														</ul>
													</li>
												</ul>
											</li>
											<li class="menu-item-has-children megamenu megamenu-columns-4">
												<a href="#">Elements</a>
												<div class="dropdown-inner">
													<ul class="mn-sub">
														<li>
															<p>
																<a href="#">Element One</a>
															</p>
															<div class="menu-items">
																<a href="sc-accordion-toggle.html"><i class="fa fa-bars fa-sm"></i> Accordion &amp; Toggle</a>
																<a href="sc-audio-player.html"><i class="fa fa-music fa-sm"></i> Audio Player</a>
																<a href="sc-button.html"><i class="fa fa-cube fa-sm"></i> Buttons</a>
																<a href="sc-counters.html"><i class="fa fa-clock-o fa-sm"></i> Counters</a>
																<a href="sc-content-boxes.html"><i class="fa fa-th fa-sm"></i> Content Boxes</a>
															</div>
														</li>
														<li>
															<p>
																<a href="#">Element Two</a>
															</p>
															<div class="menu-items">
																<a href="sc-divider.html"><i class="fa fa-arrows-h fa-sm"></i> Dividers</a>
																<a href="sc-form.html"><i class="fa fa-phone-square fa-sm"></i> Forms</a>
																<a href="sc-gallery.html"><i class="fa fa-film fa-sm"></i> Gallery</a>
																<a href="sc-image-frame-popup.html"><i class="fa fa-file-image-o fa-sm"></i> Image Frames &amp; Popup</a>
																<a href="sc-map.html"><i class="fa fa-map-marker fa-sm"></i> Maps</a>
															</div>
														</li>
														<li>
															<p>
																<a href="#">Element Three</a>
															</p>
															<div class="menu-items">
																<a href="sc-message-box.html"><i class="fa fa-exclamation-circle fa-sm"></i> Message Box</a>
																<a href="sc-pricing-tables.html"><i class="fa fa-money fa-sm"></i> Pricing Tables</a>
																<a href="sc-promo-boxes.html"><i class="fa fa-heart fa-sm"></i> Promo Boxes</a>
																<a href="sc-social-share.html"><i class="fa fa-pinterest fa-sm"></i> Social Share</a>
																<a href="sc-testimonials.html"><i class="fa fa-comments fa-sm"></i> Testimonials</a>
															</div>
														</li>
														<li>
															<p>
																<a href="#">Element Four</a>
															</p>
															<div class="menu-items">
																<a href="sc-tab.html"><i class="fa fa-th-list fa-sm"></i> Tabs</a>
																<a href="sc-typography.html"><i class="fa fa-text-height fa-sm"></i> Typography</a>
															</div>
														</li>
													</ul>
												</div><!-- /dropdown-inner -->
											</li>
											<li class="menu-item-has-children">
												<a href="#">Shop</a>
												<ul class="mn-sub">
													<li><a href="index-shop.html">Homepage Shop</a></li>
													<li><a href="shop-fullwidth.html">Shop Full Width</a></li>
													<li><a href="shop-extended.html">Shop Extended</a></li>
												</ul>
											</li>
										</ul>
									</div>
								</nav>
								<div class="header-shopping-cart">
									<a href="#"><i class="sprite-icon  icon-shopping-cart"></i></a>
								</div>
								<div class="header-search-box">
									<a href="#"><i class="sprite-icon icon-search"></i></a>
									<form action="#" class="header-search-form bg-cranberry">
										<span class="form-close-btn">
											✕
										</span>
										<div class="search-form-inner">
											<div class="container">
												<div class="row">
													<div class="col-md-12">
														<input type="text" placeholder="Type &amp; hit enter">
													</div>
												</div>
											</div>
										</div>
									</form>
								</div>
								
							</div>
						</div>
					
					</div>
				</div>
			</div>
			<!-- /Main Header -->
			
		</header>
		<!-- /HEADER -->

		<!-- Main Container -->
		<main id="splendid-main-container" class="container page-layout">

			<!-- Main Content -->
			<div class="main-content padding_t_0 padding_b_0">

				<section class="full-width">
					<div class="rev_slider_wrapper">
						<div id="slider1" class="rev_slider"  data-version="5.0">
							<ul class="no_margin">
								<li  data-transition="parallaxvertical">
									<img src="img/hp_portfolio_slide_1.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg">

									<div class="tp-caption   tp-resizeme"
									data-x="['center','center','center','center']"
									data-hoffset="['17','17','18','11']"
									data-y="['middle','middle','middle','middle']"
									data-voffset="['-8','-8','-19','-19']"
									data-width="none"
									data-height="none"
									data-whitespace="nowrap"
									data-transform_idle="o:1;"
									data-transform_in="y:bottom;z:0;rX:50deg;rY:0;rZ:0;sX:1.3;sY:1.3;skX:0;skY:0;s:2000;e:Power3.easeOut;"
									data-transform_out="opacity:0;s:300;s:300;"
									data-start="500"
									data-responsive_offset="on">
										<img src="img/splendid_text_slide1.png" alt="" width="941" height="360"
										data-ww="['941px','941px','637px','404px']"
										data-hh="['360px','360px','244px','155px']">
									</div>
									<div class="tp-caption Fashion-BigDisplay   tp-resizeme splitted"
									data-x="['center','center','center','center']"
									data-hoffset="['0','0','0','-10']"
									data-y="['top','top','top','top']"
									data-voffset="['423','423','543','433']"
									data-width="none"
									data-height="none"
									data-whitespace="nowrap"
									data-transform_idle="o:1;"
									data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;s:1000;e:Power2.easeOut;"
									data-transform_out="auto:auto;s:300;"
									data-mask_in="x:0px;y:0px;"
									data-mask_out="x:0;y:0;"
									data-start="1940"
									data-splitin="chars"
									data-splitout="none"
									data-responsive_offset="on"
									data-elementdelay="0.05" style="font-size: 15px; line-height: 20px; font-weight: 500; color: rgb(255, 255, 255); font-family: 'Open sans'; text-align: center; letter-spacing: 2px;">TAKE YOUR BUSINESS TO THE NEXT LEVEL</div>
								</li>
								<li data-transition="curtain-3">
									<img src="img/hp_portfolio_slide_2.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg">

									<div class="tp-caption   tp-resizeme"
									data-x="['center','center','center','center']"
									data-hoffset="['-11','-11','-11','-11']"
									data-y="['middle','middle','middle','middle']"
									data-voffset="['-52','-52','-52','-52']"
									data-width="none"
									data-height="none"
									data-whitespace="nowrap"
									data-transform_idle="o:1;"
									data-transform_in="y:bottom;z:0;rX:50deg;rY:0;rZ:0;sX:1.3;sY:1.3;skX:0;skY:0;s:2000;e:Power3.easeOut;"
									data-transform_out="opacity:0;s:300;s:300;"
									data-start="500"
									data-responsive_offset="on">
										<img src="img/creative_text_slide2.png" alt="" width="744" height="241"
										data-ww="['744px','744px','744px','744px']"
										data-hh="['241px','241px','241px','241px']">
									</div>
									<div class="tp-caption Fashion-BigDisplay   tp-resizeme splitted"
									data-x="['center','center','center','center']"
									data-hoffset="['0','0','0','-10']"
									data-y="['top','top','top','top']"
									data-voffset="['423','423','543','433']"
									data-width="none"
									data-height="none"
									data-whitespace="nowrap"
									data-transform_idle="o:1;"
									data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;s:1000;e:Power2.easeOut;"
									data-transform_out="auto:auto;s:300;"
									data-mask_in="x:0px;y:0px;"
									data-mask_out="x:0;y:0;"
									data-start="1940"
									data-splitin="chars"
									data-splitout="none"
									data-responsive_offset="on"
									data-elementdelay="0.05" style="font-size: 15px; line-height: 20px; font-weight: 500; color: rgb(255, 255, 255); font-family: 'Open sans'; text-align: center; letter-spacing: 2px;">TAKE YOUR BUSINESS TO THE NEXT LEVEL</div>
								</li>
							</ul>				
						</div><!-- END REVOLUTION SLIDER -->
					</div><!-- END OF SLIDER WRAPPER -->
				</section>
				
				<section class="section padding_t_95 padding_b_100">
					
					<div class="align-center">
						<h2 class="margin_b_0">The Simplest Way to Bring your Ideas to Life</h2>
						<h5 class="margin_t_10 margin_b_90">Suspendisse commodo, neque sed sodales imperdiet, eros felis aliquam.</h5>
					</div>
					
					
					<div class="sc-recent-projects row">
				
						<div class="col-lg-4 col-md-4 col-sm-4 isotope-item cat-logos cat-photography">
							<article class="portfolio-item portfolio-item-grid">
								<div class="portfolio-image">
									<img src="img/portfolio/splendid_responsive_isometric.jpg" alt="">
									<div class="portfolio-hover bg-orange">
										<div>
											<div>
												<a href="img/portfolio/splendid_responsive_isometric.jpg" data-gal="prettyPhoto" class="portfolio-hover-button zoom-icon">Zoom</a>
												<a href="#" class="portfolio-hover-button arrow-icon">View Project</a>
											</div>
										</div>
										<div class="portfolio-info">
											<h5 class="portfolio-title"><a href="#">Forms 2014</a></h5>
											<ul class="portfolio-categories">
												<li>Logo</li>
												<li>App</li>
												<li>Web Design</li>
											</ul>
										</div>
									</div>
								</div>
							</article>
						</div><!-- /Column -->
						<div class="col-lg-4 col-md-4 col-sm-4 isotope-item cat-marketing cat-web-design">
							<article class="portfolio-item portfolio-item-grid">
								<div class="portfolio-image">
									<img src="img/portfolio/splendid_paper_brochure.jpg" alt="">
									<div class="portfolio-hover bg-light-blue">
										<div>
											<div>
												<a href="img/portfolio/splendid_paper_brochure.jpg" data-gal="prettyPhoto" class="portfolio-hover-button zoom-icon">Zoom</a>
												<a href="#" class="portfolio-hover-button arrow-icon">View Project</a>
											</div>
										</div>
										<div class="portfolio-info">
											<h5 class="portfolio-title"><a href="#">Forms 2014</a></h5>
											<ul class="portfolio-categories">
												<li>Logo</li>
												<li>App</li>
												<li>Web Design</li>
											</ul>
										</div>
									</div>
								</div>
							</article>
						</div><!-- /Column -->
						<div class="col-lg-4 col-md-4 col-sm-4 isotope-item cat-photography">
							<article class="portfolio-item portfolio-item-grid">
								<div class="portfolio-image">
									<img src="img/portfolio/splendid_presentation_home.jpg" alt="">
									<div class="portfolio-hover bg-gray">
										<div>
											<div>
												<a href="img/portfolio/splendid_presentation_home.jpg" data-gal="prettyPhoto" class="portfolio-hover-button zoom-icon">Zoom</a>
												<a href="#" class="portfolio-hover-button arrow-icon">View Project</a>
											</div>
										</div>
										<div class="portfolio-info">
											<h5 class="portfolio-title"><a href="#">Forms 2014</a></h5>
											<ul class="portfolio-categories">
												<li>Logo</li>
												<li>App</li>
												<li>Web Design</li>
											</ul>
										</div>
									</div>
								</div>
							</article>
						</div><!-- /Column -->
						<div class="col-lg-4 col-md-4 col-sm-4 isotope-item cat-digital-art cat-logos">
							<article class="portfolio-item portfolio-item-grid">
								<div class="portfolio-image">
									<img src="img/portfolio/coffee_splendid_mug.jpg" alt="">
									<div class="portfolio-hover">
										<div>
											<div>
												<a href="img/portfolio/coffee_splendid_mug.jpg" data-gal="prettyPhoto" class="portfolio-hover-button zoom-icon">Zoom</a>
												<a href="#" class="portfolio-hover-button arrow-icon">View Project</a>
											</div>
										</div>
										<div class="portfolio-info">
											<h5 class="portfolio-title"><a href="#">Forms 2014</a></h5>
											<ul class="portfolio-categories">
												<li>Logo</li>
												<li>App</li>
												<li>Web Design</li>
											</ul>
										</div>
									</div>
								</div>
							</article>
						</div><!-- /Column -->
						<div class="col-lg-4 col-md-4 col-sm-4 isotope-item cat-web-design">
							<article class="portfolio-item portfolio-item-grid">
								<div class="portfolio-image">
									<img src="img/portfolio/splendid_box_vert.jpg" alt="">
									<div class="portfolio-hover bg-dark-orange">
										<div>
											<div>
												<a href="img/portfolio/splendid_box_vert.jpg" data-gal="prettyPhoto" class="portfolio-hover-button zoom-icon">Zoom</a>
												<a href="#" class="portfolio-hover-button arrow-icon">View Project</a>
											</div>
										</div>
										<div class="portfolio-info">
											<h5 class="portfolio-title"><a href="#">Forms 2014</a></h5>
											<ul class="portfolio-categories">
												<li>Logo</li>
												<li>App</li>
												<li>Web Design</li>
											</ul>
										</div>
									</div>
								</div>
							</article>
						</div><!-- /Column -->
						<div class="col-lg-4 col-md-4 col-sm-4 isotope-item cat-logos cat-photography">
							<article class="portfolio-item portfolio-item-grid">
								<div class="portfolio-image">
									<img src="img/portfolio/splendid_letter_brand.jpg" alt="">
									<div class="portfolio-hover">
										<div>
											<div>
												<a href="img/portfolio/splendid_letter_brand.jpg" data-gal="prettyPhoto" class="portfolio-hover-button zoom-icon">Zoom</a>
												<a href="#" class="portfolio-hover-button arrow-icon">View Project</a>
											</div>
										</div>
										<div class="portfolio-info">
											<h5 class="portfolio-title"><a href="#">Forms 2014</a></h5>
											<ul class="portfolio-categories">
												<li>Logo</li>
												<li>App</li>
												<li>Web Design</li>
											</ul>
										</div>
									</div>
								</div>
							</article>
						</div><!-- /Column -->
						<div class="col-lg-4 col-md-4 col-sm-4 isotope-item cat-marketing cat-web-design">
							<article class="portfolio-item portfolio-item-grid">
								<div class="portfolio-image">
									<img src="img/portfolio/splendid_package.jpg" alt="">
									<div class="portfolio-hover">
										<div>
											<div>
												<a href="img/portfolio/splendid_package.jpg" data-gal="prettyPhoto" class="portfolio-hover-button zoom-icon">Zoom</a>
												<a href="#" class="portfolio-hover-button arrow-icon">View Project</a>
											</div>
										</div>
										<div class="portfolio-info">
											<h5 class="portfolio-title"><a href="#">Forms 2014</a></h5>
											<ul class="portfolio-categories">
												<li>Logo</li>
												<li>App</li>
												<li>Web Design</li>
											</ul>
										</div>
									</div>
								</div>
							</article>
						</div><!-- /Column -->
						<div class="col-lg-4 col-md-4 col-sm-4 isotope-item cat-photography">
							<article class="portfolio-item portfolio-item-grid">
								<div class="portfolio-image">
									<img src="img/portfolio/preview_splendid_isometric.jpg" alt="">
									<div class="portfolio-hover">
										<div>
											<div>
												<a href="img/portfolio/preview_splendid_isometric.jpg" data-gal="prettyPhoto" class="portfolio-hover-button zoom-icon">Zoom</a>
												<a href="#" class="portfolio-hover-button arrow-icon">View Project</a>
											</div>
										</div>
										<div class="portfolio-info">
											<h5 class="portfolio-title"><a href="#">Forms 2014</a></h5>
											<ul class="portfolio-categories">
												<li>Logo</li>
												<li>App</li>
												<li>Web Design</li>
											</ul>
										</div>
									</div>
								</div>
							</article>
						</div><!-- /Column -->
						<div class="col-lg-4 col-md-4 col-sm-4 isotope-item cat-digital-art cat-logos">
							<article class="portfolio-item portfolio-item-grid">
								<div class="portfolio-image">
									<img src="img/portfolio/splendid_paper_brochure.jpg" alt="">
									<div class="portfolio-hover">
										<div>
											<div>
												<a href="img/portfolio/splendid_paper_brochure.jpg" data-gal="prettyPhoto" class="portfolio-hover-button zoom-icon">Zoom</a>
												<a href="#" class="portfolio-hover-button arrow-icon">View Project</a>
											</div>
										</div>
										<div class="portfolio-info">
											<h5 class="portfolio-title"><a href="#">Forms 2014</a></h5>
											<ul class="portfolio-categories">
												<li>Logo</li>
												<li>App</li>
												<li>Web Design</li>
											</ul>
										</div>
									</div>
								</div>
							</article>
						</div><!-- /Column -->
					
					</div>
					
					<div class="align-center margin_t_45">
						<a class="button flat small-margin fill-frm-top flat bg-dark-gray fill-color-blue  btn-round color-white" href="#" title="button" target="_self"><span>Get In Touch</span></a>
					</div>
					
				</section>
				
				
				<section class="section full-width bg-light-gray bordered shadowed padding_t_90 padding_b_80">
					<div class="container">
						
						<div class="row">
							<div class="col-lg-6 col-md-6 col-sm-6">
								<h1 class="extra-bold">Splendid Bring Your Ideas to Life</h1>
								<h4>Cum sociis natoque penatibus et magnis dis parturient montes.</h4>
							</div>
							<div class="col-lg-6 col-md-6 col-sm-6">
								<p>Praesent pharetra in felis ac dictum. Mauris ut erat varius, tempor sem in, vestibulum nisl. Nam euismod, elit ac vehicula vulputate, sapien ligula lobortis turpis, non rhoncus nisl odio vitae lectus.</p>
								<p>Quisque iaculis lorem vestibulum eros vehicula, non congue elit dictum. Donec mollis aliquet lorem, eu porttitor sapien semper in. Duis ac erat luctus, gravida lectus sit amet, consectetur orci. Suspendisse libero mauris.</p>
							</div>
						</div>
						
						<div class="row">
							<div class="col-md-12 have-padding">
								<div class="divider solid margin_t_60 margin_b_40">
								</div>
							</div>
							<div class="col-md-4 have-padding">
								<div class="content-box style1 padding_r_30 padding_l_30 margin_b_90">
									<div class="icon">
										<i class="fa fa-cubes">
										</i>
									</div>
									<div class="title">
										<h6>Graphic Design</h6>
									</div>
									<div class="content">
										<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In eleifend suscipit enim, eu commodo neque molestie vitae.</p>
									</div>
								</div>
								<div class="content-box style1 padding_r_30 padding_l_30">
									<div class="icon">
										<i class="fa fa-camera">
										</i>
									</div>
									<div class="title">
										<h6>Photography</h6>
									</div>
									<div class="content">
										<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In eleifend suscipit enim, eu commodo neque molestie vitae.</p>
									</div>
								</div>
							</div>
							<div class="col-md-4 have-padding">
								<div class="content-box style1 padding_r_30 padding_l_30 margin_b_90">
									<div class="icon">
										<i class="fa fa-code">
										</i>
									</div>
									<div class="title">
										<h6>Development</h6>
									</div>
									<div class="content">
										<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In eleifend suscipit enim, eu commodo neque molestie vitae.</p>
									</div>
								</div>
								<div class="content-box style1 padding_r_30 padding_l_30">
									<div class="icon">
										<i class="fa fa-comments-o">
										</i>
									</div>
									<div class="title">
										<h6>Marketing</h6>
									</div>
									<div class="content">
										<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In eleifend suscipit enim, eu commodo neque molestie vitae.</p>
									</div>
								</div>
							</div>
							<div class="col-md-4 have-padding">
								<div class="content-box style1 padding_r_30 padding_l_30 margin_b_90">
									<div class="icon">
										<i class="fa fa-newspaper-o">
										</i>
									</div>
									<div class="title">
										<h6>Content Production</h6>
									</div>
									<div class="content">
										<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In eleifend suscipit enim, eu commodo neque molestie vitae.</p>
									</div>
								</div>
								<div class="content-box style1 padding_r_30 padding_l_30">
									<div class="icon">
										<i class="fa fa-codepen">
										</i>
									</div>
									<div class="title">
										<h6>Products</h6>
									</div>
									<div class="content">
										<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In eleifend suscipit enim, eu commodo neque molestie vitae.</p>
									</div>
								</div>
							</div>
						</div>
						
					</div>
				</section>
				
				
				<!-- Section -->
				<section class="section full-width bg-black padding_t_50 padding_b_50">
					<div class="container">
						<div class="counter-row row">
							<div class="col-md-3 col-sm-6">
								<div class="counter-box style3">
									<i class="fa fa-code"></i>
									<span class="sc-counter">515 26</span>
									<span class="counter-separator"></span>
									<h6>Lines Of Code</h6>
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="counter-box style3">
									<i class="fa fa-clock-o"></i>
									<span class="sc-counter">2348</span>
									<span class="counter-separator"></span>
									<h6>Spent Hours</h6>
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="counter-box style3">
									<i class="fa fa-check-circle-o"></i>
									<span class="sc-counter">3134</span>
									<span class="counter-separator"></span>
									<h6>Completed Projects</h6>
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="counter-box style3">
									<i class="fa fa-pencil"></i>
									<span class="sc-counter">48</span>
									<span class="counter-sufix">%</span>
									<span class="counter-separator"></span>
									<h6>Articles Written</h6>
								</div>
							</div>
						</div><!--/Row -->
					</div>
				</section>
				<!-- /Section -->			
				
				<section class="section padding_t_95 padding_b_110">
					<div class="row">
						<div class="col-lg-6 col-md-6 col-sm-6">
							<img class="align-center" src="img/services/5.png" alt="#">
						</div>
						<div class="col-lg-6 col-md-6 col-sm-6">
							<h2>What are you Waiting for?</h2>
							<p class="big">Morbi eu lacus dolor. Morbi ac arcu turpis. Proin luctus neque ac pulvinar venenatis. Donec sed ipsum mattis, fermentum purus at, tempus eros. Cras id dignissim elit. Sed at nunc libero. Etiam commodo, turpis eget blandit semper, magna nulla ornare mi.</p>
							<div class="row">
								<div class="col-lg-6 col-md-6 col-sm-6">
									<h5 class="margin_b_0"><strong>Retina Ready</strong></h5>
									<p>Nam accumsan nisi vitae sapien imperdiet, et luctus justo consequat. In accumsan libero nec turpis porttitor porta.</p>
								</div>
								<div class="col-lg-6 col-md-6 col-sm-6">
									<h5 class="margin_b_0"><strong>Retina Ready</strong></h5>
									<p>Nam accumsan nisi vitae sapien imperdiet, et luctus justo consequat. In accumsan libero nec turpis porttitor porta.</p>
								</div>
							</div>
							<a href="#" class="margin_t_30 button bg-dark-gray color-white">Read More</a>
						</div>
					</div>
				</section>
				
				<section class="section full-width bg-orange padding_t_50 padding_b_50">
					<div class="container">
						<div class="row">
							<div class="col-md-12 have-padding">
								<div class="client-logo align-center">
									<div class="image-client-block hvr-off wow fadeInDown">
										<h6 class="image-tooltip">Companion </h6>
										<img src="img/clients/client-1.png" alt="">
									</div>
									<div class="image-client-block hvr-off wow fadeInDown" data-wow-delay="0.2s">
										<h6 class="image-tooltip">Musionist</h6>
										<img src="img/clients/client-2.png" alt="">
									</div>
									<div class="image-client-block hvr-off wow fadeInDown" data-wow-delay="0.4s">
										<h6 class="image-tooltip">Writer's</h6>
										<img src="img/clients/client-3.png" alt="">
									</div>
									<div class="image-client-block hvr-off wow fadeInDown" data-wow-delay="0.6s">
										<h6 class="image-tooltip">Paramount</h6>
										<img src="img/clients/client-4.png" alt="">
									</div>
									<div class="image-client-block hvr-off wow fadeInDown" data-wow-delay="0.8s">
										<h6 class="image-tooltip">Design</h6>
										<img src="img/clients/client-5.png" alt="">
									</div>
									<div class="image-client-block hvr-off wow fadeInDown" data-wow-delay="0.8s">
										<h6 class="image-tooltip">Production</h6>
										<img src="img/clients/client-6.png" alt="">
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
				
				<section class="section full-width custom-bg16 padding_t_95 padding_b_120 color-light">
					<div class="container">
						
						<div class="align-center">
							<h2 class="margin_b_0">Clients Love Us</h2>
							<h5 class="margin_t_10 margin_b_80">Mauris elit lacus, consectetur vel vehicula eget</h5>
						</div>
				
						<div class="row">
							<div class="col-lg-4 col-dm-4 col-sm-4">
								<div class="testimonial style-dark">
									<div class="testimonial-content">
										<p>“Suspendisse interdum quam sed ipsum sagittis malesuada a sagittis nisi. Duis gravida quam nisl, quis luctus orci posuere sit amet.”</p>
									</div>
									<div class="testimonial-author">
										<div class="avatar">
											<img src="img/avatars/1.gif" alt="">
										</div>
										<div class="author-content">
											<span class="name">Jeremy Parker</span>
											<span class="meta">Public Relations - <a href="#">Envato</a></span>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-4 col-dm-4 col-sm-4">
								<div class="testimonial style-dark">
									<div class="testimonial-content">
										<p>“Suspendisse interdum quam sed ipsum sagittis malesuada a sagittis nisi. Duis gravida quam nisl, quis luctus orci posuere sit amet.”</p>
									</div>
									<div class="testimonial-author">
										<div class="avatar">
											<img src="img/avatars/1.gif" alt="">
										</div>
										<div class="author-content">
											<span class="name">Jeremy Parker</span>
											<span class="meta">Public Relations - <a href="#">Envato</a></span>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-4 col-dm-4 col-sm-4">
								<div class="testimonial style-dark">
									<div class="testimonial-content">
										<p>“Suspendisse interdum quam sed ipsum sagittis malesuada a sagittis nisi. Duis gravida quam nisl, quis luctus orci posuere sit amet.”</p>
									</div>
									<div class="testimonial-author">
										<div class="avatar">
											<img src="img/avatars/1.gif" alt="">
										</div>
										<div class="author-content">
											<span class="name">Jeremy Parker</span>
											<span class="meta">Public Relations - <a href="#">Envato</a></span>
										</div>
									</div>
								</div>
							</div>
						</div><!-- /Row -->
					
					</div>
					
				</section>
				
				
				
				
				<section class="section padding_t_100 padding_b_100">
					
					<div class="align-center">
						<h2 class="margin_b_0">Get In Touch With Us</h2>
						<h5 class="margin_t_10 margin_b_80">Cras pellentesque odio ligula, sed suscipit massa venenatis et.</h5>
					</div>
					
					<form class="get-in-touch-form">
						
						<div class="row">
							<div class="col-lg-6 col-md-6 col-sm-6">
								<label>Name <span class="color-red">*</span></label>
								<input type="text">
							</div>
							<div class="col-lg-6 col-md-6 col-sm-6">
								<label>E-mail <span class="color-red">*</span></label>
								<input type="text">
							</div>
						</div>
						
						<label>Subject <span class="color-red">*</span></label>
						<input type="text">
						
						
						<label>Message <span class="color-red">*</span></label>
						<textarea rows="6"></textarea>
						
						<div class="row">
							<div class="col-lg-3 col-md-3 col-sm-6">
								<button type="submit" class="button bg-blue color-white margin_t_40">Send Email</button>	
							</div>
							<div class="col-lg-3 col-md-3 col-sm-6">
								<ul class="iconic-list style2">
									<li>
										<i class="fa fa-map-marker"></i> 
										499 Perine Street<br>
										Centerville, VA 22020
									</li>
								</ul>
							</div>
							<div class="col-lg-3 col-md-3 col-sm-6">
								<ul class="iconic-list style2">
									<li>
										<i class="fa fa-envelope-o"></i> 
										info@company.com<br>
										projects@company.com
									</li>
								</ul>
							</div>
							<div class="col-lg-3 col-md-3 col-sm-6">
								<ul class="iconic-list style2">
									<li>
										<i class="fa fa-phone"></i> 
										+1-202-555-0198<br>
										+1-202-555-0198
									</li>
								</ul>
							</div>
						</div>
						
					</form>
						
				</section>
				
				<section class="section full-width custom-bg5 padding_t_70 padding_b_70">
					<div class="container">
						<div class="promo-box-inner">
							<div class="promo-box-content align-center color-light">
								<h2>Still want to see more about Splendid?</h2>
								<h5 class="big">Cras pellentesque odio ligula, sed suscipit massa venenatis et.</h5>
								<a href="#" class="button unfilled br-semi-light br-color-white color-white">Buy this now</a>
							</div>
						</div>
					</div>
				</section>
				
			</div>	
			<!-- /Main Content -->
			
		</main>
		<!-- /Main Container -->
				
		<!-- FOOTER -->		
		<footer id="footer" class="light-color ">

			<!-- Main Footer -->
			<div id="main-footer" class="">
				<div class="container">
					<div class="row">
					
						<div class="col-lg-3 col-md-3 col-sm-6">
							<div class="widget widget_text">			
								<div class="textwidget">
									<img src="img/logo-light.png" alt="logo">
		                    		<p>Praesent pharetra in felis ac dictum. Mauris ut erat varius, tempor sem in, vestibulum nisl. Nam euismod, elit ac vehicula vulputate, sapien ligula lobortis turpis, non rhoncus nisl odio vitae lectus. Interdum et malesuada fames ac ante ipsum primis.</p>
		                    	</div>
							</div>
						</div>
						
						<div class="col-lg-3 col-md-3 col-sm-6">
							<div class="widget widget_latest_posts_entries">			
								<h6>Latest Posts</h6>	
								<div class="post-entry">
									<a class="post-title" href="#">Example standart post format width preview picture</a>
									<span class="post-meta">December 24, 2013</span>
								</div>
								<div class="post-entry">
									<a class="post-title" href="#">Awesome Post width video player</a>
									<span class="post-meta">December 12, 2013</span>
								</div>
								<div class="post-entry">
									<a class="post-title" href="#">Great design requires great designers</a>
									<span class="post-meta">December 01, 2013</span>
								</div>
							</div>
						</div>
						
						<div class="col-lg-3 col-md-3 col-sm-6">
							<div class="widget widget_twitter_feed">			
								<h6>Latest Tweets</h6>
								<div class="twitter-feed">
									<div class="tweet-entry">
										<p><a href="#">@dariopimo</a> Splendid it's a powerful psd template for your next project</p>
										<span class="date">1 day ago</span>
									</div>
									<div class="tweet-entry">
										<p><a href="#">@dariopimo</a> Grand psd template available on themeforest.com</p>
										<span class="date">2 weeks ago</span>
									</div>
								</div>
							</div>
						</div>
						
						<div class="col-lg-3 col-md-3 col-sm-6">
							<div class="widget widget_text">
								<h6>Contact Us</h6>			
								<div class="textwidget">
									<p>Support online is available 24 hours a day, get in touch:</p>
									<ul class="iconic-list">
										<li><i class="fa fa-map-marker"></i> 1234 Street Name, City Name, Country Name</li>
										<li><i class="fa fa-phone"></i> (123) 456-7890</li>
										<li><i class="fa fa-envelope"></i> maill@youcompany.com</li>
									</ul>
								</div>
							</div>
						</div>
						
					</div>
				</div>
			</div>
			<!-- /Main Footer -->
			
			
			<!-- Lower Footer -->
			<div id="lower-footer" class="">
				<div class="container">
					<div class="row">
						
						<div class="col-lg-6 col-md-6 col-sm-6">
							<p class="copyright">&copy; Copyright 2013. All Rights Reserved</p>
						</div>
						
						<div class="col-lg-6 col-md-6 col-sm-6">
							<ul class="social-icons">
								<li><a href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
								<li><a href="#"><i class="fa fa-vimeo-square"></i></a></li>
								<li><a href="#"><i class="fa fa-youtube"></i></a></li>
								<li><a href="#"><i class="fa fa-tumblr"></i></a></li>
								<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
								<li><a href="#"><i class="fa fa-behance"></i></a></li>
								<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
								<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
								<li><a href="#"><i class="fa fa-instagram"></i></a></li>
							</ul>
						</div>
						
					</div>
				</div>
			</div>
			<!-- /Lower Footer -->
			
		</footer>
		<!-- /FOOTER -->	

		
	</div>
	<!-- /Splendid Content -->
	
	
<!-- JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script src="js/audio.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/smoothscroll.min.js"></script>
<script src="js/scripts.js"></script>

<!-- REVOLUTION JS FILES -->
<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>

<!-- SLIDER REVOLUTION 5.0 EXTENSIONS  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->    
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>

<script>	
jQuery(document).ready(function() {		
   jQuery("#slider1").revolution({
      sliderType:"standard",
      sliderLayout:"fullwidth",
      delay:9000,
		disableProgressBar: 'on',
		gridwidth:1230,
		navigation: {
			keyboardNavigation:"off",
			keyboard_direction: "horizontal",
			mouseScrollNavigation:"off",
			onHoverStop:"on",
			touch:{
				touchenabled:"on",
				swipe_threshold: 75,
				swipe_min_touches: 50,
				swipe_direction: "horizontal",
				drag_block_vertical: false
			}
			,
			arrows: {
				style:"uranus",
				enable:true,
				hide_onmobile:true,
				hide_under:600,
				hide_onleave:true,
				hide_delay:200,
				hide_delay_mobile:1200,
				tmp:'',
				left: {
					h_align:"left",
					v_align:"center",
					h_offset:30,
					v_offset:0
				},
				right: {
					h_align:"right",
					v_align:"center",
					h_offset:30,
					v_offset:0
				}
			}
		},
		gridheight:685
    });		
});	
</script>

</body>
	
</html>