All our new site templates support the use of “widgets”. (Widgets are pieces of independent and reusable code.) Widgets provide you with full flexibility to emphasize top points and prioritize them in any order of importance you desire.

You’ll see that each main page includes three areas specially designated for widget placement. We call these areas:

Position 1 (P1) Appears as top set of widgets on the page
Position 2 (P2) Appears along the middle of the page
Position 3 (P3) Appears nearer to the bottom of the page
Choice of widgets and how they are prioritized is entirely up to each page owner. The FAU Widget Menu includes many pre-designed widgets meeting a wide variety of needs. Also included in that menu is a special open-ended “banner” widget that can contain any promotional message desired. Additional widgets will be available in future phases of the website roll out.

If you have a suggestion for a new widget, please send it to:

Accreditation
SHOW CODE

Apply Now
SHOW CODE

Awards
SHOW CODE

Content With Tabs
SHOW CODE

Content
SHOW CODE

Donate
SHOW CODE

Download List
SHOW CODE

Events List
SHOW CODE

Executive Education
SHOW CODE

Executive Programs
SHOW CODE

Expert Talks
SHOW CODE

Infographic Stat/Facts
SHOW CODE

Link List
SHOW CODE

List Content
SHOW CODE
Widget only available to COB

Map Activities
SHOW CODE

Campus Map
SHOW CODE

Latest 3 Newsroom
SHOW CODE

Popular
SHOW CODE

Related Programs
SHOW CODE

Request Info
SHOW CODE

Select Degree
SHOW CODE

Social
SHOW CODE
This widget has dependency on Twinesocial: current campign in use is: http://apps.twinesocial.com/api/v1/content?campaign=fau

Spotlight Stories
SHOW CODE

Student Success Services
SHOW CODE

Upcoming Programs
SHOW CODE

Video
SHOW CODE

starmark.com Powered by Starmark
<!-- 
    //////////////// this code will add the widget to the guidelines: starts
    #title:Upcoming Programs
    //////////////// this code will add the widget to the guidelines: ends
-->
<div class="widget widget-upcoming-programs widget-upcoming-programs--wrapper">
    <div class="h1 align--center"><span class="icon-fau icon-calendar-graduation"></span>  upcoming programs</div>
    <hr class="separator">
    <div class="widget__content align--center">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id dolor quibusdam, iusto error inventore ab, ipsam doloremque qui, minus est fugiat dolorem unde autem. Laudantium sint ab, repellendus consequuntur incidunt.</p>
    </div>
    <div class="widget-upcoming-programs__body">
        <!--programs-header-->
        <div class="row widget-upcoming-programs__list widget-upcoming-programs__list--header">
            <div class="col-sm-8 widget-upcoming-programs__list__col widget-upcoming-programs__list__program">
                Programs
            </div>
            <div class="col-sm-4 widget-upcoming-programs__list__col widget-upcoming-programs__list__date">
                Dates
            </div>
        </div>
        <!--//programs-header-->

        <!--programs-->
        <div class="row widget-upcoming-programs__list">

            <!--item-->
            <div class="col-sm-12 widget-upcoming-programs__list__item">
                
                <div class="row widget-upcoming-programs__list__preview">
                    <div class="col-sm-8 widget-upcoming-programs__list__col widget-upcoming-programs__list__program">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, accusantium.
                    </div>
                    <div class="col-sm-4 widget-upcoming-programs__list__col widget-upcoming-programs__list__date">
                        June 24 - July 15, 2017
                    </div>
                </div>

                <div class="row widget-upcoming-programs__list__content">
                    <div class="col-sm-8 widget-upcoming-programs__list__col widget-upcoming-programs__list__program">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam, et alias facere nesciunt saepe voluptatem sed nulla mollitia iste sequi iure, reprehenderit consectetur dolore voluptates, itaque enim dignissimos illo placeat!
                    </div>
                    <div class="col-sm-4 widget-upcoming-programs__list__col widget-upcoming-programs__list__date">
                        <a href="#" class="widget-upcoming-programs__list__date__addToCalendar"><span class="icon-fau icon-calendar-add"></span> add to calendar</a>
                    </div>
                </div>

            </div>
            <!--//item-->
        
            <!--item-->
            <div class="col-sm-12 widget-upcoming-programs__list__item">
                
                <div class="row widget-upcoming-programs__list__preview">
                    <div class="col-sm-8 widget-upcoming-programs__list__col widget-upcoming-programs__list__program">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, accusantium.
                    </div>
                    <div class="col-sm-4 widget-upcoming-programs__list__col widget-upcoming-programs__list__date">
                        June 24 - July 15, 2017
                    </div>
                </div>

                <div class="row widget-upcoming-programs__list__content">
                    <div class="col-sm-8 widget-upcoming-programs__list__col widget-upcoming-programs__list__program">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam, et alias facere nesciunt saepe voluptatem sed nulla mollitia iste sequi iure, reprehenderit consectetur dolore voluptates, itaque enim dignissimos illo placeat!
                    </div>
                    <div class="col-sm-4 widget-upcoming-programs__list__col widget-upcoming-programs__list__date">
                        <a href="#" class="widget-upcoming-programs__list__date__addToCalendar"><span class="icon-fau icon-calendar-add"></span> add to calendar</a>
                    </div>
                </div>

            </div>
            <!--//item-->

            <!--item-->
            <div class="col-sm-12 widget-upcoming-programs__list__item">
                
                <div class="row widget-upcoming-programs__list__preview">
                    <div class="col-sm-8 widget-upcoming-programs__list__col widget-upcoming-programs__list__program">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, accusantium.
                    </div>
                    <div class="col-sm-4 widget-upcoming-programs__list__col widget-upcoming-programs__list__date">
                        June 24 - July 15, 2017
                    </div>
                </div>

                <div class="row widget-upcoming-programs__list__content">
                    <div class="col-sm-8 widget-upcoming-programs__list__col widget-upcoming-programs__list__program">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam, et alias facere nesciunt saepe voluptatem sed nulla mollitia iste sequi iure, reprehenderit consectetur dolore voluptates, itaque enim dignissimos illo placeat!
                    </div>
                    <div class="col-sm-4 widget-upcoming-programs__list__col widget-upcoming-programs__list__date">
                        <a href="#" class="widget-upcoming-programs__list__date__addToCalendar"><span class="icon-fau icon-calendar-add"></span> add to calendar</a>
                    </div>
                </div>

            </div>
            <!--//item-->
        </div>
        <!--programs-->
    </div>
</div>