<?xml version="1.0" encoding="UTF-8"?>
<?pcf-stylesheet path="/_resources/xsl/home.xsl" title="Homepage" extension="aspx"?>

<!DOCTYPE document SYSTEM "http://commons.omniupdate.com/dtd/standard.dtd"> 

<document xmlns:ouc="http://omniupdate.com/XSL/Variables">

	<headcode></headcode> <!-- before closing head tag -->
	<bodycode></bodycode> <!-- after opening body tag -->
	<footcode></footcode> <!-- before closing body tag -->
	<ouc:info><tcf>homepage.tcf</tcf><tmpl>homepage.tmpl</tmpl></ouc:info>

	<ouc:properties label="metadata">
		<title><!--%echo var="title" --></title>
		<meta name="Description" content="<!--%echo var="description" -->" />
		<meta name="Keywords" content="<!--%echo var="keywords" -->" />
	</ouc:properties>
	<parameter name="dsn">news</parameter>

	<parameter name="dsn">events</parameter>
	<ouc:properties label="config">
		<parameter group="Everyone" type="select" name="banner-content" section="Page Options" prompt="Banner Content" alt="Select banner type.">
			<option value="image" selected="false">Image</option>
			<option value="video" selected="true">Video</option>
		</parameter>
		<parameter name="banner-video" type="filechooser" group="Everyone" prompt="Banner Video" alt="Please select the path to the video to be used as the homepage banner">/_resources/assets/video/file_example_MP4_1280.mp4</parameter>
		<parameter name="banner-image" type="filechooser" group="Everyone" prompt="Banner Image" alt="Please select the path to the image to be used as the homepage banner">/_resources/images/pattern-hero-lg.jpg</parameter>
	</ouc:properties>

	<ouc:properties label="layout">
		<parameter name="show-heading"  type="checkbox" group="Everyone" prompt="Page Heading" alt="">
			<option value="yes" selected="true">Show</option>
		</parameter>
		<parameter group="Everyone" type="checkbox" name="sidebar" prompt="Sidebar Elements" alt="Turn on/off sidebar elements to customize the layout. When all elements are turned off, the page will have a 1-column layout.">
			<option value="side-navigation" selected="true">Side Navigation</option>
		</parameter>
	</ouc:properties>
	<ouc:properties label="articles">
				<parameter group="Everyone" type="select" name="news-sort" prompt="News Filtering" alt="Filtering options for news card.">
