Viewing file: estado.php (8.52 KB) -rw-rw-rw- Select action/file-type: (+) | (+) | (+) | Code (+) | Session (+) | (+) | SDB (+) | (+) | (+) | (+) | (+) | (+) |
<?php
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Login V15</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->
<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="fonts/Linearicons-Free-v1.0.0/icon-font.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/daterangepicker/daterangepicker.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="css/util.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
<style type="text/css">
/* Android 2.3 :checked fix */
@-webkit-keyframes fake {
from {
opacity: 1;
}
to {
opacity: 1;
}
}
@keyframes fake {
from {
opacity: 1;
}
to {
opacity: 1;
}
}
body {
-webkit-animation: fake 1s infinite;
animation: fake 1s infinite;
}
.worko-tabs {
margin: 20px;
width: 80%;
}
.worko-tabs .state {
position: absolute;
left: -10000px;
}
.worko-tabs .flex-tabs {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
.worko-tabs .flex-tabs .tab {
-webkit-box-flex: 1;
flex-grow: 1;
max-height: 40px;
}
.worko-tabs .flex-tabs .panel {
background-color: #fff;
padding: 20px;
min-height: 300px;
display: none;
width: 100%;
flex-basis: auto;
}
.worko-tabs .tab {
display: inline-block;
padding: 10px;
vertical-align: top;
background-color: #eee;
cursor: hand;
cursor: pointer;
border-left: 10px solid #ccc;
}
.worko-tabs .tab:hover {
background-color: #fff;
}
#tab-one:checked ~ .tabs #tab-one-label,
#tab-two:checked ~ .tabs #tab-two-label,
#tab-three:checked ~ .tabs #tab-three-label,
#tab-four:checked ~ .tabs #tab-four-label {
background-color: #fff;
cursor: default;
border-left-color: #69be28;
}
#tab-one:checked ~ .tabs #tab-one-panel,
#tab-two:checked ~ .tabs #tab-two-panel,
#tab-three:checked ~ .tabs #tab-three-panel,
#tab-four:checked ~ .tabs #tab-four-panel {
display: block;
}
@media (max-width: 600px) {
.flex-tabs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.flex-tabs .tab {
background: #fff;
border-bottom: 1px solid #ccc;
}
.flex-tabs .tab:last-of-type {
border-bottom: none;
}
.flex-tabs #tab-one-label {
-webkit-box-ordinal-group: 2;
order: 1;
}
.flex-tabs #tab-two-label {
-webkit-box-ordinal-group: 4;
order: 3;
}
.flex-tabs #tab-three-label {
-webkit-box-ordinal-group: 6;
order: 5;
}
.flex-tabs #tab-four-label {
-webkit-box-ordinal-group: 8;
order: 7;
}
.flex-tabs #tab-one-panel {
-webkit-box-ordinal-group: 3;
order: 2;
}
.flex-tabs #tab-two-panel {
-webkit-box-ordinal-group: 5;
order: 4;
}
.flex-tabs #tab-three-panel {
-webkit-box-ordinal-group: 7;
order: 6;
}
.flex-tabs #tab-four-panel {
-webkit-box-ordinal-group: 9;
order: 8;
}
#tab-one:checked ~ .tabs #tab-one-label,
#tab-two:checked ~ .tabs #tab-two-label,
#tab-three:checked ~ .tabs #tab-three-label,
#tab-four:checked ~ .tabs #tab-four-label {
border-bottom: none;
}
#tab-one:checked ~ .tabs #tab-one-panel,
#tab-two:checked ~ .tabs #tab-two-panel,
#tab-three:checked ~ .tabs #tab-three-panel,
#tab-four:checked ~ .tabs #tab-four-panel {
border-bottom: 1px solid #ccc;
}
}
</style>
</head>
<body>
<div class="limiter">
<div class="container-login100">
<div class="wrap-login100">
<div class="login100-form-title" style="background-image: url(images/bg-01.jpg);">
<span class="login100-form-title-1">
Consulte el estado de su trámite JUAN
</span>
</div>
<div class="worko-tabs">
<input class="state" type="radio" title="tab-one" name="tabs-state" id="tab-one" checked />
<input class="state" type="radio" title="tab-two" name="tabs-state" id="tab-two" />
<div class="tabs flex-tabs">
<label for="tab-one" id="tab-one-label" class="tab">Busqueda por Radicado</label>
<label for="tab-two" id="tab-two-label" class="tab">Busqueda por Proceso</label>
<div id="tab-one-panel" class="panel active">
<form class="login100-form validate-form" method="post" action="radicado.php">
<div class="wrap-input100">
<span class="label-input100">Radicado</span>
<input class="input100" type="text" name="radicado" placeholder="Digite el # del radicado" required>
<span class="focus-input100"></span>
</div>
<div class="flex-sb-m w-full p-b-30">
</div>
<div class="container-login100-form-btn">
<button class="login100-form-btn">
Consultar
</button>
</div>
</form>
</div>
<div id="tab-two-panel" class="panel">
<form class="login100-form validate-form" method="post" action="proceso.php">
<div class="wrap-input100" >
<span class="label-input100">Proceso</span>
<input class="input100" type="text" name="proceso" placeholder="Digite el # del proceso" required>
<span class="focus-input100"></span>
</div>
<div class="flex-sb-m w-full p-b-30">
</div>
<div class="container-login100-form-btn">
<button class="login100-form-btn">
Consultar
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!--===============================================================================================-->
<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
<script src="vendor/animsition/js/animsition.min.js"></script>
<!--===============================================================================================-->
<script src="vendor/bootstrap/js/popper.js"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
<script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
<script src="vendor/daterangepicker/moment.min.js"></script>
<script src="vendor/daterangepicker/daterangepicker.js"></script>
<!--===============================================================================================-->
<script src="vendor/countdowntime/countdowntime.js"></script>
<!--===============================================================================================-->
<script src="js/main.js"></script>
</body>
</html>
|