<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Scott Properties & Investments, Inc.</title>
<style>
:root {
--bg-color: #0d1117;
--card-bg: #161b22;
--text-primary: #f0f6fc;
--text-secondary: #8b949e;
--accent: #58a6ff;
--border: #30363d;
}
* { margin: 0; padding: 0; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
body { background-color: var(--bg-color); color: var(--text-primary); line-height: 1.6; }
nav { display: flex; justify-content: space-between; align-items: center; padding: 1.5rem 5%; border-bottom: 1px solid var(--border); background-color: var(--bg-color); position: sticky; top: 0; z-index: 100; }
.logo { font-size: 1.1rem; font-weight: 700; letter-spacing: 0.5px; color: var(--text-primary); text-transform: uppercase; }
.nav-links { display: flex; gap: 1.5rem; list-style: none; flex-wrap: wrap; }
.nav-links a { color: var(--text-secondary); text-decoration: none; font-size: 0.9rem; transition: color 0.2s; }
.nav-links a:hover { color: var(--accent); }
header.hero { padding: 6rem 5% 4rem 5%; max-width: 1000px; margin: 0 auto; text-align: left; }
header.hero h1 { font-size: 3rem; font-weight: 800; margin-bottom: 1rem; letter-spacing: -1px; }
header.hero p { font-size: 1.25rem; color: var(--text-secondary); max-width: 700px; }
main { max-width: 1200px; margin: 0 auto; padding: 2rem 5% 6rem 5%; }
.section-title { font-size: 1.5rem; margin: 3rem 0 2rem 0; border-bottom: 1px solid var(--border); padding-bottom: 0.5rem; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; }
.card { background-color: var(--card-bg); border: 1px solid var(--border); border-radius: 6px; padding: 2rem; transition: border-color 0.2s, transform 0.2s; }
.card:hover { border-color: var(--accent); transform: translateY(-2px); }
.card h3 { font-size: 1.2rem; margin-bottom: 0.75rem; color: var(--text-primary); }
.card p { color: var(--text-secondary); font-size: 0.95rem; margin-bottom: 1.5rem; }
.card a { color: var(--accent); text-decoration: none; font-weight: 600; font-size: 0.9rem; }
footer { border-top: 1px solid var(--border); padding: 2rem 5%; text-align: center; color: var(--text-secondary); font-size: 0.85rem; }
</style>
</head>
<body>
<nav>
<div class="logo">Scott Properties & Investments</div>
<ul class="nav-links">
<li><a href="#divisions">Divisions</a></li>
<li><a href="#investments">Venture Investments</a></li>
</ul>
</nav>
<header class="hero">
<h1>Building, Investing, and Creating Across Industries.</h1>
<p>Scott Properties & Investments, Inc. serves as the parent holding enterprise for real estate holdings, venture investments, patented mechanical innovation, cinematic storytelling, literature, and independent music publishing.</p>
</header>
<main>
<h2 class="section-title" id="divisions">Core Enterprise Divisions</h2>
<div class="grid">
<div class="card">
<h3>Real Estate & Ventures</h3>
<p>Active short-term rentals, properties for sale, and historical residential development archives.</p>
<span style="color: var(--text-secondary); font-size: 0.9rem;">Coming Soon</span>
</div>
<div class="card">
<h3>Innovation & Engineering Lab</h3>
<p>Home to our pending alternative elevator patent concept, designed for licensing and strategic manufacturing acquisition.</p>
<span style="color: var(--text-secondary); font-size: 0.9rem;">Coming Soon</span>
</div>
<div class="card">
<h3>Cinematic & Script Storefront</h3>
<p>Original feature-length screenplays, historical series, and high-concept television pilots.</p>
<span style="color: var(--text-secondary); font-size: 0.9rem;">Coming Soon</span>
</div>
<div class="card">
<h3>Literature & Philosophy</h3>
<p>Featuring flagship memoirs, reconstructed philosophical works, and independent publications.</p>
<span style="color: var(--text-secondary); font-size: 0.9rem;">Coming Soon</span>
</div>
<div class="card">
<h3>Music Publishing & Roster</h3>
<p>Corporate publishing imprint *Psychedelic Reflex* supporting independent artists, alongside EDM releases by *Neo*.</p>
<span style="color: var(--text-secondary); font-size: 0.9rem;">Coming Soon</span>
</div>
<div class="card">
<h3>Visual Arts & Print Gallery</h3>
<p>Curated fine art prints and visual works from partnered artists.</p>
<span style="color: var(--text-secondary); font-size: 0.9rem;">Coming Soon</span>
</div>
</div>
<h2 class="section-title" id="investments">Venture Investments & Partner Network</h2>
<div class="grid">
<div class="card">
<h3>Out of the Blue Marketing</h3>
<p>Digital marketing agency solutions, SEO, and lead generation based in DeLand, Florida.</p>
<span style="color: var(--text-secondary); font-size: 0.9rem;">Coming Soon</span>
</div>
<div class="card">
<h3>Volunteer Alarm</h3>
<p>Chattanooga-based security and alarm solutions, supporting local business growth and development.</p>
<span style="color: var(--text-secondary); font-size: 0.9rem;">Coming Soon</span>
</div>
<div class="card">
<h3>Dropseco</h3>
<p>Venture investment and digital platform development.</p>
<a href="https://dropseco.com" target="_blank">Visit Dropseco.com →</a>
</div>
<div class="card">
<h3>Beachcomber Directory</h3>
<p>Online directory serving the barrier islands off Sarasota, Florida.</p>
<span style="color: var(--text-secondary); font-size: 0.9rem;">Coming Soon</span>
</div>
</div>
</main>
<footer>
<p>© 2026 Scott Properties & Investments, Inc. All rights reserved.</p>
</footer>
</body>
</html>