Tutorial Guide

Hey there, thanks for visiting your CMS Tutorial guide. If you’ve received the link to this page, it means that you’re on your way to getting a fantastic new website!

The purpose of this page is to help give you an idea of all of the different ways we can layout content on your site. We use a Panel Concept, and you’ll be able to view the various options below.

Don’t worry; we will take care of ensuring your new site is both visually attractive and professional. This area is just a hub to help you during your content creation process. If you have any questions or need a little direction feel free to reach out to your account manager, and they will be able to help walk you through the process!

Panel 1: Standard Panel

Our Standard Panel is one of the most diverse panel options we have available. It can be used to create buttons or links, upload PDF’s and supporting documents or any other information you’d like to place here. 

Button   Button with Icon

The formatting options available here are also complex. We will upload all of the options so that it’s easy for you to use when you’re updating all of your own content. 

Header 6
Header 5

Header 4

Header 3

Header 2

Panel 4: Call to Action

Subtext for Call to Action panel is styled like this.

Panel 5: Standard Panel With Tabs

Panel content lives ABOVE the tabs.

Tab One Content

The standard panel tab concept was created to help our users split up content while keeping the page visually enjoyable for visitors. 

  • You can place in bullet points
  • Attach photos and videos
  • Create a table for information

The button tab names can be adjusted, so if you have a wide variety of services your company offers you can place it all on one page and users can easily browse through that information. 

Tab Two Content

They can be utilized in a multitude of ways and can also be customized to fit your brand!

As displayed below, embedding a picture or video is no problem at all and can be a powerful tool to help compliment your content. As with a standard panel adding in links, buttons or directing the user to find out more information is all possible in this panel.

Phasellus ut eleifend lacus. Quisque id neque eget turpis fringilla condimentum. Aenean at mauris id enim sagittis varius. Sed finibus enim posuere mattis pharetra. Mauris eu velit porta, luctus nisl eget, laoreet sem. Etiam vel porta mi. Aenean tristique facilisis mattis. Curabitur commodo elit felis, nec consectetur nunc elementum at.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id cursus leo. Phasellus nibh est, ullamcorper sed nunc ac, tempor tempor augue. Nam est leo, mollis quis lectus in, hendrerit varius nisl. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum lacus posuere mollis dapibus. Cras gravida enim nec euismod bibendum.

Curabitur maximus ante ac efficitur consectetur. Curabitur lobortis vitae enim sit amet maximus. Sed in semper ante. Pellentesque egestas magna dapibus, egestas tortor non, malesuada urna. Nulla lectus mi, condimentum in commodo et, semper et tortor.

Phasellus ut eleifend lacus. Quisque id neque eget turpis fringilla condimentum. Aenean at mauris id enim sagittis varius. Sed finibus enim posuere mattis pharetra. Mauris eu velit porta, luctus nisl eget, laoreet sem. Etiam vel porta mi. Aenean tristique facilisis mattis. Curabitur commodo elit felis, nec consectetur nunc elementum at.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id cursus leo. Phasellus nibh est, ullamcorper sed nunc ac, tempor tempor augue. Nam est leo, mollis quis lectus in, hendrerit varius nisl. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum lacus posuere mollis dapibus. Cras gravida enim nec euismod bibendum

Phasellus ut eleifend lacus. Quisque id neque eget turpis fringilla condimentum. Aenean at mauris id enim sagittis varius. Sed finibus enim posuere mattis pharetra. Mauris eu velit porta, luctus nisl eget, laoreet sem. Etiam vel porta mi. Aenean tristique facilisis mattis. Curabitur commodo elit felis, nec consectetur nunc elementum at.

Panel 6: Parallax Panel Insert

This is a Parallax Panel!

This panel type should be reserved for a short eye catching blurb of information. As you can see, the words stay in place while the image scrolls behind it. We recommend around 85 - 100 characters in this section if possible. If you need assistance with a background image feel free to reach out to your account manager and they can help you choose one.

Another great addition is that the parallax panel allows for a button which can be a URL link, a phone number or email. Keep this in mind as it’s great for helping with lead generation! 

Panel 7: Side by Side
1 / 2

Panel 7: Side by Side

Image/Video Left

Praesent venenatis metus at tortor pulvinar varius. Morbi nec metus. Maecenas nec odio et ante tincidunt tempus. Phasellus ullamcorper ipsum rutrum nunc. Ut a nisl id ante tempus hendrerit.

Alternative Small Button

2 / 2

Lorem Ipsum

In ac felis quis tortor malesuada pretium. Phasellus blandit leo ut odio. Phasellus accumsan cursus velit. Vivamus quis mi. Fusce egestas elit eget lorem. Aenean vulputate eleifend tellus. Suspendisse non nisl sit amet velit hendrerit rutrum. In ac felis quis tortor malesuada pretium.

Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Donec mollis hendrerit risus. Integer tincidunt. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis.

