Template:Contact: Difference between revisions
Template page
No edit summary |
No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
{{#tag:html| | {{#tag:html| | ||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" /> | <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" /> | ||
<style> | <style> | ||
. | /* Contact methods on home page */ | ||
box-shadow: 0 | .contactList { | ||
font-family:"Milligram"; | |||
box-shadow: 0 9px 20px rgba(91,81,67,.1); | |||
transition: 0.3s; | transition: 0.3s; | ||
border-radius: | border-radius: 10px; | ||
background-color: #F7F7F7; | |||
max-width: 860px; | |||
margin: auto; | |||
} | } | ||
. | .contactHeader { | ||
border-radius: | border-radius: 10px 10px 0px 0px; | ||
font-size: | font-size: var(--lwc-fontSizeLarge, 16px); | ||
background: | background: #0F5151; | ||
padding: 11px | padding: 11px 8px; | ||
color: white; | color: white; | ||
text-align: center; | text-align: center; | ||
padding-left: 30px; | |||
padding-right: 30px; | |||
} | } | ||
. | .contactRow { | ||
border-top: | border-top: 2px solid #ebeeed; | ||
display: grid; | display: grid; | ||
grid-template-columns: 48px auto; | grid-template-columns: 48px auto; | ||
align-items: center; | align-items: center; | ||
padding-right: 20px; | |||
text-align: left; | text-align: left; | ||
} | } | ||
. | .contactInfo { | ||
font-size: 18px; | font-size: var(--lwc-fontSizeLarge, 18px); | ||
padding: 10px 4px; | padding: 10px 4px; | ||
} | } | ||
. | .contactRow:hover { | ||
background-color: #F0F8FF; | background-color: #F0F8FF; | ||
} | } | ||
. | .contactFooter:hover { | ||
border-radius: 0px 0px 10px 10px; | |||
} | } | ||
.material-symbols-outlined { | .material-symbols-outlined { | ||
padding: 15px; | padding: 15px; | ||
} | } | ||
/* Stylized buttons for main page navigation */ | |||
.style-button { | |||
clip-path: path("M167.863 1.42319C166.929 .510795 165.675 0 164.369 0H9.99541C5.87602 0 3.52387 4.70214 5.99431 7.99855L16.4886 22.0015C17.8205 23.7786 17.8205 26.2214 16.4886 27.9985L5.99431 42.0015C3.52387 45.2979 5.87601 50 9.9954 50H164.369C165.675 50 166.929 49.4892 167.863 48.5768L188.338 28.5768C190.346 26.6151 190.346 23.3849 188.338 21.4232L167.863 1.42319Z"); | |||
background-color:#083cf3; | |||
height:50px; | |||
width: 190px; | |||
color:#F7F7F7; | |||
line-height:50px; | |||
font-size: 1rem; | |||
} | |||
.style-wrapper { | |||
padding:10px; | |||
text-decoration: none !important; | |||
} | |||
.style-button:hover { | |||
box-shadow: 0 4px 20px rgba(91,81,67,.15); | |||
background-color: #0026ab; | |||
transition: .3s ease; | |||
} | } | ||
/* Main page backgrounds */ | |||
body { | |||
background: rgb(247,247,247) url(https://fishbowlhelp.com/a/images/d/d9/Hero.png) top center; | |||
background-repeat: no-repeat; | |||
height:100vh; | |||
font-family:"Cooper"; | |||
} | } | ||
.contentTitle { | |||
text-align: center; | |||
margin: 0; | |||
padding: 0; | |||
font-weight: inherit; | |||
clear: both; | |||
border: none !important; | |||
box-sizing: border-box; | |||
font-size: 3.5rem; | |||
line-height: 1.1; | |||
margin-top: 12px; | |||
color: rgb(0, 0, 0); | |||
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0); | |||
</style> | </style> | ||
<h2 class="contentTitle" style="color: rgb(0, 0, 0); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0)" class="contentTitle" data-aura-rendered-by="181:0">Fishbowl Advanced</h2> | |||
< | <div style="text-align:-webkit-center;"> | ||
<div style="display:flex; flex-wrap: wrap; justify-content: space-between; max-width:860px; max-height:400px;"> | |||
<a class="style-wrapper" href="/go"><div class="style-button">Fishbowl Go</div></a> | |||
<a class="style-wrapper" href="/drive"><div class="style-button">Fishbowl Drive</div></a> | |||
<a class="style-wrapper" href="/advanced"><div class="style-button">Fishbowl Advanced</div></a> | |||
</div> | </div> | ||
<br><br> | |||
< | <div class="contactList"> | ||
<div class="contactHeader">If you have questions after reviewing the resources above, we're here to help!</div> | |||
<div class="contactRow noBorder"> | |||
<div class=" | |||
<span class="material-symbols-outlined">chat</span> | <span class="material-symbols-outlined">chat</span> | ||
<div class=" | <div class="contactInfo"><b>Chat</b> - Click the button in the bottom corner of this site to chat with us.</div> | ||
</div> | </div> | ||
<div class=" | <div class="contactRow"> | ||
<span class="material-symbols-outlined">phone</span> | <span class="material-symbols-outlined">phone</span> | ||
<div class=" | <div class="contactInfo"><b>Phone</b> - Give us a call at <a href="tel:8007747085">(800) 774-7085</a> and then select extension 3.</div> | ||
</div> | </div> | ||
<div class=" | <div class="contactRow"> | ||
<span class="material-symbols-outlined">email</span> | <span class="material-symbols-outlined">email</span> | ||
<span class=" | <span class="contactInfo"><b>Email</b> - Send an email to <a href="mailto:support@fishbowlinventory.com">support@fishbowlinventory.com</a> and we'll respond ASAP.</span> | ||
</div> | </div> | ||
<div class=" | <div class="contactRow"> | ||
<span class="material-symbols-outlined">my_location</span> | <span class="material-symbols-outlined">my_location</span> | ||
<span class=" | <span class="contactInfo"><b>Training</b> - We also offer <a href="https://outlook.office365.com/owa/calendar/Fishbowl1@fbinv.com/bookings/">personalized training</a> through video calls or even at your location.</span> | ||
</div> | </div> | ||
<div class=" | <div class="contactRow"> | ||
<span class="material-symbols-outlined">edit_document</span> | <span class="material-symbols-outlined">edit_document</span> | ||
<span class=" | <span class="contactInfo"><b>Reports</b> - Click <a href="https://help.fishbowlinventory.com/s/Custom-Report-Request">here</a> to get a quote for a custom Fishbowl report.</span> | ||
</div> | </div> | ||
<div class=" | <div class="contactRow contactFooter"> | ||
<span class="material-symbols-outlined">person</span> | <span class="material-symbols-outlined">person</span> | ||
<span class=" | <span class="contactInfo"><b>Account Sales Executive</b> - Call <a href="tel:8007747085">(800) 774-7085</a> and then select extension 2.</span> | ||
</div> | </div> | ||
</div> | </div> | ||
< | <br> | ||
}} | }} | ||
Latest revision as of 13:56, 13 December 2022
Fishbowl Advanced
If you have questions after reviewing the resources above, we're here to help!
chat
Chat - Click the button in the bottom corner of this site to chat with us.
phone
Phone - Give us a call at (800) 774-7085 and then select extension 3.
email
Email - Send an email to support@fishbowlinventory.com and we'll respond ASAP.
my_location
Training - We also offer personalized training through video calls or even at your location.
edit_document
Reports - Click here to get a quote for a custom Fishbowl report.