This page is a test page to view multiple stacked components for debugging issues. This is not meant to be a page that is utilized in production.

The following components are utilized on this page:

  1. Call to Action Media - Orange
  2. Call to Action Media - Blue
  3. Call to Action Media - Blue - Left
  4. Call to Action Media - Orange - Left
  5. Call to Action Buttons
  6. Call to Action Buttons - Grey

Context data for this page is purposefully overridden to use the exact same headline, copy and image in order to view how different components are laid out between different variants.

<div id="body-wrapper">
    <div id="main" role="main">

        <section class="site-footer grey-bg pt-5 pb-2" aria-label="Site Footer">
            <div class="container">
                <div class="row">
                    <!-- Logo Column -->
                    <div class="col-sm-12 col-md-4 pl-3 pt-2">
                        <a class="logo-footer" href="#" target="_parent">
                            <img alt="" class="img-fluid mb-4" src="../../college-dls/college/images/logos/Klesse_Engineering_Integrated_Design_Blu_Type_3Line 1.svg" />
                        </a>
                        <ul class="list-unstyled">
                            <li class="mb-2">Main Building, Suite 4.120</li>
                            <li class="mb-2">The University of Texas at San Antonio</li>
                            <li class="mb-2">One UTSA Circle</li>
                            <li class="mb-2">San Antonio, TX 78249</li>
                            <li class="mb-2">(210) 458-4110</li>
                            <li class="mb-2"><a href="mailto:your-college-email@utsa.edu">your-college-email@utsa.edu</a></li>
                        </ul>
                    </div>
                    <!-- Site Footer Content Column -->
                    <div class="col-sm-8 pr-3">
                        <h5 class="pb-2">Stay Connected to the School of Data Science</h5>
                        <!-- div class="col-lg global-footer-social text-xs-center text-lg-right pt-1"> -->
                        <div class="row pb-4" id="social-sidebar">
                            <div class="col-2 text-center mt-3">
                                <a aria-label="Label for Facebook" href="#facebook-link-goes-here">
                                    <i aria-hidden="true" class="fab fa-facebook fa-2x utsa-social-circle text-center"></i>
                                </a>
                            </div>
                            <div class="col-2 text-center mt-3">
                                <a aria-label="Label for Twitter" href="#twitter-link-goes-here">
                                    <i aria-hidden="true" class="fab fa-x-twitter fa-2x utsa-social-circle text-center"></i>
                                </a>
                            </div>
                            <div class="col-2 text-center mt-3">
                                <a aria-label="Label for Instagram" href="#insta-link-goes-here">
                                    <i aria-hidden="true" class="fab fa-instagram fa-2x utsa-social-circle text-center"></i>
                                </a>
                            </div>
                            <div class="col-2 text-center mt-3">
                                <a aria-label="Label for YouTube" href="#yt-link-goes-here">
                                    <i aria-hidden="true" class="fab fa-youtube fa-2x utsa-social-circle text-center"></i>
                                </a>
                            </div>
                            <!-- additional icons here as needed -->
                        </div>
                        <h5>Our Philosophy</h5>
                        <p>We practice a Facilitator Model in which staff partner with students
                            to make intelligent, fair, and reasonable choices within established
                            state, federal, and local laws, university rules and regulations, and
                            the educational mission of the institution.</p>
                        <h5>Mission Statement</h5>
                        <p>Student Activities helps students and student organizations get
                            involved with the UTSA community through campus-wide events,
                            traditions, workshops, training and development opportunities to
                            prepare for future success.</p>
                        <div class="pt-4 mb-2 pb-2 row">
                            <div class="offset-2 col-8"><a href="#"></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </div>

    <div id="main" role="main">

        <section class="site-footer grey-bg pt-5 pb-2" aria-label="Site Footer">
            <div class="container">
                <div class="row">
                    <!-- Logo Column -->
                    <div class="col-sm-12 col-md-4 pl-3 pt-2">
                        <a class="logo-footer" href="#" target="_parent">
                            <img alt="" class="img-fluid mb-4" src="../../college-dls/college/images/logos/University_College_Type_1Line_Blu.svg" />
                        </a>
                        <ul class="list-unstyled">
                            <li class="mb-2">Main Building, Suite 4.120</li>
                            <li class="mb-2">The University of Texas at San Antonio</li>
                            <li class="mb-2">One UTSA Circle</li>
                            <li class="mb-2">San Antonio, TX 78249</li>
                            <li class="mb-2">(210) 458-4110</li>
                            <li class="mb-2"><a href="mailto:your-college-email@utsa.edu">your-college-email@utsa.edu</a></li>
                        </ul>
                    </div>
                    <!-- Site Footer Content Column -->
                    <div class="col-sm-8 pr-3">
                        <h5 class="pb-2">Stay Connected to the School of Data Science</h5>
                        <!-- div class="col-lg global-footer-social text-xs-center text-lg-right pt-1"> -->
                        <div class="row pb-4" id="social-sidebar">
                            <div class="col-2 text-center mt-3">
                                <a aria-label="Label for Facebook" href="#facebook-link-goes-here">
                                    <i aria-hidden="true" class="fab fa-facebook fa-2x utsa-social-circle text-center"></i>
                                </a>
                            </div>
                            <div class="col-2 text-center mt-3">
                                <a aria-label="Label for Twitter" href="#twitter-link-goes-here">
                                    <i aria-hidden="true" class="fab fa-x-twitter fa-2x utsa-social-circle text-center"></i>
                                </a>
                            </div>
                            <div class="col-2 text-center mt-3">
                                <a aria-label="Label for Instagram" href="#insta-link-goes-here">
                                    <i aria-hidden="true" class="fab fa-instagram fa-2x utsa-social-circle text-center"></i>
                                </a>
                            </div>
                            <div class="col-2 text-center mt-3">
                                <a aria-label="Label for YouTube" href="#yt-link-goes-here">
                                    <i aria-hidden="true" class="fab fa-youtube fa-2x utsa-social-circle text-center"></i>
                                </a>
                            </div>
                            <!-- additional icons here as needed -->
                        </div>
                        <h5>Our Philosophy</h5>
                        <p>We practice a Facilitator Model in which staff partner with students
                            to make intelligent, fair, and reasonable choices within established
                            state, federal, and local laws, university rules and regulations, and
                            the educational mission of the institution.</p>
                        <h5>Mission Statement</h5>
                        <p>Student Activities helps students and student organizations get
                            involved with the UTSA community through campus-wide events,
                            traditions, workshops, training and development opportunities to
                            prepare for future success.</p>
                        <div class="pt-4 mb-2 pb-2 row">
                            <div class="offset-2 col-8"><a href="#"></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </div>
</div>
  • Content:
    /* components/03-example-pages/12-stacked-testing-page/stacked-testing.scss */
    /* BEGIN stacked-testing.scss */
    
    /* END stacked-testing.scss */
  • URL: /components/raw/stacked-testing-page/stacked-testing.scss
  • Filesystem Path: components/04-reference-pages/14-stacked-testing/stacked-testing.scss
  • Size: 143 Bytes
<div id="body-wrapper">
  <div id="main" role="main">

    {{render "@site-footer" site-navigation-klesse-stacked}}

  </div>

  <div id="main" role="main">

    {{render "@site-footer" site-navigation-uc-stacked}}

  </div>
</div>