Client Portal Hub Landing Page (City of Red Deer)

Introduction

[1-3 sentence description of the module and its function.]

This module was originally designed by Sminu Varghese at the City of Red Deer.

Screenshot

City of Red Deer Client Portal

Module Settings

  • Show Border: checked/unchecked
  • Show Name: checked/unchecked
  • Sanitize Content: checked/unchecked (Only Banner Image HTML has the Sanitized Content box checked)
  • Layout Notes: Central Homepage, 100%/ 33%-33%-33%,

Module Code

To use the code in the box below, when creating a new module:

  1. Click the Source button in the top-left of the WYSIWYG editor
  2. Paste the code from below
  3. Update links or images to match your environment references
  4. Click the Source button again to see a preview of the content
    Note: some styling may not display until the module is viewed in the client portal
  5. Save the module

Banner Image (uncheck Show Border, Show Name, Sanitize Content)
*************
<div style="background: url(https://www.reddeer.ca/tdx/banner-image.jpg); height: 260px; background-size: cover; background-position: 65% 65%; margin-top: 20px; margin-bottom: 20px; position: relative;">
<div style="width: 100%;height: 100%;">&nbsp;</div>

<h1 style="color: #FFF;text-align: center;width: 100%;line-height: 1.2;font-weight: bold;font-size: 32px;margin-top: -170px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;">Information &amp; Technology Services <span style="display: block">Client Portal</span></h1>
</div>

<h3 style="text-align: center;font-size: 24px;margin-top: 35px;font-weight: 700;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;">How can we help you today?</h3>

*************
Feature Links - Three Boxes (uncheck Show Border, Show Name, check Sanitize Content)
*************
<div class="row btn-default" style="padding: 2% 1% 1% 1%">
<center>
<div class="col-sm-12 col-md-4">
<div class="shadow-box panel-body" style="padding: 25px; margin-bottom: 4%;"><span aria-label="span widget" role="region" tabindex="-1"><span aria-label="icon" contenteditable="false" role="region" tabindex="-1"><span class="fa fa-ticket" style="color: #bd4220; font-size: 60px;"></span></span></span>
<h3 style="text-align: center;font-size: 22px;font-weight: 700;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;">Submit a Help Ticket</h3>

<p>Browse our catalog of available services and submit a help ticket.</p>
<a class="btn btn-primary" href="https://reddeer.teamdynamix.com/TDClient/Requests/"><strong>Browse our Service Catalog &raquo;</strong></a></div>
</div>

<div class="col-sm-12 col-md-4">
<div class="shadow-box panel-body" style="padding: 25px; margin-bottom: 4%;"><span aria-label="span widget" role="region" tabindex="-1"> <span aria-label="icon" contenteditable="false" role="region" tabindex="-1"><span class="fa fa-lightbulb-o" style="color: #bd4220; font-size: 60px;"></span></span></span>

<h3 style="text-align: center;font-size: 22px;font-weight: 700;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;">Knowledge Base</h3>

<p>Explore for instructional articles and self-help solutions.</p>
<a class="btn btn-primary" href="https://reddeer.teamdynamix.com/TDClient/KB/"><strong>Explore our Knowledge Base &raquo;</strong></a></div>
</div>

<div class="col-sm-12 col-md-4">
<div class="shadow-box panel-body" style="padding: 25px; margin-bottom: 4%;"><span aria-label="span widget" role="region" tabindex="-1"> <span aria-label="icon" contenteditable="false" role="region" tabindex="-1"><span class="fa fa-book" style="color: #bd4220; font-size: 60px;"></span></span></span>

<h3 style="text-align: center;font-size: 22px;font-weight: 700;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;">Submit a Project Request</h3>

<p>Have a new project request? Submit the details of your project to I.T. Services.</p>
<a class="btn btn-primary" href="https://reddeer.teamdynamix.com/TDClient/120/Portal/Requests/ServiceCatalog?CategoryID=554" target="_blank"><strong>Submit a Project Request &raquo;</strong></a></div>
</div>
</center>
</div>

****************

Quick Links (uncheck Show Border, Show Name, check Sanitize Content)
****************

<center>
<div style="background-color: #5b524d; background-repeat: no-repeat; background-size: 100%; padding: 6px 10px; width: 100%; display: inline-block;"><span style="font-size: 18px; color: #ffffff;"><strong>Helpful Quick Links</strong></span></div>
<span style="font-size: 12px;display:block;margin-top:15px;"> <em>You may hover over each box for a description.</em> </span>

