Aqua Shores Home Watch

Keeping your piece of paradise safe while you are away. Full-service home watch service. Licensed, insured and bonded.<style>
/* Small display */
.cert-box {
width: 100px; /* smaller default */
padding: 5px;
background: #fff;
border: 1px solid #DDD;
border-radius: 8px;
text-align: center;
box-shadow: 1px 1px 1px #000;
cursor: pointer; /* looks clickable */
transition: transform 0.2s ease;
}
.cert-box:hover {
transform: scale(1.75);
}

/* Fullscreen overlay */
.overlay {
display: none;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
justify-content: center;
align-items: center;
}
.overlay-content {
background: #fff;
padding: 20px;
border-radius: 10px;
max-width: 600px;
width: 90%;
text-align: center;
}
.overlay img {
max-width: 100%;
height: auto;
}
.close-btn {
margin-top: 10px;
padding: 6px 12px;
border: none;
background: #444;
color: #fff;
cursor: pointer;
border-radius: 5px;
}
</style>

<!-- Small box -->
<div class="cert-box" onclick="openOverlay()">
<img style="height: 50px; width: auto;" src="https://floridahomewatchassoc.com/images/Cert-HW-Expert.png">
<div><span style="font-size: .75em;">by the</span><br><span style="font-weight: bold; font-size: .75em;">Florida Home Watch Association</span></div>
</div>

<!-- Overlay -->
<div class="overlay" id="overlay">
<div class="overlay-content">
<img src="https://floridahomewatchassoc.com/images/Cert-HW-Expert.png" alt="Certificate">
<div style="margin-top: 10px; font-size: 1.2em; font-weight: bold;">
<span style="font-size: .75em;">by the</span><br> Florida Home Watch Association
</div>
<button class="close-btn" onclick="closeOverlay()">Close</button>
</div>
</div>

<script>
function openOverlay() {
document.getElementById("overlay").style.display = "flex";
}
function closeOverlay() {
document.getElementById("overlay").style.display = "none";
}
</script>