This page documents the custom Code and CSS used on AndyTaughtMeHow.com during the 5-Page Website Workshop. These examples are written for BizStackPro / GoHighLevel-style pages, but the ideas may help on other website builders too.
Updated June 16, 2026
| Class | Purpose | Where to Apply It | Notes |
|---|---|---|---|
| html | Adds smooth scrolling when visitors click navigation links or buttons that jump to page sections. | Global CSS | This affects the whole page, not a specific element. |
| .atmh-full-screen-section | Creates a near full-screen section while leaving room for the header. | Section element. |
Use this when you want a hero or major page section to fill most of the visible screen without being hidden behind the header.
The recommended version uses min-height so the section can grow if the content needs more space.
|
| --atmh-header-offset | Controls how much vertical space is reserved for the header. | Inside .atmh-full-screen-section. |
The default value is 10vh, which makes the section approximately 90vh.
Adjust this value if the header becomes taller or shorter.
|
| .atmh-btn-left | Left-aligns button text and subtext. | Button element, or the button container if BSP/GHL wraps the button. | Useful when a button has both main text and subtext. |
| .atmh-btn | Adds a smooth transition so hover effects feel polished instead of jumpy. | Any custom ATMH button. | Use this with other button classes like .atmh-btn-primary-gold. |
| .atmh-hover-zoom | Adds a gentle zoom effect when someone hovers over an element. | Buttons, clickable images, social icons, or any clickable element that should feel more interactive. |
Use this with .atmh-btn on buttons, or by itself on clickable images and footer social icons.
The hover effect uses transform: scale(1.04), which makes the element grow slightly without feeling too dramatic.
|
| .atmh-hover-zoom:hover | Applies the actual zoom effect when the visitor hovers over the element. | Custom CSS only. | This selector is what gently enlarges the button, image, or icon on hover. It is currently intended for the “See All Training” button, the training library image, the “Get the Website Builder Toolkit” button, and the footer social icons. |
| .atmh-hover-zoom:focus-visible | Adds the same zoom effect for keyboard users when the element receives focus. | Custom CSS only. | This helps keep the hover effect accessible for visitors who navigate the page with a keyboard instead of a mouse. The outline makes it easier to see which button, image, or icon is currently selected. |
| .atmh-btn-primary-gold | Adds the primary gold button hover effect. | Main CTA buttons. | Best for the most important action on the page, such as “Get the Toolkit.” |
| .atmh-btn-secondary-blue | Adds the secondary blue button hover effect. | Secondary CTA buttons. | Good for actions like “Watch the Intro” or “Learn More.” |
| .atmh-btn-icon-stack | Creates a button layout with an icon on the left and two lines of text on the right. | Buttons with text and subtext. | This controls the layout only. Pair it with an icon class. |
| .atmh-btn-tool-icon | Adds the tool SVG icon to the left side of the button. | Primary toolkit CTA button. | Use with .atmh-btn-icon-stack. |
| .atmh-btn-play-icon | Adds the play SVG icon to the left side of the button. | Secondary video CTA button. |
Use with .atmh-btn-icon-stack. This is currently used for the “Watch the Intro” style button.
|
| .atmh-nav-logo-hover | Adds a smooth hover effect to the logo inside the navigation menu. | Nav Menu element. | Use this when you want the nav logo to gently grow when someone hovers over it. This is better than targeting the builder-generated nav ID because the class is reusable. |
| .atmh-nav-logo-hover .branding .logo | Targets the logo wrapper inside the navigation menu. | Custom CSS only. | This selector adds the transition timing so the logo hover effect feels smooth instead of jumpy. |
| .atmh-nav-logo-hover .branding .logo:hover | Scales the nav logo slightly when hovered. | Custom CSS only. |
The current hover effect uses transform: scale(1.05), which makes the logo grow by 5%.
|
| .atmh-hero-h1 | Creates one SEO-friendly H1 while displaying the hero headline on two styled lines. | Custom HTML element in the hero section. |
Uses one h1 element with styled span elements inside it, so “Build a Website” and “From Scratch” can appear on separate lines with different fonts while still counting as one main page heading.
|
| .atmh-hero-h1-main | Styles the first line of the hero H1. | Inside the custom hero H1 HTML. | Used for the “Build a Website” line. This class keeps the main headline in the primary heading font. |
| .atmh-hero-h1-script | Styles the second line of the hero H1 with the script-style accent font. | Inside the custom hero H1 HTML. |
Used for the “From Scratch” line. This allows the second line to use a different font and color while staying inside the same h1.
|
/* =========================================================
ATMH GLOBAL / PAGE-WIDE UTILITIES
========================================================= */
/* Smooth scrolling between sections when using nav, text links, or buttons */
html {
scroll-behavior: smooth;
}
/* Creates a near full-screen section while leaving room for the header. */
.atmh-full-screen-section {
--atmh-header-offset: 10vh;
/* Desktop fallback */
min-height: calc(100vh - var(--atmh-header-offset));
/* Mobile modern solution */
min-height: calc(100dvh - var(--atmh-header-offset));
}
/* =========================================================
ATMH NEWS TICKER
Use:
dia-news-ticker
dia-news-ticker-content
========================================================= */
.dia-news-ticker {
width: 100%;
padding: 10px 0;
background: #E7A324;
color: #000000;
font-family: Fira Sans;
font-weight: 900;
font-size: 50px;
overflow: hidden;
white-space: nowrap;
}
.dia-news-ticker-content {
display: inline-block;
padding-left: 100%;
animation: dia-news-scroll 18s linear infinite;
}
.dia-news-ticker:hover .dia-news-ticker-content {
animation-play-state: paused;
}
@keyframes dia-news-scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
/* =========================================================
ATMH BUTTON BASE SYSTEM
Use:
atmh-btn
========================================================= */
/* Smooth/graceful actions when hovering */
.atmh-btn,
.atmh-btn > a,
.atmh-btn > button,
.atmh-btn .elButton {
transition: all 0.2s ease-in-out;
}
/* Prevent inner button text/subtext elements from getting their own hover background */
.atmh-btn *,
.atmh-btn-primary-gold *,
.atmh-btn-secondary-blue * {
box-shadow: none !important;
}
/* Keep text wrappers transparent so the button background shows cleanly */
.atmh-btn span,
.atmh-btn div,
.atmh-btn p,
.atmh-btn a span,
.atmh-btn a div,
.atmh-btn a p,
.atmh-btn button span,
.atmh-btn button div,
.atmh-btn button p,
.atmh-btn .elButton span,
.atmh-btn .elButton div,
.atmh-btn .elButton p {
background: transparent !important;
}
/* =========================================================
ATMH BUTTON TEXT ALIGNMENT
Use:
atmh-btn-left
========================================================= */
/* Left-align BSP/GHL button text and subtext */
.atmh-btn-left,
.atmh-btn-left *,
.atmh-btn-left a,
.atmh-btn-left button,
.atmh-btn-left .button,
.atmh-btn-left .btn,
.atmh-btn-left .elButton,
.atmh-btn-left .main-heading-button,
.atmh-btn-left [class*="button"],
.atmh-btn-left [class*="Button"] {
text-align: left !important;
}
/* Force the button content to line up from the left */
.atmh-btn-left a,
.atmh-btn-left button,
.atmh-btn-left .button,
.atmh-btn-left .btn,
.atmh-btn-left [class*="button"],
.atmh-btn-left [class*="Button"] {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
text-align: left !important;
}
/* If BSP/GHL uses separate title/subtitle spans */
.atmh-btn-left span,
.atmh-btn-left div,
.atmh-btn-left .main-heading-button,
.atmh-btn-left p {
text-align: left !important;
}
/* If the button content is stacked manually */
.atmh-btn-left .main-text,
.atmh-btn-left .sub-text {
display: block !important;
width: 100% !important;
text-align: left !important;
}
.atmh-btn-left .sub-text {
font-size: 0.85em;
font-weight: 400;
line-height: 1.2;
opacity: 0.85;
}
/* =========================================================
ATMH BUTTON COLOR / STYLE HOVERS
Use:
atmh-btn-primary-gold
atmh-btn-secondary-blue
========================================================= */
/* Primary button hover effect */
.atmh-btn-primary-gold:hover,
.atmh-btn-primary-gold:hover > a,
.atmh-btn-primary-gold:hover > button,
.atmh-btn-primary-gold:hover .elButton {
background: #FCCA69 !important;
color: #06132C !important;
transform: translateY(-2px);
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
}
/* Secondary button hover effect */
.atmh-btn-secondary-blue:hover,
.atmh-btn-secondary-blue:hover > a,
.atmh-btn-secondary-blue:hover > button,
.atmh-btn-secondary-blue:hover .elButton {
background: #2F6FC4 !important;
color: #FFFFFF !important;
transform: translateY(-2px);
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
}
/* =========================================================
ATMH BUTTON ICON LAYOUT SYSTEM
Use:
atmh-btn-icon-stack
Pair with:
atmh-btn-tool-icon
atmh-btn-play-icon
========================================================= */
/* Reusable button layout: icon on left, text/subtext on right */
.atmh-btn-icon-stack,
.atmh-btn-icon-stack > a,
.atmh-btn-icon-stack > button,
.atmh-btn-icon-stack .elButton,
a.atmh-btn-icon-stack,
button.atmh-btn-icon-stack,
.elButton.atmh-btn-icon-stack {
display: grid !important;
grid-template-columns: auto 1fr !important;
grid-template-rows: auto auto !important;
column-gap: 12px !important;
align-items: center !important;
justify-content: start !important;
text-align: left !important;
}
/* Reusable icon placeholder */
.atmh-btn-icon-stack::before,
.atmh-btn-icon-stack > a::before,
.atmh-btn-icon-stack > button::before,
.atmh-btn-icon-stack .elButton::before,
a.atmh-btn-icon-stack::before,
button.atmh-btn-icon-stack::before,
.elButton.atmh-btn-icon-stack::before {
content: "" !important;
grid-row: 1 / span 2 !important;
grid-column: 1 !important;
display: block !important;
width: 42px !important;
height: 42px !important;
background-color: transparent !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
flex-shrink: 0 !important;
}
/* Keep all button text aligned left */
.atmh-btn-icon-stack *,
.atmh-btn-icon-stack > a *,
.atmh-btn-icon-stack > button *,
.atmh-btn-icon-stack .elButton *,
a.atmh-btn-icon-stack *,
button.atmh-btn-icon-stack *,
.elButton.atmh-btn-icon-stack * {
text-align: left !important;
}
/* Help BSP/GHL text wrappers behave like the text column */
.atmh-btn-icon-stack span,
.atmh-btn-icon-stack div,
.atmh-btn-icon-stack p {
justify-self: start !important;
text-align: left !important;
}
/* =========================================================
ATMH BUTTON TOOL ICON
Use:
atmh-btn-icon-stack atmh-btn-tool-icon
========================================================= */
.atmh-btn-tool-icon::before,
.atmh-btn-tool-icon > a::before,
.atmh-btn-tool-icon > button::before,
.atmh-btn-tool-icon .elButton::before,
a.atmh-btn-tool-icon::before,
button.atmh-btn-tool-icon::before,
.elButton.atmh-btn-tool-icon::before {
background-color: #06132C !important;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22%23444%22%20d%3D%22M10.3%208.2l-0.9%200.9%200.9%200.9-1.2%201.2%204.3%204.3c0.6%200.6%201.5%200.6%202.1%200s0.6-1.5%200-2.1l-5.2-5.2zM14.2%2015c-0.4%200-0.8-0.3-0.8-0.8%200-0.4%200.3-0.8%200.8-0.8s0.8%200.3%200.8%200.8c0%200.5-0.3%200.8-0.8%200.8z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23444%22%20d%3D%22M3.6%208l0.9-0.6%201.5-1.7%200.9%200.9%200.9-0.9-0.1-0.1c0.2-0.5%200.3-1%200.3-1.6%200-2.2-1.8-4-4-4-0.6%200-1.1%200.1-1.6%200.3l2.9%202.9-2.1%202.1-2.9-2.9c-0.2%200.5-0.3%201-0.3%201.6%200%202.1%201.6%203.7%203.6%204z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23444%22%20d%3D%22M8%2010.8l0.9-0.8-0.9-0.9%205.7-5.7%201.2-0.4%201.1-2.2-0.7-0.7-2.3%201-0.5%201.2-5.6%205.7-0.9-0.9-0.8%200.9c0%200%200.8%200.6-0.1%201.5-0.5%200.5-1.3-0.1-2.8%201.4-0.5%200.5-2.1%202.1-2.1%202.1s-0.6%201%200.6%202.2%202.2%200.6%202.2%200.6%201.6-1.6%202.1-2.1c1.4-1.4%200.9-2.3%201.3-2.7%200.9-0.9%201.6-0.2%201.6-0.2zM4.9%2010.4l0.7%200.7-3.8%203.8-0.7-0.7z%22%3E%3C/path%3E%3C/svg%3E") !important;
mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22%23444%22%20d%3D%22M10.3%208.2l-0.9%200.9%200.9%200.9-1.2%201.2%204.3%204.3c0.6%200.6%201.5%200.6%202.1%200s0.6-1.5%200-2.1l-5.2-5.2zM14.2%2015c-0.4%200-0.8-0.3-0.8-0.8%200-0.4%200.3-0.8%200.8-0.8s0.8%200.3%200.8%200.8c0%200.5-0.3%200.8-0.8%200.8z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23444%22%20d%3D%22M3.6%208l0.9-0.6%201.5-1.7%200.9%200.9%200.9-0.9-0.1-0.1c0.2-0.5%200.3-1%200.3-1.6%200-2.2-1.8-4-4-4-0.6%200-1.1%200.1-1.6%200.3l2.9%202.9-2.1%202.1-2.9-2.9c-0.2%200.5-0.3%201-0.3%201.6%200%202.1%201.6%203.7%203.6%204z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23444%22%20d%3D%22M8%2010.8l0.9-0.8-0.9-0.9%205.7-5.7%201.2-0.4%201.1-2.2-0.7-0.7-2.3%201-0.5%201.2-5.6%205.7-0.9-0.9-0.8%200.9c0%200%200.8%200.6-0.1%201.5-0.5%200.5-1.3-0.1-2.8%201.4-0.5%200.5-2.1%202.1-2.1%202.1s-0.6%201%200.6%202.2%202.2%200.6%202.2%200.6%201.6-1.6%202.1-2.1c1.4-1.4%200.9-2.3%201.3-2.7%200.9-0.9%201.6-0.2%201.6-0.2zM4.9%2010.4l0.7%200.7-3.8%203.8-0.7-0.7z%22%3E%3C/path%3E%3C/svg%3E") !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
-webkit-mask-position: center !important;
mask-position: center !important;
-webkit-mask-size: contain !important;
mask-size: contain !important;
}
/* =========================================================
ATMH BUTTON PLAY ICON
Use:
atmh-btn-icon-stack atmh-btn-play-icon
========================================================= */
.atmh-btn-play-icon::before,
.atmh-btn-play-icon > a::before,
.atmh-btn-play-icon > button::before,
.atmh-btn-play-icon .elButton::before,
a.atmh-btn-play-icon::before,
button.atmh-btn-play-icon::before,
.elButton.atmh-btn-play-icon::before,
.atmh-btn-icon-stack.atmh-btn-play-icon::before,
.atmh-btn-icon-stack.atmh-btn-play-icon .elButton::before,
.elButton.atmh-btn-icon-stack.atmh-btn-play-icon::before,
a.atmh-btn-icon-stack.atmh-btn-play-icon::before,
button.atmh-btn-icon-stack.atmh-btn-play-icon::before {
background-color: #FFFFFF !important;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20height%3D%22800px%22%20width%3D%22800px%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%20stroke%3D%22%23ffffff%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M256%2C0C114.511%2C0%2C0%2C114.497%2C0%2C256c0%2C141.49%2C114.495%2C256%2C256%2C256c141.49%2C0%2C256-114.497%2C256-256C512%2C114.51%2C397.503%2C0%2C256%2C0z%20M348.238%2C284.418l-120.294%2C69.507c-10.148%2C5.864-22.661%2C5.874-32.826%2C0.009c-10.158-5.862-16.415-16.699-16.415-28.426V186.493c0-11.728%2C6.258-22.564%2C16.415-28.426c5.076-2.93%2C10.741-4.395%2C16.406-4.395c5.67%2C0%2C11.341%2C1.468%2C16.42%2C4.402l120.295%2C69.507c10.149%2C5.864%2C16.4%2C16.696%2C16.4%2C28.418C364.639%2C267.722%2C358.387%2C278.553%2C348.238%2C284.418z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20height%3D%22800px%22%20width%3D%22800px%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%20stroke%3D%22%23ffffff%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M256%2C0C114.511%2C0%2C0%2C114.497%2C0%2C256c0%2C141.49%2C114.495%2C256%2C256%2C256c141.49%2C0%2C256-114.497%2C256-256C512%2C114.51%2C397.503%2C0%2C256%2C0z%20M348.238%2C284.418l-120.294%2C69.507c-10.148%2C5.864-22.661%2C5.874-32.826%2C0.009c-10.158-5.862-16.415-16.699-16.415-28.426V186.493c0-11.728%2C6.258-22.564%2C16.415-28.426c5.076-2.93%2C10.741-4.395%2C16.406-4.395c5.67%2C0%2C11.341%2C1.468%2C16.42%2C4.402l120.295%2C69.507c10.149%2C5.864%2C16.4%2C16.696%2C16.4%2C28.418C364.639%2C267.722%2C358.387%2C278.553%2C348.238%2C284.418z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
-webkit-mask-position: center !important;
mask-position: center !important;
-webkit-mask-size: contain !important;
mask-size: contain !important;
}
/* =========================================================
ATMH IMAGE / ICON HOVER UTILITIES
Use:
atmh-hover-zoom
Good for:
- clickable images
- social icons
- button/image combinations
========================================================= */
.atmh-hover-zoom {
display: inline-block;
transition: transform 0.25s ease, box-shadow 0.25s ease;
transform: scale(1);
will-change: transform;
}
.atmh-hover-zoom:hover {
transform: scale(1.04);
}
.atmh-hover-zoom:focus-visible {
transform: scale(1.04);
outline: 2px solid rgba(255, 255, 255, 0.75);
outline-offset: 4px;
}
/* =========================================================
ATMH NAVIGATION / LOGO
Use:
atmh-nav-logo-hover
========================================================= */
/* Hover effect on ATMH nav logo image */
.atmh-nav-logo-hover .branding .logo,
.atmh-nav-logo-hover .branding img,
.atmh-nav-logo-hover img[alt*="Andy Taught Me How"] {
transition: transform 0.4s ease-in-out !important;
transform-origin: center center;
}
.atmh-nav-logo-hover .branding .logo:hover,
.atmh-nav-logo-hover .branding img:hover,
.atmh-nav-logo-hover img[alt*="Andy Taught Me How"]:hover {
transform: scale(1.05);
}
/* =========================================================
ATMH Hero H1
One H1, two visual lines, two font styles
========================================================= */
.atmh-hero-h1 {
margin: 0;
padding: 0;
line-height: 1.05;
color: #ffffff;
text-align: left;
}
.atmh-hero-h1-main,
.atmh-hero-h1-script {
display: block;
}
.atmh-hero-h1-main {
font-family: "Fira Sans", Arial, sans-serif;
font-size: clamp(42px, 6vw, 78px);
font-weight: 900;
letter-spacing: -0.03em;
text-transform: none;
}
.atmh-hero-h1-script {
font-family: "Kaushan Script", cursive;
font-size: clamp(38px, 5.5vw, 72px);
font-weight: 400;
color: #E7A324;
line-height: 1.05;
margin-top: 4px;
}
@media (max-width: 767px) {
.atmh-hero-h1 {
text-align: center;
}
.atmh-hero-h1-main {
font-size: clamp(36px, 10vw, 52px);
}
.atmh-hero-h1-script {
font-size: clamp(34px, 9vw, 48px);
}
}<!--
=========================================================
ATMH Floating Go To Top Button
==========================================================
-->
<button id="goToTopBtn" type="button" aria-label="Go to top">Go To Top ↑</button>
<style>
#goToTopBtn {
position: fixed;
right: 20px;
bottom: 30px;
padding: 12px 28px; /* wider button like the example */
background-color: #22569e; /* bright blue */
color: #ffffff;
/* font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;*/
font-family: "Fira Sans", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;
font-size: 16px;
/* font-weight: 300; */
border-radius: 10px;
border: none;
cursor: pointer;
box-shadow: 0px 4px 10px rgba(0,0,0,0.25);
z-index: 9999;
opacity: 0; /* hidden by default */
pointer-events: none;
transition: opacity 0.3s ease, transform 0.2s ease;
}
#goToTopBtn.show {
opacity: 1;
pointer-events: auto;
}
#goToTopBtn:hover {
transform: scale(1.1);
background: #2F6FC4 !important;
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
}
</style>
<script>
(function () {
function initGoToTop() {
const goToTopBtn = document.getElementById("goToTopBtn");
if (!goToTopBtn) return; // safety guard
window.addEventListener("scroll", function () {
const scrollPosition = window.scrollY || window.pageYOffset;
const pageHeight = document.documentElement.scrollHeight - window.innerHeight;
const scrolledPercentage = pageHeight > 0 ? (scrollPosition / pageHeight) * 100 : 0;
// Show button after 10% scroll
if (scrolledPercentage > 10) {
goToTopBtn.classList.add("show");
} else {
goToTopBtn.classList.remove("show");
}
});
// Scroll to top on click
goToTopBtn.addEventListener("click", function () {
window.scrollTo({
top: 0,
behavior: "smooth"
});
});
}
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", initGoToTop);
} else {
initGoToTop();
}
})();
</script>
© 2026 Andy Delgado, Nacogdoches, Texas USA.
All rights reserved.
Privacy Policy | Terms of Use | Affiliate Disclosure | Contact
This training is educational and does not guarantee business results.
This page is not endorsed, sponsored, administered by, or affiliated with Meta Platforms, Inc., Google LLC, Microsoft Corporation, X Corp, HighLevel Inc., GoHighLevel, BizStackPro, or any of their related brands. Facebook, Instagram, Google, YouTube, Bing, X, HighLevel, GoHighLevel, and BizStackPro are trademarks or service marks of their respective owners.