<div class="page_header_wrapper ">
    <div class="page_header">
        <div class="page_header_content">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="page_header_content_inner">
                        <div class="page_header_breadcrumb">

                            <div class="breadcrumb">
                                <nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
                                    <div class="breadcrumb_nav_header">
                                        <h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
                                    </div>
                                    <ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
                                        <li class="breadcrumb_item breadcrumb_item_home">
                                            <a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
                                                <span class="breadcrumb_pill_inner">
                                                    <span class="breadcrumb_pill_icon" aria-hidden="true">
                                                        <i class="fa-regular fa-regular fa-house"></i>
                                                    </span>
                                                    <span class="breadcrumb_pill_label">Home</span>
                                                </span>
                                            </a>
                                            <span class="breadcrumb_divider" aria-hidden="true"></span>
                                        </li>
                                        <li class="breadcrumb_item">
                                            <a class="breadcrumb_pill breadcrumb_pill_link" href="#">
                                                <span class="breadcrumb_pill_inner">
                                                    <span class="breadcrumb_pill_label">Navigation Level</span>
                                                </span>
                                            </a>
                                            <span class="breadcrumb_divider" aria-hidden="true"></span>
                                        </li>
                                        <li class="breadcrumb_item">
                                            <a class="breadcrumb_pill breadcrumb_pill_link" href="#">
                                                <span class="breadcrumb_pill_inner">
                                                    <span class="breadcrumb_pill_label">Parent Level</span>
                                                </span>
                                            </a>
                                            <span class="breadcrumb_divider" aria-hidden="true"></span>
                                        </li>
                                        <li class="breadcrumb_item">
                                            <span class="breadcrumb_pill">
                                                <span class="breadcrumb_pill_inner">
                                                    <span class="breadcrumb_pill_label"></span>
                                                </span>
                                            </span>
                                        </li>
                                    </ol>
                                </nav>
                            </div>
                        </div>
                        <div class="page_header_intro">
                            <h1 class="page_header_title" id="page_title" tabindex="-1">Accounting</h1>
                        </div>
                        <div class="page_header_details">
                            <div class="page_header_detail">
                                <div class="page_header_detail_label">Degree Types</div>
                                <div class="page_header_detail_value">
                                    AA, CT </div>
                            </div>
                            <div class="page_header_detail">
                                <div class="page_header_detail_label">Mode of Study</div>
                                <div class="page_header_detail_value">
                                    On Campus, Online </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="page_header_sole">
        <div class="page_header_teaser">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="page_header_teaser_inner">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">

    <!-- WYSIWYG -->
    <div class="wysiwyg_block">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="fs-mini">
                    <div class="wysiwyg_block_inner typography">
                        <!-- Headings -->
                        <h1>H1 Crass Viverra Ante Vitate Dictum</h1>

                        <div class="intro">
                            <p>Cras viverra ante vitae dictum vestibulum. Nam placerat nulla eu dolor scelerisque mattis et in diam. Quisque tempor ullamcorper odio sit amet vestibulum.</p>
                        </div>

                        <h2>H2 Crass Viverra Ante Vitate Dictum</h2>

                        <p>Cras viverra ante vitae dictum vestibulum. Nam
                            <a href="#">placerat</a>
                            nulla eu dolor scelerisque mattis et in diam. Quisque tempor
                            <a href="#">ullamcorper</a>
                            odio sit amet vestibulum. Praesent cursus tellus nunc, ut venenatis lacus scelerisque sed. Pellentesque mi risus, ultrices id fringilla non, sodales non mi. In feugiat lorem id efficitur euismod.
                        </p>

                        <h3>H3 Crass Viverra Ante Vitate Dictum</h3>

                        <h4>H4 Crass Viverra Ante Vitate Dictum</h4>

                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</p>

                        <h5>H5 Crass Viverra Ante Vitate Dictum</h5>

                        <h6>H6 Crass Viverra Ante Vitate Dictum</h6>

                        <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>

                        <figure class="block_right">
                            <img src="https://images.fastspot.com/framework/740x416/1" alt="">
                            <figcaption>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue.</figcaption>
                        </figure>

                        <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>

                        <figure class="block_left">
                            <img src="https://images.fastspot.com/framework/740x416/2" alt="">
                        </figure>

                        <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.</p>

                        <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.</p>

                        <figure class="block_center">
                            <img src="https://images.fastspot.com/framework/1200x675/3" alt="">
                            <figcaption>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue.</figcaption>
                        </figure>

                        <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.</p>

                        <!-- Blockquote - WYSIWYG -->
                        <blockquote>
                            <p>Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean lacinia bibendum nulla sed consectetur. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id ligula porta felis euismod semper.</p>
                        </blockquote>

                        <figure class="quote">
                            <blockquote class="quote_content">
                                <p>Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean lacinia bibendum nulla sed consectetur. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id ligula porta felis euismod semper.</p>
                            </blockquote>
                            <figcaption class="quote_caption">
                                <span class="quote_caption_name">Aenean massa</span>
                                <span class="quote_caption_title">Nullam dictum felis</span>
                            </figcaption>
                        </figure>

                        <!-- Unordered List -->
                        <ul>
                            <li>
                                <strong>Morbi leo risus</strong>, porta ac consectetur ac, vestibulum at eros. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
                            </li>
                            <li>
                                <strong>Porta ac consectetur ac</strong>, vestibulum at eros. Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
                            </li>
                            <li>
                                <strong>Cum sociis natoque penatibus</strong>
                                et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla.
                                <ul>
                                    <li>Donec ullamcorper nulla non metus auctor fringilla.</li>
                                    <li>Donec id elit non mi porta gravida at eget metus.</li>
                                    <li>
                                        Morbi leo risus, porta ac consectetur ac, vestibulum at eros
                                        <ul>
                                            <li>Donec id elit non mi porta gravida at eget metus.</li>
                                            <li>Morbi leo risus, porta ac consectetur ac, vestibulum at eros</li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <strong>Vestibulum at eros.</strong>
                                Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
                            </li>
                        </ul>

                        <!-- Ordered List -->
                        <ol>
                            <li>
                                <strong>Morbi leo risus</strong>, porta ac consectetur ac, vestibulum at eros. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
                            </li>
                            <li>
                                <strong>Porta ac consectetur ac</strong>, vestibulum at eros. Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
                            </li>
                            <li>
                                <strong>Cum sociis natoque penatibus</strong>
                                et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla.
                                <ul>
                                    <li>Donec ullamcorper nulla non metus auctor fringilla.</li>
                                    <li>Donec id elit non mi porta gravida at eget metus.</li>
                                    <li>
                                        Morbi leo risus, porta ac consectetur ac, vestibulum at eros
                                        <ul>
                                            <li>Donec id elit non mi porta gravida at eget metus.</li>
                                            <li>Morbi leo risus, porta ac consectetur ac, vestibulum at eros</li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <strong>Vestibulum at eros.</strong>
                                Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
                            </li>
                        </ol>

                        <h2>Table Title</h2>

                        <!-- Table -->
                        <table>
                            <thead>
                                <tr>
                                    <th>Colors</th>
                                    <th>Shapes</th>
                                    <th>Numbers</th>
                                    <th>Percentages</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Black</td>
                                    <td>Circle</td>
                                    <td>One</td>
                                    <td>10% of Lorem ipsum dolor sit amet, consectetur.</td>
                                </tr>
                                <tr>
                                    <td>Blue</td>
                                    <td>Square</td>
                                    <td>Two</td>
                                    <td>33% of Donec ullamcorper nulla non metus auctor.</td>
                                </tr>
                                <tr>
                                    <td>Green</td>
                                    <td>Triangle</td>
                                    <td>Three</td>
                                    <td>5% of Integer posuere erat a ante venenatis.</td>
                                </tr>
                                <tr>
                                    <td>Red</td>
                                    <td>Rectangle</td>
                                    <td>Four</td>
                                    <td>90% of Aenean eu leo quam vestibulum.</td>
                                </tr>
                                <tr>
                                    <td>White</td>
                                    <td>Oval</td>
                                    <td>Five</td>
                                    <td>100% of Cum sociis natoque penatibus et mus.</td>
                                </tr>
                            </tbody>
                        </table>

                        <table>
                            <thead>
                                <tr>
                                    <td>Colors</td>
                                    <td>Shapes</td>
                                    <td>Numbers</td>
                                    <td>Percentages</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Black</td>
                                    <td>Circle</td>
                                    <td>One</td>
                                    <td>10% of Lorem ipsum dolor sit amet, consectetur.</td>
                                </tr>
                                <tr>
                                    <td>Blue</td>
                                    <td>Square</td>
                                    <td>Two</td>
                                    <td>33% of Donec ullamcorper nulla non metus auctor.</td>
                                </tr>
                                <tr>
                                    <td>Green</td>
                                    <td>Triangle</td>
                                    <td>Three</td>
                                    <td>5% of Integer posuere erat a ante venenatis.</td>
                                </tr>
                                <tr>
                                    <td>Red</td>
                                    <td>Rectangle</td>
                                    <td>Four</td>
                                    <td>90% of Aenean eu leo quam vestibulum.</td>
                                </tr>
                                <tr>
                                    <td>White</td>
                                    <td>Oval</td>
                                    <td>Five</td>
                                    <td>100% of Cum sociis natoque penatibus et mus.</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: WYSIWYG -->

    <!-- Topic Row -->
    <div class="js-observable topics">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="fs-mini">
                    <div class="topics_inner">
                        <div class="topics_body">
                            <div class="topic">
                                <div class="topic_inner">
                                    <div class="topic_wrapper">
                                        <div class="topic_header">
                                            <h2 class="topic_title">Item Title</h2>
                                        </div>
                                        <div class="topic_body">
                                            <div class="topic_description typography">
                                                <p>
                                                <p>Merced College offers the following degrees/certificates in Accounting:</p>
                                                <ul>
                                                    <li>Accounting (AA)</li>
                                                    <li>Accounting (CT)</li>
                                                </ul>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="topic_links">
                                            <div class="topic_link_item">

                                                <a href="#" class="topic_link">
                                                    <span class="topic_link_inner">
                                                        <span class="topic_link_label">Degree Requirements & Course Descriptions</span>
                                                        <span class="topic_link_icon" aria-hidden="true">
                                                            <i class="fa-regular fa-circle-chevron-right"></i>
                                                        </span>
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Topic Row -->

    <!-- WYSIWYG -->
    <div class="wysiwyg_block">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="fs-mini">
                    <div class="wysiwyg_block_inner typography">
                        <!-- Headings -->
                        <h1>H1 Crass Viverra Ante Vitate Dictum</h1>

                        <div class="intro">
                            <p>Cras viverra ante vitae dictum vestibulum. Nam placerat nulla eu dolor scelerisque mattis et in diam. Quisque tempor ullamcorper odio sit amet vestibulum.</p>
                        </div>

                        <h2>H2 Crass Viverra Ante Vitate Dictum</h2>

                        <p>Cras viverra ante vitae dictum vestibulum. Nam
                            <a href="#">placerat</a>
                            nulla eu dolor scelerisque mattis et in diam. Quisque tempor
                            <a href="#">ullamcorper</a>
                            odio sit amet vestibulum. Praesent cursus tellus nunc, ut venenatis lacus scelerisque sed. Pellentesque mi risus, ultrices id fringilla non, sodales non mi. In feugiat lorem id efficitur euismod.
                        </p>

                        <h3>H3 Crass Viverra Ante Vitate Dictum</h3>

                        <h4>H4 Crass Viverra Ante Vitate Dictum</h4>

                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</p>

                        <h5>H5 Crass Viverra Ante Vitate Dictum</h5>

                        <h6>H6 Crass Viverra Ante Vitate Dictum</h6>

                        <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>

                        <figure class="block_right">
                            <img src="https://images.fastspot.com/framework/740x416/1" alt="">
                            <figcaption>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue.</figcaption>
                        </figure>

                        <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>

                        <figure class="block_left">
                            <img src="https://images.fastspot.com/framework/740x416/2" alt="">
                        </figure>

                        <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.</p>

                        <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.</p>

                        <figure class="block_center">
                            <img src="https://images.fastspot.com/framework/1200x675/3" alt="">
                            <figcaption>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue.</figcaption>
                        </figure>

                        <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.</p>

                        <!-- Blockquote - WYSIWYG -->
                        <blockquote>
                            <p>Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean lacinia bibendum nulla sed consectetur. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id ligula porta felis euismod semper.</p>
                        </blockquote>

                        <figure class="quote">
                            <blockquote class="quote_content">
                                <p>Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean lacinia bibendum nulla sed consectetur. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id ligula porta felis euismod semper.</p>
                            </blockquote>
                            <figcaption class="quote_caption">
                                <span class="quote_caption_name">Aenean massa</span>
                                <span class="quote_caption_title">Nullam dictum felis</span>
                            </figcaption>
                        </figure>

                        <!-- Unordered List -->
                        <ul>
                            <li>
                                <strong>Morbi leo risus</strong>, porta ac consectetur ac, vestibulum at eros. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
                            </li>
                            <li>
                                <strong>Porta ac consectetur ac</strong>, vestibulum at eros. Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
                            </li>
                            <li>
                                <strong>Cum sociis natoque penatibus</strong>
                                et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla.
                                <ul>
                                    <li>Donec ullamcorper nulla non metus auctor fringilla.</li>
                                    <li>Donec id elit non mi porta gravida at eget metus.</li>
                                    <li>
                                        Morbi leo risus, porta ac consectetur ac, vestibulum at eros
                                        <ul>
                                            <li>Donec id elit non mi porta gravida at eget metus.</li>
                                            <li>Morbi leo risus, porta ac consectetur ac, vestibulum at eros</li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <strong>Vestibulum at eros.</strong>
                                Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
                            </li>
                        </ul>

                        <!-- Ordered List -->
                        <ol>
                            <li>
                                <strong>Morbi leo risus</strong>, porta ac consectetur ac, vestibulum at eros. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
                            </li>
                            <li>
                                <strong>Porta ac consectetur ac</strong>, vestibulum at eros. Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
                            </li>
                            <li>
                                <strong>Cum sociis natoque penatibus</strong>
                                et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla.
                                <ul>
                                    <li>Donec ullamcorper nulla non metus auctor fringilla.</li>
                                    <li>Donec id elit non mi porta gravida at eget metus.</li>
                                    <li>
                                        Morbi leo risus, porta ac consectetur ac, vestibulum at eros
                                        <ul>
                                            <li>Donec id elit non mi porta gravida at eget metus.</li>
                                            <li>Morbi leo risus, porta ac consectetur ac, vestibulum at eros</li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <strong>Vestibulum at eros.</strong>
                                Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
                            </li>
                        </ol>

                        <h2>Table Title</h2>

                        <!-- Table -->
                        <table>
                            <thead>
                                <tr>
                                    <th>Colors</th>
                                    <th>Shapes</th>
                                    <th>Numbers</th>
                                    <th>Percentages</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Black</td>
                                    <td>Circle</td>
                                    <td>One</td>
                                    <td>10% of Lorem ipsum dolor sit amet, consectetur.</td>
                                </tr>
                                <tr>
                                    <td>Blue</td>
                                    <td>Square</td>
                                    <td>Two</td>
                                    <td>33% of Donec ullamcorper nulla non metus auctor.</td>
                                </tr>
                                <tr>
                                    <td>Green</td>
                                    <td>Triangle</td>
                                    <td>Three</td>
                                    <td>5% of Integer posuere erat a ante venenatis.</td>
                                </tr>
                                <tr>
                                    <td>Red</td>
                                    <td>Rectangle</td>
                                    <td>Four</td>
                                    <td>90% of Aenean eu leo quam vestibulum.</td>
                                </tr>
                                <tr>
                                    <td>White</td>
                                    <td>Oval</td>
                                    <td>Five</td>
                                    <td>100% of Cum sociis natoque penatibus et mus.</td>
                                </tr>
                            </tbody>
                        </table>

                        <table>
                            <thead>
                                <tr>
                                    <td>Colors</td>
                                    <td>Shapes</td>
                                    <td>Numbers</td>
                                    <td>Percentages</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Black</td>
                                    <td>Circle</td>
                                    <td>One</td>
                                    <td>10% of Lorem ipsum dolor sit amet, consectetur.</td>
                                </tr>
                                <tr>
                                    <td>Blue</td>
                                    <td>Square</td>
                                    <td>Two</td>
                                    <td>33% of Donec ullamcorper nulla non metus auctor.</td>
                                </tr>
                                <tr>
                                    <td>Green</td>
                                    <td>Triangle</td>
                                    <td>Three</td>
                                    <td>5% of Integer posuere erat a ante venenatis.</td>
                                </tr>
                                <tr>
                                    <td>Red</td>
                                    <td>Rectangle</td>
                                    <td>Four</td>
                                    <td>90% of Aenean eu leo quam vestibulum.</td>
                                </tr>
                                <tr>
                                    <td>White</td>
                                    <td>Oval</td>
                                    <td>Five</td>
                                    <td>100% of Cum sociis natoque penatibus et mus.</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: WYSIWYG -->

    <!-- Gallery -->
    <div class="gallery">
        <div class="gallery_body">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="gallery_body_inner">
                        <div class="gallery_items">
                            <div class="js-observable gallery_row grid_layout_70_30">
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure">
                                        <span class="gallery_item_figure_media">
                                            <a class="js-video-appender video_feature_appender" href="https://www.youtube.com/embed/cD4Q11_f_5U">
                                                <span class="video_feature_appender_inner">
                                                    <span class="video_feature_appender_icon">
                                                        <i class="fa-regular fa-play"></i>
                                                    </span>
                                                    <span class="video_feature_appender_label">Play</span>

                                                </span>
                                            </a> <span class="gallery_item_media gallery_item_size_wide">

                                                <img class="gallery_item_image" srcset="https://images.fastspot.com/merced/1440x810/1 1440w, https://images.fastspot.com/merced/1220x686/1 1220w, https://images.fastspot.com/merced/980x552/1 980w, https://images.fastspot.com/merced/740x416/1 740w, https://images.fastspot.com/merced/500x282/1 500w, https://images.fastspot.com/merced/300x169/1 300w" src="https://images.fastspot.com/merced/300x169/1" alt="" loading="lazy" width="300" height="169">
                                            </span>
                                        </span>
                                        <figcaption class="gallery_item_caption">
                                            <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>
                                        </figcaption>
                                    </figure>
                                </div>
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure">
                                        <span class="gallery_item_figure_media">
                                            <span class="gallery_item_media gallery_item_size_portrait">

                                                <img class="gallery_item_image" srcset="https://images.fastspot.com/merced/735x980/2 735w, https://images.fastspot.com/merced/555x740/2 555w, https://images.fastspot.com/merced/375x500/2 375w, https://images.fastspot.com/merced/225x300/2 225w" src="https://images.fastspot.com/merced/225x300/2" alt="" loading="lazy" width="225" height="300">
                                            </span>
                                        </span>
                                        <figcaption class="gallery_item_caption">
                                            <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur Donec ullamcorper nulla non metus auctor fringilla.</p>
                                        </figcaption>
                                    </figure>
                                </div>
                            </div>
                            <div class="js-observable gallery_row grid_layout_30_70">
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure">
                                        <span class="gallery_item_figure_media">
                                            <span class="gallery_item_media gallery_item_size_portrait">

                                                <img class="gallery_item_image" srcset="https://images.fastspot.com/merced/735x980/2 735w, https://images.fastspot.com/merced/555x740/2 555w, https://images.fastspot.com/merced/375x500/2 375w, https://images.fastspot.com/merced/225x300/2 225w" src="https://images.fastspot.com/merced/225x300/2" alt="" loading="lazy" width="225" height="300">
                                            </span>
                                        </span>
                                        <figcaption class="gallery_item_caption">
                                            <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur Donec ullamcorper nulla non metus auctor fringilla.</p>
                                        </figcaption>
                                    </figure>
                                </div>
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure">
                                        <span class="gallery_item_figure_media">
                                            <span class="gallery_item_media gallery_item_size_wide">

                                                <img class="gallery_item_image" srcset="https://images.fastspot.com/merced/1440x810/3 1440w, https://images.fastspot.com/merced/1220x686/3 1220w, https://images.fastspot.com/merced/980x552/3 980w, https://images.fastspot.com/merced/740x416/3 740w, https://images.fastspot.com/merced/500x282/3 500w, https://images.fastspot.com/merced/300x169/3 300w" src="https://images.fastspot.com/merced/300x169/3" alt="" loading="lazy" width="300" height="169">
                                            </span>
                                        </span>
                                        <figcaption class="gallery_item_caption">
                                            <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>
                                        </figcaption>
                                    </figure>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Gallery -->

    <!-- People List -->
    <div class="people_list people_list_contained">
        <div class="people_list_header">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="people_list_header_inner">
                        <h2 class="people_list_title">Accounting Faculty</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="fs-row">
            <div class="fs-cell">
                <div class="people_list_inner">
                    <ul class="people_list_items" id="item_list" aria-label="Accounting Faculty">
                        <li class="people_list_item">

                            <div class="people_item has_social_links">
                                <div class="people_item_header">
                                    <div class="people_item_info">
                                        <h2 class="people_item_name">
                                            Department or Office Name
                                        </h2>
                                        <div class="people_item_extras">
                                            <div class="people_item_title">In enim justo</div>
                                            <div class="people_item_division">Economic/Workforce Dev. & Adult Ed.</div>
                                        </div>
                                    </div>
                                    <figure class="people_item_figure">

                                        <img class="people_item_image" srcset="https://images.fastspot.com/merced/300x300/1 300w, https://images.fastspot.com/merced/100x100/1 100w" src="https://images.fastspot.com/merced/100x100/1" alt="" loading="lazy" width="100" height="100">
                                    </figure>
                                </div>
                                <div class="people_item_body">
                                    <div class="people_item_details">
                                        <div class="people_item_detail">
                                            <div class="people_item_detail_item">
                                                <div class="people_item_detail_info people_item_detail_info_phone">
                                                    <a class="people_item_detail_info_link" href="tel:4105551234">
                                                        <div class="people_item_detail_icon">
                                                            <i class="fa-regular fa-phone"></i>
                                                        </div>
                                                        <span class="people_item_detail_info_label">(410) 555-1234</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="people_item_detail_item">
                                                <div class="people_item_detail_info people_item_detail_info_email">
                                                    <a class="people_item_detail_info_link" href="mailto:name@university.edu">
                                                        <div class="people_item_detail_icon">
                                                            <i class="fa-regular fa-envelope"></i>
                                                        </div>
                                                        <span class="people_item_detail_info_label">name@university.edu</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="people_item_detail">
                                            <div class="people_item_detail_item">
                                                <div class="people_item_detail_info people_item_detail_info_location">
                                                    <a class="people_item_detail_info_link" href=#>
                                                        <div class="people_item_detail_icon">
                                                            <i class="fa-regular fa-location-dot"></i>
                                                        </div>
                                                        <span class="people_item_detail_info_label">Merced Campus</span>
                                                    </a>
                                                </div>
                                                <div class="people_item_detail_info people_item_detail_info_room">
                                                    <span class="people_item_detail_info_label">Room 214</span>
                                                </div>
                                                <div class="people_item_detail_info people_item_detail_info_mailstop">
                                                    <span class="people_item_detail_info_label">Mailstop 10</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="people_item_detail">
                                            <ul class="people_item_social_list">
                                                <li class="people_item_social_item">
                                                    <a class="people_item_social_link people_item_social_link_instagram" href="//www.instagram.com" target="_blank" rel="noopener">
                                                        <span class="people_item_social_icon">
                                                            <i class="fa-brands fa-instagram"></i>
                                                        </span>
                                                        <span class="people_item_social_label">Instagram</span>
                                                    </a>
                                                </li>
                                                <li class="people_item_social_item">
                                                    <a class="people_item_social_link people_item_social_link_facebook" href="//www.facebook.com" target="_blank" rel="noopener">
                                                        <span class="people_item_social_icon">
                                                            <i class="fa-brands fa-facebook"></i>
                                                        </span>
                                                        <span class="people_item_social_label">Facebook</span>
                                                    </a>
                                                </li>
                                                <li class="people_item_social_item">
                                                    <a class="people_item_social_link people_item_social_link_twitter" href="//www.twitter.com" target="_blank" rel="noopener">
                                                        <span class="people_item_social_icon">
                                                            <i class="fa-brands fa-twitter"></i>
                                                        </span>
                                                        <span class="people_item_social_label">Twitter</span>
                                                    </a>
                                                </li>
                                                <li class="people_item_social_item">
                                                    <a class="people_item_social_link people_item_social_link_linkedin" href="//www.linkedin.com" target="_blank" rel="noopener">
                                                        <span class="people_item_social_icon">
                                                            <i class="fa-brands fa-linkedin"></i>
                                                        </span>
                                                        <span class="people_item_social_label">Linkedin</span>
                                                    </a>
                                                </li>
                                                <li class="people_item_social_item">
                                                    <a class="people_item_social_link people_item_social_link_external" href="//www.external.com" target="_blank" rel="noopener">
                                                        <span class="people_item_social_icon">
                                                            <i class="fa-regular fa-link"></i>
                                                        </span>
                                                        <span class="people_item_social_label">External</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="people_list_item">

                            <div class="people_item has_social_links">
                                <div class="people_item_header">
                                    <div class="people_item_info">
                                        <h2 class="people_item_name">
                                            Cum sociis natoque penatibus
                                        </h2>
                                        <div class="people_item_extras">
                                            <div class="people_item_title">consectetuer adipiscing elit</div>
                                            <div class="people_item_division">Economic/Workforce Dev. & Adult Ed.</div>
                                        </div>
                                    </div>
                                    <figure class="people_item_figure">

                                        <img class="people_item_image" srcset="https://images.fastspot.com/merced/300x300/2 300w, https://images.fastspot.com/merced/100x100/2 100w" src="https://images.fastspot.com/merced/100x100/2" alt="" loading="lazy" width="100" height="100">
                                    </figure>
                                </div>
                                <div class="people_item_body">
                                    <div class="people_item_details">
                                        <div class="people_item_detail">
                                            <div class="people_item_detail_item">
                                                <div class="people_item_detail_info people_item_detail_info_phone">
                                                    <a class="people_item_detail_info_link" href="tel:4105551234">
                                                        <div class="people_item_detail_icon">
                                                            <i class="fa-regular fa-phone"></i>
                                                        </div>
                                                        <span class="people_item_detail_info_label">(410) 555-1234</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="people_item_detail_item">
                                                <div class="people_item_detail_info people_item_detail_info_email">
                                                    <a class="people_item_detail_info_link" href="mailto:npenatibus@university.edu">
                                                        <div class="people_item_detail_icon">
                                                            <i class="fa-regular fa-envelope"></i>
                                                        </div>
                                                        <span class="people_item_detail_info_label">npenatibus@university.edu</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="people_item_detail">
                                            <div class="people_item_detail_item">
                                                <div class="people_item_detail_info people_item_detail_info_location">
                                                    <a class="people_item_detail_info_link" href=#>
                                                        <div class="people_item_detail_icon">
                                                            <i class="fa-regular fa-location-dot"></i>
                                                        </div>
                                                        <span class="people_item_detail_info_label">22 Mystery Road, Circleless, MD 20122</span>
                                                    </a>
                                                </div>
                                                <div class="people_item_detail_info people_item_detail_info_room">
                                                    <span class="people_item_detail_info_label">Room 214</span>
                                                </div>
                                                <div class="people_item_detail_info people_item_detail_info_mailstop">
                                                    <span class="people_item_detail_info_label">Mailstop 10</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="people_item_detail">
                                            <ul class="people_item_social_list">
                                                <li class="people_item_social_item">
                                                    <a class="people_item_social_link people_item_social_link_instagram" href="//www.instagram.com" target="_blank" rel="noopener">
                                                        <span class="people_item_social_icon">
                                                            <i class="fa-brands fa-instagram"></i>
                                                        </span>
                                                        <span class="people_item_social_label">Instagram</span>
                                                    </a>
                                                </li>
                                                <li class="people_item_social_item">
                                                    <a class="people_item_social_link people_item_social_link_facebook" href="//www.facebook.com" target="_blank" rel="noopener">
                                                        <span class="people_item_social_icon">
                                                            <i class="fa-brands fa-facebook"></i>
                                                        </span>
                                                        <span class="people_item_social_label">Facebook</span>
                                                    </a>
                                                </li>
                                                <li class="people_item_social_item">
                                                    <a class="people_item_social_link people_item_social_link_twitter" href="//www.twitter.com" target="_blank" rel="noopener">
                                                        <span class="people_item_social_icon">
                                                            <i class="fa-brands fa-twitter"></i>
                                                        </span>
                                                        <span class="people_item_social_label">Twitter</span>
                                                    </a>
                                                </li>
                                                <li class="people_item_social_item">
                                                    <a class="people_item_social_link people_item_social_link_linkedin" href="//www.linkedin.com" target="_blank" rel="noopener">
                                                        <span class="people_item_social_icon">
                                                            <i class="fa-brands fa-linkedin"></i>
                                                        </span>
                                                        <span class="people_item_social_label">Linkedin</span>
                                                    </a>
                                                </li>
                                                <li class="people_item_social_item">
                                                    <a class="people_item_social_link people_item_social_link_external" href="//www.external.com" target="_blank" rel="noopener">
                                                        <span class="people_item_social_icon">
                                                            <i class="fa-regular fa-link"></i>
                                                        </span>
                                                        <span class="people_item_social_label">External</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- END: People List -->

    <!-- Topic Row -->
    <div class="visual_call_to_action">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="visual_call_to_action_inner">
                    <div class="visual_call_to_action_body">
                        <div class="js-observable visual_call_to_action_item">
                            <div class="visual_call_to_action_item_wrapper">
                                <div class="visual_call_to_action_item_bubble">
                                    <div class="visual_call_to_action_item_header">
                                        <h3 class="visual_call_to_action_item_title">Visual Call to Action</h3>
                                        <h2 class="visual_call_to_action_item_lead">subtitle lead-in</h2>
                                    </div>
                                    <div class="visual_call_to_action_item_body">
                                        <div class="visual_call_to_action_item_description">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
                                        </div>
                                    </div>
                                    <div class="visual_call_to_action_item_links">
                                        <div class="visual_call_to_action_item_link_item">

                                            <a href="#" class="visual_call_to_action_item_link">
                                                <span class="visual_call_to_action_item_link_inner">
                                                    <span class="visual_call_to_action_item_link_label">Link Number One</span>
                                                    <span class="visual_call_to_action_item_link_icon" aria-hidden="true">
                                                        <i class="fa-regular fa-circle-chevron-right"></i>
                                                    </span>
                                                </span>
                                            </a>
                                        </div>
                                        <div class="visual_call_to_action_item_link_item">

                                            <a href="#" class="visual_call_to_action_item_link">
                                                <span class="visual_call_to_action_item_link_inner">
                                                    <span class="visual_call_to_action_item_link_label">Link Number Two</span>
                                                    <span class="visual_call_to_action_item_link_icon" aria-hidden="true">
                                                        <i class="fa-regular fa-circle-chevron-right"></i>
                                                    </span>
                                                </span>
                                            </a>
                                        </div>
                                        <div class="visual_call_to_action_item_link_item">

                                            <a href="#" class="visual_call_to_action_item_link">
                                                <span class="visual_call_to_action_item_link_inner">
                                                    <span class="visual_call_to_action_item_link_label">Link Number Three</span>
                                                    <span class="visual_call_to_action_item_link_icon" aria-hidden="true">
                                                        <i class="fa-regular fa-circle-chevron-right"></i>
                                                    </span>
                                                </span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="visual_call_to_action_full_media">
            <figure class="visual_call_to_action_figure">

                <img class="visual_call_to_action_image" srcset="https://images.fastspot.com/merced/1220x686/1 1220w, https://images.fastspot.com/merced/980x552/1 980w" src="https://images.fastspot.com/merced/980x552/1" alt="" loading="eager" width="980" height="552">
            </figure>
        </div>
    </div>
    <!-- END: Topic Row -->
