<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Threshold Press - Where Philosophy Meets Experience</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Crimson Text', Georgia, serif;
line-height: 1.6;
color: #333;
background: #fafafa;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* Header */
header {
background: white;
padding: 30px 0;
border-bottom: 1px solid #e0e0e0;
}
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo h1 {
font-size: 28px;
font-weight: 400;
letter-spacing: 2px;
color: #2c3e50;
}
.tagline {
font-size: 14px;
color: #666;
font-style: italic;
margin-top: 5px;
}
nav ul {
list-style: none;
display: flex;
gap: 30px;
}
nav a {
text-decoration: none;
color: #555;
font-size: 16px;
transition: color 0.3s;
}
nav a:hover {
color: #2c3e50;
}
/* Hero Section */
.hero {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 80px 0;
text-align: center;
}
.hero h2 {
font-size: 42px;
font-weight: 300;
margin-bottom: 20px;
line-height: 1.3;
}
.hero p {
font-size: 20px;
max-width: 700px;
margin: 0 auto;
opacity: 0.95;
}
/* Featured Book */
.featured {
background: white;
padding: 80px 0;
}
.featured-content {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 60px;
align-items: center;
}
.book-cover {
background: #f0f0f0;
aspect-ratio: 3/4;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: #999;
border-radius: 4px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.book-info h3 {
font-size: 36px;
margin-bottom: 10px;
color: #2c3e50;
font-weight: 400;
}
.book-info .author {
font-size: 20px;
color: #666;
margin-bottom: 30px;
}
.book-info .description {
font-size: 18px;
line-height: 1.8;
color: #555;
margin-bottom: 30px;
}
.btn {
display: inline-block;
padding: 12px 30px;
background: #667eea;
color: white;
text-decoration: none;
border-radius: 4px;
transition: background 0.3s;
}
.btn:hover {
background: #5a67d8;
}
/* Catalogue */
.catalogue {
padding: 80px 0;
}
.catalogue h2 {
text-align: center;
font-size: 36px;
margin-bottom: 60px;
color: #2c3e50;
font-weight: 400;
}
.book-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 40px;
}
.book-card {
background: white;
border-radius: 4px;
overflow: hidden;
transition: transform 0.3s, box-shadow 0.3s;
cursor: pointer;
}
.book-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
.book-card .cover {
background: #f5f5f5;
height: 300px;
display: flex;
align-items: center;
justify-content: center;
color: #999;
}
.book-card .info {
padding: 20px;
}
.book-card h4 {
font-size: 20px;
margin-bottom: 8px;
color: #2c3e50;
}
.book-card .author {
color: #666;
font-size: 16px;
margin-bottom: 10px;
}
.book-card .status {
font-size: 14px;
color: #667eea;
font-weight: 600;
}
/* About Section */
.about {
background: white;
padding: 80px 0;
}
.about-content {
max-width: 800px;
margin: 0 auto;
text-align: center;
}
.about h2 {
font-size: 36px;
margin-bottom: 30px;
color: #2c3e50;
font-weight: 400;
}
.about p {
font-size: 18px;
line-height: 1.8;
color: #555;
margin-bottom: 20px;
}
/* Footer */
footer {
background: #2c3e50;
color: white;
padding: 40px 0;
text-align: center;
}
.footer-content {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.footer-links a {
color: white;
text-decoration: none;
margin: 0 15px;
opacity: 0.8;
transition: opacity 0.3s;
}
.footer-links a:hover {
opacity: 1;
}
.copyright {
opacity: 0.6;
font-size: 14px;
}
/* Responsive */
@media (max-width: 768px) {
.header-content {
flex-direction: column;
gap: 20px;
}
nav ul {
flex-direction: column;
text-align: center;
gap: 10px;
}
.featured-content {
grid-template-columns: 1fr;
}
.hero h2 {
font-size: 32px;
}
.footer-content {
flex-direction: column;
gap: 20px;
}
}
</style>
</head>
<body>
<!-- Header -->
<header>
<div class="container">
<div class="header-content">
<div class="logo">
<h1>THRESHOLD PRESS</h1>
<div class="tagline">Where Philosophy Meets Experience</div>
</div>
<nav>
<ul>
<li><a href="#catalogue">Catalogue</a></li>
<li><a href="#about">About</a></li>
<li><a href="#submissions">Submissions</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</div>
</header>
<!-- Hero Section -->
<section class="hero">
<div class="container">
<h2>Books That Bridge Worlds</h2>
<p>Publishing works that explore consciousness, meaning, and the patterns that connect mind and nature</p>
</div>
</section>
<!-- Featured Book -->
<section class="featured">
<div class="container">
<div class="featured-content">
<div class="book-cover">
[Book Cover]
</div>
<div class="book-info">
<h3>What Coleridge Thought</h3>
<div class="author">A Philosophical Dialogue</div>
<p class="description">
Journey through thirteen imagined conversations that bring Samuel Taylor Coleridge's revolutionary philosophy to life. From perception to poetry, from consciousness to society, discover why a Romantic poet's ideas about mind and nature matter more than ever in our mechanical age.
</p>
<a href="#" class="btn">Learn More</a>
</div>
</div>
</div>
</section>
<!-- Catalogue -->
<section class="catalogue" id="catalogue">
<div class="container">
<h2>Our Catalogue</h2>
<div class="book-grid">
<div class="book-card">
<div class="cover">[Cover]</div>
<div class="info">
<h4>What Coleridge Thought</h4>
<div class="author">Author Name</div>
<div class="status">Available Now</div>
</div>
</div>
<div class="book-card">
<div class="cover">[Cover]</div>
<div class="info">
<h4>The Porous Self</h4>
<div class="author">Coming Author</div>
<div class="status">Coming Spring 2025</div>
</div>
</div>
<div class="book-card">
<div class="cover">[Cover]</div>
<div class="info">
<h4>Living Ideas</h4>
<div class="author">Future Author</div>
<div class="status">Coming Summer 2025</div>
</div>
</div>
<div class="book-card">
<div class="cover">[Cover]</div>
<div class="info">
<h4>The Middle Way</h4>
<div class="author">Another Author</div>
<div class="status">Coming Fall 2025</div>
</div>
</div>
<div class="book-card">
<div class="cover">[Cover]</div>
<div class="info">
<h4>Approaching Truth</h4>
<div class="author">New Voice</div>
<div class="status">Coming Winter 2025</div>
</div>
</div>
<div class="book-card">
<div class="cover">[Cover]</div>
<div class="info">
<h4>Unity in Multeity</h4>
<div class="author">Scholar Name</div>
<div class="status">Coming 2026</div>
</div>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section class="about" id="about">
<div class="container">
<div class="about-content">
<h2>About Threshold Press</h2>
<p>
Founded in 2024, Threshold Press publishes books that stand at the boundary between academic philosophy and lived experience. We seek works that make profound ideas accessible without sacrificing depth, that bridge the contemplative and the practical.
</p>
<p>
Our name reflects our mission: to publish books that help readers cross thresholds of understanding, moving from mechanical thinking to organic wisdom, from isolation to connection, from mere knowledge to transformative insight.
</p>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-logo">THRESHOLD PRESS</div>
<div class="footer-links">
<a href="#">Privacy</a>
<a href="#">Terms</a>
<a href="#">Trade</a>
<a href="#">Contact</a>
</div>
</div>
<div class="copyright">
© 2024 Threshold Press. All rights reserved.
</div>
</div>
</footer>
</body>
</html>
Regent's Gate 