Priqs

branding-design.png
Materiaalbeheer

Materiaalbeheer

  • Materiaal per iso uittrekken.
  • Zaaglijsten maken.
  • Materiaalbehoefte omzetten in bestelling.
  • Materiaal ontvangst.
  • MTO van klant importeren.
  • Materiaalcertificaten koppelen aan onderdelen.

website-design.png
Certificeerlbeheer
Certificaatlbeheer
* Controle van materiaalcertificaten.
* Vrijgave van materiaalcertificaten.
* Lassercertificaten beheren.
* Importeren van pdf-files van de certificaten.
* Certificaten digitaal beschikbaar vanuit het lasformulier.
vrachtwagen
Materiaalbeheer
Materiaalbeheer
* Materiaal per iso uittrekken.
* Zaaglijsten maken.
* Materiaalbehoefte omzetten in bestelling.
* Materiaal ontvangst.
* MTO van klant importeren.
* Materiaalcertificaten koppelen aan onderdelen.

/* Popup container - can be anything you want */ .popup { position: relative; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* The actual popup */ .popup .popuptext { visibility: hidden; width: 300px; background-color: #D57017E3; color: #fff; text-align: left; border-radius: 6px; padding: 8px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -80px; } /* Popup arrow */ .popup .popuptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: 5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } /* Toggle this class - hide and show the popup */ .popup .show { visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; } /* Add animation (fade in the popup) */ @-webkit-keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } @keyframes fadeIn { from {opacity: 0;} to {opacity:1 ;} }

// When the user clicks on div, open the popup function myFunction() { var popup = document.getElementById("myPopup"); popup.classList.toggle("show"); }

/* Popup container - can be anything you want */ .popup { position: relative; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* The actual popup */ .popup .popuptext { visibility: hidden; width: 300px; background-color: #54810B; color: #fff; text-align: left; border-radius: 6px; padding: 8px 0; position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -80px; } /* Popup arrow */ .popup .popuptext::after { content: ""; top: 100%; left: 50%; margin-left: 5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } /* Toggle this class - hide and show the popup */ .popup .show { visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; } /* Add animation (fade in the popup) */ @-webkit-keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } @keyframes fadeIn { from {opacity: 0;} to {opacity:1 ;} }

// When the user clicks on div, open the popup function myFunction() { var popup = document.getElementById("myPopup"); popup.classList.toggle("show"); }

/* Popup container - can be anything you want */ .popup { position: relative; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* The actual popup */ .popup .popuptext { visibility: hidden; width: 300px; background-color: #D57017E3; color: #fff; text-align: left; border-radius: 6px; padding: 8px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -80px; } /* Popup arrow */ .popup .popuptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: 5px; border-width: 5px; border-style: solid; border-color: transparent } /* Toggle this class - hide and show the popup */ .popup .show { visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; } /* Add animation (fade in the popup) */ @-webkit-keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } @keyframes fadeIn { from {opacity: 0;} to {opacity:1 ;} }

// When the user clicks on div, open the popup function myFunction() { var popup = document.getElementById("myPopup"); popup.classList.toggle("show"); }

Materiaalbeheer

.container { position: relative; width: 50%; } .image { display: block; width: 100%; height: auto; } .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #008CBA; } .container:hover .overlay { opacity: 1; } .text { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

Hover over the image to see the effect.

Avatar
  • Materiaal per iso uittrekken.
  • Zaaglijsten maken.
  • Materiaalbehoefte omzetten in bestelling.
  • Materiaal ontvangst.
  • MTO van klant importeren.
  • Materiaalcertificaten koppelen aan onderdelen.

Certificaat beheer

/* Popup container - can be anything you want */ .popup { position: relative; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* The actual popup */ .popup .popuptext { visibility: hidden; width: 300px; background-color: #54810B; color: #fff; text-align: left; border-radius: 6px; padding: 8px 0; position: absolute; z-index: 1; bottom: 0%; left: 0%; margin-left: 0px; } /* Popup arrow */ .popup .popuptext::after { content: ""; position: absolute; top: 0%; left: 0%; margin-left: 5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } /* Toggle this class - hide and show the popup */ .popup .show { visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; } /* Add animation (fade in the popup) */ @-webkit-keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } @keyframes fadeIn { from {opacity: 0;} to {opacity:1 ;} }

// When the user clicks on div, open the popup function myFunction() { var popup = document.getElementById("myPopup"); popup.classList.toggle("show"); }

vrachtwagen

Logistiek

/* Popup container - can be anything you want */ .popup { position: relative; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* The actual popup */ .popup .popuptext { visibility: hidden; width: 300px; background-color: #54810B; color: #fff; text-align: left; border-radius: 6px; padding: 8px 0; position: ; z-index: 1; bottom: 0%; left: 0%; margin-left: 0px; } /* Popup arrow */ .popup .popuptext::after { content: ""; position: absolute; top: 0%; left: 0%; margin-left: 5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } /* Toggle this class - hide and show the popup */ .popup .show { visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; } /* Add animation (fade in the popup) */ @-webkit-keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } @keyframes fadeIn { from {opacity: 0;} to {opacity:1 ;} }

// When the user clicks on div, open the popup function myFunction() { var popup = document.getElementById("myPopup"); popup.classList.toggle("show"); }

branding-design.png

Materiaalbeheer

branding-design.png

Materiaalbeheer

  • Materiaal per iso uittrekken.
  • Zaaglijsten maken.
  • Materiaalbehoefte omzetten in bestelling.
  • Materiaal ontvangst.
  • MTO van klant importeren.
  • Materiaalcertificaten koppelen aan onderdelen.
  • website-design.png
    We Are So Glad You Are Here
    Hover Me Please, to check the back side
    Contact Us
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ultricies sem lorem, non ullamcorper neque tincidunt id.
    vrachtwagen
    We Are So Glad You Are Here
    Hover Me Please, to check the back side
    Contact Us
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ultricies sem lorem, non ullamcorper neque tincidunt id.