April 18, 2017
Clemson University’s authorized academic colors are: Clemson Orange – orange, Hex F66733 (PMS 165 for print) Regalia – regalia, Hex 522D80 (PMS 268 for print) Fort Hill – white, Hex FFFFFF (White for print) Bengal Stripe – black, Hex 000000 (Black for print) Anna’s Lace – lace, Hex F9E498 (PMS 1205 for print) Hartwell Moon […]
April 18, 2017
Have you ever wanted to add some colorful elements to your web page text? Sure, you can just change the text color but what if you want to take it up a notch and really make your text stand out? Panels and borders can be used to draw attention to special or important content. Simply […]
April 18, 2017
See sample Contact Us page here. To have a map to your address, go to Google Maps. Enter your street address in the search box, top-left of page. For example: 201 Sikes Hall, Clemson University, Clemson SC. Click on the Menu Drop dropdown, choose “Share or Embed.” Choose Embed Map. Copy map URL: https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d6562.369538689062!2d-82.84129707279291!3d34.67528589506186!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1s201+Sikes+Hall%2C+Clemson+University%2C+Clemson+SC!5e0!3m2!1sen!2sus!4v1492534935806 View […]
April 18, 2017
Note: RSS feeds are included using a shortcode. Shortcodes are available to help you quickly add more complex features to your pages. To add shortcodes, open the HTML source editor in Cascade and paste the shortcode where you’d like the element to appear within your layout. The RSS shortcode is used to incorporate an RSS […]
April 18, 2017
Note: Video embeds are done using a shortcode. Shortcodes are available to help you quickly add more complex features to your pages. To add shortcodes, open the HTML source editor in Cascade and paste the shortcode where you’d like the element to appear within your layout. The video shortcode is used to embed videos from […]
April 18, 2017
Use spotlights to feature a bit of content on your page. The most comprehensive version includes both a link to a specific story (or event, program, etc.) as well as a link to the overall category or collection of stories (or events, programs, etc.). You can pare this down to feature just a single link […]
April 18, 2017
Our template uses a 16-column version of the Foundation framework. More information on the Foundation grid can be found on Zurb’s website. Start by adding a div element with a class of row. This will create a horizontal block to contain vertical columns. Then add divs with a columns class within that row. Specify the […]
April 18, 2017
Adding an Icon In addition to the styling above, you can also pair your link with an icon to make your button more visual. See the full set of available icons and learn more about how to use them. HTML <a href=”” class=”button expand blueridge”> <span class=”icon-paw”></span> Expanded Button </a> <a href=”” class=”button bowman”> <span […]
April 18, 2017
Draw attention to a link by adding the class button. HTML <a href=”” class=”button”>A button</a> Rendered HTML A button Styling There are a few classes available to modify the appearance of your button. expand – Makes the button stretch to the width of its container radius – Gives the button rounded corners color – Choose […]
April 18, 2017
Use the class small-block-grid-# on an unordered list to make a simple grid with # items in each row. HTML <ul class=”small-block-grid-3″> <li><!–Your content goes here–></li> <li><!–Your content goes here–></li> <li><!–Your content goes here–></li> <li><!–Your content goes here–></li> <li><!–Your content goes here–></li> <li><!–Your content goes here–></li> </ul> Advanced Use Add size-specific classes to control how […]
