This reference page uses the following components in the following order:
<div id="body-wrapper">
<div id="skip-content"><a class="Skip-btn" href="#skipToContent">Skip To Main Content</a></div>
<!-- Header Section -->
<header id="header" class="main-header sticky-header">
<!-- search-->
<section class="global-searchbar" id="global-searchbar">
<div class="container-fluid blue-bg">
<!-- Do not update any ids without consulting the developer, js may depend on it -->
<form action="#search" class="search-form" id="cse-search-box">
<div class="row d-flex align-items-center buttons-bg-wrapper">
<div class="col-9 col-sm-10">
<input name="cx" type="hidden" value="000238266656426684962:mzli4pte7ko" />
<input name="cof" type="hidden" value="FORID:11" />
<label for="searchField">
<span class="visually-hidden-focusable text-white">Search Bar</span>
</label>
<input tabindex="-1" class="form-control global-searchfield" id="searchField" name="q" onblur="if (this.value == '') {this.value = 'Search UT San Antonio';}" onfocus="if (this.value == 'Search UT San Antonio') {this.value = '';}" size="15" type="text" value="Search UT San Antonio" />
</div>
<div class="col-3 col-sm-2">
<button class="btn btn-secondary btn-search" type="submit" id="search-button" tabindex="-1">
<span class="visually-hidden-focusable">Search</span>
</button>
</div>
</div>
</form>
</div>
</section>
<!-- .search -->
<!-- top-bar -->
<section class="top-bar primary">
<div class="container-fluid g-0">
<div class="row align-items-center">
<div class="col-4">
<a href="https://www.utsa.edu" title="UT San Antonio" class="tb-logo">
<!-- old classes: logo-full d-none d-sm-block -->
<img src="../../college-dls/utsa/images/ut-san-antonio-horizontal.svg" width="333px" height="20px" class="" alt="The University of Texas at San Antonio" />
</a>
</div>
<div class="col-8">
<nav class="quick-links-container" aria-label="Global Navigation">
<ul class="quick-links">
<li><a href="https://utsa.edu/today/" id="a-header-topbar-utsa-today" aria-label="UT San Antonio News">News</a></li>
<li><a href="https://my.utsa.edu/" id="a-header-topbar-myutsa">myUTSA</a></li>
<li class="search-toggle">
<a href="#" class="global-search" id="search" role="button"><span class="fas fa-search"></span> <span class="visually-hidden" id="search-title">Search</span></a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</section>
<!-- Sticky Header -->
<div class="top-navigation" aria-label="Main Navigation">
<!-- Main Header -->
<div id="main-header">
<div class="container">
<nav class="navbar navbar-stacked navbar-expand-md" aria-label="Top Navigation">
<a class="navbar-brand navbar-brand-stacked" href="#" aria-label="Logo Image">
<picture>
<source media="(max-width: 575.98px)" srcset="../../college-dls/college/images/logos/Health_Community_Policy_Type_2Line_Blu.svg" />
<source media="(max-width: 991.98px)" srcset="../../college-dls/college/images/logos/Health_Community_Policy_Type_1Line_Blu.svg" />
<img class="college-logo" width="100%" height="26px" alt="Full College Name Goes Here" src="../../college-dls/college/images/logos/Health_Community_Policy_Type_1Line_Blu.svg" />
</picture>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar4" aria-label="Toggle">
<span class="navbar-toggler-icon"><i class="fal fa-bars"></i></span>
<span class="navbar-toggler-close-icon" style="display: none;"><i class="fal fa-times"></i></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="collapsibleNavbar4">
<ul class="navbar-nav">
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" aria-label="Programs menu dropdown" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" id="programs">Programs</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="https://hcap.utsa.edu/programs/index.html#Undergraduate-Programs" target="_parent">Undergraduate</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/programs/index.html#Masters-Programs" target="_parent">Master's Programs</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/programs/index.html#Doctoral-Programs" target="_parent">Doctoral Programs</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/programs/index.html#Certificate-Programs" target="_parent">Certificate Programs</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/programs/index.html#Concentrations" target="_parent">Concentrations</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/programs/index.html#Minors" target="_parent">Minors</a>
</div>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" aria-label="Faculty menu dropdown" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" id="faculty">Faculty</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="https://hcap.utsa.edu/faculty/index.html" target="_parent">Faculty</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/faculty/council/index.html" target="_parent">Faculty Council</a>
</div>
</li>
<li class="nav-item"><a aria-label="HCAP Research" class="nav-link" href="https://hcap.utsa.edu/research/index.html" target="_parent">Research</a></li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" aria-label="Disciplines menu dropdown" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" id="disciplines">Disciplines</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="https://hcap.utsa.edu/criminal-justice/index.html" target="_parent">Criminology and Criminal Justice</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/kinesiology/index.html" target="_parent">Kinesiology</a>
<a aria-label="Nutrition and Dietetics" class="dropdown-item" href="https://hcap.utsa.edu/nutrition-and-dietetics/index.html" target="_parent">Nutrition and Dietetics</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/psychology/index.html" target="_parent">Psychology</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/public-administration/index.html" target="_parent">Public Administration</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/public-health/index.html" target="_parent">Public Health</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/social-work/index.html" target="_parent">Social Work</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/sociology-and-demography/index.html" target="_parent">Sociology and Demography</a>
</div>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" aria-label="Student Success menu dropdown" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" id="student-success">Student Success</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="https://hcap.utsa.edu/student-success/index.html" target="_parent">Student Success Home</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/student-success/aid-scholarships.html" target="_parent">Awards, Aid and Scholarships</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/student-success/career-success.html" target="_parent">Career Success</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/student-success/academic-success.html" target="_parent">Academic Success</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/student-success/student-success-center.html" target="_parent">Student Success Center</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/student-success/timeline.html" target="_parent">Roadmap to Success</a>
</div>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" aria-label="News & Events menu dropdown" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" id="news--amp--events">News & Events</a>
<div class="dropdown-menu">
<a aria-label="College for Health, Community and Policy News" class="dropdown-item" href="https://hcap.utsa.edu/news/index.html" target="_parent">News</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/events/index.html" target="_parent">Events</a>
</div>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" aria-label="About menu dropdown" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" id="about">About</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="https://hcap.utsa.edu/about/index.html" target="_parent">About Us</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/about/deans-office.html" target="_parent">Leadership and Staff</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/about/meet-the-dean.html" target="_parent">Meet the Dean</a>
<a aria-label="Business Service Center" class="dropdown-item" href="https://hcap.utsa.edu/about/business-service-center/index.html" target="_parent">Business Service Center</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/about/contact-us.html" target="_parent">Contact Us</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/support-hcap/index.html" target="_parent">Support HCAP</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/about/adv-council.html" target="_parent">Dean's Advisory Council</a>
<a class="dropdown-item" href="https://hcap.utsa.edu/about/restorative-practices.html" target="_parent">Restorative Practices</a>
</div>
</li>
<li class="nav-item mobile-nav-btns">
<a class="action-btn" href="https://hcap.utsa.edu/requestinfo.html" target="_parent">Request Info <i class="fas fa-arrow-right"></i></a>
<a class="action-btn" href="https://www.utsa.edu/visit/" target="_parent">Visit <i class="fas fa-arrow-right"></i></a>
<a class="action-btn" href="https://www.utsa.edu/admissions/" target="_parent">Apply <i class="fas fa-arrow-right"></i></a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<!--End Main Header -->
<!-- Request Apply Header -->
<div class="bottom-absolute-header d-flex flex-row-reverse">
<div id="orange-bg-header">
<div class="container">
<ul class="orange-header-list">
<li class="nav-item"><a class="nav-link" href="#">Request Info</a></li>
<li class="nav-item"><a class="nav-link" href="#">Visit</a></li>
<li class="nav-item"><a class="nav-link" href="#">Apply</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- End Sticky Header -->
</header>
<!-- Header Section End -->
<!-- Main Content Body -->
<main>
<!--Slider -->
<section class="slider-wrapper" id="main-slider-wrapper">
<section class="banner">
<div class="single-title-wrapper">
<div class="container">
<h1 class="single-title-heading">College 2 Career Roadmap</h1>
</div>
</div>
</section> <!-- Breadcrumb -->
<div class="breadcrumb-wrapper">
<div class="container">
<ul class="list-unstyled">
<li class="crumb-item">
<a href="index.html">Home</a>
<span class="breadcrumb-divider"> / </span>
<span>College 2 Career Roadmap</span>
</li>
</ul>
</div>
</div>
<!-- End Breadcrumb -->
</section>
<!-- End Slider -->
<section class="page-text-wrapper" id="skipToContent">
<div class="container">
<div class="row mobile-reverse-order">
<div class="col-xxl-8 col-xl-8 col-lg-8 col-md-8 col-sm-12">
<h2>Lorem Ipsum</h2>
<p>Our accounting program is designed to prepare students to thrive in any number of careers within this
increasingly complex and challenging profession. Our program maintains high standards and is separately
accredited by AACSB, the premier business accrediting agency.</p>
<section class="py-5">
<div class="container">
<div class="row mb-5 mt-3 d-none d-md-flex" id="timeline-numbers">
<div class="inner"></div>
<div class="col text-center">
<span class="px-3 py-2 font-weight-bold square">1</span>
</div>
<div class="col text-center">
<span class="px-3 py-2 font-weight-bold circle">2</span>
</div>
<div class="col text-center">
<span class="px-3 py-2 font-weight-bold circle">3</span>
</div>
<div class="col text-center">
<span class="px-3 py-2 font-weight-bold square">4</span>
</div>
</div>
<div class="row" id="timeline-progression">
<div class="col-12 col-md-4 col-lg text-center my-2">
<p class="p-3 mt-3 text-uppercase pb-0 mb-0">Year</p>
<p class="h3 pt-0 pb-3"><a href="#" class="orange">1</a></p>
</div>
<div class="col-12 col-md-4 col-lg text-center my-2">
<p class="p-3 mt-3 text-uppercase pb-0 mb-0">Year</p>
<p class="h3 pt-0 pb-3"><a href="#" class="orange">2</a></p>
</div>
<div class="col-12 col-md-4 col-lg text-center my-2">
<p class="p-3 mt-3 text-uppercase pb-0 mb-0">Year</p>
<p class="h3 pt-0 pb-3"><a href="#" class="orange">3</a></p>
</div>
<div class="col-12 col-md-4 col-lg text-center my-2">
<p class="p-3 mt-3 text-uppercase pb-0 mb-0">Year</p>
<p class="h3 pt-0 pb-3"><a href="#" class="orange">4</a></p>
</div>
</div>
</div>
</section>
</div>
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-12">
<!-- Side Navigation -->
<div class="department-menu-bar">
<div class="des-default-show">
<div class="sidebar">
<ul class="list-unstyled">
<li class="nav-item">
<button class="drop-down-btn plus-toggle" data-bs-toggle="dropdown" aria-label="plus button" aria-expanded="true">
<a>Orientation</a>
<span class="plus-icn"><i class="fas fa-plus" aria-hidden="true"></i></span>
<span class="minus-icn" style="display: none;"><i class="fas fa-minus" aria-hidden="true"></i></span>
</button>
<div class="dropdown-menu position-relative" style="position: absolute; inset: 0px 0px auto auto; margin: 0px; transform: translate3d(-10px, 43px, 0px);" data-popper-placement="bottom-end">
<a class="dropdown-item normal-link" href="">Freshman Orientation</a>
<a class="dropdown-item normal-link" href="">Transfer Orientation</a>
<a class="dropdown-item normal-link" href="">International Orientation</a>
<a class="dropdown-item normal-link" href="">UTSA Online Orientation</a>
<a class="dropdown-item normal-link" href="https://graduateschool.utsa.edu/current-students/Graduate-Student-Orientation.html">Graduate Orientation</a>
</div>
</li>
<li class="nav-item">
<button class="drop-down-btn plus-toggle" data-bs-toggle="dropdown" aria-label="plus button" aria-expanded="false">
<a>Extra Experiences</a>
<span class="plus-icn"><i class="fas fa-plus" aria-hidden="true"></i></span>
<span class="minus-icn" style="display: none;"><i class="fas fa-minus" aria-hidden="true"></i></span>
</button>
<div class="dropdown-menu position-relative" style="">
<a class="dropdown-item normal-link" href="/orientation/extra/">Very New Student Extended Experiences</a>
<a class="dropdown-item normal-link" href="/orientation/extra/">New Student Resource Videos</a>
<a class="dropdown-item normal-link" href="/orientation/videos/">Family Orientation</a>
</div>
</li>
<li class="nav-item">
<button class="drop-down-btn plus-toggle" data-bs-toggle="dropdown" aria-label="plus button" aria-expanded="false">
<a>More Information</a>
<span class="plus-icn"><i class="fas fa-plus" aria-hidden="true"></i></span>
<span class="minus-icn" style="display: none;"><i class="fas fa-minus" aria-hidden="true"></i></span>
</button>
<div class="dropdown-menu position-relative" style="">
<a class="dropdown-item normal-link" href="/orientation/faqs/">Orientation FAQs</a>
<a class="dropdown-item normal-link" href="/orientation/fee/">Orientation Fee</a>
<a class="dropdown-item normal-link" href="/orientation/accessibility-accommodations/">Orientation
Accommodations</a>
<a class="dropdown-item normal-link" href="/orientation/after-orientation/">Post-Orientation Checklist</a>
</div>
</li>
<li class="mobile-nav-btns orange-action-btn">
<a href="/check-status/" class="action-btn display-block">Check Status <span class="white acton-icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ENROLLMENT CTA -->
<!-- Roadrunner Section -->
<section class="enrollment-wrapper" style="background-image: url('../../college-dls/utsa/images/Future-Roadrunner.png');" aria-label="Call to Action area">
<div class="container">
<div class="enrollment-content">
<span class="h5">Become a</span>
<h2>Roadrunner</h2>
<div class="roadrunner-btns">
<div class="row">
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-12"> <a href="#" class="action-btn">Request Information <i class="fas fa-arrow-right"></i></a> </div>
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-12"> <a href="#" class="action-btn">Visit Campus <i class="fas fa-arrow-right"></i></a> </div>
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-12"> <a href="#" class="action-btn">Apply Now <i class="fas fa-arrow-right"></i></a> </div>
</div>
</div>
</div>
</div>
</section>
<!--End Roadrunner Section -->
<!-- END CTA -->
</main>
<div aria-label="Back to Top" role="navigation">
<a href="#top-area" id="top-link" title="To top of page"><em class="back-to-top"> </em><span class="top-link-text">Back to Top</span></a>
</div>
<!--The below is only for the DLS for the button to show-->
<script>
document.getElementById("top-link").style.display = "block";
</script>
<!-- End Main Content Body -->
<!-- Footer -->
<footer id="footer">
<div class="container secondary-footer">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-4 pb-4">
<div class="pb-3 footer-logo">
<a href="https://www.utsa.edu/">
<img src="../../college-dls/utsa/images/ut-sanantonio-reg-logo-web.svg" height="42px" width="auto" alt="UT San Antonio" />
</a>
</div>
<div class="footer-text">
<p>One UTSA Circle San Antonio, TX 78249</p>
<p>Information: <a href="tel:+12104584011">210-458-4011</a></p>
</div>
</div>
<div class="col-sm-12 col-lg-8">
<div class="secondary-footer-social">
<a class="facebook" href="https://facebook.com/utsa" aria-label="UT San Antonio on Facebook"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
<a class="twitter" href="https://x.com/utsa" aria-label="UT San Antonio on Twitter"><i class="fa-brands fa-x-twitter" aria-hidden="true"></i></a>
<a class="youtube" href="https://youtube.com/user/utsa" aria-label="UT San Antonio on YouTube"><i class="fab fa-youtube" aria-hidden="true"></i></a>
<a class="linkedin" href="https://linkedin.com/school/the-university-of-texas-at-san-antonio/" aria-label="UT San Antonio on Linkedin"><i class="fab fa-linkedin" aria-hidden="true"></i></a>
<a class="instagram" href="https://instagram.com/utsa/" aria-label="UT San Antonio on Instagram"><i class="fab fa-instagram" aria-hidden="true"></i></a>
</div>
<nav class="secondary-footer-links" aria-label="Secondary Footer Links">
<ul class="list-unstyled">
<li>
<a href="https://utsa.edu/about/careers#_ga=2.180574631.1891322053.1753909729-1983867998.1741794788">Careers</a>
</li>
<li>
<a href="https://map.utsa.edu">Campus Map</a>
</li>
<li>
<a href="https://utsa.edu/about/directories">Directories</a>
</li>
<li>
<a href="https://utsa.edu/about/university-organization">University Organization</a>
</li>
</ul>
</nav>
</div>
</div>
<hr>
<div class="copyright-subfooter">
<div class="row">
<div class="col-sm-12">
<nav class="subfooter-links">
<ul class="list-unstyled">
<li class="nav-item">
<div class="utsa-copyright">© 2025 The University of Texas at San Antonio
</div>
</li>
<li class="nav-item">
<a href="https://www.utsa.edu/ba-administration-operations/services/risk-emergency-management/business-continuity-emergency-management/emergency-response-guide.html" id="s-footer-response-guide">Emergency Response Guide</a>
</li>
<li class="nav-item">
<a href="https://utsa.edu/policies" id="s-footer-policies">Policies</a>
</li>
<li class="nav-item">
<a href="https://utsa.edu/policies/accessibility" id="s-footer-web-accessibility">Web
Accessibility</a>
</li>
<li class="nav-item">
<a href="https://utsa.edu/policies/reqlinks.html" id="s-footer-required-links">Required
Links</a>
</li>
<li class="nav-item">
<a href="https://utsystem.edu/" id="s-footer-ut-system">UT System</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</footer>
<!--End Footer -->
</div>
/* components/04-reference-pages/22-timeline-page/timeline-page.scss */
/* BEGIN timeline-page.scss */
// load and make available Font Awesome helpers (mixins, functions, and variables)
@use '../../node_modules/@fortawesome/fontawesome-pro/scss/fa' as fa;
dl.checkboxes#checklist-left-group {
list-style-type: none;
padding-left: 0px;
}
#checklist-left-group .ss-checklist {
font-weight: 400;
margin-left: 10px;
}
#checklist-left-group .ss-checklist>[type="checkbox"], #checklist-left-group .ss-checklist>label {
margin-bottom: 1rem !important;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#checklist-left-group .ss-checklist>[type="checkbox"]:not(:checked), #checklist-left-group .ss-checklist>[type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
#checklist-left-group .ss-checklist>[type="checkbox"]:not(:checked)+label:after {
opacity: 0;
transform: scale(0);
}
#checklist-left-group .ss-checklist>[type="checkbox"]:checked+label:after {
opacity: 1;
transform: scale(1);
}
#checklist-left-group .ss-checklist>[type="checkbox"]:disabled+label {
color: $blue;
cursor: not-allowed;
}
#checklist-left-group .ss-checklist>[type="checkbox"]:checked:focus+label:before, #checklist-left-group .ss-checklist>[type="checkbox"]:not(:checked):focus+label:before {
border: 1px solid #66afe9;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
#checklist-left-group .ss-checklist>label:hover:before {
border: 1px solid #88D2FF !important;
}
#checklist-left-group .ss-checklist>[type="checkbox"]:disabled:not(:checked)+label:hover:before, #checklist-left-group .ss-checklist>[type="checkbox"]:disabled:checked+label:hover:before {
border: 1px solid #E4E4E4 !important;
}
#checklist-left-group {
padding: 10px 5px 10px 11px;
margin-top: 10px;
border-radius: 9px;
}
#checklist-left-group .ss-checklist > [type="checkbox"]:not(:checked) + label, #checklist-left-group .ss-checklist > [type="checkbox"]:checked + label {
position: relative;
font-size: .9rem;
padding-left: 33px;
cursor: pointer;
line-height: 1.1;
}
#checklist-left-group .ss-checklist > [type="checkbox"]:not(:checked) + label::before, #checklist-left-group .ss-checklist > [type="checkbox"]:checked + label::before {
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -9px;
width: 20px;
height: 20px;
border: 1px solid $grey-b;
background: $white;
border-radius: 2px;
}
#checklist-left-group .ss-checklist > [type="checkbox"]:not(:checked) + label::after, #checklist-left-group .ss-checklist > [type="checkbox"]:checked + label::after {
font-family: fa.$family;
font-weight: normal;
content: fa.fa-content(fa.$var-check);
color: $orange;
font-size: 23px;
position: absolute;
top: 48%;
margin-top: -15px;
left: 2px;
transition: all .2s;
}
.timeline-left{
background-color: $white-b;
}
/* Dark Mode - Timeline Styles */
@include color-mode(dark) {
.timeline-left{
border: 2px solid $grey-d;
background-color: $dark;
}
}
/* Dark Mode - Timeline END */
/* END timeline-page.scss */
<div id="body-wrapper">
<div id="skip-content"><a class="Skip-btn" href="#skipToContent">Skip To Main Content</a></div>
<!-- Header Section -->
<header id="header" class="main-header sticky-header">
{{ render '@global-header' }}
{{ render '@site-navigation' }}
</header>
<!-- Header Section End -->
<!-- Main Content Body -->
<main>
<!--Slider -->
<section class="slider-wrapper" id="main-slider-wrapper">
{{> @banner--slim}}
{{> @breadcrumb }}
</section>
<!-- End Slider -->
<section class="page-text-wrapper" id="skipToContent">
<div class="container">
<div class="row mobile-reverse-order">
<div class="col-xxl-8 col-xl-8 col-lg-8 col-md-8 col-sm-12">
<h2>Lorem Ipsum</h2>
<p>Our accounting program is designed to prepare students to thrive in any number of careers within this
increasingly complex and challenging profession. Our program maintains high standards and is separately
accredited by AACSB, the premier business accrediting agency.</p>
{{render '@timeline--small'}}
</div>
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-12">
{{render '@side-navigation--orientation'}}
</div>
</div>
</div>
</section>
<!-- ENROLLMENT CTA -->
{{ render '@enrollment-call-to-action' }}
<!-- END CTA -->
</main>
{{ render '@back-to-top' }}
<!-- End Main Content Body -->
{{ render '@global-footer' }}
</div>