A Pen by Josh Holladay

Thumbnail
This awesome code was written by jahmsc, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright jahmsc ©

Technologies

  • HTML
  • CSS
  • JavaScript
    <!DOCTYPE html>
<html lang="en">

<head>
	<title>Onward | Receptive Tour Operator</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="format-detection" content="telephone=no" />
    <meta name="description" content="A world class receptive tour operator serving the United States and Canada. Onward is committed to a single goal of providing unforgettable group touring experiences.">
	<meta name="Keywords" content="receptive operator, tour operator, group travel services, tour groups" />
	<meta name="author" content="Onward Group">
	<!-- CSS -->
	<link href="assets/css/bootstrap.css" rel="stylesheet" type="text/css">
	<link href="assets/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<link href="assets/css/main.css" rel="stylesheet" type="text/css">
	<link href="assets/css/custom-styles.css" rel="stylesheet" type="text/css">
	
	<!-- IE 9 Fallback-->
	<!--[if IE 9]>
		<link href="assets/css/ie.css" rel="stylesheet">
	<![endif]-->
	<!-- GOOGLE FONTS -->
	<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,700' rel='stylesheet' type='text/css'>
	<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,400italic,700,400,300' rel='stylesheet' type='text/css'>
	<!-- FAVICONS -->
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/onward144x144.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/onwarde114x114.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/onward72x72.png">
	<link rel="apple-touch-icon-precomposed" href="assets/ico/onward57x57.png">
	<link rel="shortcut icon" href="assets/ico/favicon.png">
</head>
  
<body>
  
<!--

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

<head>
	<title>Onward | Receptive Tour Operator</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="format-detection" content="telephone=no" />
    <meta name="description" content="A world class receptive tour operator serving the United States and Canada. Onward is committed to a single goal of providing unforgettable group touring experiences.">
	<meta name="Keywords" content="receptive operator, tour operator, group travel services, tour groups" />
	<meta name="author" content="Onward Group">
	<!-- CSS 
	<link href="assets/css/bootstrap.css" rel="stylesheet" type="text/css">
	<link href="assets/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<link href="assets/css/main.css" rel="stylesheet" type="text/css">
	<link href="assets/css/custom-styles.css" rel="stylesheet" type="text/css">
	
	<!-- IE 9 Fallback
	<!--[if IE 9]>
		<link href="assets/css/ie.css" rel="stylesheet">
	<![endif]-->
	<!-- GOOGLE FONTS 
	<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,700' rel='stylesheet' type='text/css'>
	<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,400italic,700,400,300' rel='stylesheet' type='text/css'>
	<!-- FAVICONS 
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/onward144x144.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/onwarde114x114.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/onward72x72.png">
	<link rel="apple-touch-icon-precomposed" href="assets/ico/onward57x57.png">
	<link rel="shortcut icon" href="assets/ico/favicon.png">
</head>

