Custom Code Reference - Do Not Delete!
//---- HOMEPAGE ----///
----------------------
Body Buttons
<div style="margin-bottom:40px"><a class="button-3 btn-yellow" role="button" href="https://heyrayselfstorage.website.storedge.com/best-portable-container-gta#/unit/listing">Learn More</a><a class="button-3 btn-yellow" role="button" href="https://heyrayselfstorage.com/13394-highway-7-georgetown-on-l7g-4s4-portable#">Book a Container</a></div>
<div style="margin-top:0px"><a class="button-3 btn-yellow" role="button" href="https://heyrayselfstorage.com/self-storage">Learn More</a><a class="button-3 btn-yellow" role="button" href="https://heyrayselfstorage.com/13394-on-7-georgetown-on-l7g-4s4#">Book a Storage Unit</a></div>
----------------------
<!-- Hero Buttons for one text box area -->
<div style="margin-top:-110px"><a class="button-84 top" role="button" href="https://heyrayselfstorage.com/13394-highway-7-georgetown-on-l7g-4s4-portable#" style="width:40%;margin:0 2% 0 8%">Click for Portable Storage Pricing</a><a class="button-84 top" role="button" href="https://heyrayselfstorage.com/13394-on-7-georgetown-on-l7g-4s4#" style="width:40%;margin:0 8% 0 0">Click for Storage Unit Pricing</a></div>
///------ Hero Spacer----///
<div style="height:500px"> </div>
<!-- hero Buttons -->
<div style="margin-top:0px"><a class="button-84 top" role="button" href="https://heyrayselfstorage.com/13394-highway-7-georgetown-on-l7g-4s4-portable#">Click for Portable Storage Pricing</a></div> <div style="margin-top:0px"><a class="button-84 top" role="button" href="https://heyrayselfstorage.com/13394-on-7-georgetown-on-l7g-4s4#">Click for Storage Unit Pricing</a></div> <div style="margin-top:0px;padding:0px 10px 10px 10px"><a class="button-84 bottom" role="button" href="https://heyrayselfstorage.com/13394-highway-7-georgetown-on-l7g-4s4-portable#">Click for Portable Storage Pricing</a></div> <div style="margin-top:0px;padding:0px 10px 10px 10px"><a class="button-84 bottom" role="button" href=" https://www.heyrayselfstorage.ca/13394-on-7-georgetown-on-l7g-4s4#">Click for Storage Unit Pricing</a></div>
/* CSS */
<style>
.col-sm-4{
margin-top: 20px;
}
.rnl-EditorState-Link:hover{
color: #F8C301;
}
.DBUeMbrWnYcC6H-G_fUPL:hover{
color: #F8C301;
}
.button-84 {
align-items: center;
background-color: initial;
background-image: linear-gradient(#F8C301, #dfaf00);
border-radius: 8px;
border-width: 0;
box-shadow: 0 10px 20px rgba(0, 0, 0, .1),0 3px 6px rgba(0, 0, 0, .05);
box-sizing: border-box;
color: #000;
cursor: pointer;
display: inline-flex;
flex-direction: column;
font-size: 2em;
height: 84px;
justify-content: center;
line-height: 1;
margin: 10px 0px 0px 0px;
outline: none;
overflow: hidden;
padding: 0 32px;
text-align: center;
text-decoration: none;
transform: translate3d(0, 0, 0);
transition: all 150ms;
vertical-align: baseline;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
width: 100%;
}
.button-84-small{
font-size: 1.1em;
height: 34px;
width: 60%;
}
.button-84:hover {
color: #000;
text-decoration: none;
background-image: linear-gradient(#e6e6e6, #bfbfbf);
box-shadow: rgba(0, 1, 0, .2) 0 2px 8px;
opacity: .85;
}
.bottom {
display:none;
}
.video-hero{
padding:56.25% 0 0 0;
position:relative;
margin-top:-140px;
z-index:-1;
}
.homepage {
border-top: 3px solid #eee !important;
width: 80%;
}
.button-3 {
appearance: button;
border-radius: 4px;
box-sizing: border-box;
color: #000;
cursor: pointer;
font-size: 14px;
line-height: 1.15;
overflow: visible;
padding: 12px 16px;
margin: 0px 20px 0px 0px;
position: relative;
text-align: center;
text-transform: none;
transition: all 80ms ease-in-out;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
width: fit-content;
}
.btn-grey {
background-color: #e6e6e6;
border: 1px solid #e6e6e6;
}
.btn-yellow {
background-color: #F8C301;
border: 1px solid #F8C301;
}
.button-3:hover {
color: #000;
text-decoration: none;
background-color: #686868;
border-color: #686868;
}
@media (max-width: 767px) {
.button-84 {
font-size: 1.3em;
height: 48px;
}
.video-hero {
margin-top:0px;
}
.top {
display:none;
}
.bottom {
display:flex;
}
.col-sm-4{
margin-top: 100px;
}
}
</style>
//---- TIPS PAGE ---- //
<style>
.homepage {
border-top: 3px solid #eee !important;
width: 80%;
Margin: 0 auto;
}
Hr {
border-top: 0px solid #fff;
}
</style>
//---- Portable Office ---- //
<div class="iframe-container" style="background-color:#222222"><iframe src="https://my.matterport.com/show/?m=qtP8462LdNH&ts=02&st=4500" style="width: 100%; height: 100vh; boarder:0" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<div style="margin-top:0px"><a class="button-3 btn-yellow" role="button" href="https://heyrayselfstorage.website.storedge.com/self-storage">Learn More</a><a class="button-3 btn-yellow" role="button" href="https://heyrayselfstorage.website.storedge.com/13394-on-7-georgetown-on-l7g-4s4#">Book a Storage Unit</a></div>
///------ self storage ----///
<div class="titleoverlay"><h3>Self Storage Units</h3><br><p>the quick grey fox jumped of the wolf den.</p></div>
///------ CONTACT US PAGE ----///
<style>
.col-sm-4{
margin-top: 20px;
}
.rnl-EditorState-Link:hover{
color: #F8C301;
}
.DBUeMbrWnYcC6H-G_fUPL:hover{
color: #F8C301;
}
.button-84 {
align-items: center;
background-color: initial;
background-image: linear-gradient(#F8C301, #dfaf00);
border-radius: 8px;
border-width: 0;
box-shadow: 0 10px 20px rgba(0, 0, 0, .1),0 3px 6px rgba(0, 0, 0, .05);
box-sizing: border-box;
color: #000;
cursor: pointer;
display: inline-flex;
flex-direction: column;
font-size: 2em;
height: 84px;
justify-content: center;
line-height: 1;
margin: 10px 0px 0px 0px;
outline: none;
overflow: hidden;
padding: 0 32px;
text-align: center;
text-decoration: none;
transform: translate3d(0, 0, 0);
transition: all 150ms;
vertical-align: baseline;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
width: 100%;
}
.button-84-small{
font-size: 1.1em;
height: 34px;
width: 60%;
}
.button-84:hover {
color: #000;
text-decoration: none;
background-image: linear-gradient(#e6e6e6, #bfbfbf);
box-shadow: rgba(0, 1, 0, .2) 0 2px 8px;
opacity: .85;
}
.bottom {
display:none;
}
.video-hero{
padding:56.25% 0 0 0;
position:relative;
margin-top:-140px;
z-index:-1;
}
.homepage {
border-top: 3px solid #eee !important;
width: 80%;
}
.button-3 {
appearance: button;
border-radius: 4px;
box-sizing: border-box;
color: #000;
cursor: pointer;
font-size: 14px;
line-height: 1.15;
overflow: visible;
padding: 12px 16px;
margin: 0px 20px 0px 0px;
position: relative;
text-align: center;
text-transform: none;
transition: all 80ms ease-in-out;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
width: fit-content;
}
.btn-grey {
background-color: #e6e6e6;
border: 1px solid #e6e6e6;
}
.btn-yellow {
background-color: #F8C301;
border: 1px solid #F8C301;
}
.button-3:hover {
color: #000;
text-decoration: none;
background-color: #686868;
border-color: #686868;
}
.btn-primary {
background-color: #F8C301 !important;
border-color: #F8C301 !important;
color: #222222 !important;
}
.btn-primary:hover {
background-color: #e6e6e6 !important;
}
a:hover {text-decoration: none;}
@media (max-width: 767px) {
._1T_en90BT5NkckEYgnJF9M {
display: block;
background-color: #e6e6e6;
}
}
@media (max-width: 767px) {
.button-84 {
font-size: 1.3em;
height: 48px;
}
.video-hero {
margin-top:0px;
}
.top {
display:none;
}
.bottom {
display:flex;
}
.col-sm-4{
margin-top: 100px;
}
}
</style>