Panel 8: Side by Side

Image/Video Right

Nulla sit amet est. Curabitur blandit mollis lacus. Nam pretium turpis et arcu. Duis vel nibh at velit scelerisque suscipit. Etiam rhoncus.

Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. In ut quam vitae odio lacinia tincidunt. Praesent ut ligula non mi varius sagittis. Fusce convallis metus id felis luctus adipiscing. Pellentesque ut neque.

Panel 8: Side by Side

Panel 9: Programs Panel

  • Chronic Disease ManagementFood & Nutrition
    CHANGE

  • Food & Nutrition
    Eating in the Now

  • Exercise & Healthy Movement
    Virtual Drop-in Exercise

  • Chronic Disease Management
    Diabetes 101

  • Healthy Living
    Let’s Talk Menopause

  • Chronic Disease Management
    Living With Osteoarthritis

  • Chronic Disease ManagementHealthy Living
    QuitCore

  • Food & NutritionHealthy Living
    Eating the Mediterranean Way

  • Panel 10: FAQs

    What is Primary Care?

    Primary care is all the services you receive for your basic, everyday health needs. It is your entry point into the healthcare system. Every single Albertan needs primary care. It could be

    • a visit to your family doctor
    • a call to Health Link
    • an appointment with a therapist

    In Alberta, primary care services are provided by family doctors, primary care networks (PCNs), and Alberta Health Services (AHS). Primary care includes the initial care, treatment and follow-up of various conditions, as well as referrals to the rest of the health system when needed.

    Primary care also encompasses the promotion of wellness, and the prevention and management of chronic diseases and injuries.

    Which health professionals belong to our Primary Care Network?

    Our Primary Care Network (PCN) has a variety of health professionals to ensure we have all your family’s general healthcare needs covered. Our clinicians include:

    • Family Doctors
    • Pharmacists
    • Exercise Specialists
    • Mental Health Clinicians
    • Mental Health Navigators & Behavioural Health Consultants
    • Psychiatrists 
    • Registered Nurses (RNs) 
    • Licensed Practical Nurses (LPNs)
    • Nurse Practitioners (NPs)
    • Dietitians

    Why is primary care important?

    Primary care is the foundation to building healthier Alberta communities and a strong, sustainable healthcare system. It gives you and your family a home in the healthcare system, supported by a team who know and understand your unique needs.

    Panel 11: Statistics

    • 120
      Doctors in SPPCN
    • 8
      Edmonton Zone PCNs
    • 40
      Provincial PCNs

    Panel 12: Staff Panel

    Panel 13: Dynamic Form

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu lorem magna. Donec massa lectus, elementum vitae tristique quis, porta sed turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer efficitur a diam ac maximus. Nunc id massa id ipsum pharetra vehicula. Integer a tincidunt purus.

    Proin tellus tellus, efficitur id mollis ut, commodo eu enim. In condimentum, lacus quis varius consectetur, eros odio pulvinar magna, a interdum turpis dui eu ligula. Phasellus quam est, feugiat sed massa quis, porttitor congue leo. Nullam ultricies ex leo, in interdum urna scelerisque eget. Suspendisse massa ligula, facilisis sit amet vulputate sed, posuere eu nibh. Quisque dictum scelerisque orci, eu finibus eros suscipit et. Ut consequat eros imperdiet, hendrerit eros sed, aliquet tortor.

    Required Fields *

    Personal Information

    Etiam nec scelerisque nisl. Sed vel volutpat augue. Donec in quam vehicula, tristique mi et, accumsan libero. Aliquam ut mi aliquam, interdum dolor vitae, fringilla dolor. Aliquam eros elit, elementum at interdum id, bibendum nec velit. Proin rutrum ipsum consectetur, scelerisque mi eu, dictum ex. 

    Preferences

    Panel 14: News Panel

    • Sed cursus turpis vitae tortor
      Apr 8, 2021Sample Author

      Suspendisse potenti. Phasellus blandit leo ut odio. Curabitur ullamcorper ultricies nisi. Ut varius tincidunt libero. Pellentesque posuere.
    • Vestibulum Purus Quam
      Apr 8, 2021Sample Author

      Cras non dolor. Nullam tincidunt adipiscing enim. Fusce commodo aliquam arcu. Nullam vel sem. Fusce pharetra convallis urna.
    • Donec Vitae Orci
      Apr 8, 2021Admin

      Nulla facilisi. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Nunc interdum lacus sit amet orci. Praesent adipiscing. In ut quam vitae odio lacinia tincidunt.