Template:Contact: Difference between revisions

Latest revision as of 13:56, 13 December 2022

Fishbowl Advanced

Fishbowl Go

Fishbowl Drive

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.

person Account Sales Executive - Call (800) 774-7085 and then select extension 2.

@@ Line 1: / Line 1: @@
-{{#tag:html|<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" />
+{{#tag:html|
-<div class="contactList" style="max-width:250px;">
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" />
-	<div class="contactHeader">Documentation</div>
+<style>
-	<div class="contactIcon">
+/* Contact methods on home page */
-		<span class="material-symbols-outlined bigIcon">chat</span>
+ .contactList {
-	</div>
+     font-family:"Milligram";
-</div><br>
+     box-shadow: 0 9px 20px rgba(91,81,67,.1);
+     transition: 0.3s;
-<div class="contactList" style="max-width:1000px;">
+     border-radius: 10px;
-	<div class="contactHeader">If you have questions after reviewing the resources above, we're here to help!</div>
+     background-color: #F7F7F7;
-	<div class="contactRow">
+     max-width: 860px;
+     margin: auto;
+}
+ .contactHeader {
+     border-radius: 10px 10px 0px 0px;
+     font-size: var(--lwc-fontSizeLarge, 16px);
+     background: #0F5151;
+     padding: 11px 8px;
+     color: white;
+     text-align: center;
+     padding-left: 30px;
+     padding-right: 30px;
+}
+ .contactRow {
+     border-top: 2px solid #ebeeed;
+     display: grid;
+     grid-template-columns: 48px auto;
+     align-items: center;
+     padding-right: 20px;
+     text-align: left;
+}
+ .contactInfo {
+     font-size: var(--lwc-fontSizeLarge, 18px);
+     padding: 10px 4px;
+}
+ .contactRow:hover {
+     background-color: #F0F8FF;
+}
+ .contactFooter:hover {
+     border-radius: 0px 0px 10px 10px;
+}
+ .material-symbols-outlined {
+     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>
+<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>
+<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">
 		<span class="material-symbols-outlined">chat</span>
          <div class="contactInfo"><b>Chat</b> - Click the button in the bottom corner of this site to chat with us.</div>
@@ Line 15: / Line 99: @@
 	<div class="contactRow">
 		<span class="material-symbols-outlined">phone</span>
-         <div class="contactInfo"><b>Phone</b> - Give us a call at <a href="tel:8669366714">(866) 936-6714</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 class="contactRow">
@@ Line 23: / Line 107: @@
 	<div class="contactRow">
 		<span class="material-symbols-outlined">my_location</span>
-		<span class="contactInfo"><b>Training</b> - We also offer <a href="https://www.fishbowlinventory.com/training-and-support">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 class="contactRow">
@@ Line 31: / Line 115: @@
 	<div class="contactRow contactFooter">
 		<span class="material-symbols-outlined">person</span>
-		<span class="contactInfo"><b>Account Sales Executive</b> - Call <a href="tel:8669366714">(866) 936-6714</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>
+<br>
+}}