Instructions

Below are video tutorials of how to use each aspect of the template.

Introduction

The following video goes over a brief introduction of the template and the different pages included in the template.

Template Overview

The following video goes over the responsiveness of the template across multiple devices.

Responsive Design

The following video goes over the responsive design of the template across multiple devices.

Pages Panel

The following video goes over how the pages are organized within the pages panel.

Navigator Panel

The following video goes over how the elements are organized within the navigator panel.

Symbols

The following video goes over how to use the navbar and footer symbols in the template.

CMS, Collection Lists, and Collection Pages

The following video goes over how to use the content management system, collection lists, and collection pages in the template.

Adding YouTube Videos to Blog Posts

The following video goes over how to add YouTube videos to blog posts.

Copying and Pasting Elements

The following video goes over how to copy and paste elements across the site, and how to use the copy and paste features in Webflow to create a new page.

Working with the Home Page Slider

The following video goes over how to edit and add new slides to the home page slider.

Styling a New Blog Post Page

The following video goes over how to style a new blog post page using components from the other blog post layouts.

Accessibility and Alt Text

The following video goes over accessibility and image alt text within the template.

SEO (Search Engine Optimization)

The following video goes over how to add search engine optimization to the template.

Interactions

The following video goes over the different interactions within the template and how to access these interactions.

Removing the Newsletter Popup

The following video goes over how to remove the Newseltter popup in case you did not want it within your site.

Style Guide

The following video goes over the style guide for the template and how it can be modified to fit your specific style.

Customization

The following video goes over how to use the style guide to change the styling of elements and colors.

Support

The following video goes over how to reach me in case you need assistance with the template.

Custom code

There are small snippets of custom-code added within a few pages of the template. This code was added to ensure that the scale and rotate effect applied to a few cards worked correctly in Safari. There is also font-smoothing code within the project settings for the template. More information in the video below.