<body>
	<!-- WRAPPER 
	<div class="wrapper">
        <!-- HEADER -->
		        <!-- NAVBAR 
		<nav class="navbar navbar-default navbar-fixed-top shrinkable" role="navigation">
			<div class="container">
				<!-- TOPBAR 
				<div class="topbar">
					<ul class="list-inline top-nav">
						<li><i class="fa fa-phone"></i> <a href="tel:8007926812">(800) 792-6812</a></li>
						<li><i class="fa fa-envelope-o"></i> <a href="mailto:info@onwardgroups.com">Email Us</a></li>
						<li><i class="fa fa-file-o"></i> <a href="contact.php">Request Quote</a></li>
					</ul>
					<div class="searchbox" style="display:none;">
						<div class="input-group input-group-sm">
							<input type="text" class="form-control" placeholder="search ...">
							<span class="input-group-btn">
								<button class="btn btn-default" type="button"><i class="fa fa-search"></i></button>
							</span>
						</div>
					</div>
				</div>
				<!-- END TOPBAR 
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-nav">
						<span class="sr-only">Toggle Navigation</span>
						<i class="fa fa-bars"></i>
					</button>
					<a href="index.php" class="navbar-brand navbar-logo navbar-logo-bigger">
						<img src="assets/img/logo/onward-logo-nav.png" alt="Onward - Receptive Tour Operator">
					</a>
				</div>
				<!-- MAIN NAVIGATION 
				<div id="main-nav" class="navbar-collapse collapse navbar-mega-menu">
					<ul class="nav navbar-nav navbar-right">
						<li>
							<a href="index.php">HOME</a>
						</li>
                        <li class="dropdown ">
							<a href="services.php" class="dropdown-toggle" data-toggle="dropdown">SERVICES <i class="fa fa-angle-down"></i></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="services.php#receptive">Receptive Inbound Operations</a></li>
								<li><a href="services.php#university">University &amp; Sports Travel</a></li>
								<li><a href="services.php#athletics">Athletics Event Management</a></li>
								<li><a href="services.php#performance">Performance Groups</a></li>
								<li><a href="services.php#school">School Excursions</a></li>
								<li><a href="services.php#corporate">Corporate Incentive Travel</a></li>
							</ul>
						</li>
                        <li>
							<a href="about.php">ABOUT</a>
						</li>
                        <li class="dropdown ">
							<a href="contact.php" class="dropdown-toggle" data-toggle="dropdown">CONTACT <i class="fa fa-angle-down"></i></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="contact.php">Request Quote</a></li>
							</ul>
						</li>
						
					</ul>
				</div>
				<!-- END MAIN NAVIGATION 
			</div>
		</nav>
		<!-- END NAVBAR -->		<!-- END HEADER 
		<!-- PAGE CONTENT -->
        <!-- HERO UNIT 
		<section class="hero-unit-slider no-margin">
			<div id="carousel-hero" class="slick-carousel">
				<div class="carousel-inner" role="listbox">
					
                    <div class="item active">
						<img src="assets/img/sliders/slider-h540-1.jpg" alt="Slider Image" class="retina">
						<div class="carousel-caption">
							<h2 class="hero-heading hero-logo"><img src="assets/img/logo/onward-logo-hero-trans-white.png" alt="San Francisco"></h2>
						</div>
					</div>
					
                    <div class="item">
						<img src="assets/img/sliders/slider-h540-2.jpg" alt="Slider Image" class="retina">
						<div class="carousel-caption">
							<h2 class="hero-heading hero-logo"><img src="assets/img/logo/onward-logo-hero-trans-white.png" alt="Las Vegas"></h2>
						</div>
					</div>
					
                    <div class="item">
						<img src="assets/img/sliders/slider-h540-3.jpg" alt="Slider Image" class="retina">
						<div class="carousel-caption">
							<h2 class="hero-heading hero-logo"><img src="assets/img/logo/onward-logo-hero-trans-white.png" alt="Canada"></h2>
						</div>
					</div>
                    
                    <div class="item">
						<img src="assets/img/sliders/slider-h540-4.jpg" alt="Slider Image" class="retina">
						<div class="carousel-caption">
							<h2 class="hero-heading hero-logo"><img src="assets/img/logo/onward-logo-hero-trans-white.png" alt="New York"></h2>
						</div>
					</div>
                    				
                </div>
			</div>
		</section>
		<!-- END HERO UNIT -->
		<!-- MAIN FEATURES 
		<div class="main-features ">
			<div class="container narrow home-intro-content">
				<div class="row">
					<h1>who we are</h1>
                    <p class="copy">In that space between service excellence and reliability, Onward can be found. Here awaits a world class receptive tour operator, committed to the single goal of providing unforgettable group touring experiences. <a href="about.php#why">Inclusivity</a>, <a href="about.php#why">hospitality</a>,<a href="about.php#why"> collective buying power</a>, <a href="about.php#why">expert knowledge</a> of North America, <a href="about.php#why">sustainability</a> and commitment to our valued mutual guests, are just some of the reasons we consider ourselves the only inbound group travel service provider you’ll need.</p>
				</div>
			</div>
		</div>
		<!-- END MAIN FEATURES -->
		<!-- SERVICES 
		<section id="services">
			<div class="container home-services-content">
				<div class="heading-center">
					<h2 class="section-heading">WHAT WE DO</h2>
					<p class="lead">Our Services</p>
					<hr>
				</div>
				<!-- BOXED CONTENT 
				<div class="row home-services-list">
					<div class="col-md-4">
						<div class="boxed-content left-aligned left-boxed-icon">
							<a href="services.php#receptive"><i class="fa fa-map-signs"></i></a>
							<h2 class="boxed-content-title"><a href="services.php#receptive">Receptive Inbound Operations</a></h2>
							<p>Our Tour Operator partners worldwide rely on us for comprehensive inbound services for their groups, including product development, contracting, operations, tour management and post tour feedback, to ensure end to end successful North American programs.</p>
						</div>
					</div>
                    
                    <div class="col-md-4">
						<div class="boxed-content left-aligned left-boxed-icon">
							<i class="fa fa-university"></i>
							<h2 class="boxed-content-title"><a href="services.php#university">University &amp; Sports Travel</a></h2>
							<p>Our coaches, athletic directors, staff, and teams rely on us to provide seamless and creative group travel services. Team travel, recruiting trips, special events…we will ensure a successful outcome, for every sport, 365 days a year.</p><p class="col-push-down-1"></p>
						</div>
					</div>
                    
                    <div class="col-md-4">
						<div class="boxed-content left-aligned left-boxed-icon">
							<i class="fa fa-trophy"></i>
							<h2 class="boxed-content-title"><a href="services.php#athletics">Athletics Event Management</a></h2>
							<p>Whether it’s a tournament, a friendly game, or a high profile championship match, we are your one stop for group travel needs. Look no further for comprehensive, end to end travel services for your athletes, coaches, referees, and families.</p><p class="col-push-down-1"></p>
						</div>
					</div>
                    
					<div class="col-md-4">
						<div class="boxed-content left-aligned left-boxed-icon">
							<i class="fa fa-users"></i>
							<h2 class="boxed-content-title"><a href="services.php#performance">Performance Groups</a></h2>
							<p>Performance teams have unique needs, and with our expertise, convenient bus yard locations, insurance and bond, we are the only partner you’ll need for all your travel services. We provide end to end support for your young and young at heart performance groups and their chaperones.</p>
						</div>
					</div>
					
					<div class="col-md-4">
						<div class="boxed-content left-aligned left-boxed-icon">
							<i class="fa fa-graduation-cap"></i>
							<h2 class="boxed-content-title"><a href="services.php#school">School Excursions</a></h2>
							<p>School trips are often one of the most memorable experiences of a student’s high school years. At Onward we take great pride in helping create those lifelong memories, while exposing students to some of the most remarkable landmarks and National Parks of America.</p>
						</div>
					</div>
                    
                    <div class="col-md-4">
						<div class="boxed-content left-aligned left-boxed-icon">
							<i class="fa fa-briefcase"></i>
							<h2 class="boxed-content-title"><a href="services.php#corporate">Corporate Incentive Travel</a></h2>
							<p>When your company plans an incentive trip to reward for exemplary achievements, or get away for team building, whether it’s a team within your own company, or clients, you want everything to go like clockwork.</p>
						</div>
					</div>
                    
				</div>
				<!-- END BOXED CONTENT 
			</div>
		</section>
		<!-- END SERVICES -->
		<!-- COMPONENTS 
		<section class="full-width-section no-margin">
			<div class="container narrow home-about-content">
				<div class="heading-center">
					<h2 class="section-heading">HOW WE DO IT</h2>
                    <hr>
				</div>				
                <div class="row">
                <p class="copy">We are a team of passionate adventurers dedicated to creating impeccable group travel experiences every time. We carefully consider every detail of the itinerary and ensure we deliver a memorable and measurable experience.</p>
                </div>
			</div>
		</section>
		<!-- END COMPONENTS -->
		<!-- TESTIMONIAL 
		<section id="testimoial-parallax" class="testimonial-with-bg onward-home parallax">
			<div class="container">
				<div class="testimonial slick-carousel">
					<div class="testimonial-container">
						
					</div>
				</div>
			</div>
		</section>
		<!-- END TESTIMONIAL -->
		<!-- ABOUT 
		<section id="about">
			<div class="container narrow home-difference-content">
				<div class="heading-center">
					<h2 class="section-heading">WHAT SETS US APART</h2>
					<p class="lead">The Onward Difference</p>
					<hr>
				</div>
				<div class="row">
                <p class="copy">Let us put our expertise to work for you. <a href="about.php">Learn more about what sets Onward apart.</a></p>
                </div>
			</div>
		</section>
		<!-- END ABOUT -->
		<!-- CALL-TO-ACTION -->
				<!-- INSERT 
		<section class="call-to-action">
			<div class="container">
				<div class="pull-left">
					<h2 class="section-heading">GET IN TOUCH</h2>
				</div>
				<div class="pull-right">
					<span class="line-fix">Call us at <a href="tel:8007926812">(800) 792-6812</a> or</span>&nbsp;&nbsp;<a href="contact.php" class="btn btn-lg btn-primary">REQUEST QUOTE</a>
				</div>
			</div>
		</section>
        <!-- END INSERT -->		<!-- END CALL-TO-ACTION -->
		<!-- END PAGE CONTENT -->
		<!-- FOOTER -->
				<!-- INSERT 
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-md-4">
						<!-- COLUMN 1 
						<h3 class="sr-only">ABOUT US</h3>
						<img src="assets/img/logo/onward-logo-rev.png" class="logo" alt="Onward">
						<p class="on-med-gray">A world class receptive tour operator serving the United States and Canada. Onward is committed to a single goal of providing unforgettable group touring experiences.</p>
						<br>
						<address class="margin-bottom-30px">
							<ul class="list-unstyled">
								<li>851 East Cerritos Avenue<br/> 
								Anaheim, California 92805</li>
								<li>Phone: <a href="tel:8007926812">(800) 792-6812</a> | <a href="tel:7144624522">(714) 462-4522</a></li>
								<li>Email: <a href="mailto:info@onwardgroups.com">info@onwardgroups.com</a></li>
							</ul>
						</address>
						<!-- END COLUMN 1 
					</div>
					<div class="col-md-4">
						<!-- COLUMN 2 <!-
						<h3 class="footer-heading">MORE ONWARD</h3>
						<div class="row margin-bottom-30px">
							<div class="col-xs-6">
								<ul class="list-unstyled footer-nav">
									<li><a href="services.php">Services</a></li>
									<li><a href="about.php">About</a></li>
									<li><a href="contact.php">Contact</a></li>
									<li><a href="contact.php">Request Quote</a></li>
								</ul>
							</div>
							<div class="col-xs-6">
								<ul class="list-unstyled footer-nav">
									<li><a href="questions.php">FAQ</a></li>
									<li><a href="terms.php">Terms</a></li>
									<li><a href="privacy-policy.php">Privacy Policy</a></li>
									<li><a href="index.php">Home</a></li>
								</ul>
							</div>
						</div>
						<!-- END COLUMN 2 
					</div>
					<div class="col-md-4">
						<!-- COLUMN 3 
						<div class="newsletter" style="display:none;">
							<h3 class="footer-heading">NEWSLETTER</h3>
							<p>Get the latest update from us by subscribing to our newsletter.</p>
							<form class="newsletter-form" method="POST">
								<div class="input-group input-group-lg">
									<input type="email" class="form-control" name="email" placeholder="youremail@domain.com">
									<span class="input-group-btn"><button class="btn btn-primary" type="button"><i class="fa fa-spinner fa-spin"></i><span>SUBSCRIBE</span></button>
									</span>
								</div>
								<div class="alert"></div>
							</form>
						</div>
						<div class="social-connect">
							<h3 class="footer-heading">GET CONNECTED</h3>
							<ul class="list-inline social-icons">
								<li><a href="https://www.facebook.com/Onward10" class="facebook-bg" target="_blank"><i class="fa fa-facebook"></i></a></li>
