Homepage Example V2
Insert Image
Welcome!
About Me
Intro Biography/Statement
Contact Me
Please reach out if you have any questions or comments. You can do so by messaging me through the 📥 Canvas Inbox or by emailing me at 📧 example@sfcc.spokane.edu.
Want to meet 1-on-1?
Use the quick schedule link below or send me a message if you don't see a time that works well for you.
Resources
Quick links and videos for enrolling, accessing student services, and mental health support
Resource 1
Insert Content
Resource 2
Insert Content
Resource 3
Insert Content
Resource 4
Insert Content
Resource 5
Insert Content
Modules/TOC/Links!
Insert Explanation/Instructions
<div style="margin: 0px; padding: 0px;">
<p>Insert Image</p>
</div>
<h2 style="background: #262359; text-align: center; margin-top: 0px; color: #ffffff;"><span style="font-size: 36pt;"><strong>Welcome!</strong></span></h2>
<div class="content-box" style="margin-bottom: 30px;">
<div class="grid-row">
<div class="col-xs-12 col-lg-3" style="height: 700 px;">
<div class="grid-row" style="height: 100%;">
<div class="col-xs-6 col-lg-12" style="margin: 0px;">
<p>Insert Image</p>
</div>
<div class="col-xs-6 col-lg-12">
<div style="background: #f5f5f5; border: solid 2px #464473; height: 100%; color: #262359;">
<h3 style="padding-left: 2%;"><strong>Quick links:</strong></h3>
<ul style="padding-bottom: 2%;">
<li><a class="inline_disabled" href="https://sfcc.spokane.edu/News-Events/Calendar?calendar=sfcc-important-dates" target="_blank" rel="noopener">SFCC Important Dates</a></li>
<li><a class="inline_disabled" href="https://sfcc.spokane.edu/What-to-Study/Virtual-Campus/SFCC-Student-Affairs" target="_blank" rel="noopener">SFCC Student Affairs</a></li>
<li><a class="inline_disabled" href="#" target="_blank" rel="noopener">Additional Link</a></li>
<li><a class="instructure_file_link instructure_scribd_file inline_disabled" title="Academic Coaching Access Guide for Students - Fall 2023.pdf" href="#" target="_blank" rel="noopener" data-canvas-previewable="false" data-api-endpoint="https://ccs.instructure.com/api/v1/courses/1894391/files/228398473" data-api-returntype="File">Additional Link</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-lg-9">
<h2><strong>About Me</strong></h2>
<p><span style="font-size: 14pt;">Intro Biography/Statement</span></p>
</div>
</div>
</div>
<hr />
<h2><strong>Contact Me</strong></h2>
<p>Please reach out if you have any questions or comments. You can do so by messaging me through the 📥 <a class="inline_disabled" href="https://ccs.instructure.com/conversations" target="_blank" rel="noopener">Canvas Inbox</a> or by emailing me at 📧 <a href="#" target="_blank" rel="noopener">example@sfcc.spokane.edu</a>. </p>
<div style="background: #f5f5f5; border: 3px dashed #c7cdd1; border-radius: 5px; color: #262359;">
<h3 style="text-align: center;"><strong>Want to meet 1-on-1?</strong></h3>
<p style="text-align: center;">Use the quick schedule link below or send me a message if you don't see a time that works well for you.</p>
<p style="text-align: center; margin: 3%;"><a class="inline_disabled" style="background: #ffffff; border: #262359 3px solid; border-radius: 15px; padding: 8px;" href="#" target="_blank" rel="noopener"><strong>Schedule a meeting</strong></a></p>
</div>
<hr />
<h2><strong>Resources</strong></h2>
<p>Quick links and videos for enrolling, accessing student services, and mental health support</p>
<details style="margin: 0px; color: #262359;">
<summary style="font-size: 1.5rem; border-radius: 5px 5px 0px 0px; background-color: #f5f5f5; padding: 10px;">Resource 1</summary>
<div style="background-color: #dddddd; margin: 0px; padding: 10px; font-size: 1rem;">
<p style="text-align: left;">Insert Content</p>
</div>
</details>
<details style="margin: 0px; color: #262359;">
<summary style="font-size: 1.5rem; border-top: 1px solid #2d3b45; background-color: #f5f5f5; padding: 10px;">Resource 2</summary>
<div style="background-color: #dddddd; margin: 0px; padding: 10px; font-size: 1rem;">
<p style="text-align: left;">Insert Content</p>
</div>
</details>
<details style="margin: 0px; color: #262359;">
<summary style="font-size: 1.5rem; border-top: 1px solid #2d3b45; background-color: #f5f5f5; padding: 10px;">Resource 3</summary>
<div style="background-color: #dddddd; margin: 0px; padding: 10px; font-size: 1rem;">
<p>Insert Content</p>
</div>
</details>
<details style="margin: 0px; color: #262359;">
<summary style="font-size: 1.5rem; border-top: 1px solid #2d3b45; background-color: #f5f5f5; padding: 10px;">Resource 4</summary>
<div style="background-color: #dddddd; margin: 0px; padding: 10px; font-size: 1rem;">
<p>Insert Content</p>
</div>
</details>
<details style="margin: 0px; color: #262359;">
<summary style="font-size: 1.5rem; border-top: 1px solid #2d3b45; background-color: #f5f5f5; padding: 10px;">Resource 5</summary>
<div style="border-radius: 0px 0px 5px 5px; background-color: #dddddd; margin: 0px; padding: 10px; font-size: 1rem;">
<p>Insert Content</p>
</div>
</details>
<hr />
<h2><strong>Modules/TOC/Links!</strong></h2>
<p>Insert Explanation/Instructions</p>
<div style="color: #262359;">
<p style="background: #f5f5f5; border: 3px solid #c7cdd1; font-size: 28.8px; padding: 15px; border-radius: 10px; text-align: center;"><a class="inline_disabled" href="#" target="_blank" rel="noopener">Link 1</a></p>
<p style="background: #f5f5f5; border: 3px solid #c7cdd1; font-size: 28.8px; padding: 15px; border-radius: 10px; text-align: center;"><a class="inline_disabled" href="#" target="_blank" rel="noopener">Link 2</a></p>
<p style="background: #f5f5f5; border: 3px solid #c7cdd1; font-size: 28.8px; padding: 15px; border-radius: 10px; text-align: center;"><a class="inline_disabled" href="#" target="_blank" rel="noopener">Link 3</a></p>
<p style="background: #f5f5f5; border: 3px solid #c7cdd1; font-size: 28.8px; padding: 15px; border-radius: 10px; text-align: center;"><a class="inline_disabled" href="#" target="_blank" rel="noopener">Link 4</a></p>
<p style="background: #f5f5f5; border: 3px solid #c7cdd1; font-size: 28.8px; padding: 15px; border-radius: 10px; text-align: center;"><a class="inline_disabled" href="#" target="_blank" rel="noopener">Link 5</a></p>
<p style="background: #f5f5f5; border: 3px solid #c7cdd1; font-size: 28.8px; padding: 15px; border-radius: 10px; text-align: center;"><a class="inline_disabled" href="#" target="_blank" rel="noopener">Link 6</a></p>
</div>