Content Boxes

[overview or intro text to a page. Otherwise another option for "asides"]

[more text]

[more text]

<div style="background: #f9f9f9; border-radius: 15px; padding: 15px; margin-bottom: 30px; border-left: 5px solid #173c72; color: #173c72;">
    <p>[overview or intro text to a page. Otherwise another option for "asides"]</p>
    <p>[more text]</p>
    <p>[more text]</p>
</div>

 

Same as above but in a "blockquote" format

   

"The poem is the device through which the ordinary world is seen in a new way -- engaging, compelling, even beautiful." 

   

~Ted Kooser, The Poetry Home Repair Manual

<blockquote style="background: #f9f9f9; border-radius: 15px; padding: 15px; margin-bottom: 30px; border-left: 5px solid #173c72; color: #173c72;">
    <p><strong>"The poem is the device through which the ordinary world is seen in a new way -- engaging, compelling, even beautiful."&nbsp;</strong></p>
    <p>~Ted Kooser,&nbsp;<em>The Poetry Home Repair Manual</em></p>
</blockquote>

 

 

[Text box for quick notes or asides that break up large blocks of text]

[text is center aligned but can be changed as necessary]

<div style="background: #f9f9f9; border: 3px dashed #c7cdd1; border-radius: 5px; padding: 15px; margin: 30px; text-align: center; color: #173c72;">
    <p>[Text box for quick notes or asides that break up large blocks of text]</p>
    <p>[text is center aligned but can be changed as necessary]</p>
</div>

 

 

 

[Bacon ipsum dolor amet pork loin turducken buffalo biltong andouille shank filet mignon pork chop sirloin tri-tip. Short loin tail chislic, strip steak biltong ham hock prosciutto doner buffalo tenderloin andouille pork loin tri-tip spare ribs. Short ribs hamburger jowl kevin pig cupim turkey biltong bresaola. Capicola tenderloin beef ribs bresaola sirloin tail, filet mignon boudin pastrami.]

 <div class="content-box">
        <div class="grid-row">
            <div class="col-xs-6 col-md-8">
                <p>[Bacon ipsum dolor amet pork loin turducken buffalo biltong andouille shank filet mignon pork chop sirloin tri-tip. Short loin tail chislic, strip steak biltong ham hock prosciutto doner buffalo tenderloin andouille pork loin tri-tip spare ribs. Short ribs hamburger jowl kevin pig cupim turkey biltong bresaola. Capicola tenderloin beef ribs bresaola sirloin tail, filet mignon boudin pastrami.]
            </div>
            <div class="col-xs-6 col-md-4">
                <div style="background: #f9f9f9; border: solid 2px #173c72; height: 100%; color: #173c72;">
                    <h3 style="padding-left: 2%;"><strong>Quick links:</strong></h3>
                    <ul style="padding-bottom: 2%;">
                        <li><a class="inline_disabled" href="https://scc.spokane.edu/News-Events/Calendar?calendar=sfcc-important-dates" target="_blank" rel="noopener">SCC Important Dates</a></li>
                        <li><a class="inline_disabled" href="https://scc.spokane.edu/What-to-Study/Virtual-Campus/Remote-Student-Services" target="_blank" rel="noopener">Remote Student Services</a></li>
                        <li><a class="inline_disabled" href="https://ccs.instructure.com/courses/2253278/pages/fasttrack-support/#support" data-api-endpoint="https://ccs.instructure.com/api/v1/courses/2253278/pages/fasttrack-support" data-api-returntype="Page">Contact Support</a></li>
                    </ul>
                </div>
            </div>
        </div>

 

 

 

Week 1

Due Date Assignment Resources
Nov 14 [link] [link]
Nov 23 [link] [link]
Nov 24 [link] [link]
Nov 25 [Link] [link]

<div class="content-box">
            <div class="grid-row">
                <div class="col-xs-12 col-md-4">
                    <h3 style="background: #595a5a; color: #ffffff; padding: 15px; text-align: center; border-left: solid 10px #173c72;"><strong>Week 1</strong></h3>
                </div>
                <div class="col-xs-12 col-md-8" style="color: #173c72; text-align: center;">
                    <table style="border-collapse: collapse; width: 100%; height: 150px; background-color: #f9f9f9; border-color: #595a5a; border-style: solid;" border="2" cellspacing="0" cellpadding="0">
                        <tbody>
                            <tr style="height: 30px;">
                                <th style="width: 33.33%; height: 30px;">Due Date</th>
                                <th style="width: 33.33%; height: 30px;">Assignment</th>
                                <th style="width: 33.33%; height: 30px;">Resources</th>
                            </tr>
                            <tr style="height: 30px;">
                                <td style="width: 33.33%; height: 30px;"><span>Nov 14</span></td>
                                <td style="width: 33.33%; height: 30px;"><span>[link]</span></td>
                                <td style="width: 33.33%; height: 30px;">[link]</td>
                            </tr>
                            <tr style="height: 30px;">
                                <td style="width: 33.33%; height: 30px;"><span>Nov 23</span></td>
                                <td style="width: 33.33%; height: 30px;"><span>[link]</span></td>
                                <td style="width: 33.33%; height: 30px;"><span>[link]</span></td>
                            </tr>
                            <tr style="height: 30px;">
                                <td style="width: 33.33%; height: 30px;"><span>Nov 24</span></td>
                                <td style="width: 33.33%; height: 30px;"><span>[link]</span></td>
                                <td style="width: 33.33%; height: 30px;"><span>[link]</span></td>
                            </tr>
                            <tr style="height: 30px;">
                                <td style="width: 33.33%; height: 30px;"><span>Nov 25</span></td>
                                <td style="width: 33.33%; height: 30px;"><span>[Link]</span></td>
                                <td style="width: 33.33%; height: 30px;"><span>[link]</span></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>