Clock In Mobile
O Clock In é um aplicativo para o registro do ponto eletrônico que pode ser carregado no bolso (smartphones) e utilizado em qualquer ambiente (com ou sem conexão de Internet). Também poderá ser utilizado em tablets em lugar pré-determinado (Kiosk).
Com o aplicativo é possível identificar seus funcionários por meio de reconhecimento facial, leitura de QR code ou digitação de CPF (ou qualquer outro código identificador). Todas esses dados são integrados com a Carol e podem ser visualizados e analisados posteriormente através do Aplicativo Backoffice.
HTML |
---|
<style>
.columnLayout.two-equal {
width: 100%;
margin: 0 auto;
padding-top: 32px;
text-decoration: none;
background-image: url(https://jiratdncdncontent.blob.core.windows.net/tdn/banners/background.png);
height: 106px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 230px;
}
.columnLayout.two-equal .innerCell {
padding: 80px;
}
#title-text {
display: none !important;
}
<!-- esconder o menu -->
div.theme-default .ia-splitter #main {
margin-left: 0px;
}
.ia-fixed-sidebar, .ia-splitter-left {
display: none;
}
#main {
padding-left: 30px;
padding-right: 30px;
overflow-x: hidden;
}
.aui-header-primary .aui-nav, .aui-page-panel {
margin-left: 0px !important;
}
.aui-header-primary .aui-nav {
margin-left: 0px !important;
}
#main #breadcrumbs {
padding: 0 10px;
}
.main-header {
padding: 0 20px;
}
.page-metadata {
margin-top: -22px;
}
.columnLayout.single .innerCell {
padding: 5px;
display: flex;
flex-wrap: wrap;
padding: 0 200px;
justify-content: left;
padding-bottom: 20px;
}
.ia-fixed-sidebar, .ia-splitter-left {
display: none;
}
div#main {
margin-left: 0px !important;
}
#footer {
margin-left: 0px !important;
}
#main {
padding-left: 0px;
padding-right: 0px;
overflow-x: hidden;
}
.innerCell h1 {
font-size: 32px;
}
.columnMacro {
padding: 10px !important;
}
#ALL {
width: 100%;
}
<!-- Abas -->
.aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a::after {
background: #000000!important;
border-bottom-color: #000000 important;}.custom-button
tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a:visited, .aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a:focus, .aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a:hover, .aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a:active {
color: #0052cc;
}
tabs.horizontal-tabs>.columnMacro>.conf-macro>.custom-button:hover{
background: #ffffff!important;
}
</style>
|
Composition Setup |
---|
deck.tab.active.border-bottom.color= #252626 |