<div class="row" style="margin-top: 2%">
<div class="col-xs-6 col-sm-6 col-md-6"><a class="btn-block btn-primary badge" href="https://reddeer.teamdynamix.com/TDClient/120/Portal/Requests/TicketRequests/" style="padding: 6%" title="View ticket requests you have created or which mark you as the requestor."><span aria-label="span widget" role="region" tabindex="-1"><span aria-label="icon" role="region" tabindex="-1"><span class="fa fa-ticket" style="color: #fffff6; font-size: 30px; padding-bottom: 4%;"></span></span></span><br />
<span style="font-size: 14px; color: #fffff6;"> View your<br />
Tickets </span> </a></div>

<div class="col-xs-6 col-sm-6 col-md-6"><a class="btn-block btn-primary badge" href="https://reddeer.teamdynamix.com/TDClient/120/Portal/Requests/ProjectRequests/Index" style="padding: 6%" title="View all project requests you have created, sponsored, are assigned to, or which mark you as a stakeholder."><span aria-label="span widget" role="region" tabindex="-1"><span aria-label="icon" role="region" tabindex="-1"><span class="fa fa-star" style="color: #fffff6; font-size: 30px; padding-bottom: 4%;"></span></span></span><br />
<span style="font-size: 14px; color: #fffff6;"> View your<br />
Project Requests </span> </a></div>

<div class="col-xs-12"><a class="gutter-top btn-primary badge" href="https://reddeer.teamdynamix.com/TDClient/120/Portal/Requests/ServiceCatalog?CategoryID=696" style="text-decoration: none; border-radius: 6px; padding: 12px 22px; display: block; font-size: 16px; border-color: #bd4220; letter-spacing: .2px; color: #FFF;" target="_blank" title="View services related to Corporate Physical Security."><span aria-label="icon" role="region" tabindex="-1"> <span class="fa fa-lock" style="margin-right: 4px;"></span> </span>Corporate Physical Security </a></div>

<div class="col-xs-12"><a class="gutter-top btn-primary badge" href="https://thebridge.reddeer.ca/city-pulse/it-notifications/" style="text-decoration: none;border-radius: 0;padding: 12px 22px;display: block;font-size: 16px;border-color: #bd4220;letter-spacing: .2px;color: #FFF;border-radius: 6px;" target="_blank" title="View all notifications posted by Information Technology Services."><span aria-label="icon" role="region" tabindex="-1"><span class="fa fa-exclamation-triangle"></span></span> IT Notifications </a></div>
</div>
</center>

**************
Additional Information - Column Two (uncheck Show Border, Show Name, check Sanitize Content)
**************
<center>
<div style="background-color: #5b524d; background-repeat: no-repeat; background-size: 100%; padding: 6px 10px; width: 100%; display: inline-block;"><span style="font-size: 18px; color: #ffffff;"><strong>Additional Information</strong></span></div>
</center>

<div class="shadow-box panel-body" style="margin: 4% 1%">IT Services is proud to introduce the new <strong>Service Desk</strong>, a modern, mobile-friendly service management tool that provides a one-stop-shop to get support, request services, and find answers to frequently asked questions! <a href="https://thebridge.reddeer.ca/city-business/internal-projects--initiatives/cit-master-plan/service-desk/" target="_blank">Click here</a> to learn more.</div>
***************
News & Updates - Column Three(uncheck Show Border, Show Name, check Sanitize Content)
***************
<center>
<div style="background-color: #5b524d; background-repeat: no-repeat; background-size: 100%; padding: 6px 10px; width: 100%; display: inline-block;"><span style="font-size: 18px; color: #ffffff;"> <strong>News &amp; Updates</strong> </span></div>
</center>
<span style="display:block;margin-top:15px;"></span> <a href="https://thebridge.reddeer.ca/city-resources/coronavirus-covid-19-information/working-from-home/accessing-city-resources-from-home/" target="_blank"> <img class="img-responsive img-thumbnail" src="https://www.reddeer.ca/tdx/work-from-home.jpg" /> </a>

<p><a href="https://thebridge.reddeer.ca/city-resources/coronavirus-covid-19-information/working-from-home/accessing-city-resources-from-home/" style="font-size:18px;" target="_blank">Working from home? See more information about keeping informed and connected.</a></p>
<span style="display:block;margin-top:15px;"></span> <a href="https://thebridge.reddeer.ca/city-business/internal-projects--initiatives/cit-master-plan/m365/" target="_blank"> <img class="img-responsive img-thumbnail" src="https://www.reddeer.ca/tdx/onedrive.png" /> </a>

<p><a href="https://thebridge.reddeer.ca/city-business/internal-projects--initiatives/cit-master-plan/m365/" style="font-size:18px;" target="_blank">M365 rollout: OneDrive<br />
Our next M365 rollout is here with the release of OneDrive, which will give us increased access to files on any device and any location. </a></p>
*******************

Print Article