body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 0;
}
.container {
max-width: 800px;
margin: 0 auto;
background-color: #fff;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
.header {
text-align: center;
}
.header h1 {
font-size: 30px;
line-height: 35px;
margin-bottom: 20px;
}
.header p {
font-size: 16px;
margin-bottom: 20px;
}
.column {
width: 30%;
margin: 10px;
float: left;
}
.column img {
width: 100%;
height: auto;
cursor: pointer;
border: 1px solid #ccc;
border-radius: 5px;
}
.selected {
border: 2px solid #ff0000; /* Borda vermelha */
}
#text-box {
display: none;
text-align: center;
margin-top: 20px;
}
#input-container {
display: flex;
justify-content: space-between;
align-items: center;
}
#company-text {
width: 70%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
.track-button {
width: 28%;
padding: 10px;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
display: none;
}
#track-button-dhl {
background-color: #ff0000; /* Vermelho para DHL */
}
#track-button-fedex {
background-color: #800080; /* Roxo para FedEx */
}
#track-button-ups {
background-color: #8B4513; /* Marrom para UPS */
}
Acompanhe e rastreie seus envios em tempo real.
Selecione a companhia contratada.
function showText(companyName, clickedImage) {
var textBox = document.getElementById("text-box");
var companyText = document.getElementById("company-text");
var columns = document.querySelectorAll(".column img");
var buttons = document.querySelectorAll(".track-button");
// Remover a classe "selected" de todas as imagens
columns.forEach(function(column) {
column.classList.remove("selected");
});
// Adicionar a classe "selected" à imagem clicada
clickedImage.classList.add("selected");
companyText.value = "";
companyText.placeholder = "Insira o código da empresa " + companyName;
textBox.style.display = "block";
// Ocultar todos os botões
buttons.forEach(function(button) {
button.style.display = "none";
});
// Exibir o botão da empresa selecionada
if (companyName === 'DHL') {
document.getElementById('track-button-dhl').style.display = 'block';
} else if (companyName === 'FedEx') {
document.getElementById('track-button-fedex').style.display = 'block';
} else if (companyName === 'UPS') {
document.getElementById('track-button-ups').style.display = 'block';
}
}
function trackPackage(companyName) {
var companyText = document.getElementById("company-text").value;
if (companyName === 'DHL') {
window.open("https://www.dhl.com/br-pt/home/tracking/tracking-global-forwarding.html?submit=1&tracking-id=" + companyText, "_blank");
} else if (companyName === 'FedEx') {
window.open("https://www.fedex.com/fedextrack/system-error?trknbr=" + companyText, "_blank");
} else if (companyName === 'UPS') {
window.open("https://www.ups.com/track?loc=pt_BR&tracknum=" + companyText + "&requester=WT/", "_blank");
}
}
Acompanhe e rastreie seus envios em tempo real.
Selecione a companhia contratada.
Contato:
- (19) 99177-0479
- falecom@veloenvios.com.br