Faculty Profile Page

<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">
        <!-- Top Header -->
        <div id="top-header">
            <div class="top-header-left">
                <a title="UTSA Home" href="https://www.utsa.edu">
                    <img width="250px" height="12px" class="logo-full d-none d-sm-block" src="../../college-dls/utsa/images/utsa-logo-full.svg" alt="The University of Texas at San Antonio" />
                    <img width="72px" height="25px" class="logo-short d-block d-sm-none" src="../../college-dls/utsa/images/utsa-logo.svg" alt="The University of Texas at San Antonio" />
                </a>
            </div>
            <div class="top-header-right">
                <form class="top-header-form">
                    <div class="language-select">
                        <label for="select-lang" class="d-none">Select Language</label>
                        <select id="select-lang" class="js-example-disabled-results" aria-labelledby="select-lang">
                            <option>Select Language</option>
                            <option>English</option>
                        </select>
                    </div>
                    <div class="myutsa-link">
                        <a title="MyUTSA" href="https://my.utsa.edu"><i class="fas fa-globe-americas"></i> <span class="myutsa-text">myUTSA</span></a>
                    </div>
                    <div class="search">
                        <button type="button" class="search-btn dropdown-toggle show" data-bs-toggle="dropdown" aria-expanded="true">
                            <span class="search-icon"><i class="fas fa-search" aria-hidden="true"></i></span>
                            <span class="search-text">Search</span>
                        </button>
                        <div class="dropdown-menu " style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate3d(274px, 122px, 0px);" data-popper-placement="bottom-end">
                            <label for="q" class="d-none">Search</label>
                            <input type="search" placeholder="Search" id="q" tabindex="0" onblur="if (this.value == '') {this.value = 'Search UTSA';}" onfocus="if (this.value == 'Search UTSA') {this.value = '';}" value="Search UTSA" />
                            <button type="submit" class="search-input-icon" aria-label="Search"><i class="fas fa-search" aria-hidden="true"></i></button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!-- End Top Header -->

        <!-- Sticky Header -->
        <div class="top-navigation">
            <!-- Main Header -->
            <div id="main-header">
                <div class="container">
                    <nav class="navbar navbar-expand-md">
                        <a class="navbar-brand p-2" href="#" aria-label="Logo Image">
                            <img class="college-logo" width="265px" height="33px" alt="Full College Name Goes Here" src="../../college-dls/college/images/logo-hcap-2color-formal-single-short.svg" /></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 class="nav-link" href="#" aria-label="College Admissions">Admissions</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#">Programs</a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#" aria-label="Undergraduate Programs">Undergraduate</a>
                                        <a class="dropdown-item" href="#" aria-label="Graduate Programs">Graduate</a>
                                        <a class="dropdown-item" href="#" aria-label="Certificate Programs">Certificate</a>
                                        <a class="dropdown-item" href="#" aria-label="another link option for testing">Testing a long link to make sure it wraps on mobile</a>
                                    </div>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="#" aria-label="Faculty & Research">Faculty & Research </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-label="Student Success">Student Success</a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#" aria-label="Undergraduate Student Resources">Undergraduate</a>
                                        <a class="dropdown-item" href="#" aria-label="Graduate Student Resources">Graduate</a>
                                        <a class="dropdown-item" href="#" aria-label="Certificate Resources">Certificate</a>
                                    </div>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-label="College Departments">Departments</a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#" aria-label="Another sub menu item">Undergraduate</a>
                                    </div>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-label="About the College">About</a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#" aria-label="About Undergraduate Programs">Undergraduate</a>
                                        <a class="dropdown-item" href="#" target="_parent">This is a longer link for testing</a>
                                    </div>
                                </li>

                                <li class="nav-item mobile-nav-btns">
                                    <a href="#" class="action-btn">Apply <i class="fas fa-arrow-right"></i></a>
                                    <a href="#" class="action-btn">Visit <i class="fas fa-arrow-right"></i></a>
                                    <a href="#" class="action-btn">Request Info <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">Faculty Profile Page</h1>
                    </div>
                </div>
            </section> <!-- Breadcrumb -->
            <div class="breadcrumb-wrapper">
                <div class="container">
                    <ul class="list-unstyled">
                        <li class="crumb-item">
                            <a class="link-text" href="index.html">Home</a>
                            <span class="breadcrumb-divider">&#160;/&#160;</span>
                            <span class="unlink-text">Faculty Profile Page</span>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- End Breadcrumb -->
        </section>
        <!-- End Slider -->
        <section class="position-relative py-5" id="skipToContent">
            <div class="container">
                <div class="profile-details-component-div white">
                    <div class="col-12">
                        <input id="uuid" type="hidden" value="000rvg810">

                        <h2>Juan Manuel Sanchez, Ph.D.</h2>
                        <p class="profile-details-title">Associate Dean of Graduate Studies and Research
                            Ph.D. Program Director, Professor of Accounting
                        </p>
                    </div>
                    <div class="row no-mrg pt-4">
                        <div class="col-12 col-md-4">
                            <div class="profile-details-img">
                                <img class="clip-mask-top-right" src="../../college-dls/college/images/faculty/Jonathon-Halbesleben.jpg" alt="User Image">
                            </div>
                        </div>
                        <!-- Contact Details -->
                        <div class="col-12 col-md-8">
                            <div class="accounting-faculty-content">
                                <div class="faculty-contact-list">
                                    <h2>Contact</h2>
                                    <ul class="list-unstyled">
                                        <li><span class="icon"><i class="fas fa-building" aria-hidden="true"></i></span> BB 4.01.18</li>
                                        <li><span class="icon"><i class="far fa-envelope" aria-hidden="true"></i></span> <a href="mailto:juan.manuel.sanchez@utsa.edu">juan.manuel.sanchez@utsa.edu</a></li>
                                        <li><span class="icon"><i class="fas fa-mobile-alt" aria-hidden="true"></i></span> <a href="tel:210.458.5572">210.458.5572</a></li>
                                        <li><span class="icon"><i class="far fa-file" aria-hidden="true"></i></span><a href="#">Download
                                                CV</a></li>
                                    </ul>
                                </div>
                                <div class="faculty-degree-list">
                                    <h5>Degree</h5>
                                    <ul>
                                        <li>Ph.D. The University of Texas at San Antonio</li>
                                        <li>M.S. St. Mary's University</li>
                                        <li>MBA St. Mary's University</li>
                                        <li>BBA St. Mary's University</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--End Contact Details -->

                        <div class="col-12">
                            <div class="profile-details-content">

                                <h3 class="profile-details-section">Bio</h3>
                                <p>Bacon ipsum dolor amet turducken buffalo pancetta, salami ham hock fatback meatball biltong tail
                                    chuck doner. Frankfurter pork fatback prosciutto pork chop. Meatball venison pancetta turkey, beef
                                    ribs hamburger chicken shankle bacon chuck chislic. Flank shank spare ribs capicola.</p>
                                <p>Capicola bresaola hamburger, shank pork chicken chislic frankfurter. Porchetta leberkas spare ribs
                                    ham hock pastrami jowl burgdoggen jerky pork loin kevin venison strip steak pork chop. Shank ribeye
                                    chislic, pork belly tail boudin jowl kevin ball tip beef cow swine. Short loin kevin frankfurter
                                    salami, leberkas sirloin landjaeger beef ribs strip steak. Burgdoggen bacon ham, andouille salami
                                    landjaeger meatball chuck pork chop short loin ribeye.</p>
                                <div class="row">
                                    <div class="col-12 col-lg-6">
                                        <h3 class="profile-details-section">Teaching</h3>
                                        <div class="profile-details-list">
                                            <ul>
                                                <li>Javascript 101</li>
                                                <li>Javascript 102</li>
                                                <li>Velocity 42</li>
                                                <li>CSS 3</li>
                                                <li>HTML5</li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="col-12 col-lg-6">
                                        <h3 class="profile-details-section">Research Interests</h3>
                                        <div class="profile-details-list">
                                            <ul>
                                                <li>Websites</li>
                                                <li>Running</li>
                                                <li>Spikeball</li>
                                                <li>Ultimate Frisbee&nbsp;</li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="col-12 col-lg-6">
                                        <h3 class="profile-details-section">Degrees</h3>
                                        <div class="profile-details-list">
                                            <ul>
                                                <li>B.S. in Mass Communications at CSU-Pueblo</li>
                                                <li>M.S. in Organizational Development Leadership</li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="col-12 col-lg-6">
                                        <h3 class="profile-details-section">Recent Media and Clips</h3>
                                        <div class="profile-details-list">
                                            <ul>
                                                <li><a href="https://gazette.com/business/colordo-springs-teams-developing-apps-for-restaurants-water-rights-advance-to-go-code-finals/article_0a1f6e48-8726-5e67-a3c1-3e0cf1b6b4b8.html" target="_blank">2017 - Go Code Colorado Finalist, State of Colorado</a></li>
                                                <li><a href="https://www.csupueblo.edu/news/2017/04-20-outstanding-faculty-staff-luncheon.html" target="_parent">CSU-Pueblo honors outstanding faculty and staff at luncheon</a></li>
                                                <li><a href="https://www.csupueblo.edu/classified-staff-council/employee-of-the-year-awards.html" target="_parent">Employee of the Year Awards</a></li>
                                                <li><a href="https://socopressclub.org/awards/media-excellence/" target="_parent">Media
                                                        Excellence</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>

                                <div id="results"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--BEGIN UTSA DISCOVERY CODE-->
        <section class="position-relative py-5">
            <div class="container">
                <div class="profile-details-component-div white">
                    <div class="col-12" id="results">
                        <input type="hidden" value="000gmk817" id="uuid" />
                        <input type="hidden" value="5" id="awardsCount" />
                        <input type="hidden" value="500" id="presentationsCount" />
                        <input type="hidden" value="1" id="grantsCount" />
                        <input type="hidden" value="5" id="patentsCount" />
                        <input type="hidden" value="5" id="clinicalTrialsCount" />
                        <input type="hidden" value="25" id="publicationsCount" />

                        <h3 class="profile-details-section">UTSA Discovery: </h3>
                        <ul id="utsa-discovery-items" class="text-sm-left">

                        </ul>

                        <div class="d-none" id="awards">
                            <h3 class="profile-details-section">Awards</h3>

                        </div>

                        <div class="d-none" id="presentations">
                            <h3 class="profile-details-section">Presentations</h3>

                        </div>

                        <div class="d-none" id="grants">
                            <h3 class="profile-details-section">Grants</h3>

                        </div>

                        <div class="d-none" id="publications">
                            <h3 class="profile-details-section">Publications</h3>

                        </div>

                    </div>
                </div>
            </div>
        </section>
        <!--END UTSA DISCOVERY CODE-->

        <!-- ENROLLMENT CTA -->
        <!-- Roadrunner Section -->
        <section class="enrollment-wrapper" style="background-image: url('../../college-dls/utsa/images/Future-Roadrunner.png');">
            <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">&nbsp;</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">
            <div class="row">
                <div class="col-sm-12 col-md-6 col-lg-4">
                    <div class="footer-logo">
                        <img width="231px" height="75px" alt="UTSA - Creating Bold Futures" src="../../college-dls/utsa/images/utsa-cbf.svg" />
                    </div>
                    <div class="footer-text">
                        <p>
                            <span class="footer-first-text">One UTSA Circle San Antonio, TX 78249</span>
                            <span class="footer-second-text">Information <a href="tel:+12104584011" class="">210-458-4011</a></span>
                        </p>
                    </div>
                    <div class="footer-social">
                        <a class="facebook" href="https://facebook.com/utsa" aria-label="Facebook"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
                        <a class="twitter" href="https://x.com/utsa" aria-label="Twitter"><i class="fa-brands fa-x-twitter" aria-hidden="true"></i></a>
                        <a class="youtube" href="https://youtube.com/user/utsa" aria-label="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="Linkedin"><i class="fab fa-linkedin" aria-hidden="true"></i></a>
                        <a class="instagram" href="https://instagram.com/utsa/" aria-label="Instagram"><i class="fab fa-instagram" aria-hidden="true"></i></a>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-2">
                    <ul class="list-unstyled">
                        <li class="nav-item">
                            <a href="https://www.utsa.edu/locations" id="s-footer-locations">Locations</a>
                        </li>
                        <li class="nav-item">
                            <a href="https://www.utsa.edu/visit" id="s-footer-visit" aria-label="Visit UTSA">Visit UTSA</a>
                        </li>
                        <li class="nav-item">
                            <a href="https://www.utsa.edu/today" id="s-footer-utsa-today">UTSA Today</a>
                        </li>
                        <li class="nav-item">
                            <a href="https://www.utsa.edu/jobs" id="s-footer-jobs">Jobs</a>
                        </li>
                        <li class="nav-item">
                            <a href="https://alerts.utsa.edu/utsa-community-emergency-response" id="s-footer-emergency-contacts">Emergency Contacts</a>
                        </li>
                    </ul>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-2">
                    <ul class="list-unstyled">
                        <li class="nav-item">
                            <a href="https://www.utsa.edu/directory" id="s-footer-directory">Directory</a>
                        </li>
                        <li class="nav-item">
                            <a href="https://www.utsa.edu/Compliance/Hotline.html" id="s-footer-report-fraud">Report
                                Fraud</a>
                        </li>
                        <li class="nav-item">
                            <a href="https://www.utsa.edu/eos/title-ix" id="s-footer-title-ix-reporting">Title IX
                                Reporting</a>
                        </li>
                        <li class="nav-item">
                            <a href="https://www.utsa.edu/ada" id="s-footer-ada-resources">ADA Resources</a>
                        </li>
                        <li class="nav-item">
                            <a href="https://www.utsa.edu/publicsafety/pd/clery_compliance" id="s-footer-clery-info">Clery
                                Information</a>
                        </li>
                    </ul>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-4">
                    <ul class="list-unstyled">
                        <li class="nav-item">
                            <a href="https://www.utsa.edu/remembrance" id="s-footer-rr-remembrance">Roadrunner
                                Remembrance</a>
                        </li>
                        <li class="nav-item">
                            <a href="https://www.utsa.edu/mental-health-resources" id="s-footer-mental-health">Counseling/Mental Health</a>
                        </li>

                        <li class="nav-item">
                            <a href="https://www.utsa.edu/heerf/#reports-disclosure" id="s-footer-cares-act-reports">CARES
                                Act Reports &amp; Disclosure</a>
                        </li>
                        <li class="nav-item">
                            <a href="https://www.utsa.edu/hop/chapter9/9.24.html" id="s-footer-sexual-harassment">Sexual
                                Harassment and Sexual Misconduct Policy</a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-12">
                    <hr />
                </div>
            </div>
        </div>
        <div class="copyright-subfooter">
            <div class="row">
                <div class="col-sm-12 col-md-6">
                    <div class="utsa-copyright">
                        <p>&copy; 2024 The University of Texas at San Antonio</p>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6">
                    <nav class="subfooter-links">
                        <ul class="list-unstyled">
                            <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>