One Thousand Days Transformed - The Campaign for Cedarville
Join Our $175M Campaign »
myCU Portal Campus Email Canvas Office 365 Academic Calendar Library
All offices and departments Contact Cedarville
Jquery code on a computer screen

Sample Widgets

Headings

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

Body copy

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

…

Emphasis

Make use of HTML’s default emphasis tags with lightweight styles.

For de-emphasizing inline or blocks of text, use the small tag.

This line of text is meant to be treated as fine print.




This line of text is meant to be treated as fine print.

Bold

For emphasizing a snippet of text with a heavier font-weight.

The following snippet of text is rendered as bold text.

rendered as bold text

Italics

For emphasizing a snippet of text with italics.

The following snippet of text is rendered as italicized text.

rendered as italicized text
Feel free to use and in HTML5. is meant to highlight words or phrases without conveying additional importance while is mostly for voice, technical terms, etc.

Alignment classes

Easily realign text to components with text alignment classes.

Left aligned text.

Center aligned text.

Right aligned text.

Left aligned text.


Center aligned text.


Right aligned text.

Alert Box classes

Convey meaning through color with a handful of emphasis utility classes.

Alert Title

Etiam porta sem malesuada magna mollis euismod.

Alert Title

Donec ullamcorper nulla non metus auctor fringilla.

Alert Title

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis.

Alert Title

Duis mollis, est non commodo luctus, nisi erat porttitor ligula. 
Etiam porta sem malesuada magna mollis euismod.

Alert Title

Donec ullamcorper nulla non metus auctor fringilla.

Alert Title

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis.

Alert Title

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Abbreviations

Stylized implementation of HTML’s element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a title attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover.

For expanded text on long hover of an abbreviation, include the title attribute.

An abbreviation of the word attribute is attr.

attr

Addresses

Present contact information for the nearest ancestor or the entire body of work.

Preserve formatting by ending all lines with
.

Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890
Full Name
first.last@example.com 

Twitter, Inc.

795 Folsom Ave, Suite 600

San Francisco, CA 94107

P: (123) 456-7890





Full Name

first.last@example.com

Blockquotes

For quoting blocks of content from another source within your document.

Default blockquote

Wrap

around any HTML as the quote. For straight quotes we recommend a

.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Blockquote options

Style and content changes for simple variations on a standard blockquote.

Naming a source

Add tag for identifying the source. Wrap the name of the source work in .

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous Source Title

Pullquote

Wrap

around any HTML as the quote. For straight quotes we recommend a

.

I am very proud of our second graduating class because they have demonstrated incredible professionalism, strong work ethic and a desire to serve Christ throughout our entire program.

— Dr. Marc Sweeney, dean, School of Pharmacy

Lists

Unordered

A list of items in which the order does not explicitly matter.

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
    

  • …
    •

Ordered

A list of items in which the order does explicitly matter.

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
  6. Faucibus porta lacus fringilla vel
  7. Aenean sit amet erat nunc
  8. Eget porttitor lorem
    

  1. …
    2.

Description

A list of terms with their associated descriptions.

Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.


...


...

Buttons

To style a link as a button, apply a class of btn with a corresponding btn-- class.

Default Button Primary Button Secondary Button Primary Light Button Disabled 
Default Button
Default Button
Default Button
Default Button
Default Button
Default Button

Secondary Navigation

  1. Active Primary Link One
  2. Primary Link Two
    1. Secondary Link One
    2. Secondary Link Two
    3. Secondary Link Three
    4. Secondary Link Four
  3. Primary Link Three
  4. Primary Link Four


    
	
  1. Active Primary Link One
    2. 
	
  2. Primary Link Two
    3. 
	
      
		
    1. Secondary Link One
      2. 
		
    2. Secondary Link Two
      3. 
		
    3. Secondary Link Three
      4. 
		
    4. Secondary Link Four
      5. 
	
    
	
  3. Primary Link Three
    4. 
	
  4. Primary Link Four
    5.

Input Elements

Text Input

Number Input

Select Input

News List

Usage in Sitecore

Unsure at this time.

Usage in ColdFusion/HTML

Events List

  • Event 1

    Brief event description here...

  • Event 2

    Brief event description here...

  • Event 3

    Brief event description here...

Usage in Sitecore

Add a “News Component”.


Usage in ColdFusion/HTML

    

    
	
  • 
		
		
    
			
    Event 1
    
			
    Brief event description here...
    
		
    
	
    •

Twitter Feed

Heads up! Twitter queries are cached for 15 minutes. Changes to this tag may not take effect immediately.

Tabs

TabContent1

Tab 1

TabContent2

Tab 2

TabContent3

Tab 3

Usage in Sitecore

Add a tabgroup subitem and include with an optional EnableHistory="true" parameter.

Accordion

AccordionContent1

Accordion 1

AccordionContent2

Accordion 2

AccordionContent3

Accordion 3

Page Title

This is a sample page title.

Program Designators

3 Year Option

This program has a 3-year option. View the Sample 3-Year Curriculum Plan.

3 Year Option

Table

#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter


		...
	

	
		

			#
			First Name
			Last Name
			Username
		

	
	
		

			1
			Mark
			Otto
			@mdo

Tag

Default Primary Secondary Large

Breadcrumbs

Cards

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at porttitor sem. Aliquam erat volutpat. Donec placerat nisl magna, et faucibus arcu condimentum sed.

Learn More »

Frameless

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at porttitor sem. Aliquam erat volutpat. Donec placerat nisl magna, et faucibus arcu condimentum sed.

Learn More »

Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at porttitor sem. Aliquam erat volutpat. Donec placerat nisl magna, et faucibus arcu condimentum sed.

Learn More »

Aaron Huffman

Aaron Huffman, M.F.A.

Chair, Assistant Professor of Graphic Design

History of Cedarville

In 1887, Cedarville College was established by five godly men who envisioned a college that would provide Christian higher education. Throughout its history, God has blessed Cedarville with incredible growth, from state-of-the-art facilities to professional programs, but one thing has remained the same. For 125-plus years, we have stood “For the World of God and the Testimony of Jesus Christ.

Learn More »

Info Graphic

100%

Pullquote

I am very proud of our second graduating class because they have demonstrated incredible professionalism, strong work ethic and a desire to serve Christ throughout our entire program.

— Dr. Marc Sweeney, dean, School of Pharmacy

Search Box

Search Results

  1. This is Cedarville University

    Media

    Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

  2. This is Cedarville University

    Page

    Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

  3. This is Cedarville University

    Academic Program

    Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

Search Suggestions

Social Buttons

Video Thumbnail

Pagination

" class="hidden">酷讯旅游网