Hurricane Ian Update
September 28, 2022 Claflin Family: At approximately 4:10 p.m., South Carolina Governor Henry McMaster declared a state of emergency for South Carolina. As the safety of our students, faculty and staff is a major priority, Claflin University will close and classes will be canceled on Thursday, September 29, 2022, at 12 p.m. Classes for Friday, September 30, 2022, will be held virtually. Students are encouraged to check Moodle for instructions from professors. Students, faculty and staff are encouraged to seek safety away from the predicted affected (coastal) areas. Residential students who live in South Carolina or within a 4-hour radius are strongly encouraged to leave campus. However, residential students who are unable to leave campus must register with the Office of Residential Life no later than Thursday, September 29, at 10 a.m. by clicking here. The Office of Residential Life will be on-call to answer questions in case of emergencies at (803) 258-8981. The University Dining Center will operate on the following schedule: Thursday: Normal operations. No late night dining. Friday: Brunch (9 a.m. until 1 p.m.); Dinner (5 to 7 p.m.) Saturday & Sunday: Brunch (10 a.m. until 1 p.m.); Dinner (5 to 7 p.m.) * Meals will be take-out on Friday through Sunday. Pizza Hut and Starbucks will be closed. If conditions become worse (power outages, flooding, downed trees, etc.), the University will implement its emergency protocol and provide shelter and meals in the Jonas T. Kennedy Health and Wellness Complex (located on the campus of Claflin University). You are encouraged to visit the University’s website, where updates will be posted regarding University operations. Updates also will be posted through Panther Alerts (text messages), Panther X, and email. For general information and updates, please call the University’s Information Line at (803) 535-5243. In case of on-campus emergencies, please call Claflin University Public Safety at (803) 535-5444. You may also check the National Weather Service for up-to-date alerts at https://www.weather.gov/cae/

Billboard Row

Description

Billboards allow authors to call attention to additional resources in a section by providing a headline, intro, description, links and a button on one side of the content block and a large visual on the other.

This component is designed to be used in the Components content area of the templates.

Adding and Editing

  1. Add a Content block widget to the Components content area
  2. At the bottom of the content block editor, select the HTML option
  3. Copy and paste the code template below into the editor
    <section class="row bg-dark-teal billboard">
      <div class="inner">
        <div class="text">
          <div class="main-text">
            <h2>[title]</h2>
            <p class="intro">[introduction text]</p>
            <p>[description]</p>
            <a href="#" class="btn-blue arrow">[button text]</a>
          </div>
          
          <div class="excerpt-nav">
            <div class="title">Explore:</div>
            <ul>
              <li><a href="#">[link 1]</a></li>
              <li><a href="#">[link 2]</a></li>
              <li><a href="#">[link 3]</a></li>
              <li><a href="#">[link 4]</a></li>
            </ul>
          </div>
        </div>

        <div class="media">
          [image]
        </div>
      </div>
    </section>
  4. To output the reversed version of the billboard, where the image appears on the left instead of the right, use the following code:
    <section class="row bg-dark-teal billboard reverse">
      <div class="inner">
        <div class="text">
          <div class="main-text">
            <h2>[title]</h2>
            <p class="intro">[introduction text]</p>
            <p>[description]</p>
            <a href="#" class="btn-blue arrow">[button text]</a>
          </div>
          
          <div class="excerpt-nav">
            <div class="title">Explore:</div>
            <ul>
              <li><a href="#">[link 1]</a></li>
              <li><a href="#">[link 2]</a></li>
              <li><a href="#">[link 3]</a></li>
              <li><a href="#">[link 4]</a></li>
            </ul>
          </div>
        </div>

        <div class="media">
          [image]
        </div>
      </div>
    </section>
  5. Click the Design option to switch back to the Design editor
  6. Replace/remove the content as necessary

Examples

Section Navigation

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis libero purus. Donec auctor nunc erat, ut porttitor sem hendrerit eget.

In iaculis nibh quis varius finibus. Maecenas tincidunt risus at est egestas, nec cursus magna finibus. Nulla id feugiat odio. Donec luctus condimentum dolor et ultricies. In malesuada mauris in neque condimentum volutpat. Maecenas a blandit orci, quis interdum purus. Etiam sem nisi, venenatis id egestas ut, pretium quis velit. Vivamus viverra sapien diam, et efficitur mi rhoncus quis. Maecenas a urna vel massa tincidunt tincidunt eu eget nisl.

button text
billboard

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis libero purus. Donec auctor nunc erat, ut porttitor sem hendrerit eget.

In iaculis nibh quis varius finibus. Maecenas tincidunt risus at est egestas, nec cursus magna finibus. Nulla id feugiat odio. Donec luctus condimentum dolor et ultricies. In malesuada mauris in neque condimentum volutpat. Maecenas a blandit orci, quis interdum purus. Etiam sem nisi, venenatis id egestas ut, pretium quis velit. Vivamus viverra sapien diam, et efficitur mi rhoncus quis. Maecenas a urna vel massa tincidunt tincidunt eu eget nisl.

button text
billboard
 
 
 
 
 
 
 
 
 
Support the next generation of Claflin Leaders
Your support provides educational enrichment through student scholarships, loan funds, instructional classroom equipment, preparing Claflin's students to be leaders of the future.