<!-- Student Support Resources Page Template -->
<!-- Place in Getting Started module (Module 0) or link from syllabus -->
<!-- All external links use target="_blank" with rel="noopener noreferrer" and screen-reader text -->
<!-- Design system: standards/page-design.md -->

<div style="max-width: 900px; margin: 0 auto;">

  <!-- Page Header Banner -->
  <div style="background: linear-gradient(135deg, #8C1D40 0%, #4A0A24 70%, #2D0618 100%); color: white; padding: 35px 30px; border-radius: 10px; margin-bottom: 25px;">
    <h2 style="color: #FFC627; margin: 0 0 8px 0; font-size: 28px;">Student Support Resources</h2>
    <p style="color: #f0f0f0; margin: 0; font-size: 16px;">Your success matters. These resources are here to help you thrive in this course and at ASU.</p>
  </div>

  <!-- Accessibility & Disability Resources -->
  <div style="background-color: #f8f4f0; border-left: 4px solid #8C1D40; padding: 20px; border-radius: 0 8px 8px 0; margin-bottom: 25px;">
    <h3 style="color: #8C1D40; margin: 0 0 12px 0;">Accessibility & Disability Resources</h3>
    <p style="color: #333; line-height: 1.6; margin: 0 0 12px 0;">
      If you have a disability or condition that may affect your ability to participate in this course, accommodations are available. Register early to ensure timely support.
    </p>
    <ul style="margin: 0; padding-left: 20px; line-height: 1.8; color: #333;">
      <li><a href="https://eoss.asu.edu/accessibility" target="_blank" rel="noopener noreferrer" style="color: #8C1D40;">Student Accessibility and Inclusive Learning Services (SAILS) <span style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;">(opens in new tab)</span></a> — Register for accommodations, request exam adjustments, connect with an access consultant</li>
      <li><a href="https://eoss.asu.edu/accessibility/accommodation-request" target="_blank" rel="noopener noreferrer" style="color: #8C1D40;">Request Accommodations <span style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;">(opens in new tab)</span></a> — Start the accommodation process online</li>
    </ul>
  </div>

  <!-- Technical Support -->
  <div style="background-color: #f8f4f0; border-left: 4px solid #FFC627; padding: 20px; border-radius: 0 8px 8px 0; margin-bottom: 25px;">
    <h3 style="color: #8C1D40; margin: 0 0 12px 0;">Technical Support</h3>
    <ul style="margin: 0; padding-left: 20px; line-height: 1.8; color: #333;">
      <li><a href="https://canvas.asu.edu/support" target="_blank" rel="noopener noreferrer" style="color: #8C1D40;">Canvas Support (24/7) <span style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;">(opens in new tab)</span></a> — Help with Canvas access, submissions, quizzes, and technical issues</li>
      <li><a href="https://uto.asu.edu/myasu-service-center" target="_blank" rel="noopener noreferrer" style="color: #8C1D40;">ASU Help Center <span style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;">(opens in new tab)</span></a> — General ASU technology support (ASURITE, email, software)</li>
    </ul>
  </div>

  <!-- Academic Support -->
  <div style="background-color: #f8f4f0; border-left: 4px solid #8C1D40; padding: 20px; border-radius: 0 8px 8px 0; margin-bottom: 25px;">
    <h3 style="color: #8C1D40; margin: 0 0 12px 0;">Academic Support</h3>
    <ul style="margin: 0; padding-left: 20px; line-height: 1.8; color: #333;">
      <li><a href="https://tutoring.asu.edu/" target="_blank" rel="noopener noreferrer" style="color: #8C1D40;">ASU Tutoring <span style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;">(opens in new tab)</span></a> — Free tutoring for many subjects, including science and math</li>
      <li><a href="https://lib.asu.edu/" target="_blank" rel="noopener noreferrer" style="color: #8C1D40;">ASU Library Resources <span style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;">(opens in new tab)</span></a> — Research databases, librarian consultations, study spaces</li>
      <li><a href="https://success.asu.edu/success-coaching" target="_blank" rel="noopener noreferrer" style="color: #8C1D40;">Success Coaching <span style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;">(opens in new tab)</span></a> — One-on-one coaching for time management, study strategies, and goal setting</li>
    </ul>
  </div>

  <!-- Academic Advising -->
  <div style="background-color: #f8f4f0; border-left: 4px solid #FFC627; padding: 20px; border-radius: 0 8px 8px 0; margin-bottom: 25px;">
    <h3 style="color: #8C1D40; margin: 0 0 12px 0;">Academic Advising</h3>
    <ul style="margin: 0; padding-left: 20px; line-height: 1.8; color: #333;">
      <li><a href="https://eadvisor.asu.edu/" target="_blank" rel="noopener noreferrer" style="color: #8C1D40;">eAdvisor <span style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;">(opens in new tab)</span></a> — Degree progress tracking and academic planning</li>
      <li><a href="https://admission.asu.edu/academics/advising" target="_blank" rel="noopener noreferrer" style="color: #8C1D40;">Find Your Academic Advisor <span style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;">(opens in new tab)</span></a> — Connect with your college or department advisor</li>
    </ul>
  </div>

  <!-- Wellness & Personal Support -->
  <div style="background-color: #f8f4f0; border-left: 4px solid #8C1D40; padding: 20px; border-radius: 0 8px 8px 0; margin-bottom: 25px;">
    <h3 style="color: #8C1D40; margin: 0 0 12px 0;">Wellness & Personal Support</h3>
    <ul style="margin: 0; padding-left: 20px; line-height: 1.8; color: #333;">
      <li><a href="https://eoss.asu.edu/counseling" target="_blank" rel="noopener noreferrer" style="color: #8C1D40;">Counseling Services <span style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;">(opens in new tab)</span></a> — Free, confidential counseling for ASU students</li>
      <li><strong>Crisis Line:</strong> Call or text 988 (Suicide & Crisis Lifeline, available 24/7)</li>
      <li><a href="https://eoss.asu.edu/dos" target="_blank" rel="noopener noreferrer" style="color: #8C1D40;">Dean of Students <span style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;">(opens in new tab)</span></a> — Support for personal emergencies, academic disruptions, and crisis situations</li>
    </ul>
  </div>

  <!-- Course-Specific Help — Full-Card Alert -->
  <div style="background-color: #FFF8E1; border: 1px solid #FFC627; border-radius: 8px; padding: 20px; margin-bottom: 25px;">
    <h3 style="color: #8C1D40; margin: 0 0 10px 0;">Need Help in This Course?</h3>
    <p style="color: #333; line-height: 1.6; margin: 0;">
      Your instructor is here to support your learning. Reach out anytime via <strong>Canvas Inbox</strong> — you can expect a response within 24 hours on weekdays. Check the syllabus for office hours and additional contact information.
    </p>
  </div>

</div>
