Slide Title

Brief slide contents

Learn More

Slide One

Brief slide content

Learn More

Slide Three

Brief slide content

Learn More

Another Slide

Content

Learn More

Another Reminder

Remember to do this.

Main Content Area

2columnimageLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas at mauris vitae eleifend. In aliquet sapien ut metus condimentum, a dictum metus lacinia. Suspendisse potenti. Donec et pellentesque purus. Sed convallis at sem sit amet facilisis. Ut nec elit scelerisque, tincidunt nibh ac, luctus odio. Mauris tincidunt gravida nulla, et cursus ipsum ultrices bibendum. Quisque a elementum enim. Duis ultricies, lacus vel ullamcorper dapibus, erat est vestibulum lacus, et egestas quam mi sed mi. Quisque dignissim velit ac metus suscipit volutpat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas at mauris vitae eleifend. In aliquet sapien ut metus condimentum, a dictum metus lacinia. Suspendisse potenti. Donec et pellentesque purus. Sed convallis at sem sit amet facilisis. Ut nec elit scelerisque, tincidunt nibh ac, luctus odio. Mauris tincidunt gravida nulla, et cursus ipsum ultrices bibendum. Quisque a elementum enim. Duis ultricies, lacus vel ullamcorper dapibus, erat est vestibulum lacus, et egestas quam mi sed mi. Quisque dignissim velit ac metus suscipit volutpat.

Banner Image size

The main Banner images should be cropped at 1600×400 pixels and saved as Web Optimized jpg’s.

Heading H1 Look-alike

Sometimes you need a second heading that looks like an h1, but since you can only have one h1 per page, use an <h2> tag (if it is a heading) or a <div> tag and add the h1 styles:
<h2 class="h1">Heading H1 Look-alike</h2>
or if it is NOT a heading that describes the content for search engines:
<div class="h1">Heading H1 Look-alike</div>


Heading 2: subheading of heading 1

<h2>Heading H2</h2>


Heading 3: Subheading of heading 2

<h3>Heading H3</h3>

Standard Buttons

ghost-primary
Code:
<a class="button ghost-primary" href="Link URL goes here">Button Text Goes Here</a>

Full width:
<a class="button ghost-primary" style="width: 100%;" href="Link URL goes here">Button Text Goes Here</a>


ghost-secondary
Code:
<a class="button ghost-secondary" href="Link URL goes here">Button Text Goes Here</a>
Full width:
<a class="button ghost-secondary" style="width: 100%;" href="Link URL goes here">Button Text Goes Here</a>


Special Buttons

button-solid-blue
Code:
<a class="button-solid-blue" href="Link URL goes here">Button Text Goes Here</a>


button-solid-orange
Code:
<a class="button-solid-orange" href="Link URL goes here">Button Text Goes Here</a>
  This should only be used on dark areas
Code:
<a class="button ghost-white" href="Link URL goes here">Button Text Goes Here</a>


ghost-action
Code:
<a class="button ghost-action" href="Link URL goes here">Button Text Goes Here</a>
 

Separator Line

Add a separating line using the <hr> tag (rather than a bunch of hyphens or underscores).

Code:
<hr />


Or use a Husky Head Separator.

Code:
<p><img class="size-large wp-image-479 aligncenter" style="margin-bottom: 30px; margin-top: 30px;" src="https://hc.edu/wp-content/uploads/sites/75/2020/07/divider-1024x51.png" alt="" width="640" height="32" srcset="https://hc.edu/wp-content/uploads/sites/75/2020/07/divider-1024x51.png 1024w, https://hc.edu/wp-content/uploads/sites/75/2020/07/divider-300x15.png 300w, https://hc.edu/wp-content/uploads/sites/75/2020/07/divider-768x38.png 768w, https://hc.edu/wp-content/uploads/sites/75/2020/07/divider-1536x76.png 1536w, https://hc.edu/wp-content/uploads/sites/75/2020/07/divider-2048x101.png 2048w" sizes="(max-width: 640px) 100vw, 640px"></p>
 

PDF Icon and Link

[PDF]Accounting Major Requirements
<img class="alignleft" style="margin: auto 4px;" src="https://hc.edu/wp-content/uploads/icons/pdf_icon.gif" alt="[PDF]"><a href="https://hc.edu/publications/academics/catalog/2022-2023/undergraduate/cob/Accounting_Fillable.pdf">Accounting Major Requirements</a>

Hover Image Boxes

Box One

Subtitle one.

Box Two

Subtitle two.

Box Three

Subtitle three.

Step 1: Add images to the Media Library

  • Images should be approximately 600 by 300 pixels.
  • Text look best if the image is set to 40% transparency on top of a black background layer.

Step 2: Copy and paste this code to the Text View

[hover-image-row][hover-image-button title="Box One" subtitle="Subtitle one." image="https://hc.edu/wp-content/uploads/sites/13/2016/03/First-year-experience.jpg" link="https://hc.edu/"][hover-image-button title="Box Two" subtitle="Subtitle two." image="https://hc.edu/wp-content/uploads/sites/13/2016/03/academics.jpg" link="https://hc.edu/"][hover-image-button title="Box Three" subtitle="Subtitle three." image="https://hc.edu/wp-content/uploads/sites/13/2016/03/online-admissions.jpg" link="https://hc.edu/"][/hover-image-row]


