HEX
Server: Apache
System: Linux p3plzcpnl489526.prod.phx3.secureserver.net 4.18.0-553.54.1.lve.el8.x86_64 #1 SMP Wed Jun 4 13:01:13 UTC 2025 x86_64
User: vmasmheia229 (9244908)
PHP: 7.4.33
Disabled: NONE
Upload Files
File: /home/vmasmheia229/www/htmlCHRIS/old/index2 copy.html
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>The OMG Group</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="The OMG Group">
		<meta name="author" content="Digital Marketing">
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
		<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    	<![endif]-->
		<link href="css/style.css" rel="stylesheet">
		<link href="css/bootstrap-lightbox.min.css" rel="stylesheet">
		<link href="css/m-styles.min.css" rel="stylesheet">
		<link href="css/font-awesome.min.css" rel="stylesheet">
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
		<link rel="image_src" href="thumbnail.png">
		<link rel="icon" type="image/ico" href="favicon.ico">
	</head>
	<body data-spy="scroll" data-target=".navbar" data-offset='64' onLoad="$.stellar();">
		<div id="preloader">
			<div id="status">&nbsp;</div>
		</div>
	<!--start navigation-->
		<div class="navbar navbar-fixed-top" id="navigation">
			<div class="navbar-inner">
				<div class="container">
					<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</a>
					<a href="#intro" class="brand"><img src="img/logo-dark.png" alt=""></a>
					<div class="nav-collapse collapse">
						<ul class="nav pull-right">
							<li><a href="#intro">Home</a></li>
							<li><a href="#services-top">Services</a></li>
							<!--<li><a href="#works-top">Works</a></li>
							<li><a href="#gallery-top">Gallery</a></li> -->
							<li><a href="#team-top">Team</a></li> 
							<li><a href="#contact-top">Contact</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<section id="intro">
			<div class="container">
				<div class="row">
					<div class="span8 offset2 margin25">
						<div id="carousel_fade_intro" class="carousel slide carousel-fade">
							<div class="carousel-inner">
								<div class="active item">
									<h2></h2>
								</div>
								<div class="inactive item">
									<h2>A digital dojo</h2>
								</div>
								<div class="inactive item">
									<h2>of strategy samurais,</h2>
								</div>
								<div class="inactive item">
									<h2>students of code kung fu,</h2>
								</div>
								<div class="inactive item">
									<h2>and marketing ninjas</h2>
								</div>
								<div class="inactive item">
									<h2>in Monterey, California.</h2>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="fadeInUp delay animated hidden-phone" id="more">
				<a href="#services-top" class="m-btn a-btn red big icn-only"><i class="icon-sort-down icon-3x pull-left"></i></a>
			</div>
		</section>
	<!--start services header-->
		<section id="services-top">
	<!--start services-desktop header-->
			<section id="services-top-desktop" class="visible-desktop" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
				<h1 class="header">Services</h1>
				<p class="header">How we roll.</p>
			</section>
	<!--start services-mobile header-->
			<section id="services-top-mobile" class="hidden-desktop">
				<h1 class="header">Services</h1>
				<p class="header">How we roll.</p>
			</section>
		</section>
	<!--start services-->
		<section id="services">
			<div class="container">
				<div class="row divide">
					<div class="span12">
						<ul class="thumbnails">
							<li class="span4">
								<div class="thumbnail">
									<i class="icon-map-marker"></i>
									<h4>Strategic Communications</h4>
									<span>The Path Taken</span>
									<p>Team building, client pitch or global customer targeting.  Brand focused, integrated, effective plans custom crafted for cost effective success. Plans that work.</p>
								</div>
							</li>
							<li class="span4">
								<div class="thumbnail">
									<i class="icon-cogs"></i>
									<h4>Digital Solutions</h4>
									<span>Custom Applications</span>
									<p>Platforms, code and targeted program interfaces for cloud, web and mobile applications creating practical frameworks for success in an agile development environment.</p>
								</div>
							</li>
							<li class="span4">
								<div class="thumbnail">
									<i class="icon-comments"></i>
									<h4>Metric Messaging</h4>
									<span>Creative Storytelling</span>
									<p>Measured messaging and timed delivery for maximum impact with metrics to define success.  Multi-level brand-based digital marketing in the new arena.</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</section>
		<section id="hint1">
			<a href="http://fortawesome.github.com/Font-Awesome/" target="_blank"><strong>"Brand, brand, brand.  It's all about the brand."</strong> &nbsp -OMG Sensei</a>
		</section>
	<!--start works header-->
		<section id="works-top">
	<!--start works-desktop header-->
			<section id="works-top-desktop" class="visible-desktop" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
				<h1 class="header">Works</h1>
				<p class="header">How awesome it is?</p>
			</section>
	<!--start works-mobile header-->
			<section id="works-top-mobile" class="hidden-desktop">
				<h1 class="header">Works</h1>
				<p class="header">How awesome it is?</p>
			</section>
		</section>
	<!--start works-->
		<section id="works">
			<div class="container">
				<div class="row divide">
					<div class="span12">
						<div id="carousel_vertical_slide" class="carousel slide vertical">
							<div class="carousel-inner">
								<div class="active item">
									<img src="img/works/works_1.png" alt="">
								</div>
								<div class="inactive item">
									<img src="img/works/works_2.png" alt="">
								</div>
							</div>
							<button class="carousel-control left m-btn icn-only" href="#carousel_vertical_slide" data-slide="prev"><i class="icon-chevron-left"></i></button>
							<button class="carousel-control right m-btn icn-only" href="#carousel_vertical_slide" data-slide="next"><i class="icon-chevron-right"></i></button>
						</div>
					</div>
					<div class="span8 offset2">
						<h1>Parallax Effect</h1>
						<h4>Works layout 1 + carousel with vertical slide effect</h4>
						<p class="center">Aoccdrnig to a rscheearch at Cmabrigde Uinervtisy, it deosn't mttaer in waht oredr the ltteers in a wrod are, 
						the olny iprmoetnt tihng is taht the frist and lsat ltteer be at the rghit pclae.
						The rset can be a toatl mses and you can sitll raed it wouthit porbelm. 
						Tihs is bcuseae the huamn mnid deos not raed ervey lteter by istlef, but the wrod as a wlohe. Awesomeness, true story!</p>
					</div>
				</div>
				<div class="divider"></div>
				<div class="row divide">
					<div class="span12">
						<div id="carousel_horizontal_slide" class="carousel slide horizontal">
							<div class="carousel-inner">
								<div class="active item">
									<img src="img/works/works_3.png" alt="">
								</div>
								<div class="inactive item">
									<img src="img/works/works_4.png" alt="">
								</div>
							</div>
							<button class="carousel-control left m-btn icn-only" href="#carousel_horizontal_slide" data-slide="prev"><i class="icon-chevron-left"></i></button>
							<button class="carousel-control right m-btn icn-only" href="#carousel_horizontal_slide" data-slide="next"><i class="icon-chevron-right"></i></button>
						</div>
						<h1>Fully Responsive</h1>
						<h4>Works layout 2 + carousel with horizontal slide effect</h4>
					</div>
					<div class="span7 offset1">
						<p>Aoccdrnig to a rscheearch at Cmabrigde Uinervtisy, it deosn't mttaer in waht oredr the ltteers in a wrod are, 
						the olny iprmoetnt tihng is taht the frist and lsat ltteer be at the rghit pclae.
						The rset can be a toatl mses and you can sitll raed it wouthit porbelm. 
						Tihs is bcuseae the huamn mnid deos not raed ervey lteter by istlef, but the wrod as a wlohe. Awesomeness, true story!</p>
					</div>
					<div class="span2 offset1">
						<p><strong>Client:</strong> Themeforest<br>
						<strong>Date:</strong> 21.02.1986
						<a href="#" class="m-btn red span2">View online</a>
					</div>
				</div>
				<div class="divider"></div>
				<div class="row divide">
					<div class="span12">
					</div>
					<div class="span7">
						<div id="carousel_fade" class="carousel slide carousel-fade">
							<div class="carousel-inner">
								<div class="active item">
									<img src="img/works/works_5.png" alt="">
								</div>
								<div class="inactive item">
									<img src="img/works/works_6.png" alt="">
								</div>
							</div>
							<button class="carousel-control left m-btn icn-only" href="#carousel_fade" data-slide="prev"><i class="icon-chevron-left"></i></button>
							<button class="carousel-control right m-btn icn-only" href="#carousel_fade" data-slide="next"><i class="icon-chevron-right"></i></button>
						</div>
					</div>
					<div class="span5 divide">
						<h1>Tons of shortcodes</h1>
						<h4>Works layout 3 + carousel with fade effect</h4>
						<p>Aoccdrnig to a rscheearch at Cmabrigde Uinervtisy, it deosn't mttaer in waht oredr the ltteers in a wrod are, 
						the olny iprmoetnt tihng is taht the frist and lsat ltteer be at the rghit pclae.
						The rset can be a toatl mses and you can sitll raed it wouthit porbelm. 
						Tihs is bcuseae the huamn mnid deos not raed ervey lteter by istlef, but the wrod as a wlohe. Awesomeness, true story!</p>
						<a href="#" class="m-btn red pull-right">View online</a>
						<p><strong>Client:</strong> Themeforest<br>
						<strong>Date:</strong> 21.02.1986
					</div>
				</div>
				<div class="divider"></div>
				<div class="row divide">
					<div class="span5 divide">
						<h1>Supereasy to customize</h1>
						<h4>Works layout 3 + carousel with fade effect</h4>
						<p>Aoccdrnig to a rscheearch at Cmabrigde Uinervtisy, it deosn't mttaer in waht oredr the ltteers in a wrod are, 
						the olny iprmoetnt tihng is taht the frist and lsat ltteer be at the rghit pclae.
						The rset can be a toatl mses and you can sitll raed it wouthit porbelm. 
						Tihs is bcuseae the huamn mnid deos not raed ervey lteter by istlef, but the wrod as a wlohe. Awesomeness, true story!</p>
						<a href="#" class="m-btn red pull-right">View online</a>
						<p><strong>Client:</strong> Themeforest<br>
						<strong>Date:</strong> 21.02.1986
					</div>
					<div class="span7">
						<div id="carousel_fade_2" class="carousel slide carousel-fade">
							<div class="carousel-inner">
								<div class="active item">
									<img src="img/works/works_6.png" alt="">
								</div>
								<div class="inactive item">
									<img src="img/works/works_5.png" alt="">
								</div>
							</div>
							<button class="carousel-control left m-btn icn-only" href="#carousel_fade_2" data-slide="prev"><i class="icon-chevron-left"></i></button>
							<button class="carousel-control right m-btn icn-only" href="#carousel_fade_2" data-slide="next"><i class="icon-chevron-right"></i></button>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section id="hint2">
			<a href="http://twitter.github.com/bootstrap/base-css.html" target="_blank"><strong>Heads up!</strong> Click here to check all built-in shortcodes</a>
		</section>
	<!--start gallery header-->
		<section id="gallery-top">
	<!--start gallery-desktop header-->
			<section id="gallery-top-desktop" class="visible-desktop" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
				<h1 class="header">Gallery</h1>
				<p class="header">Alternative Works Version</p>
			</section>
	<!--start gallery-mobile header-->
			<section id="gallery-top-mobile" class="hidden-desktop">
				<h1 class="header">Gallery</h1>
				<p class="header">Alternative Works Version</p>
			</section>
		</section>
	<!--start gallery-->
	<!--start thumbnails section-->
		<section id="gallery">
			<div class="container">
				<div class="row divide">
					<div class="span8 offset2">
						<h1>Mockups included</h1>
						<p class="center">Aoccdrnig to a rscheearch at Cmabrigde Uinervtisy, it deosn't mttaer in waht oredr the ltteers in a wrod are, 
						the olny iprmoetnt tihng is taht the frist and lsat ltteer be at the rghit pclae.
						The rset can be a toatl mses and you can sitll raed it wouthit porbelm. 
						Tihs is bcuseae the huamn mnid deos not raed ervey lteter by istlef, but the wrod as a wlohe. Awesomeness, true story!</p>
					</div>
					<div class="span12">
						<ul class="thumbnails">
							<li class="span3">
								<div class="thumbnail" data-thumb="tooltip" title="Click me" data-placement="top">
									<a href="#gallery_1" data-toggle="lightbox">
										<img src="img/gallery/gallery_1.jpg" alt="">
									</a>
								</div>
							</li>
							<li class="span3">
								<div class="thumbnail" data-thumb="tooltip" title="Click me" data-placement="bottom">
									<a href="#gallery_2" data-toggle="lightbox">
										<img src="img/gallery/gallery_2.jpg" alt="">
									</a>
								</div>
							</li>
							<li class="span3">
								<div class="thumbnail" data-thumb="tooltip" title="Click me" data-placement="top">
									<a href="#gallery_3" data-toggle="lightbox">
										<img src="img/gallery/gallery_3.jpg" alt="">
									</a>
								</div>
							</li>
							<li class="span3">
								<div class="thumbnail" data-thumb="tooltip" title="Click me" data-placement="bottom">
									<a href="#gallery_4" data-toggle="lightbox">
										<img src="img/gallery/gallery_4.jpg" alt="">
									</a>
								</div>
							</li>
							<li class="span3">
								<div class="thumbnail" data-thumb="tooltip" title="Click me" data-placement="top">
									<a href="#gallery_5" data-toggle="lightbox">
										<img src="img/gallery/gallery_5.jpg" alt="">
									</a>
								</div>
							</li>
							<li class="span3">
								<div class="thumbnail" data-thumb="tooltip" title="Click me" data-placement="bottom">
									<a href="#gallery_6" data-toggle="lightbox">
										<img src="img/gallery/gallery_6.jpg" alt="">
									</a>
								</div>
							</li>
							<li class="span3">
								<div class="thumbnail" data-thumb="tooltip" title="Click me" data-placement="top">
									<a href="#gallery_7" data-toggle="lightbox">
										<img src="img/gallery/gallery_7.jpg" alt="">
									</a>
								</div>
							</li>
							<li class="span3">
								<div class="thumbnail" data-thumb="tooltip" title="Click me" data-placement="bottom">
									<a href="#gallery_8" data-toggle="lightbox">
										<img src="img/gallery/gallery_8.jpg" alt="">
									</a>
								</div>
							</li>
							<li class="span3">
								<div class="thumbnail" data-thumb="tooltip" title="Click me" data-placement="top">
									<a href="#gallery_9" data-toggle="lightbox">
										<img src="img/gallery/gallery_9.jpg" alt="">
									</a>
								</div>
							</li>
							<li class="span3">
								<div class="thumbnail" data-thumb="tooltip" title="Click me" data-placement="bottom">
									<a href="#gallery_10" data-toggle="lightbox">
										<img src="img/gallery/gallery_10.jpg" alt="">
									</a>
								</div>
							</li>
							<li class="span3">
								<div class="thumbnail" data-thumb="tooltip" title="Click me" data-placement="top">
									<a href="#gallery_11" data-toggle="lightbox">
										<img src="img/gallery/gallery_11.jpg" alt="">
									</a>
								</div>
							</li>
							<li class="span3">
								<div class="thumbnail" data-thumb="tooltip" title="Click me" data-placement="bottom">
									<a href="#gallery_12" data-toggle="lightbox">
										<img src="img/gallery/gallery_12.jpg" alt="">
									</a>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</section>
	<!--end thumbnails section-->
	<!--start lightboxes-->
		<div id="gallery_1" class="lightbox hide fade"  tabindex="-1" role="dialog" aria-hidden="true">
			<div class='lightbox-content'>
				<img src="img/gallery/gallery_1@2x.jpg" alt="">
			</div>
		</div>
		<div id="gallery_2" class="lightbox hide fade"  tabindex="-1" role="dialog" aria-hidden="true">
			<div class='lightbox-content'>
				<img src="img/gallery/gallery_2@2x.jpg" alt="">
			</div>
		</div>
		<div id="gallery_3" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
			<div class='lightbox-content'>
				<img src="img/gallery/gallery_3@2x.jpg" alt="">
			</div>
		</div>
		<div id="gallery_4" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
			<div class='lightbox-content'>
				<img src="img/gallery/gallery_4@2x.jpg" alt="">
			</div>
		</div>
		<div id="gallery_5" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
			<div class='lightbox-content'>
				<img src="img/gallery/gallery_5@2x.jpg" alt="">
			</div>
		</div>
		<div id="gallery_6" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
			<div class='lightbox-content'>
				<img src="img/gallery/gallery_6@2x.jpg" alt="">
			</div>
		</div>
		<div id="gallery_7" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
			<div class='lightbox-content'>
				<img src="img/gallery/gallery_7@2x.jpg" alt="">
			</div>
		</div>
		<div id="gallery_8" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
			<div class='lightbox-content'>
				<img src="img/gallery/gallery_8@2x.jpg" alt="">
			</div>
		</div>
		<div id="gallery_9" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
			<div class='lightbox-content'>
				<img src="img/gallery/gallery_9@2x.jpg" alt="">
			</div>
		</div>
		<div id="gallery_10" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
			<div class='lightbox-content'>
				<img src="img/gallery/gallery_10@2x.jpg" alt="">
			</div>
		</div>
		<div id="gallery_11" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
			<div class='lightbox-content'>
				<img src="img/gallery/gallery_11@2x.jpg" alt="">
			</div>
		</div>
		<div id="gallery_12" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
			<div class='lightbox-content'>
				<img src="img/gallery/gallery_12@2x.jpg" alt="">
			</div>
		</div>
	<!--end lightbox section-->
		<section id="hint3">
			<a href="http://twitter.github.com/bootstrap/components.html" target="_blank"><strong>Heads up!</strong> Click here to check all built-in components</a>
		</section>
	<!--start team header-->
		<section id="team-top">
	<!--start team-desktop header-->
			<section id="team-top-desktop" class="visible-desktop" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
				<h1 class="header">Team</h1>
				<p class="header">We're warm and fuzzy.</p>
			</section>
	<!--start team-mobile header-->
			<section id="team-top-mobile" class="hidden-desktop">
				<h1 class="header">Team</h1>
				<p class="header">We're warm and fuzzy.</p>
			</section>
		</section>
	<!--start team-->
		<section id="team">
			<div class="container">
				<div class="row divide">
					<div class="span8 offset2">
						<h1>We are OMG</h1>
						<p class="center">Calculated creativity with brand focus.  We dig it.</p>
					</div>
					<div class="span12">
						<ul class="thumbnails">
							<li class="span4">
								<div class="thumbnail">
									<img src="img/team/team_1.jpg" alt="">
									<h4>Dano</h4>
									<span>Shogun</span>
									<p>Founder</p>
								</div>
							</li>
							<li class="span4">
								<div class="thumbnail">
									<img src="img/team/team_2.jpg" alt="">
									<h4>Tim</h4>
									<span>Rōjū</span>
									<p>Production Manager</p>
								</div>
							</li>
							<li class="span4">
								<div class="thumbnail">
									<img src="img/team/team_3.jpg" alt="">
									<h4>Chris</h4>
									<span>Rōjū</span>
									<p>Software Architect</p>
								</div>
							</li>
						</ul>
					</div>
					<div class="span12">
						<ul class="thumbnails">
							<li class="span4">
								<div class="thumbnail">
									<img src="img/team/team_1.jpg" alt="">
									<h4>Erin</h4>
									<span>Soba Yōnin</span>
									<p>Executive Producer</p>
								</div>
							</li>
							<li class="span4">
								<div class="thumbnail">
									<img src="img/team/team_2.jpg" alt="">
									<h4>Colleen</h4>
									<span>Kunoichi</span>
									<p>Executive Producer</p>
								</div>
							</li>
							<li class="span4">
								<div class="thumbnail">
									<img src="img/team/team_3.jpg" alt="">
									<h4>Tony</h4>
									<span>Ninja</span>
									<p>Video Production</p>
								</div>
							</li>
						</ul>
					</div>
					<div class="span12">
						<ul class="thumbnails">
							<li class="span4">
								<div class="thumbnail">
									<img src="img/team/team_1.jpg" alt="">
									<h4>Jessica</h4>
									<span>Ninja</span>
									<p>Digital Graphics</p>
								</div>
							</li>
							<li class="span4">
								<div class="thumbnail">
									<img src="img/team/team_2.jpg" alt="">
									<h4>Nick</h4>
									<span>Gakusei</span>
									<p>Video, Digital Graphics Understudy</p>
								</div>
							</li>
							<li class="span4">
								<div class="thumbnail">
									<img src="img/team/team_3.jpg" alt="">
									<h4>TL</h4>
									<span>Shukei</span>
									<p>Paymaster</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</section>
	<!--start contact header-->
		<section id="contact-top">
	<!--start contact-desktop header-->
			<section id="contact-top-desktop" class="visible-desktop" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
				<h1 class="header">Contact</h1>
				<p class="header">Can we help?</p>
			</section>
	<!--start contact-mobile header-->
			<section id="contact-top-mobile" class="hidden-desktop">
				<h1 class="header">Contact</h1>
				<p class="header">How can we help?</p>
			</section>
		</section>
	<!--start contact-->
		<section id="contact">
			<div class="container">
				<div class="row divide">
					<div class="span8">
						<div class="row">
							<form action="js/sendmail.php" method="post" id="contactForm">
								<div class="span4">
									<label>Name:</label>
									<input type="text" name="name" value="" id="name" class="span4"/>
								</div>
								<div class="span4">
									<label>Email:</label>
									<input type="text" name="email" value="" id="email"  class="span4"/>
								</div>
								<span class="honeypot">
									<label>Honeypot:</label>
									<input type="text" name="last" value="" id="last"/>
								</span>
								<div class="span8">
									<label>Message:</label>
									<textarea rows="6" name="message" class="span8"></textarea>
								</div>
								<div class="span8">
									<div class="message"><div class="alert"></div></div>
									<input type="submit" value="Send" class="m-btn blue"/>
								</div>
							</form>
						</div>
					</div>
	<!--start sidebar-->
					<div class="span4" id="address">
						<p>1035 Fifth Street<br>
						Suite A<br>
						Monterey, CA 93940</p>
						<p>general: info@omgmediagroup.com.com</p>
						<p><abbr title="Phone">P:</abbr> (831) 641-0400</p>
					</div>
				</div>
			</div>
		</section>
	<!--start footer-->
		<section id="footer">
			<div class="container">
				<div class="row divide">
	<!--logo and copyright-->
					<div class="span3">
						<a href="#intro" class="brand"><img src="img/logo-dark.png" alt=""></a>
						<p>2013 © The OMG Group, Inc.</p><br>
					</div>
	<!--footer menu-->
					<div class="span2 offset4">
						<ul>
							<li><h5></h5></li>
							<li><a href="#"></a></li>
							<li><a href="#"></a></li>
							<li><a href="#"></a></li>
							<li><a href="#"></a></li>
							<li><a href="#"></a></li>
						</ul>
					</div>
	<!--link to social networks-->
					<div class="span2 offset1">
						<ul>
							<li><h5>Menu</h5></li>
							<li><a href="#intro">Home</a></li>
							<li><a href="#services-top">Services</a></li>
							<!-- <li><a href="#works-top">Works</a></li>
							<li><a href="#gallery-top">Gallery</a></li> -->
							<li><a href="#team-top">Team</a></li> 
							<li><a href="#team-contact">Contact</a></li>
						</ul>
					</div>	
				</div>	
			</div>
		</section>
	<!--latest jQuery-->
		<script src="http://code.jquery.com/jquery-latest.js"></script>
	<!--main bootstrap js-->
		<script src="js/bootstrap.min.js" type="text/javascript"></script>
	<!--custom js-->
		<script src="js/custom.js" type="text/javascript"></script>
	<!--preloader-->
		<script type="text/javascript">
			$(window).load(function() {
				$("#status").fadeOut();
				$("#preloader").delay(350).fadeOut("slow");
			})
		</script>
	<!--retina support-->
		<script src="js/retina.js" type="text/javascript"></script>
	<!--smooth scroll on page-->
		<script src="js/jquery.easing-1.3.pack.js" type="text/javascript"></script>
	<!--custom scrollbar-->
		<script src="js/jquery.nicescroll.min.js" type="text/javascript"></script>
	<!--parallax-->
		<script src="js/jquery.stellar.js" type="text/javascript"></script>
	<!--contact-->
		<script src="js/jquery.form.js"></script>		
	<!--gallery lightbox-->
		<script src="js/bootstrap-lightbox.min.js"></script>
	<!--google analytics-->
		<script type="text/javascript">
			var _gaq = _gaq || [];
			_gaq.push(['_setAccount', 'YOUR GOOGLE ANALYTICS CODE']);
			_gaq.push(['_trackPageview']);

			(function() {
				var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
				ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
				var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			})();
		</script>
	</body>
</html>