<option value="date(item_date) desc" selected="false">Most Recent</option>
<option value="date(featured) desc" selected="true">Featured</option>
</parameter>
		<parameter name="art-btn" type="text" group="Everyone" prompt="Listing Button Text" alt="Please enter the text for the listing button. This will be displayed under the articles if there are more then shown.">All News</parameter>
		<parameter name="news-link" type="filechooser" group="Everyone" prompt="News Listing CTA Link" alt="Please select the listing page for the button link.">/_showcase/news/news-listing.aspx</parameter>
	</ouc:properties>
	<ouc:properties label="events">
		<parameter section="Events" name="event-link" type="filechooser" group="Everyone" prompt="Event Data File" alt="Please select the event data file you would like events to display from.">/_resources/data/events.xml</parameter>
		<parameter section="Events" name="event-data" type="filechooser" group="Everyone" prompt="Event CTA link" alt="Please select the link you want the CTA button to link to.">/_showcase/calendar.aspx</parameter>
	</ouc:properties>

	<page-type>homepage</page-type>
	<ouc:div label="video" group="Everyone" button-text="Edit Video" break="yes"><ouc:editor csspath="/_resources/ou/editor/wysiwyg.css" cssmenu="/_resources/ou/editor/styles.txt" wysiwyg-class="main-content"/><table class="ou-" data-snippet="ou-banner"><caption class="mceNonEditable">Banner</caption>
		<thead>
			<tr>
				<th class="mceNonEditable">Video MP4 Link</th>
				<th class="mceNonEditable">Image</th>
				<th class="mceNonEditable">Alternative Description</th>
			</tr>
		</thead>
		<tbody>
			<tr data-name="data">
				<td data-name="video" data-type="link"><a href="/_resources/assets/video/file_example_MP4_1280.mp4">Video Link</a><video width="300" height="150" controls="controls"><source src="/_resources/assets/video/file_example_MP4_1280.mp4" /></video></td>
				<td data-name="image" data-type="link"><a href="/_resources/images/pattern-hero-lg.jpg">Default to hero image if no video</a></td>
				<td data-name="alt-text" data-type="text">Alternative Description</td>
			</tr>
		</tbody>
		</table></ouc:div>
	<ouc:div label="cta-buttons" group="Everyone" button-text="Edit CTA Buttons"><ouc:editor csspath="/_resources/ou/editor/wysiwyg.css" cssmenu="/_resources/ou/editor/styles.txt" wysiwyg-class="maincontent"/>
		<li><a href="#">Contact</a></li>
		<li><a href="#">Visit</a></li>
		<li><a href="#">Apply</a></li></ouc:div>



	<ouc:div label="stats-table" group="Everyone" button-text="Edit Stats Table"><ouc:editor csspath="/_resources/ou/editor/wysiwyg.css" cssmenu="/_resources/ou/editor/styles.txt" wysiwyg-class="maincontent"/><table data-snippet="ou-stats"><caption class="mceNonEditable">Stats</caption>
		<tbody>
			<tr>
				<th>Image</th>
				<th>Statistic</th>
				<th>Details Line</th>
				<th>CTA Title and Link</th>
			</tr>
			<tr data-name="card">
				<td data-name="image"><img src="/_resources/images/stat-image-1.jpg" alt="Card Image 1" width="692" height="344" /></td>
				<td data-name="stat" data-type="text">15+</td>
				<td data-name="detail"><span>support services for students</span></td>
				<td data-name="cta" data-type="text"><a href="https://file-review.oudemo.com/prairie-state/2023-04-07/keyscreens/pattern-wysiwyg.php" target="_blank" rel="noopener"><span>Support Services</span></a></td>
			</tr>
			<tr data-name="card">
				<td data-name="image"><img src="/_resources/images/stat-image-2.jpg" alt="Card Image 2" width="692" height="344" /></td>
				<td data-name="stat" data-type="text">18.8%</td>
				<td data-name="detail"><span>of students feel prepared to transfer</span></td>
				<td data-name="cta" data-type="text"><a href="https://file-review.oudemo.com/prairie-state/2023-04-07/keyscreens/pattern-wysiwyg.php" target="_blank" rel="noopener"><span>Support Services</span></a></td>
				</tr>
				<tr data-name="card">
					<td data-name="image"><img src="/_resources/images/blood-drive.jpg" alt="Card Image 3" width="1530" height="934" /></td>
					<td data-name="stat" data-type="text">96%</td>
					<td data-name="detail"><span>of students receive financial aid</span></td>
					<td data-name="cta" data-type="text"><a href="#"><span>Financial Aid</span></a></td>
				</tr>
		</tbody>
		</table></ouc:div>

	<ouc:div label="testimonial-slider" group="Everyone" button-text="Slide 1 Testimonial Content"><ouc:editor csspath="/_resources/ou/editor/wysiwyg.css" cssmenu="/_resources/ou/editor/styles.txt" wysiwyg-class="maincontent"/><table style="margin-left: auto; margin-right: auto;" data-snippet="testimonial-slider">
		<thead>
			<tr>
				<td style="text-align: center;">
					<h6><span class="table-sm"><strong>Testimonial Heading</strong></span></h6>
				</td>
				<td style="text-align: center;">
					<h6><span class="table-sm"><strong>Testimonial Description&nbsp;</strong></span></h6>
				</td>
			</tr>
			<tr data-name="header">
				<td data-name="heading">PSC Voices</td>
				<td data-name="description">At PSC, we want you to feel like you&rsquo;re part of a supportive, inclusive, and welcoming community. See what how our faculty and staff can help you grow and succeed.</td>
			</tr>
			<tr>
				<td style="text-align: center;">
					<h6><span class="table-sm"><strong>Testimonial Name 1</strong></span></h6>
				</td>
				<td style="text-align: center;">
					<h6><span class="table-sm"><strong>Testimonial Background</strong></span></h6>
				</td>
				<td style="text-align: center;">
					<h6><span class="table-sm"><strong>Quote</strong></span></h6>
				</td>
				<td style="text-align: center;">
					<h6><span class="table-sm"><strong>Image (Insert Image)</strong></span></h6>
				</td>
				<td style="text-align: center;">
					<h6><span class="table-sm"><strong>CTA Button (create using link)</strong></span></h6>
				</td>
			</tr>
		</thead>
		<tbody>
			<tr data-name="testimonial-data">
				<td data-name="name">Testimonial 1 Name</td>
				<td data-name="major">Testimonial 1 AD Business, '19</td>
				<td data-name="quote">
					<p><span>Slide 1 </span><span>I wanted to finish my gen eds, figure out my major and also raise my self-esteem and get more comfortable with college classes...Be confident about coming to PSC and don&rsquo;t back down or let anyone make you waver from your decision.</span></p>
				</td>
				<td data-name="image"><img src="https://picsum.photos/215/215?random=21" alt="Slide 1 Image" /></td>
				<td data-name="cta"><a href="#2">Testimonial 1 CTA Label</a></td>
			</tr>
			<tr data-name="testimonial-data">
				<td data-name="name">Slide 2 Name</td>
				<td data-name="major">Slide 2 AD Business, '19</td>
				<td data-name="quote"><span>Slide 2 I wanted to finish my gen eds, figure out my major and also raise my self-esteem and get more comfortable with college classes...Be confident about coming to PSC and don&rsquo;t back down or let anyone make you waver from your decision.</span></td>
				<td data-name="image"><img src="https://picsum.photos/215/215?random=21" alt="Slide 1 Image" /></td>
				<td data-name="cta"><a href="#2">Slide 2 CTA Label</a></td>
			</tr>
		</tbody>
		</table></ouc:div>
	<ouc:div label="goal-selector" group="Everyone" button-text="Edit Goal Selector"><ouc:editor csspath="/_resources/ou/editor/wysiwyg.css" cssmenu="/_resources/ou/editor/styles.txt" wysiwyg-class="maincontent"/><table class="ou-" data-snippet="goal-selector"><caption>Goal Selector</caption>
