<!DOCTYPE html>
<html>
<head>
<title>
</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- /////////////////////////////////////
There are 5 steps that need to be changed for each Twine "window"
////////////////////////////////////// -->
<div>
<header>
<img id="logo" src="images/JTCCLogoWhite.png" alt="JTCC Logo" />
<!-- 1. Change Header for each "stage" -->
<h1 class="headerh1">Start Page</h1>
<!-- 1. Change Header-->
</header>
<aside class="scroll">
<br class="linebreak"/>
<br class="linebreak"/>
<h1 class="h1">Instructions</h1>
<br class="linebreak"/>
<!-- 2. Change Instructions accordingly -->
<p class="para">Tim is planing to register at John Tyler Community College for the Spring 2016 to continue his education.
He will need to complete the following steps to enroll:
<br class="linebreak"/>
<br class="linebreak"/>
<strong>Step 1:</strong> Check Dates and Deadlines
<br class="linebreak"/>
<strong>Step 2:</strong> Apply Online or Pick up an Application for Admission
<br class="linebreak"/>
<strong>Step 3:</strong> Schedule a Placement Tests
<br class="linebreak"/>
<strong>Step 4</strong>: Apply for Financial Aid
<br class="linebreak"/>
<strong>Step 5:</strong> Visit the Counseling Center
<br class="linebreak"/>
<strong>Step 6:</strong> Pay Tuition and Fees
<br class="linebreak"/>
<strong>Step 7:</strong> Purchase Textbooks
<br class="linebreak"/>
<strong>Step 8:</strong> Check Safety and Security
<br class="linebreak"/>
<br class="linebreak"/>
</p>
<!-- 2. Don't forget to change above -->
</aside>
<article>
<div class="content">
<img class="tim" src="images/timstart.jpg" alt="Tim" />
<!-- 3. ****When changing sites, a new class needs to be given and adjusted in css**** -->
<iframe class="jtccsite" src="" /></iframe>
<!-- 3. Change site and class, also in css -->
</div>
</article>
<footer>
<!-- 4. Change the class to "progresson" or "progressoff" depending how far along we are in the Twine -->
<div class="progress">
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
</div>
<!-- 4. Don't forget to change class of progress bar -->
<!-- 5. Change Steps -->
<div class="footerleft">
<p></p>
</div>
<div class="home">
<p>[[Start]]</p>
</div>
<div class="footerright">
<p>Next: [[Dates and Deadlines]]</p>
</div>
<!-- 5. Change Steps -->
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- /////////////////////////////////////
There are 5 steps that need to be changed for each Twine "window"
////////////////////////////////////// -->
<div>
<header>
<img id="logo" src="images/JTCCLogoWhite.png" alt="JTCC Logo" />
<!-- 1. Change Header for each "stage" -->
<h1 class="headerh1">Apply Online</h1>
<!-- 1. Change Header-->
</header>
<aside class="scroll">
<br class="linebreak"/>
<br class="linebreak"/>
<h1 class="h1">Instructions</h1>
<br class="linebreak"/>
<!-- 2. Change Instructions accordingly -->
<p class="para">To apply online Tim comes to the Virginia Community College Online Admissions website. Here he follows the step by step instructions for applying to John Tyler. <br class="linebreak"/><br class="linebreak"/>Once the application process is complete Tim can apply for financial aid by completing a Free Application for Federal Student Aid or FAFSA.</p>
<!-- 2. Don't forget to change above -->
</aside>
<article>
<div class="content">
<!-- 3. ****When changing sites, a new class needs to be given and adjusted in css**** -->
<iframe class="apply" src="https://apply.vccs.edu/oa/launch.action" /></iframe>
<!-- 3. Change site and class, also in css -->
</div>
</article>
<footer>
<!-- 4. Change the class to "progresson" or "progressoff" depending how far along we are in the Twine -->
<div class="progress">
<div class="progresson"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
</div>
<!-- 4. Don't forget to change class of progress bar -->
<!-- 5. Change Steps -->
<div class="footerleft">
<p>Previous: [[Apply Online or with an Application]]</p>
</div>
<div class="home">
<p>[[Start]]</p>
</div>
<div class="footerright">
<p>Next: [[Apply for Financial Aid]]</p>
</div>
<!-- 5. Change Steps -->
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- /////////////////////////////////////
There are 5 steps that need to be changed for each Twine "window"
////////////////////////////////////// -->
<div>
<header>
<img id="logo" src="images/JTCCLogoWhite.png" alt="JTCC Logo" />
<!-- 1. Change Header for each "stage" -->
<h1 class="headerh1">Admission and Records Office</h1>
<!-- 1. Change Header-->
</header>
<aside class="scroll">
<br class="linebreak"/>
<br class="linebreak"/>
<h1 class="h1">Instructions</h1>
<br class="linebreak"/>
<!-- 2. Change Instructions accordingly -->
<p class="para">Tim's decision to apply on campus prompted him to check the schools website for information on the schools Admissions and Records Office hours. He was able to find their contact information such as address, hours, and phone number.
<br class="linebreak"/>
<br class="linebreak"/>
Once the application process is complete Tim can apply for financial aid by completing a Free Application for Federal Student Aid or FAFSA.</p>
<!-- 2. Don't forget to change above -->
</aside>
<article>
<div class="content">
<!-- 3. ****When changing sites, a new class needs to be given and adjusted in css**** -->
<iframe class="jtccsite" src="http://www.jtcc.edu/admissions/admissions-and-records-office/" /></iframe>
<!-- 3. Change site and class, also in css -->
</div>
</article>
<footer>
<!-- 4. Change the class to "progresson" or "progressoff" depending how far along we are in the Twine -->
<div class="progress">
<div class="progresson"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
</div>
<!-- 4. Don't forget to change class of progress bar -->
<!-- 5. Change Steps -->
<div class="footerleft">
<p>Previous: [[Apply Online or with an Application]]</p>
</div>
<div class="home">
<p>[[Start]]</p>
</div>
<div class="footerright">
<p>Next: [[Apply for Financial Aid]]</p>
</div>
<!-- 5. Change Steps -->
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- /////////////////////////////////////
There are 5 steps that need to be changed for each Twine "window"
////////////////////////////////////// -->
<div>
<header>
<img id="logo" src="images/JTCCLogoWhite.png" alt="JTCC Logo" />
<!-- 1. Change Header for each "stage" -->
<h1 class="headerh1">Schedule Placement Tests</h1>
<!-- 1. Change Header-->
</header>
<aside class="scroll">
<br class="linebreak"/>
<br class="linebreak"/>
<h1 class="h1">Instructions</h1>
<br class="linebreak"/>
<!-- 2. Change Instructions accordingly -->
<p class="para">As a new student Tim is going to schedule his placement tests for English (reading and writing) and mathematics.
<br class="linebreak"/>
<br class="linebreak"/>
In the College Catalog he finds out the specific placement testing requirements for his program.
<br class="linebreak"/>
<br class="linebreak"/>
John Tyler Community College generally requires placement tests in English and mathematics for all new students seeking admission to degree and certificate programs, as well as some career studies certificates programs. See the <em>College Catalog</em> for specific placement testing requirements for your program.
<br class="linebreak"/>
<br class="linebreak"/>
Eligible SAT, or ACT scores may also be used for placement purposes. Tim can find out more about testing requirements as well as testing dates and times on our <em>Testing Centers Page</em>.
<br class="linebreak"/>
<br class="linebreak"/>
</p>
<!-- 2. Don't forget to change above -->
</aside>
<article>
<div class="content">
<img class="timwide" src="images/placement center.jpg" alt="Tim" />
<!-- 3. ****When changing sites, a new class needs to be given and adjusted in css**** -->
<iframe class="jtccsite" src="" /></iframe>
<!-- 3. Change site and class, also in css -->
</div>
</article>
<footer>
<!-- 4. Change the class to "progresson" or "progressoff" depending how far along we are in the Twine -->
<div class="progress">
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
</div>
<!-- 4. Don't forget to change class of progress bar -->
<!-- 5. Change Steps -->
<div class="footerleft">
<p>Previous: [[Apply for Financial Aid]]</p>
</div>
<div class="home">
<p>[[Start]]</p>
</div>
<div class="footerright">
<p>Next: [[College Catalog]] or [[Testing Centers Page]]</p>
</div>
<!-- 5. Change Steps -->
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- /////////////////////////////////////
There are 5 steps that need to be changed for each Twine "window"
////////////////////////////////////// -->
<div>
<header>
<img id="logo" src="images/JTCCLogoWhite.png" alt="JTCC Logo" />
<!-- 1. Change Header for each "stage" -->
<h1 class="headerh1">College Catalog</h1>
<!-- 1. Change Header-->
</header>
<aside class="scroll">
<br class="linebreak"/>
<br class="linebreak"/>
<h1 class="h1">Instructions</h1>
<br class="linebreak"/>
<!-- 2. Change Instructions accordingly -->
<p class="para">On the Publications and Resources page, before scheduling his placement test, Tim can review the current course catalog to check the requirements for the course study he is interested in. </p>
<!-- 2. Don't forget to change above -->
</aside>
<article>
<div class="content">
<!-- 3. ****When changing sites, a new class needs to be given and adjusted in css**** -->
<iframe class="jtccsite" src="http://www.jtcc.edu/about/publications/" /></iframe>
<!-- 3. Change site and class, also in css -->
</div>
</article>
<footer>
<!-- 4. Change the class to "progresson" or "progressoff" depending how far along we are in the Twine -->
<div class="progress">
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
</div>
<!-- 4. Don't forget to change class of progress bar -->
<!-- 5. Change Steps -->
<div class="footerleft">
<p>Previous: [[Schedule Placement Tests]]</p>
</div>
<div class="home">
<p>[[Start]]</p>
</div>
<div class="footerright">
<p>Next: [[Testing Centers Page]]</p>
</div>
<!-- 5. Change Steps -->
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- /////////////////////////////////////
There are 5 steps that need to be changed for each Twine "window"
////////////////////////////////////// -->
<div>
<header>
<img id="logo" src="images/JTCCLogoWhite.png" alt="JTCC Logo" />
<!-- 1. Change Header for each "stage" -->
<h1 class="headerh1">Testing Centers</h1>
<!-- 1. Change Header-->
</header>
<aside class="scroll">
<br class="linebreak"/>
<br class="linebreak"/>
<h1 class="h1">Instructions</h1>
<br class="linebreak"/>
<!-- 2. Change Instructions accordingly -->
<p class="para">After completing the placement test Tim's next step will be to meet with a counselor and declare a major. </p>
<!-- 2. Don't forget to change above -->
</aside>
<article>
<div class="content">
<!-- 3. ****When changing sites, a new class needs to be given and adjusted in css**** -->
<iframe class="jtccsite" src="http://www.jtcc.edu/services/testing-centers/" /></iframe>
<!-- 3. Change site and class, also in css -->
</div>
</article>
<footer>
<!-- 4. Change the class to "progresson" or "progressoff" depending how far along we are in the Twine -->
<div class="progress">
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
</div>
<!-- 4. Don't forget to change class of progress bar -->
<!-- 5. Change Steps -->
<div class="footerleft">
<p>Previous: [[Schedule Placement Tests]]</p>
</div>
<div class="home">
<p>[[Start]]</p>
</div>
<div class="footerright">
<p>Next: [[Visit the Counseling Center]]</p>
</div>
<!-- 5. Change Steps -->
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- /////////////////////////////////////
There are 5 steps that need to be changed for each Twine "window"
////////////////////////////////////// -->
<div>
<header>
<img id="logo" src="images/JTCCLogoWhite.png" alt="JTCC Logo" />
<!-- 1. Change Header for each "stage" -->
<h1 class="headerh1">Academic Calendar</h1>
<!-- 1. Change Header-->
</header>
<aside class="scroll">
<br class="linebreak"/>
<br class="linebreak"/>
<h1 class="h1">Instructions</h1>
<br class="linebreak"/>
<!-- 2. Change Instructions accordingly -->
<p class="para">Tim finds a link to the John Tyler website that lists the important dates and deadlines he will need to keep in mind throughout this process.
After reviewing the dates he is ready to apply! </p>
<!-- 2. Don't forget to change above -->
</aside>
<article>
<div class="content">
<!-- 3. ****When changing sites, a new class needs to be given and adjusted in css**** -->
<iframe class="jtccsite" src="http://www.jtcc.edu/academics/academic-calendar/" /></iframe>
<!-- 3. Change site and class, also in css -->
</div>
</article>
<footer>
<!-- 4. Change the class to "progresson" or "progressoff" depending how far along we are in the Twine -->
<div class="progress">
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
</div>
<!-- 4. Don't forget to change class of progress bar -->
<!-- 5. Change Steps -->
<div class="footerleft">
<p>Previous: [[Start]]</p>
</div>
<div class="home">
<p>[[Start]]</p>
</div>
<div class="footerright">
<p>Next: [[Apply Online or with an Application]]</p>
</div>
<!-- 5. Change Steps -->
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- /////////////////////////////////////
There are 5 steps that need to be changed for each Twine "window"
////////////////////////////////////// -->
<div>
<header>
<img id="logo" src="images/JTCCLogoWhite.png" alt="JTCC Logo" />
<!-- 1. Change Header for each "stage" -->
<h1 class="headerh1">Apply for Financial Aid</h1>
<!-- 1. Change Header-->
</header>
<aside class="scroll">
<br class="linebreak"/>
<br class="linebreak"/>
<h1 class="h1">Instructions</h1>
<br class="linebreak"/>
<!-- 2. Change Instructions accordingly -->
<p class="para">On the site on the right Tim finds everything he needs to know about completing the FAFSA.
<br class="linebreak"/>
<br class="linebreak"/>
The next step to conquer is to scheduling placement tests.
</p>
<!-- 2. Don't forget to change above -->
</aside>
<article>
<div class="content">
<!-- 3. ****When changing sites, a new class needs to be given and adjusted in css**** -->
<iframe class="jtccsite" src="http://www.jtcc.edu/pay-for-tyler/financial-aid-basics/financial-aid-process/" /></iframe>
<!-- 3. Change site and class, also in css -->
</div>
</article>
<footer>
<!-- 4. Change the class to "progresson" or "progressoff" depending how far along we are in the Twine -->
<div class="progress">
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
</div>
<!-- 4. Don't forget to change class of progress bar -->
<!-- 5. Change Steps -->
<div class="footerleft">
<p>Previous: [[Apply Online]] or [[Admissions Office]]</p>
</div>
<div class="home">
<p>[[Start]]</p>
</div>
<div class="footerright">
<p>Next: [[Schedule Placement Tests]]</p>
</div>
<!-- 5. Change Steps -->
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- /////////////////////////////////////
There are 5 steps that need to be changed for each Twine "window"
////////////////////////////////////// -->
<div>
<header>
<img id="logo" src="images/JTCCLogoWhite.png" alt="JTCC Logo" />
<!-- 1. Change Header for each "stage" -->
<h1 class="headerh1">Visit the Counseling Center</h1>
<!-- 1. Change Header-->
</header>
<aside class="scroll">
<br class="linebreak"/>
<br class="linebreak"/>
<h1 class="h1">Instructions</h1>
<br class="linebreak"/>
<!-- 2. Change Instructions accordingly -->
<p class="para">Once Tim has taken the placement test or submitted the satisfactory SAT scores he will need to make the decision of which major to declare. By choosing from the catalog below of available majors at John Tyler Tim can determine which curriculm he will be studying.
<br class="linebreak"/>
<br class="linebreak"/>
Declaring a major not only determines which curriculum he will need to follow, but it also has Tim assigned an academic advisor who has an interest and expertise in his chosen program of study.
<br class="linebreak"/>
<br class="linebreak"/>
This is a necessary step for all students applying for financial aid. At the time of placement the counselor will notify him which academic advisor he will have.
<br class="linebreak"/>
<br class="linebreak"/>
</p>
<!-- 2. Don't forget to change above -->
</aside>
<article>
<div class="content">
<!-- 3. ****When changing sites, a new class needs to be given and adjusted in css**** -->
<iframe class="jtccsite" src="https://jtcc.edu/services/counseling-and-student-success-centers/" /></iframe>
<!-- 3. Change site and class, also in css -->
</div>
</article>
<footer>
<!-- 4. Change the class to "progresson" or "progressoff" depending how far along we are in the Twine -->
<div class="progress">
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
</div>
<!-- 4. Don't forget to change class of progress bar -->
<!-- 5. Change Steps -->
<div class="footerleft">
<p>Previous: [[Testing Centers Page]]</p>
</div>
<div class="home">
<p>[[Start]]</p>
</div>
<div class="footerright">
<p>Next: [[List of Majors]]</p>
</div>
<!-- 5. Change Steps -->
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- /////////////////////////////////////
There are 5 steps that need to be changed for each Twine "window"
////////////////////////////////////// -->
<div>
<header>
<img id="logo" src="images/JTCCLogoWhite.png" alt="JTCC Logo" />
<!-- 1. Change Header for each "stage" -->
<h1 class="headerh1">Pay Tuition and Fees</h1>
<!-- 1. Change Header-->
</header>
<aside class="scroll">
<br class="linebreak"/>
<br class="linebreak"/>
<h1 class="h1">Instructions</h1>
<br class="linebreak"/>
<!-- 2. Change Instructions accordingly -->
<p class="para">Tuition and fees can be paid online or in person on campus. To check for their address and hours of operation, Tim checks the <em>Business Office</em> website. Once this step is complete he can gather his supplies and books needed for class! </p>
<!-- 2. Don't forget to change above -->
</aside>
<article>
<div class="content">
<!-- 3. ****When changing sites, a new class needs to be given and adjusted in css**** -->
<iframe class="jtccsite" src="http://www.jtcc.edu/pay-for-tyler/tuition-and-fees/" /></iframe>
<!-- 3. Change site and class, also in css -->
</div>
</article>
<footer>
<!-- 4. Change the class to "progresson" or "progressoff" depending how far along we are in the Twine -->
<div class="progress">
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
</div>
<!-- 4. Don't forget to change class of progress bar -->
<!-- 5. Change Steps -->
<div class="footerleft">
<p>Previous: [[List of Majors]]</p>
</div>
<div class="home">
<p>[[Start]]</p>
</div>
<div class="footerright">
<p>Next: [[Business Office]] or [[Purchase Textbooks]]</p>
</div>
<!-- 5. Change Steps -->
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- /////////////////////////////////////
There are 5 steps that need to be changed for each Twine "window"
////////////////////////////////////// -->
<div>
<header>
<img id="logo" src="images/JTCCLogoWhite.png" alt="JTCC Logo" />
<!-- 1. Change Header for each "stage" -->
<h1 class="headerh1">Purchase Textbooks</h1>
<!-- 1. Change Header-->
</header>
<aside class="scroll">
<br class="linebreak"/>
<br class="linebreak"/>
<h1 class="h1">Instructions</h1>
<br class="linebreak"/>
<!-- 2. Change Instructions accordingly -->
<p class="para">After Tim has selected his classes from the options available for that semester he must purchase the books required to participate in class activities and assignments. Click the next step below if Tim received <em>Financial Aid</em> or if he will be purchasing his books <em>Out of Pocket</em>. </p>
<!-- 2. Don't forget to change above -->
</aside>
<article>
<div class="content">
<img class="timwide" src="images/bookstore.jpg" alt="Tim" />
<!-- 3. ****When changing sites, a new class needs to be given and adjusted in css**** -->
<iframe class="jtccsite" src="" /></iframe>
<!-- 3. Change site and class, also in css -->
</div>
</article>
<footer>
<!-- 4. Change the class to "progresson" or "progressoff" depending how far along we are in the Twine -->
<div class="progress">
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
</div>
<!-- 4. Don't forget to change class of progress bar -->
<!-- 5. Change Steps -->
<div class="footerleft">
<p>Previous: [[Business Office]]</p>
</div>
<div class="home">
<p>[[Start]]</p>
</div>
<div class="footerright">
<p>Next: [[Financial Aid]] or [[Out of Pocket]]</p>
</div>
<!-- 5. Change Steps -->
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- /////////////////////////////////////
There are 5 steps that need to be changed for each Twine "window"
////////////////////////////////////// -->
<div>
<header>
<img id="logo" src="images/JTCCLogoWhite.png" alt="JTCC Logo" />
<!-- 1. Change Header for each "stage" -->
<h1 class="headerh1">Choose How to Apply</h1>
<!-- 1. Change Header-->
</header>
<aside class="scroll">
<br class="linebreak"/>
<br class="linebreak"/>
<h1 class="h1">Instructions</h1>
<br class="linebreak"/>
<!-- 2. Change Instructions accordingly -->
<p class="para">Tim can either quick and easily apply online or take a spin over to pick up an application for admission at the schools Chester or Midlothian campus. </p>
<!-- 2. Don't forget to change above -->
</aside>
<article>
<div class="content">
<img class="tim" src="images/timthumb.jpg" alt="Tim" />
<!-- 3. ****When changing sites, a new class needs to be given and adjusted in css**** -->
<iframe class="jtccsite" src="" /></iframe>
<!-- 3. Change site and class, also in css -->
</div>
</article>
<footer>
<!-- 4. Change the class to "progresson" or "progressoff" depending how far along we are in the Twine -->
<div class="progress">
<div class="progresson"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
</div>
<!-- 4. Don't forget to change class of progress bar -->
<!-- 5. Change Steps -->
<div class="footerleft">
<p>Previous: [[Dates and Deadlines]]</p>
</div>
<div class="home">
<p>[[Start]]</p>
</div>
<div class="footerright">
<p>Next: [[Apply Online]] or [[Admissions Office]]</p>
</div>
<!-- 5. Change Steps -->
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- /////////////////////////////////////
There are 5 steps that need to be changed for each Twine "window"
////////////////////////////////////// -->
<div>
<header>
<img id="logo" src="images/JTCCLogoWhite.png" alt="JTCC Logo" />
<!-- 1. Change Header for each "stage" -->
<h1 class="headerh1">Safety and Security</h1>
<!-- 1. Change Header-->
</header>
<aside class="scroll">
<br class="linebreak"/>
<br class="linebreak"/>
<h1 class="h1">Instructions</h1>
<br class="linebreak"/>
<!-- 2. Change Instructions accordingly -->
<p class="para">Tim can find many helpful tips on how to stay safe while atteninding John Tyler.</p>
<!-- 2. Don't forget to change above -->
</aside>
<article>
<div class="content">
<!-- 3. ****When changing sites, a new class needs to be given and adjusted in css**** -->
<iframe class="jtccsite" src="https://jtcc.edu/about/safety-security/" /></iframe>
<!-- 3. Change site and class, also in css -->
</div>
</article>
<footer>
<!-- 4. Change the class to "progresson" or "progressoff" depending how far along we are in the Twine -->
<div class="progress">
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
</div>
<!-- 4. Don't forget to change class of progress bar -->
<!-- 5. Change Steps -->
<div class="footerleft">
<p>Previous: [[Start Classes]]</p>
</div>
<div class="footerright">
<p>[[Start]] from the Beginning</p>
</div>
<!-- 5. Change Steps -->
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- /////////////////////////////////////
There are 5 steps that need to be changed for each Twine "window"
////////////////////////////////////// -->
<div>
<header>
<img id="logo" src="images/JTCCLogoWhite.png" alt="JTCC Logo" />
<!-- 1. Change Header for each "stage" -->
<h1 class="headerh1">Financial Aid</h1>
<!-- 1. Change Header-->
</header>
<aside class="scroll">
<br class="linebreak"/>
<br class="linebreak"/>
<h1 class="h1">Instructions</h1>
<br class="linebreak"/>
<!-- 2. Change Instructions accordingly -->
<p class="para">When purchasing books using financial aid Tim will need to come prepared with his emplid student ID, and photo ID. Every semester there is a time frame set for students to purchase approved items such as required text, software, art supplies, and many other supplies required for different courses. In order to use his financial aid funds to make these purchases Tim must complete these purchases during the allotted time frame.
<br class="linebreak"/>
<br class="linebreak"/>
<br class="linebreak"/>
<br class="linebreak"/>
</p>
<!-- 2. Don't forget to change above -->
</aside>
<article>
<div class="content">
<img class="tim" src="images/timthumb.jpg" alt="Tim" />
<!-- 3. ****When changing sites, a new class needs to be given and adjusted in css**** -->
<iframe class="jtccsite" src="" /></iframe>
<!-- 3. Change site and class, also in css -->
</div>
</article>
<footer>
<!-- 4. Change the class to "progresson" or "progressoff" depending how far along we are in the Twine -->
<div class="progress">
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
</div>
<!-- 4. Don't forget to change class of progress bar -->
<!-- 5. Change Steps -->
<div class="footerleft">
<p>Previous: [[Purchase Textbooks]]</p>
</div>
<div class="home">
<p>[[Start]]</p>
</div>
<div class="footerright">
<p>Next: [[Start Classes]]</p>
</div>
<!-- 5. Change Steps -->
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- /////////////////////////////////////
There are 5 steps that need to be changed for each Twine "window"
////////////////////////////////////// -->
<div>
<header>
<img id="logo" src="images/JTCCLogoWhite.png" alt="JTCC Logo" />
<!-- 1. Change Header for each "stage" -->
<h1 class="headerh1">Out of Pocket</h1>
<!-- 1. Change Header-->
</header>
<aside>
<br class="linebreak"/>
<br class="linebreak"/>
<h1 class="h1">Instructions</h1>
<br class="linebreak"/>
<!-- 2. Change Instructions accordingly -->
<p class="para">Since Tim will be responsible for the funds to purchase his supplies and textbooks for his courses he can go to the bookstore at any time after he has selected his class schedule. The bookstore’s inventory includes items such as required text, software, art supplies, and many other supplies required for different courses.
<br class="linebreak"/>
<br class="linebreak"/>
</p>
<!-- 2. Don't forget to change above -->
</aside>
<article>
<div class="content">
<img class="tim" src="images/timthumb.jpg" alt="Tim" />
<!-- 3. ****When changing sites, a new class needs to be given and adjusted in css**** -->
<iframe class="jtccsite" src="" /></iframe>
<!-- 3. Change site and class, also in css -->
</div>
</article>
<footer>
<!-- 4. Change the class to "progresson" or "progressoff" depending how far along we are in the Twine -->
<div class="progress">
<div class="progresson"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
</div>
<!-- 4. Don't forget to change class of progress bar -->
<!-- 5. Change Steps -->
<div class="footerleft">
<p>Previous: [[Purchase Textbooks]]</p>
</div>
<div class="home">
<p>[[Start]]</p>
</div>
<div class="footerright">
<p>Next: [[Start Classes]]</p>
</div>
<!-- 5. Change Steps -->
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- /////////////////////////////////////
There are 5 steps that need to be changed for each Twine "window"
////////////////////////////////////// -->
<div>
<header>
<img id="logo" src="images/JTCCLogoWhite.png" alt="JTCC Logo" />
<!-- 1. Change Header for each "stage" -->
<h1 class="headerh1">Start Classes</h1>
<!-- 1. Change Header-->
</header>
<aside class="scroll">
<br class="linebreak"/>
<br class="linebreak"/>
<h1 class="h1">Instructions</h1>
<br class="linebreak"/>
<!-- 2. Change Instructions accordingly -->
<p class="para">With books and schedule in hand Tim is ready to attend classes! Before he heads to campus he decides to check out the schools safety and security information to ensure he is ready for anything that comes his way. </p>
<!-- 2. Don't forget to change above -->
</aside>
<article>
<div class="content">
<img class="timwide" src="images/start classes.jpg" alt="Tim" />
<!-- 3. ****When changing sites, a new class needs to be given and adjusted in css**** -->
<iframe class="jtccsite" src="" /></iframe>
<!-- 3. Change site and class, also in css -->
</div>
</article>
<footer>
<!-- 4. Change the class to "progresson" or "progressoff" depending how far along we are in the Twine -->
<div class="progress">
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progressoff"></div>
</div>
<!-- 4. Don't forget to change class of progress bar -->
<!-- 5. Change Steps -->
<div class="footerleft">
<p>Previous: [[Financial Aid]] or [[Out of Pocket]]</p>
</div>
<div class="home">
<p>[[Start]]</p>
</div>
<div class="footerright">
<p>Next: [[Safety and Security]]</p>
</div>
<!-- 5. Change Steps -->
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- /////////////////////////////////////
There are 5 steps that need to be changed for each Twine "window"
////////////////////////////////////// -->
<div>
<header>
<img id="logo" src="images/JTCCLogoWhite.png" alt="JTCC Logo" />
<!-- 1. Change Header for each "stage" -->
<h1 class="headerh1">List of Majors</h1>
<!-- 1. Change Header-->
</header>
<aside class="scroll">
<br class="linebreak"/>
<br class="linebreak"/>
<h1 class="h1">Instructions</h1>
<br class="linebreak"/>
<!-- 2. Change Instructions accordingly -->
<p class="para">Tim has decided on an Art Major,but he is not sure exactly what the exact name of program. On this site he can see all the programs of study here. John Tyler has many options for students to choose from. Tim decides to pursue a degree of Visual Arts AAA or Associate of Applied Arts. </p>
<!-- 2. Don't forget to change above -->
</aside>
<article>
<div class="content">
<!-- 3. ****When changing sites, a new class needs to be given and adjusted in css**** -->
<iframe class="jtccsite" src="http://www.jtcc.edu/academics/academic-programs
" /></iframe>
<!-- 3. Change site and class, also in css -->
</div>
</article>
<footer>
<!-- 4. Change the class to "progresson" or "progressoff" depending how far along we are in the Twine -->
<div class="progress">
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
</div>
<!-- 4. Don't forget to change class of progress bar -->
<!-- 5. Change Steps -->
<div class="footerleft">
<p>Previous: [[Visit the Counseling Center]]</p>
</div>
<div class="home">
<p>[[Start]]</p>
</div>
<div class="footerright">
<p>Next: [[Pay Tuition and Fees]]</p>
</div>
<!-- 5. Change Steps -->
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- /////////////////////////////////////
There are 5 steps that need to be changed for each Twine "window"
////////////////////////////////////// -->
<div>
<header>
<img id="logo" src="images/JTCCLogoWhite.png" alt="JTCC Logo" />
<!-- 1. Change Header for each "stage" -->
<h1 class="headerh1">Business Office</h1>
<!-- 1. Change Header-->
</header>
<aside class="scroll">
<br class="linebreak"/>
<br class="linebreak"/>
<h1 class="h1">Instructions</h1>
<br class="linebreak"/>
<!-- 2. Change Instructions accordingly -->
<p class="para">On this page Tim reviews business office hours and locations before moving to the next step. </p>
<!-- 2. Don't forget to change above -->
</aside>
<article>
<div class="content">
<!-- 3. ****When changing sites, a new class needs to be given and adjusted in css**** -->
<iframe class="jtccsite" src="http://www.jtcc.edu/services/business-office" > </iframe>
<!-- 3. Change site and class, also in css -->
</div>
</article>
<footer>
<!-- 4. Change the class to "progresson" or "progressoff" depending how far along we are in the Twine -->
<div class="progress">
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progresson"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
<div class="progressoff"></div>
</div>
<!-- 4. Don't forget to change class of progress bar -->
<!-- 5. Change Steps -->
<div class="footerleft">
<p>Previous: [[Pay Tuition and Fees]]</p>
</div>
<div class="home">
<p>[[Start]]</p>
</div>
<div class="footerright">
<p>Next: [[Purchase Textbooks]]</p>
</div>
<!-- 5. Change Steps -->
</footer>
</div>
</body>
</html>