Main Content Area
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.
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-primaryCode:
<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-blueCode:
<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
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>
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
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?Testimonials Section
Testimonials from your testimonial libraryContact 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.
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.
Section for a Form
Sample form added to the page. You can add any form you like anywhere on the page.