<!DOCTYPE html> <html ng-app="remarcable"> <head> <title ng-bind="title">Remarcable</title> <base href="/"/> <meta name="description" content="{{ description }}"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="theme-color" content="#0097A7"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"> <link rel="manifest" type="text/css" href="/manifest.json" /> <link rel="shortcut icon" href="https://s3.us-east-2.amazonaws.com/remarcable/home/remarcable-icon.ico" /> <link rel="apple-touch-icon" href="https://s3.us-east-2.amazonaws.com/remarcable/home/remarcable-icon.png" /> <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700"> <link rel="stylesheet" href="/static/CACHE/css/output.2c32e2e0e948.css" type="text/css"> <link rel="stylesheet" type="text/css" href="/static/stylesheets/icon.css" /> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4JT8RSCNG8"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4JT8RSCNG8'); </script> <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBPH4FjCCigjKYdUCAxthjhG-4KALGGSfU&libraries=places"></script> <script type="text/javascript" src="/static/from_npm/driver/driver.js.iife.js"></script> <script type="text/javascript" src="/static/sentry/sentry.browser.6.19.7.min.js"></script> <script type="text/javascript" src="/static/sentry/sentry.angular.6.19.7.min.js"></script> <script type="text/javascript" src="/static/quill/2.0.2/quill.js"></script> <script type="text/javascript" src="/static/dompurify/3.1.5/purify.min.js"></script>  <script src="/static/bower_components/jquery/dist/jquery.min.js"></script> <script src="/static/CACHE/js/output.e183e32bd8e3.js"></script> <script src="/static/CACHE/js/output.00c052c497e4.js"></script> <script src="/static/CACHE/js/output.36e089ab2f85.js"></script> <script src="/static/CACHE/js/output.1d3973af8f18.js"></script> <script src="/static/CACHE/js/output.41009d0d1c33.js"></script> <script src="/static/CACHE/js/output.9e1cc7c9ec33.js"></script> <script> Sentry.init({ dsn: "https://ca9d34ff6f7e41f292c82f0a0c89d9b2@o4505474872115200.ingest.sentry.io/4505516719407104", integrations: [ new Sentry.Integrations.Angular(), ], release: "5.456", // Set tracesSampleRate to 1.0 to capture 100% // of transactions for performance monitoring. // We recommend adjusting this value in production tracesSampleRate: 1.0, // Proxy sentry requests to get around ad-blockers tunnel: '/logtunnel/', }); // Register PWA service worker if ('serviceWorker' in navigator) { navigator.serviceWorker.register('/static/js/service_worker.js') .then(function (registration) { console.log('Registration successful, scope is:', registration.scope); }) .catch(function (error) { console.log('Service worker registration failed, error:', error); }); var refreshing = false; // detect service worker controller change and refresh the page navigator.serviceWorker.addEventListener('controllerchange', function () { console.log('controllerchange: ' + refreshing); //setTimeout(function () { if (!refreshing) { console.log('controllerchange triggered'); window.location.reload(true); refreshing = true } //}, 200); }) } </script> </head> <body layout="row" ng-cloak> <div layout="column" flex> <div layout="column" ng-controller="NavbarController as NAVvm" style="position: relative"> <md-toolbar ng-class="tool_bar_color" layout="row" layout-align="start center" style="height: 64px"> <div class="md-toolbar-tools"> <md-icon hide-gt-sm class="clickable-element" style="color: #0097A7; margin-right: 10px" ng-click="toggleMenu()">menu</md-icon> <a hide href="/" style="height: 70%"> <img src="/static/images/logo-tile.svg" alt="remarcable" style="height: 100%"></a> <a ng-if="tool_bar_color!='md-hue-2'" href="/" style="height: 75%"> <img src="/static/images/logo-inv.svg" alt="remarcable" style="height: 100%"> </a> <a ng-if="tool_bar_color=='md-hue-2'" href="/" style="height: 70%"> <img src="/static/images/logo.svg" alt="remarcable" style="height: 100%"> </a> <div layout="row" layout-align="start center" hide-xs hide-sm style="margin-left: 50px"> <md-menu> <span ng-click="$mdMenu.open($event)" class="md-body-1 bold-font default-hue-700 clickable-element" >Solutions</span> <md-menu-content width="3" ng-mouseleave="$mdMenu.close()"> <md-menu-item> <md-button layout="row" layout-align="start center" class="hover-icon-wiggle-right" href="/procurement" ng-click="$mdMenu.close()"> <md-icon class="material-icons default-hue-700" style="margin: 0 24px 0 0"></md-icon> <span class="md-body-1 default-hue-700">Procurement </span> </md-button> </md-menu-item> <md-menu-item> <md-button layout="row" layout-align="start center" class="hover-icon-wiggle-right clickable-element" href="/tool" ng-click="$mdMenu.close()"> <md-icon class="material-icons default-hue-700" style="margin: 0 24px 0 0"></md-icon> <span class="md-body-1 default-hue-700">Tool Management </span> </md-button> </md-menu-item> <md-menu-item> <md-button layout="row" layout-align="start center" class="hover-icon-wiggle-right clickable-element" href="/inventory" ng-click="$mdMenu.close()"> <md-icon class="material-icons default-hue-700" style="margin: 0 24px 0 0"></md-icon> <span class="md-body-1 default-hue-700">Warehouse Inventory </span> </md-button> </md-menu-item> <md-menu-item> <md-button layout="row" layout-align="start center" class="hover-icon-wiggle-right clickable-element" href="/prefab" ng-click="$mdMenu.close()"> <md-icon class="material-icons default-hue-700" style="margin: 0 24px 0 0"></md-icon> <span class="md-body-1 default-hue-700">Prefab </span> </md-button> </md-menu-item> <md-menu-item> <md-button layout="row" layout-align="start center" class="hover-icon-wiggle-right clickable-element" href="/accounting" ng-click="$mdMenu.close()"> <md-icon class="material-icons default-hue-700" style="margin: 0 24px 0 0"></md-icon> <span class="md-body-1 default-hue-700">Accounting </span> </md-button> </md-menu-item> <md-menu-item> <md-button layout="row" layout-align="start center" class="hover-icon-wiggle-right clickable-element" href="/supplier" ng-click="$mdMenu.close()"> <md-icon class="material-icons default-hue-700" style="margin: 0 24px 0 0"></md-icon> <span class="md-body-1 default-hue-700">Supplier </span> </md-button> </md-menu-item> </md-menu-content> </md-menu> <a href="/aboutus"> <span class="md-body-1 bold-font default-hue-700" style="margin: 4px 30px 0">About</span> </a> <a href="/contact_us"> <span class="md-body-1 bold-font default-hue-700" style="margin: 4px 0 0">Contact Us</span> </a> </div> <div flex md-truncate></div> <div layout="row"> <md-button href="/login" aria-label="Login" ng-hide="active_tab == 'login' || active_tab == 'sso-login'" class="md-primary md-hue-1"> <md-icon class="material-icons">person</md-icon> Sign In </md-button> <md-button ng-hide="active_tab == 'sso-login'" hide-xs hide-sm class="top-signup-btn" href="/request_demo">Request a demo</md-button> </div> </div> </md-toolbar> <div ng-show="showMenu" layout="column" class="animate-show-hide landing-menu-container"> <div layout="column" class="landing-menu-background"> <div layout="row" class="landing-menu-content" ng-class="{'visible': showMenu, 'hidden': !showMenu}"> <div flex layout="column" layout-padding style="padding: 1% 0 20px 3%"> <span class="md-title bold-font default-hue-700">Solutions </span> <a href="/procurement" style="text-decoration: none;"> <div layout="row" layout-align="space-between center" class="hover-icon-wiggle-right" style="width: 180px"> <span class="md-body-1 default-hue-700">Procurement</span> <md-icon hide-xs class="material-icons default-hue-700" style="margin: 0 0 0 16px"></md-icon> </div> </a> <a href="/tool" style="text-decoration: none;"> <div layout="row" layout-align="space-between center" class="hover-icon-wiggle-right" style="width: 180px"> <span class="md-body-1 default-hue-700">Tool Management</span> <md-icon hide-xs class="material-icons default-hue-700" style="margin: 0 0 0 16px"></md-icon> </div> </a> <a href="/inventory" style="text-decoration: none;"> <div layout="row" layout-align="space-between center" class="hover-icon-wiggle-right" style="width: 180px"> <span class="md-body-1 default-hue-700">Warehouse Inventory</span> <md-icon hide-xs class="material-icons default-hue-700" style="margin: 0 0 0 16px"></md-icon> </div> </a> <a href="/prefab" style="text-decoration: none;"> <div layout="row" layout-align="space-between center" class="hover-icon-wiggle-right" style="width: 180px"> <span class="md-body-1 default-hue-700">Prefab</span> <md-icon hide-xs class="material-icons default-hue-700" style="margin: 0 0 0 16px"></md-icon> </div> </a> <a href="/accounting" style="text-decoration: none;"> <div layout="row" layout-align="space-between center" class="hover-icon-wiggle-right" style="width: 180px"> <span class="md-body-1 default-hue-700">Accounting</span> <md-icon hide-xs class="material-icons default-hue-700" style="margin: 0 0 0 16px"></md-icon> </div> </a> <a href="/supplier" style="text-decoration: none;"> <div layout="row" layout-align="space-between center" class="hover-icon-wiggle-right" style="width: 180px"> <span class="md-body-1 default-hue-700">Supplier</span> <md-icon hide-xs class="material-icons default-hue-700" style="margin: 0 0 0 16px"></md-icon> </div> </a> </div> <md-divider style="margin: 24px 0"></md-divider> <div flex layout="column"> <div layout="column" style="padding: 20px 0 0 30px" layout-padding> <a href="/benefits" style="text-decoration: none;"> <span class="md-body-1 default-hue-700 clickable-element" >Benefits</span> </a> <a href="/aboutus" style="text-decoration: none;"> <span class="md-body-1 default-hue-700 clickable-element" >About Us</span> </a> <a href="/contact_us" style="text-decoration: none;"> <span class="md-body-1 default-hue-700 clickable-element" >Contact Us</span> </a> <a href="https://remarcable-inc.careerplug.com/jobs" style="text-decoration: none;"> <span class="md-body-1 default-hue-700 clickable-element" >Careers</span> </a> </div> <div flex layout="row" layout-align="center center"> <md-button class="top-signup-btn" style="margin-left: 10px; margin-bottom: 20px" href="/request_demo">Request a demo</md-button> </div> </div> </div> </div> <div flex ng-click="showMenu = false"></div> </div> </div> <ng-view ng-cloak layout="column" flex></ng-view> </div> </body> </html>

CINXE.COM