Template:Contact: Difference between revisions

Template page
No edit summary
No edit summary
Line 1: Line 1:
<center>
{{#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>
  .style-rows, .style-card {
/* Contact methods on home page */
     box-shadow: 0 5px 10px 0 rgb(0 0 0 / 20%);
  .contactList {
     box-shadow: 0 9px 20px rgba(91,81,67,.1);
     transition: 0.3s;
     transition: 0.3s;
     border-radius: 20px;
     border-radius: 10px;
     margin: 15px;
    background-color: #F7F7F7;
    max-width: 860px;
     margin: auto;
}
}
  .style-rows {
  .contactHeader {
 
     border-radius: 10px 10px 0px 0px;
}
     font-size: var(--lwc-fontSizeLarge, 16px);
.style-card {
     background: #0F5151;
    width: 20%;
     padding: 11px 8px;
    min-width: min-content;
}
.style-header {
     border-radius: 20px 20px 0px 0px;
     font-size: 20px;
     background: rgb(25, 118, 211);
     padding: 11px 25px;
     color: white;
     color: white;
     text-align: center;
     text-align: center;
    padding-left: 30px;
    padding-right: 30px;
}
}
  .style-row {
  .contactRow {
     border-top: 1px solid #1976d3;
     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;
}
}
  .style-info {
  .contactInfo {
     font-size: 18px;
     font-size: var(--lwc-fontSizeLarge, 18px);
     padding: 10px 4px;
     padding: 10px 4px;
}
}
  .style-row:hover, .style-card:hover {
  .contactRow:hover {
     background-color: #F0F8FF;
     background-color: #F0F8FF;
}
}
  .style-icon {
  .contactFooter:hover {
     text-align: center;
     border-radius: 0px 0px 10px 10px;
    padding: 35px;
    width:73px !important;
}
}
  .material-symbols-outlined {
  .material-symbols-outlined {
     padding: 15px;
     padding: 15px;
}
}
.style-footer:hover {
/* Stylized buttons for main page navigation */
    border-radius: 0px 0px 20px 20px;
.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: 1.125rem;
}
.style-wrapper {
    padding:10px;
    text-decoration: none !important;
}
}
.style-hero {
.style-button:hover {
    background: #FFFFFF url(https://fishbowlhelp.com/a/images/d/d9/Hero.png) center center /cover;
    box-shadow: 0 4px 20px rgba(91,81,67,.15);
    color: rgb(25, 118, 211);
    background-color: #0026ab;
    font-size: 3.5rem;
    transition: .3s ease;
    margin: auto;
}
    height:500px;
/* Main page backgrounds */
    width:100%;
body {
background: rgb(247,247,247) url(https://fishbowlhelp.com/a/images/d/d9/Hero.png) top center;
    background-repeat: no-repeat;
    height:100vh;
}
}
</style>
</style>


<div class="style-hero" id="hero"><br><br><center>What can we help you with?</center><br>
<div style="text-align:-webkit-center;">
<div class="mw-search-form-wrapper"><form id="search" method="get" action="/d/index.php"><div id="mw-search-top-table"><div class="oo-ui-layout oo-ui-fieldLayout oo-ui-fieldLayout-align-top oo-ui-actionFieldLayout"><div class="oo-ui-fieldLayout-body"><span class="oo-ui-fieldLayout-header"><label for="ooui-php-1" class="oo-ui-labelElement-label"></label></span><div class="oo-ui-fieldLayout-field"><div class="oo-ui-actionFieldLayout-input"><div id="searchText" class="oo-ui-widget oo-ui-widget-enabled oo-ui-inputWidget oo-ui-iconElement oo-ui-textInputWidget oo-ui-textInputWidget-type-text mw-widget-titleWidget oo-ui-lookupElement mw-widget-titleInputWidget mw-widget-searchInputWidget oo-ui-textInputWidget-type-search" data-ooui=""><input type="search" style="border-radius: 25px !important; width:800px; line-height:2; border:1px solid; padding-left:30px;" tabindex="0" title="Search Fishbowl Desktop" name="search" placeholder="Search the help center..." id="ooui-php-1" class="oo-ui-inputWidget-input" autocomplete="off" aria-expanded="false" role="combobox" aria-owns="ooui-1" aria-autocomplete="list"><span class="oo-ui-iconElement-icon oo-ui-icon-search" style="background-image: url(/d/load.php?modules=oojs-ui.styles.icons-interactions&image=search&format=rasterized&skin=citizen&version=sbwbj);"></span><span class="oo-ui-indicatorElement-indicator oo-ui-indicatorElement-noIndicator"></span></div></div></div></div></div><input type="hidden" value="Special:Search" name="title"><input type="hidden" value="default" name="profile"><input type="hidden" value="1" name="fulltext"></div><div class="mw-search-visualclear"></div><div class="mw-search-profile-tabs"><div class="search-types"><ul><li class="current"><a href="/d/index.php?title=Special:Search&amp;profile=default&amp;search=&amp;fulltext=1" title="Search in (Main)">Content pages</a></li><li class="normal"><a href="/d/index.php?title=Special:Search&amp;profile=images&amp;search=&amp;fulltext=1" title="Search for files">Multimedia</a></li><li class="normal"><a href="/d/index.php?title=Special:Search&amp;profile=all&amp;search=&amp;fulltext=1" title="Search all of content (including talk pages)">Everything</a></li><li class="normal"><a href="/d/index.php?title=Special:Search&amp;profile=advanced&amp;search=&amp;fulltext=1" title="Search in custom namespaces">Advanced</a></li></ul></div><div style="clear:both"></div></div></form></div>
  <div style="display:flex; flex-wrap: wrap; justify-content: space-between; max-width:860px; max-height:400px;">
      <a class="style-wrapper" href="/s/article/Getting-Started"><div class="style-button">Getting&nbsp;Started</div></a>
      <a class="style-wrapper" href="/s/Training-Videos"><div class="style-button">Training&nbsp;Videos</div></a>
      <a class="style-wrapper" href="/s/article/Documentation"><div class="style-button">Documentation</div></a>
      <a class="style-wrapper" href="/s/article/Release-Notes"><div class="style-button">Release&nbsp;Notes</div></a>
</div>
</div>
 
<br><br>
<div style="display:flex; flex-wrap: wrap; justify-content: space-evenly; width:100%; max-width:1280px;">
<div class="contactList">
<div class="style-card">
    <div class="contactHeader">If you have questions after reviewing the resources above, we're here to help!</div>
<a href="/desktop/Documentation">
<div class="contactRow noBorder">
<div class="style-header">Documentation</div>
<div class="style-icon"><img src="https://fishbowlhelp.com/files/tiles/Documentation.jpeg"/></div>
</a>
</div>
<div class="style-card">
<a href="/desktop/Getting Started">
<div class="style-header">Getting&nbsp;Started</div>
<div class="style-icon"><img src="https://fishbowlhelp.com/files/tiles/Getting-Started.jpeg"/></div>
</a>
</div>
<div class="style-card">
<a href="/desktop/Release Notes">
<div class="style-header">Release&nbsp;Notes</div>
<div class="style-icon"><img src="https://fishbowlhelp.com/files/tiles/Release-Notes.jpeg"/></div>
</a>
</div>
<div class="style-card">
<a href="/desktop/Training Videos">
<div class="style-header">Training&nbsp;Videos</div>
<div class="style-icon"><img src="https://fishbowlhelp.com/files/tiles/Training-Videos.jpeg"/></div>
</a>
</div>
</div>
 
<div style="width: 100%; max-width: 1230px;">
<div class="style-rows">
<div class="style-header">If you have questions after reviewing the resources above, we're here to help!</div>
<div class="style-row">
<span class="material-symbols-outlined">chat</span>
<span class="material-symbols-outlined">chat</span>
         <div class="style-info"><b>Chat</b> - Click the button in the bottom corner of this site to chat with us.</div>
         <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="style-row">
<div class="contactRow">
<span class="material-symbols-outlined">phone</span>
<span class="material-symbols-outlined">phone</span>
         <div class="style-info"><b>Phone</b> - Give us a call at <a href="tel:8007747085">(800) 774-7085</a> and then select extension 3.</div>
         <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="style-row">
<div class="contactRow">
<span class="material-symbols-outlined">email</span>
<span class="material-symbols-outlined">email</span>
<span class="style-info"><b>Email</b> - Send an email to <a href="mailto:support@fishbowlinventory.com">support@fishbowlinventory.com</a> and we'll respond ASAP.</span>
<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="style-row">
<div class="contactRow">
<span class="material-symbols-outlined">my_location</span>
<span class="material-symbols-outlined">my_location</span>
<span class="style-info"><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>
<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="style-row">
     <div class="contactRow">
<span class="material-symbols-outlined">edit_document</span>
<span class="material-symbols-outlined">edit_document</span>
<span class="style-info"><b>Reports</b> - Click <a href="https://fishbowlhelp.com/aesktop/Custom_Report_Request">here</a> to get a quote for a custom Fishbowl report.</span>
<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="style-row style-footer">
<div class="contactRow contactFooter">
<span class="material-symbols-outlined">person</span>
<span class="material-symbols-outlined">person</span>
<span class="style-info"><b>Account Sales Executive</b> - Call <a href="tel:8007747085">(800) 774-7085</a> and then select extension 2.</span>
<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>
</div>
<br>
 
}}
}}
<br>
{{:Fishbowl Flow Chart}}
</center>

Revision as of 13:50, 13 December 2022



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.
person Account Sales Executive - Call (800) 774-7085 and then select extension 2.