Step 3: Update the code

Update the title, subtitle, image URL, and link URL for each box.

Feature Boxes

Use this section type to create side by side feature boxes. You should have an even amount to display.

  • Feature One

    Here is some content for the feature box.

  • Feature Two

    You can also choose any icon available when creating the feature boxes.   See Font Awesome for more information.

  • Feature Three

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget felis at erat viverra laoreet. Morbi posuere sapien dolor, a finibus est porta euismod

  • Feature Four

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget felis at erat viverra laoreet. Morbi posuere sapien dolor, a finibus est porta euismod

An Accordion Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas at mauris vitae eleifend. In aliquet sapien ut metus condimentum

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas at mauris vitae eleifend. In aliquet sapien ut metus condimentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas at mauris vitae eleifend. In aliquet sapien ut metus condimentum.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas at mauris vitae eleifend. In aliquet sapien ut metus condimentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas at mauris vitae eleifend. In aliquet sapien ut metus condimentum.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas at mauris vitae eleifend. In aliquet sapien ut metus condimentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas at mauris vitae eleifend. In aliquet sapien ut metus condimentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas at mauris vitae eleifend. In aliquet sapien ut metus condimentum.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas at mauris vitae eleifend. In aliquet sapien ut metus condimentum

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas at mauris vitae eleifend. In aliquet sapien ut metus condimentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas at mauris vitae eleifend. In aliquet sapien ut metus condimentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas at mauris vitae eleifend. In aliquet sapien ut metus condimentum.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas at mauris vitae eleifend. In aliquet sapien ut metus condimentum

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque sodales eget tellus vel lacinia. Cras purus libero, aliquam quis mollis sed, iaculis eu felis. Aenean faucibus nisl ac velit pellentesque interdum. Duis et porta tellus. Phasellus vel erat leo. Etiam viverra dictum risus, non tincidunt lacus suscipit quis. Ut porttitor viverra eros non pellentesque. Phasellus in augue a orci pellentesque vehicula eu a diam. Cras quis imperdiet odio. Nullam id urna sit amet massa euismod scelerisque sed ac nunc. Maecenas id nulla leo. Nunc non massa luctus, vulputate magna vel, scelerisque dolor. Nulla a diam lobortis quam ultricies consectetur. Nullam et interdum turpis.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque sodales eget tellus vel lacinia. Cras purus libero, aliquam quis mollis sed, iaculis eu felis. Aenean faucibus nisl ac velit pellentesque interdum. Duis et porta tellus. Phasellus vel erat leo. Etiam viverra dictum risus, non tincidunt lacus suscipit quis. Ut porttitor viverra eros non pellentesque. Phasellus in augue a orci pellentesque vehicula eu a diam. Cras quis imperdiet odio. Nullam id urna sit amet massa euismod scelerisque sed ac nunc. Maecenas id nulla leo. Nunc non massa luctus, vulputate magna vel, scelerisque dolor. Nulla a diam lobortis quam ultricies consectetur. Nullam et interdum turpis.

Regular Tabs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas at mauris vitae eleifend. In aliquet sapien ut metus condimentum, a dictum metus lacinia. Suspendisse potenti. Donec et pellentesque purus. Sed convallis at sem sit amet facilisis. Ut nec elit scelerisque, tincidunt nibh ac, luctus odio. Mauris tincidunt gravida nulla, et cursus ipsum ultrices bibendum. Quisque a elementum enim. Duis ultricies, lacus vel ullamcorper dapibus, erat est vestibulum lacus, et egestas quam mi sed mi. Quisque dignissim velit ac metus suscipit volutpat.

Fact Section

How about some random facts pulled from your fact library?
  • 95%
    Students Who Receive Financial Aid
  • 50+
    Clubs and Organizations
  • $39.5 Mil
    Scholarships and Institutional Grants Awarded in 2022
  • 25
    Average Class Size

Testimonials Section

Testimonials from your testimonial library

Contact List Section

This section allows you to show contacts from the directory. All contact details for the faculty or staff member(s) you select will automatically be pulled so it's always up to date.

Admissions Office
admissions@hbu.edu
555-555-5555
Office Hours:
Monday - Friday 8:00 AM to 5:00 PM

Content Image Panels

Image panels which fit inside the main content area.

Content Panel One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut efficitur ut turpis non convallis. Aliquam nunc augue, dictum nec tellus quis, finibus viverra neque.

Content Panel Two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut efficitur ut turpis non convallis. Aliquam nunc augue, dictum nec tellus quis, finibus viverra neque.

Content Panel Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut efficitur ut turpis non convallis. Aliquam nunc augue, dictum nec tellus quis, finibus viverra neque.

Content Panel Four

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut efficitur ut turpis non convallis. Aliquam nunc augue, dictum nec tellus quis, finibus viverra neque.

A HCU Video

Section to easily add a video. Just paste in the YouTube URL.

Raw HTML Content

Use this section to add raw HTML content. This is typically only needed for advanced situations.

Some content
Some more content for this section

Section for a Form

Sample form added to the page. You can add any form you like anywhere on the page.