<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>Florida Keys Market Update</title>
<style>
        :root {
            --primary: #2f5bb7;
            --secondary: #ff8302;
            --bg: #d0ae81;
            --text: #333;
            --white: #ffffff;
        }

        body {
            font-family: Arial, Helvetica, sans-serif;
            margin: 0;
            background-color: var(--bg);
            color: var(--text);
            line-height: 1.6;
        }

        header {
            background-color: var(--primary);
            color: var(--white);
            padding: 2rem;
            text-align: center;
        }

        nav {
            background: #222;
            padding: 1rem;
            text-align: center;
        }

        nav a {
            color: var(--white);
            margin: 0 15px;
            text-decoration: none;
            font-weight: bold;
        }

        .container {
            max-width: 960px;
            margin: 20px auto;
            background: var(--white);
            padding: 20px;
            border-radius: 8px;
        }

        .hero-img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            border-radius: 8px;
            margin-bottom: 20px;
        }

        .post { margin-bottom: 40px; border-bottom: 2px solid #eee; padding-bottom: 20px; }
        
        .icon-email {
            display: inline-block;
            width: 20px;
            height: 16px;
            background: #666;
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 20%, 50% 50%, 100% 20%);
        }

        footer {
            text-align: center;
            padding: 20px;
            font-size: 0.9rem;
        }

        @media (max-width: 768px) {
            .container { width: 90%; }
        }
    </style>
</head>
<body>
<header>
<img alt="Logo" src="/assets/colored-logo.svg" style="width: 100px; margin-bottom: 10px;"/>
<h1>Florida Keys Market Update</h1>
<p>Century 21 BE3 Florida Keys</p>
</header>
<nav>
<a href="/index.html">Home</a>
<a href="/search/index.html">Search</a>
</nav>
<div class="container">
<article class="post">
<h2>What $10 Million Buys You in the Florida Keys</h2>
<img alt="Luxury Home" class="hero-img" src="/assets/20250124151647434949000000-o.jpg"/>
<p>Every Friday, we look at ultra-luxury trends in the Keys. With 33 homes currently priced over $10M, we examine why these estates define the local market.</p>
<span class="icon-email"></span> Email Post
    </article>
<article class="post">
<h2>The Mystery of the Missing Yard</h2>
<img alt="Island landscape" class="hero-img" loading="lazy" src="/assets/generated/20260129144320.png" style="max-width: 100%; height: auto; border-radius: 8px;"/>
<p>Why aren't there traditional green lawns in the Keys? It comes down to coral rock, water costs, and a preference for native landscaping.</p>
<span class="icon-email"></span> Email Post
    </article>
</div>
<footer>
    © 2026 Florida Keys Market Update | All Rights Reserved
</footer>
</body>
</html>