<tbody data-name="section-headings">
<tr>
<th>Section Heading</th>
<td colspan="2" data-name="section-heading">Start your journey at PSC</td>
</tr>
<tr>
<th>Section Subheading</th>
<td colspan="2" data-name="section-subheading">We are PSC</td>
</tr>
</tbody>
<tbody>
<tr>
<th style="text-align: center;" colspan="3">Goal Items</th>
</tr>
<tr>
<td style="text-align: center;"><strong>Heading</strong></td>
<td style="text-align: center;"><strong>Description</strong></td>
<td style="text-align: center;"><strong>CTA Button (edit as link)</strong></td>
</tr>
</tbody>
<tbody data-name="goals">
<tr data-name="goal">
<td data-name="heading">Transfer to a 4-year Institution</td>
<td data-name="content">
<p><span style="font-weight: 400;">Prairie State College provides comprehensive guidance to students navigating the process of transferring to four-year universities. Our experienced counselors offer personalized assistance in selecting transferable courses, exploring transfer options, and completing application requirements. Let us help you successfully transition to your desired institution and achieve your academic goals.</span></p>
</td>
<td data-name="cta"><a class="goal-cta cta" href="#2" target="_blank" rel="noopener">Transfer Counseling</a></td>
</tr>
<tr data-name="goal">
<td data-name="heading">
<p><b>Prepare for a Career</b></p>
</td>
<td data-name="content">
<p><span style="font-weight: 400;">Career services provide invaluable support to college students by offering guidance and resources to navigate the complex job market. From resume building and interview preparation to networking opportunities and internships, they empower students to make informed career choices. With personalized advice and industry insights, career services maximize students' potential for success in their chosen fields.</span><span style="font-weight: 400;"></span></p>
</td>
<td data-name="cta"><a class="goal-cta cta" href="#2">Career Services</a></td>
</tr>
<tr data-name="goal">
<td data-name="heading">Explore Flexible Learning Options</td>
<td data-name="content"><span style="font-weight: 400;">Prairie State College offers a wide array of courses spanning various disciplines, with in-person, hybrid, and online options with multiple learning formats and flexible start dates to ensure students can pursue their education in a way that aligns with their preferences. </span></td>
<td data-name="cta"><a class="goal-cta cta" href="#2">Flexible Learning Options</a>
<p>&nbsp;</p>
</td>
</tr>
<tr data-name="goal">
<td data-name="heading">Take Classes While In High School</td>
<td data-name="content">
<p><span style="font-weight: 400;">The Dual Credit program offers high school students the opportunity to earn both high school and college credit - at the same time. By taking qualified courses, students can transfer the credits they earn to PSC and other participating colleges and universities. Don't miss this opportunity for high school students to engage in college-level coursework and advance their educational journey. The program is free to high school students.</span></p>
</td>
<td data-name="cta"><a class="goal-cta cta" href="#explore">Dual Degree Program</a></td>
</tr>
<tr data-name="goal">
<td data-name="heading">
<p><b>Pursue Professional Growth</b></p>
</td>
<td data-name="content">
<p><span style="font-weight: 400;">PSC offers diverse professional development and advancement opportunities, equipping students with essential skills, internships, networking events, and programs tailored to enhance and achieve long-term success.</span></p>
</td>
<td data-name="cta"><a class="goal-cta cta" href="#explore">Explore</a></td>
</tr>
</tbody>
<tbody>
<tr>
<th style="text-align: center;" colspan="3">Interest Items</th>
</tr>
<tr>
<td style="text-align: center;"><strong>Image</strong></td>
<td style="text-align: center;" colspan="2"><strong>Content (edit as link to add a link)</strong></td>
</tr>
</tbody>
<tbody data-name="interests">
<tr data-name="card">
<td data-name="image"><img src="https://picsum.photos/215/215?random=21" alt="Card Image" /></td>
<td colspan="2" data-name="content"><a href="#2">Automotive Technology</a></td>
</tr>
<tr data-name="card">
<td data-name="image"><img src="/_resources/images/stat-image-1.jpg" alt="Card Image" /></td>
<td colspan="2" data-name="content"><a href="#2">Physical Therapist Assistant</a></td>
</tr>
<tr data-name="card">
<td data-name="image"><img src="https://picsum.photos/215/215?random=21" alt="Card Image" /></td>
<td colspan="2" data-name="content"><a href="#2">Information Technology</a></td>
</tr>
<tr data-name="card">
<td data-name="image"><img src="https://picsum.photos/215/215?random=21" alt="Card Image" /></td>
<td colspan="2" data-name="content"><a href="#2">Adult Education and Literacy</a></td>
</tr>
<tr data-name="card">
<td data-name="image"><img src="https://picsum.photos/215/215?random=21" alt="Card Image" /></td>
<td colspan="2" data-name="content"><a href="#2">HVAC</a></td>
</tr>
<tr data-name="card">
<td data-name="image"><img src="https://picsum.photos/215/215?random=21" alt="Card Image" /></td>
<td colspan="2" data-name="content"><a href="#2">Communication</a></td>
</tr>
<tr data-name="card">
<td data-name="image"><img src="https://picsum.photos/215/215?random=21" alt="Card Image" /></td>
<td colspan="2" data-name="content"><a href="#2">Communication</a></td>
</tr>
<tr data-name="card">
<td data-name="image"><img src="https://picsum.photos/215/215?random=21" alt="Card Image" /></td>
<td colspan="2" data-name="content"><a href="#2">Accounting</a></td>
</tr>
</tbody>
</table></ouc:div>
	<ouc:div label="featured-cards" group="Everyone" button-text="Edit Featured Cards Holder"><ouc:editor csspath="/_resources/ou/editor/wysiwyg.css" cssmenu="/_resources/ou/editor/styles.txt" wysiwyg-class="maincontent"/><table data-snippet="featured-cards">
		<tbody>
			<tr data-name="featured-card-data">
				<td data-name="image"><img src="/_resources/images/stat-image-1.jpg" alt="Card 1 Image" /></td>
				<td data-name="top-line">for the</td>
				<td data-name="bottom-line">Environment</td>
				<td data-name="cta"><a href="#2">Diversity, Equity, &amp; Inclusion</a></td>
			</tr>
			<tr data-name="featured-card-data">
				<td data-name="image"><img src="/_resources/images/stat-image-2.jpg" alt="Card 2 Image" /></td>
				<td data-name="top-line">2for the</td>
				<td data-name="bottom-line">2Environment</td>
				<td data-name="cta"><a href="#2">2Diversity, Equity, &amp; Inclusion</a></td>
			</tr>
			<tr data-name="featured-card-data">
				<td data-name="image"><img src="/_resources/images/stat-image-2.jpg" alt="Card 2 Image" /></td>
				<td data-name="top-line">f3or the</td>
				<td data-name="bottom-line">3Environment</td>
				<td data-name="cta"><a href="#2">3Diversity, Equity, &amp; Inclusion</a></td>
			</tr>
		</tbody>
		</table></ouc:div>

	<ouc:div label="maincontent" group="Everyone" button-text="Main Content"><ouc:editor csspath="/_resources/ou/editor/wysiwyg.css" cssmenu="/_resources/ou/editor/styles.txt" wysiwyg-class="maincontent"/></ouc:div>



</document>