<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>UMHBMyWay</title>
	<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,300,300italic,700%7CEnriqueta:400,700' rel='stylesheet' type='text/css'>
	<link media="all" rel="stylesheet" href="css/main.css">
</head>
<body class="wrap2 side-push">
	<div id="wrapper" >
		<div class="w1">
			<header id="header">
				<div class="holder">
					<div class="logo"><a href="#"><img src="images/logo.svg" alt="MyWay an UMHB"></a></div>
					<i class="mobile-txt">Education that fits your life.</i>
					<nav id="nav">
						<a href="#" class="nav-opener"><span>Menu</span></a>
						<div class="drop">
							<div class="back-wrap">
								<a href="#" class="back">BACK</a>
							</div>
							<div class="drop-hold">
								<ul>
									<li><a href="#">MyWAY EXPERIENCE</a>
										<div class="drop-wrap">
											<span class="title-menu">MyWAY EXPERIENCE</span>
											<ul>
												<li><a href="#">UMHB Distinctives</a></li>
												<li><a href="#">MyWay Distinctives</a></li>
												<li><a href="#">What is Competency-Based Education</a></li>
												<li><a href="#">Mentorship</a></li>
												<li><a href="#">Paying for MyWay</a></li>
											</ul>
										</div>
									</li>
									<li><a href="#">PROGRAM DISTINCTIVES</a>
										<div class="drop-wrap">
											<span class="title-menu">PROGRAM DISTINCTIVES</span>
											<ul>
												<li><a href="#">UMHB Distinctives</a></li>
												<li><a href="#">MyWay Distinctives</a></li>
												<li><a href="#">What is Competency-Based Education</a></li>
												<li><a href="#">Mentorship</a></li>
												<li><a href="#">Paying for MyWay</a></li>
											</ul>
										</div>
									</li>
									<li><a href="#">FAQs</a>
										<div class="drop-wrap">
											<span class="title-menu">FAQs</span>
											<ul>
												<li><a href="#">UMHB Distinctives</a></li>
												<li><a href="#">MyWay Distinctives</a></li>
												<li><a href="#">What is Competency-Based Education</a></li>
												<li><a href="#">Mentorship</a></li>
												<li><a href="#">Paying for MyWay</a></li>
											</ul>
										</div>
									</li>
								</ul>
								<ul>
									<li><a href="#">REQUEST INFO</a>
										<div class="drop-wrap">
											<span class="title-menu">REQUEST INFO</span>
											<ul>
												<li><a href="#">UMHB Distinctives</a></li>
												<li><a href="#">MyWay Distinctives</a></li>
												<li><a href="#">What is Competency-Based Education</a></li>
												<li><a href="#">Mentorship</a></li>
												<li><a href="#">Paying for MyWay</a></li>
											</ul>
										</div>
									</li>
									<li><a href="#">APPLY</a>
										<div class="drop-wrap">
											<span class="title-menu">APPLY</span>
											<ul>
												<li><a href="#">UMHB Distinctives</a></li>
												<li><a href="#">MyWay Distinctives</a></li>
												<li><a href="#">What is Competency-Based Education</a></li>
												<li><a href="#">Mentorship</a></li>
												<li><a href="#">Paying for MyWay</a></li>
											</ul>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</nav>
					<div class="open-search">
						<a class="opener-search" href="#"><span class="icons-search"></span></a>
						<div class="slide-search">
							<form accept-charset="UTF-8" id="search-block-form" method="get" action="/search/node" data-drupal-form-fields="edit-keys,edit-submit">
								<div class="js-form-item form-item js-form-type-search form-item-keys js-form-item-keys form-no-label">
									<label class="visually-hidden" for="edit-keys">Search</label>
									<input type="search" class="form-search" maxlength="128" size="15" value="" name="keys" id="edit-keys" data-drupal-selector="edit-keys" title="Enter the terms you wish to search for.">
								</div>
								<div id="edit-actions" class="form-actions js-form-wrapper form-wrapper" data-drupal-selector="edit-actions">
									<input type="submit" class="button js-form-submit form-submit" value="Search" name="" id="edit-submit" data-drupal-selector="edit-submit">
								</div>
							</form>
						</div>
					</div>
				</div>
			</header>
			<main id="main">
				<div class="banner">
					<div class="gallery-paralax">
						<div class="slideset">
							<div class="slide">
								<div class="bg-holder">
									<img src="images/img-01.jpg" alt="image description" width="1520" height="981">
								</div>
							</div>
							<div class="slide">
								<div class="bg-holder">
									<img src="images/img-11.jpg" alt="image description" width="1520" height="981">
								</div>
							</div>
						</div>
					</div>
					<div class="text">
						<div class="text-hold">
							<div class="img-logo"><img src="images/logo-01.png" alt="image description"></div>
							<p><i>Education that fits your life.</i></p>
							<a href="#" class="btn">coming fall 2016</a>
						</div>
					</div>
					<a href="#" class="btn-down"><span class="icons-down"></span></a>
				</div>
				<section class="gallery-wrap">
					<div class="container-gallery">
						<div class="cycle-gallery">
							<div class="mask">
								<div class="slideset">
									<div class="slide">
										<blockquote>
											<q>“This is a key step forward in expanding access to affordable higher education. We know many students and adult learners across the country need the flexibility to fit their education into their lives or work through a class on their own pace, and these competency-based programs offer those features.”</q>
											<cite>—Arne Duncan, U.S. Secretary of Education</cite>
										</blockquote>
									</div>
									<div class="slide">
										<blockquote>
											<q>“This is a key step forward in expanding access to affordable higher education. We know many students and adult learners across the country need the flexibility to fit their education into their lives or work through a class on their own pace, and these competency-based programs offer those features.”</q>
											<cite>—Arne Duncan, U.S. Secretary of Education</cite>
										</blockquote>
									</div>
									<div class="slide">
										<blockquote>
											<q>“This is a key step forward in expanding access to affordable higher education. We know many students and adult learners across the country need the flexibility to fit their education into their lives or work through a class on their own pace, and these competency-based programs offer those features.”</q>
											<cite>—Arne Duncan, U.S. Secretary of Education</cite>
										</blockquote>
									</div>
								</div>
							</div>
							<a class="btn-prev" href="#"><span class="icons-arrow-left"></span></a>
							<a class="btn-next" href="#"><span class="icons-arrow-right"></span></a>
						</div>
					</div>
				</section>
				<section class="section slider-block">
					<div class="container">
						<h1>My<span class="narrow">Way</span> is Flexible.</h1>
						<div class="tabs">
							<ul class="tabset">
								<li>
									<a href="#tab1">
										<span class="ico icons-wifi"></span>
										<span class="text">Fully online delivery</span>
									</a>
								</li>
								<li>
									<a href="#tab2">
										<span class="ico icons-clock"></span>
										<span class="text">Progress at your own pace</span>
									</a>
								</li>
								<li>
									<a href="#tab3">
										<span class="ico icons-calendar"></span>
										<span class="text">Set your own calendar</span>
									</a>
								</li>
								<li>
									<a href="#tab4">
										<span class="ico icons-download"></span>
										<span class="text">Transfer- friendly</span>
									</a>
								</li>
							</ul>
							<div class="tab-content">
								<div id="tab1">
									<div class="slide-block">
										<div class="columns">
											<div class="col">
												<p>Further description about the above benefit to go here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis risus in nibh lobortis blandit. Praesent laoreet quam vitae gravida vehicula. Integer ut risus in sem scelerisque faucibus a ut erat. Aenean nec pellentesque nibh. Proin nibh leo, tristique vel lacus sed, posuere suscipit quam</p>
											</div>
											<div class="col">
												<a href="#" class="btn">
													<span class="off">Button Style off</span>
													<span class="on">Button Style on</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div id="tab2">
									<div class="slide-block">
										<div class="columns">
											<div class="col">
												<p>Further description about the above benefit to go here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis risus in nibh lobortis blandit. Praesent laoreet quam vitae gravida vehicula. Integer ut risus in sem scelerisque faucibus a ut erat. Aenean nec pellentesque nibh.</p>
											</div>
											<div class="col">
												<a href="#" class="btn">
													<span class="off">Button Style off</span>
													<span class="on">Button Style on</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div id="tab3">
									<div class="slide-block">
										<div class="columns">
											<div class="col">
												<p>Further description about the above benefit to go here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis risus in nibh lobortis blandit. Praesent laoreet quam vitae gravida vehicula. Integer ut risus in sem scelerisque faucibus a ut erat. Aenean nec pellentesque nibh. Proin nibh leo, tristique vel lacus sed, posuere suscipit quam</p>
											</div>
											<div class="col">
												<a href="#" class="btn">
													<span class="off">Button Style off</span>
													<span class="on">Button Style on</span>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div id="tab4">
									<div class="slide-block">
										<div class="columns">
											<div class="col">
												<p>Further description about the above benefit to go here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis risus in nibh lobortis blandit. Praesent laoreet quam vitae gravida vehicula. Integer ut risus in sem scelerisque faucibus a ut erat. Aenean nec pellentesque nibh.</p>
											</div>
											<div class="col">
												<a href="#" class="btn">
													<span class="off">Button Style off</span>
													<span class="on">Button Style on</span>
												</a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
				<section class="section section-1">
					<div class="panel" style="background-image:url(images/bg-02.jpg)">
						<div class="container">
							<h1>My<span class="narrow">Way</span> is Affordable.</h1>
							<div class="affordable-box">
								<div class="col">
									<span class="inc">$3000</span>
									<span class="txt">per 6-month subscription</span>
								</div>
								<div class="col">
									<ul>
										<li>Finish as many credit hours as you can during your 6-month subscription for flat rate of $3000—the more you complete, the more affordable it becomes.</li>
										<li>We offer full or monthly payment plans to help you budget.</li>
										<li>All resources are included so there are no textbook fees. In fact, there are no additional or hidden fees.</li>
									</ul>
									<div class="btn-hold">
										<a href="#" class="btn btn-grey">PAYING FOR MyWay</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="bar">
						<div class="container">
							<p><span class="txt">Try My<span class="narrow">Way</span> risk free for 30 days.</span> <a href="#" class="btn btn-grey">learn more</a></p>
						</div>
					</div>
				</section>
				<section class="section slider-block">
					<h1>My<span class="narrow">Way</span> is High Quality.</h1>
					<div class="cycle-gallery-tab">
						<div class="mask">
							<div class="slideset">
								<div class="slide">
									<div class="hold-slide">
										<a class="click-box" href="#tab5">
											<span class="visual"><img src="images/img-02.jpg" alt="image description" width="235" height="235"></span>
										</a>
										<span class="text">Developed by UMHB faculty</span>
									</div>
									<div class="tab-holder">
										<div class="slide-block" id="tab5">
											<div class="columns">
												<div class="col">
													<p>Further description about the above benefit to go here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis risus in nibh lobortis blandit. Praesent laoreet quam vitae gravida vehicula. Integer ut risus in sem scelerisque faucibus a ut erat. Aenean nec pellentesque nibh. Proin nibh leo, tristique vel lacus sed, posuere suscipit quam</p>
												</div>
												<div class="col">
													<a href="#" class="btn">
														<span class="off">Button Style off</span>
														<span class="on">Button Style on</span>
													</a>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="slide">
									<div class="hold-slide">
										<a class="click-box" href="#tab6">
											<span class="visual"><img src="images/img-03.jpg" alt="image description" width="235" height="235"></span>
										</a>
										<span class="text">Designed to be a UMHB Experience</span>
									</div>
									<div class="tab-holder">
										<div class="slide-block" id="tab6">
											<div class="columns">
												<div class="col">
													<p>Further description about the above benefit to go here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis risus in nibh lobortis blandit. Praesent laoreet quam vitae gravida vehicula. Integer ut risus in sem scelerisque faucibus a ut erat. Aenean nec pellentesque nibh. Proin nibh leo, tristique vel lacus sed, posuere suscipit quam</p>
												</div>
												<div class="col">
													<a href="#" class="btn">
														<span class="off">Button Style off</span>
														<span class="on">Button Style on</span>
													</a>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="slide">
									<div class="hold-slide">
										<a class="click-box" href="#tab7">
											<span class="visual"><img src="images/img-04.jpg" alt="image description" width="235" height="235"></span>
										</a>
										<span class="text">Personal Completion Coach to help you reach your goals</span>
									</div>
									<div class="tab-holder">
										<div class="slide-block" id="tab7">
											<div class="columns">
												<div class="col">
													<p>Further description about the above benefit to go here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis risus in nibh lobortis blandit. Praesent laoreet quam vitae gravida vehicula. Integer ut risus in sem scelerisque faucibus a ut erat. Aenean nec pellentesque nibh. Proin nibh leo, tristique vel lacus sed, posuere suscipit quam</p>
												</div>
												<div class="col">
													<a href="#" class="btn">
														<span class="off">Button Style off</span>
														<span class="on">Button Style on</span>
													</a>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="slide">
									<div class="hold-slide">
										<a class="click-box" href="#tab8">
											<span class="visual"><img src="images/img-05.jpg" alt="image description" width="235" height="235"></span>
										</a>
										<span class="text">Tutoring service available 24/7</span>
									</div>
									<div>
										<div class="tab-holder">
											<div class="slide-block" id="tab8">
												<div class="columns">
													<div class="col">
														<p>Further description about the above benefit to go here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis risus in nibh lobortis blandit. Praesent laoreet quam vitae gravida vehicula. Integer ut risus in sem scelerisque faucibus a ut erat. Aenean nec pellentesque nibh. Proin nibh leo, tristique vel lacus sed, posuere suscipit quam</p>
													</div>
													<div class="col">
														<a href="#" class="btn">
															<span class="off">Button Style off</span>
															<span class="on">Button Style on</span>
														</a>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="tab-container"></div>
						<a class="btn-prev" href="#"><span class="icons-prew"></span></a>
						<a class="btn-next" href="#"><span class="icons-next"></span></a>
					</div>
				</section>
				<section class="section section-1">
					<div class="panel-1">
							<div class="bg-holder shadow">
								<img src="images/bg-03.jpg" alt="image description" width="1520" height="950">
							</div>
						<div class="container">
							<div class="text">
								<h2>How is My<span class="narrow">Way</span> different from traditional online programs?</h2>
								<p>The MyWay program is a competency-based education (CBE) program. At UMHB, that means you learn at your own personal pace, then decide when you’re ready to take an assessment to demonstrate competency. No waiting for the test date to arrive! Once you’ve demonstrated mastery of an assessment, you’re free to move on to the next one. All this happens while a part of a personal support system of completion coaches and faculty.</p>
								<p>We understand that life happens sometimes, that education isn’t a “one size fits all,” that it takes a supportive environment, and that achieving a degree is an important milestone regardless of when it happens.</p>
								<div class="btn-hold">
									<a href="#" class="btn btn-grey">Is myway a good fit for me?</a>
								</div>
							</div>
						</div>
					</div>
				</section>
				<section class="section section-form">
					<div class="container">
						<h1>Ready for more?</h1>
						<div class="form-wrap">
							<form accept-charset="UTF-8" id="contact-message-registration-box-form-form" method="post" action="/" data-drupal-form-fields="edit-field-first-name-0-value,edit-field-last-name-0-value,edit-field-email-0-value,edit-field-phone-0-value,edit-submit,edit-preview">
								<div id="edit-field-first-name-wrapper" data-drupal-selector="edit-field-first-name-wrapper" class="field--type-string field--name-field-first-name field--widget-string-textfield js-form-wrapper form-wrapper">
									<div class="js-form-item form-item js-form-type-textfield form-item-field-first-name-0-value js-form-item-field-first-name-0-value">
										<label class="js-form-required form-required" for="edit-field-first-name-0-value">First name</label>
										<input type="text" aria-required="true" required="required" placeholder="First name" maxlength="255" size="60" value="" name="field_first_name[0][value]" id="edit-field-first-name-0-value" data-drupal-selector="edit-field-first-name-0-value" class="js-text-full text-full form-text required">
									</div>
								</div>
								<input type="hidden" value="form-qh3_wnPGY_hszc_8SjuRrIZE3UQ7wuucQw68MwZu6gY" name="form_build_id" data-drupal-selector="form-qh3-wnpgy-hszc-8sjurrize3uq7wuucqw68mwzu6gy">
								<input type="hidden" value="O-t82Kb5gUdbekioeuBKYBj45kdkgTd2zbMIGEdguq4" name="form_token" data-drupal-selector="edit-contact-message-registration-box-form-form-form-token">
								<input type="hidden" value="contact_message_registration_box_form_form" name="form_id" data-drupal-selector="edit-contact-message-registration-box-form-form">
								<div id="edit-field-last-name-wrapper" data-drupal-selector="edit-field-last-name-wrapper" class="field--type-string field--name-field-last-name field--widget-string-textfield js-form-wrapper form-wrapper">
									<div class="js-form-item form-item js-form-type-textfield form-item-field-last-name-0-value js-form-item-field-last-name-0-value">
										<label class="js-form-required form-required" for="edit-field-last-name-0-value">Last name</label>
										<input type="text" aria-required="true" required="required" placeholder="Last Name" maxlength="255" size="60" value="" name="field_last_name[0][value]" id="edit-field-last-name-0-value" data-drupal-selector="edit-field-last-name-0-value" class="js-text-full text-full form-text required">
									</div>
								</div>
								<div id="edit-field-email-wrapper" data-drupal-selector="edit-field-email-wrapper" class="field--type-email field--name-field-email field--widget-email-default js-form-wrapper form-wrapper">
									<div class="js-form-item form-item js-form-type-email form-item-field-email-0-value js-form-item-field-email-0-value">
										<label class="js-form-required form-required" for="edit-field-email-0-value">Email</label>
										<input type="email" aria-required="true" required="required" class="form-email required" placeholder="Email" maxlength="254" size="60" value="" name="field_email[0][value]" id="edit-field-email-0-value" data-drupal-selector="edit-field-email-0-value">
									</div>
								</div>
								<div id="edit-langcode-wrapper" data-drupal-selector="edit-langcode-wrapper" class="field--type-language field--name-langcode field--widget-language-select js-form-wrapper form-wrapper"></div>
								<div id="edit-field-phone-wrapper" data-drupal-selector="edit-field-phone-wrapper" class="field--type-string field--name-field-phone field--widget-string-textfield js-form-wrapper form-wrapper">
									<div class="js-form-item form-item js-form-type-textfield form-item-field-phone-0-value js-form-item-field-phone-0-value">
										<label class="js-form-required form-required" for="edit-field-phone-0-value">Phone #</label>
										<input type="text" aria-required="true" required="required" placeholder="phone #" maxlength="255" size="60" value="" name="field_phone[0][value]" id="edit-field-phone-0-value" data-drupal-selector="edit-field-phone-0-value" class="js-text-full text-full form-text required">
									</div>
								</div>
								<div id="edit-actions" class="form-actions js-form-wrapper form-wrapper" data-drupal-selector="edit-actions">
									<input type="submit" class="button button--primary js-form-submit form-submit" value="go" name="op" id="edit-submit" data-drupal-selector="edit-submit">
									<input type="submit" class="button js-form-submit form-submit" value="Preview" name="op" id="edit-preview" data-drupal-selector="edit-preview">
								</div>
							</form>
						</div>
					</div>
				</section>
			</main>
			<footer id="footer">
				<div class="holder">
					<div class="col">
						<div class="logo-footer"><a href="#"><img src="images/logo-footer.png" alt="University of mary hardin-baylor" width="288" height="56"></a></div>
						<address class="address">
							900 College Street <span class="bull">•</span> Belton, TX 76513 <span class="bull">•</span> <a href="tel:8007278642">(800) 727-8642</a> <span class="bull">•</span> <a href="tel:2542958642">(254)295-8642</a>
						</address>
					</div>
					<div class="col">
						<ul class="list-button">
							<li><a href="#" class="btn"><span class="icons-check"></span> request more information</a></li>
							<li><a href="#" class="btn"><span class="icons-pen"></span> apply now</a></li>
						</ul>
					</div>
				</div>
			</footer>
		</div>
	</div>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" defer></script>
	<script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.11.2.min.js" defer><\/script>')</script>
	<script type="text/javascript" src="js/jquery.main.js" defer></script>
</body>
</html>