Main Page: Difference between revisions
From Erbessd Instruments
No edit summary |
No edit summary |
||
| Line 42: | Line 42: | ||
<!-- Contenedor principal --> | |||
<div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;"> | <div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;"> | ||
<!-- | <!-- Imagen 1 --> | ||
<div style="text-align: center;"> | <div style="text-align: center; margin: 10px;"> | ||
[[File:RPM.png|frameless|250px]] | [[File:RPM.png|frameless|250px]] | ||
<button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button> | <button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button> | ||
<div | <div style="display: none; margin-top: 10px;"> | ||
[[Phantom]] | <div style="border: 1px solid #ccc; border-radius: 6px; padding: 12px 20px; background: #f8f8f8; box-shadow: 1px 1px 4px rgba(0,0,0,0.1);"> | ||
[[Phantom]] | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- | <!-- Imagen 2 --> | ||
<div style="text-align: center;"> | <div style="text-align: center; margin: 10px;"> | ||
[[File:Current.png|frameless|250px]] | [[File:Current.png|frameless|250px]] | ||
<button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button> | <button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button> | ||
<div | <div style="display: none; margin-top: 10px;"> | ||
[[Wiser]] | <div style="border: 1px solid #ccc; border-radius: 6px; padding: 12px 20px; background: #f8f8f8; box-shadow: 1px 1px 4px rgba(0,0,0,0.1);"> | ||
[[Wiser]] | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- | <!-- Imagen 3 --> | ||
<div style="text-align: center;"> | <div style="text-align: center; margin: 10px;"> | ||
[[File:Thermocouple.png|frameless|250px]] | [[File:Thermocouple.png|frameless|250px]] | ||
<button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button> | <button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button> | ||
<div | <div style="display: none; margin-top: 10px;"> | ||
[[DigivibeMX]] | <div style="border: 1px solid #ccc; border-radius: 6px; padding: 12px 20px; background: #f8f8f8; box-shadow: 1px 1px 4px rgba(0,0,0,0.1);"> | ||
[[DigivibeMX]] | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- Imagen 4 --> | |||
<div style="text-align: center; margin: 10px;"> | |||
[[File:Defiant.png|frameless|250px]] | |||
<button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button> | |||
<div style="display: none; margin-top: 10px;"> | |||
<div style="border: 1px solid #ccc; border-radius: 6px; padding: 12px 20px; background: #f8f8f8; box-shadow: 1px 1px 4px rgba(0,0,0,0.1);"> | |||
[[Defiant]] | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Imagen 5 --> | |||
<div style="text-align: center; margin: 10px;"> | |||
[[File:Thermal.png|frameless|250px]] | |||
<button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button> | |||
<div style="display: none; margin-top: 10px;"> | |||
<div style="border: 1px solid #ccc; border-radius: 6px; padding: 12px 20px; background: #f8f8f8; box-shadow: 1px 1px 4px rgba(0,0,0,0.1);"> | |||
[[Dragon Vision]] | |||
</div> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
<!-- Script para mostrar/ocultar --> | |||
<script> | <script> | ||
function togglePages(button) { | function togglePages(button) { | ||
var content = button.nextElementSibling; | |||
if (content.style.display === "none" || content.style.display === "") { | |||
content.style.display = "block"; | |||
button.textContent = "Show less −"; | |||
} else { | |||
content.style.display = "none"; | |||
button.textContent = "Show more +"; | |||
} | |||
} | } | ||
</script> | </script> | ||
Revision as of 15:45, 25 June 2025
Products
File:Low Range.png File:Defiant.png
Software
File:Defiant.png
<button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button>
<script>
function togglePages(button) {
var content = button.nextElementSibling;
if (content.style.display === "none" || content.style.display === "") {
content.style.display = "block";
button.textContent = "Show less −";
} else {
content.style.display = "none";
button.textContent = "Show more +";
}
}
</script>