<!--<li><a href="#" class="twitter-bg"><i class="fa fa-twitter"></i></a></li>
								<li><a href="https://www.linkedin.com/company/7594770" class="linkedin-bg" target="_blank"><i class="fa fa-linkedin-square"></i></a></li>
							</ul>
						</div>
						<!-- END COLUMN 3 
					</div>
				</div>
			</div>
			<!-- COPYRIGHT 
			<div class="text-center copyright">
				&copy;2016 Onward. All Rights Reserved.
			</div>
			<!-- END COPYRIGHT 
		</footer>
		<!-- END INSERT -->		<!-- END FOOTER 
	</div>
	<!-- END WRAPPER -->
	<!-- JAVASCRIPTS 
	<script src="assets/js/jquery-2.1.1.min.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/plugins/slick/slick.min.js"></script>
	<script src="assets/js/plugins/autohidingnavbar/jquery.bootstrap-autohidingnavbar.min.js"></script>
	<script src="assets/js/repute-scripts.js"></script>
	<script src="assets/js/one-page.js"></script>
    <script src="assets/js/retina.min.js"></script>
</body>

</html>

-->
  
  

/*Downloaded from https://www.codeseek.co/jahmsc/a-pen-by-josh-holladay-yaEVpQ */
    


/*Downloaded from https://www.codeseek.co/jahmsc/a-pen-by-josh-holladay-yaEVpQ */
    

Comments