</div>
{% include '@component-page-header' with {
	page: page
} %}

<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">
	{% include '@component-wysiwyg' with {
		content: '<p>Making good decisions is critical for success in any business enterprise. Accounting plays a vital role in providing information needed to make knowledgeable financial decisions. The information supplied by accounting is in the form of quantitative data, primarily financial in nature, and relates to specific economic entities. An economic entity may be an individual, a business enterprise, or a nonprofit organization. Every entity, regardless of its size or purpose, must have a way to keep track of its economic activities and to measure how well it is accomplishing its goals. Accounting provides the means for tracking activities and measuring results.</p><p>Without accounting information, many important financial decisions would be made blindly. Investors, for example, would have no way to distinguish between a profitable company and one that is on the verge of failure; bankers could not evaluate the riskiness of potential loans; managers would have no basis for controlling costs, setting prices, or controlling the company\'s resources; and government would have no basis for taxing income.</p><p>Thus, accounting is a service activity designed to accumulate, measure, and communicate financial information to various decision makers, such as investors, creditors, and managers.</p>'
	} %}

	{% include '@component-topic-row' with {
		items: [
			{
				title: 'Item Title',
				description: '<p>Merced College offers the following degrees/certificates in Accounting:</p><ul><li>Accounting (AA)</li><li>Accounting (CT)</li></ul>',
				links: [
					{
						title: 'Degree Requirements & Course Descriptions',
						url: '#',
						icon: 'arrow_right'
					}
				]
			}
		]
	} %}

	{% include '@component-wysiwyg' with {
		content: '<h3>Career Opportunities</h3><p>Many career opportunities are available in accounting requiring varying amounts of education and experience. Listed below are some of the common accounting positions:</p><ul><li>Accounting Clerk</li><li>Public Accountant</li><li>General Bookkeeper</li><li>Private Accountant</li><li>Junior Accountant</li><li>Not-for-profit Accountant</li><li>Accountant</li><li>Auditor</li></ul>'
	} %}

	{% include '@component-gallery' with {
		rows: [
			{
				layout: '70_30',
				items: [
					{
						image: '1',
						alt: '',
						appender: true,
						video: {
							service: '',
							id: '',
							title: ''
						},
						caption:
							'Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.'
					},
					{
						image: '2',
						alt: '',
						video: {
							service: '',
							id: '',
							title: ''
						},
						caption: 'Praesent commodo cursus magna, vel scelerisque nisl consectetur Donec ullamcorper nulla non metus auctor fringilla.'
					}
				]
			},
			{
				layout: '30_70',
				items: [
					{
						image: '2',
						alt: '',
						video: {
							service: '',
							id: '',
							title: ''
						},
						caption:
							'Praesent commodo cursus magna, vel scelerisque nisl consectetur Donec ullamcorper nulla non metus auctor fringilla.'
					},
					{
						image: '3',
						alt: '',
						video: {
							service: '',
							id: '',
							title: ''
						},
						caption: 'Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.'
					}
				]
			}
		]
	} %}

	{% include '@component-people-list' with {
		contained: true,
		title: 'Accounting Faculty',
		items: [
			{
				name: 'Department or Office Name',
				title: 'In enim justo',
				url: 'page-directory-detail.html',
				image: '1',
				contact: {
					email: 'name@university.edu',
					phone: '(410) 555-1234'
				},
				location: {
					label: 'Merced Campus',
					url: '#'
				},
				department: {
					url: '#',
					label: 'Department'
				}
			},
			{
				name: 'Cum sociis natoque penatibus',
				title: 'consectetuer adipiscing elit',
				url: 'page-directory-detail.html',
				image: '2',
				contact: {
					email: 'npenatibus@university.edu',
					phone: '(410) 555-1234'
				},
				location: {
					label: '22 Mystery Road, Circleless, MD 20122',
					url: '#'
				},
				department: {
					url: '#',
					label: 'Maecenas nec odio et ante tincidunt tempus'
				}
			}
		]
	} %}

	{% render '@component-visual-call-to-action' %}
</div>

No notes defined.