313 lines
11 KiB
HTML
313 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial viewport">
|
|
<title>Stitch & Strategy | Bhartiben Patel</title>
|
|
<style>
|
|
:root {
|
|
--watercolor-blue: #4A90E2;
|
|
--watercolor-gold: #D4AF37;
|
|
--deep-indigo: #2C3E50;
|
|
--soft-cream: #F5F5F0;
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Georgia', serif;
|
|
background: linear-gradient(135deg, var(--soft-cream) 0%, #E8E8E3 100%);
|
|
color: var(--deep-indigo);
|
|
line-height: 1.8;
|
|
}
|
|
|
|
header {
|
|
background: linear-gradient(45deg, var(--watercolor-blue), #6B9BD0);
|
|
color: white;
|
|
padding: 3rem 2rem;
|
|
text-align: center;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
header::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: url('https://images.pexels.com/photos/6786953/pexels-photo-6786953.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940') center/cover;
|
|
opacity: 0.15;
|
|
mix-blend-mode: multiply;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 3.5rem;
|
|
font-weight: 300;
|
|
letter-spacing: 0.1em;
|
|
margin-bottom: 1rem;
|
|
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
|
|
}
|
|
|
|
.subtitle {
|
|
font-size: 1.3rem;
|
|
font-style: italic;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
main {
|
|
max-width: 800px;
|
|
margin: 4rem auto;
|
|
padding: 3rem;
|
|
background: white;
|
|
box-shadow: 0 10px 40px rgba(0,0,0,0.1);
|
|
border-radius: 8px;
|
|
}
|
|
|
|
section {
|
|
margin-bottom: section {
|
|
margin-bottom: 4rem;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 2.2rem;
|
|
color: var(--watercolor-blue);
|
|
margin-bottom: 1.5rem;
|
|
border-bottom: 2px solid var(--watercolor-gold);
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
|
|
p {
|
|
font-size: 1.1rem;
|
|
margin-bottom: 1.5rem;
|
|
text-align: justify;
|
|
}
|
|
|
|
.fact-box {
|
|
background: linear-gradient(135deg, var(--soft-cream), #E8E8E3);
|
|
border-left: 4px solid var(--watercolor-gold);
|
|
padding: 2rem;
|
|
margin: 2rem 0;
|
|
border-radius: 0 8px 8px 0;
|
|
}
|
|
|
|
.fact-box h3 {
|
|
color: var(--deep-indigo);
|
|
font-size: 1.5rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.fact-box ul {
|
|
list-style: none;
|
|
padding-left: 1rem;
|
|
}
|
|
|
|
.fact-box li {
|
|
padding: 0.5rem 0;
|
|
border-bottom: 1px dashed #ccc;
|
|
}
|
|
|
|
.fact-box li::before {
|
|
content: '✦';
|
|
color: var(--watercolor-gold);
|
|
margin-right: 0.5rem;
|
|
}
|
|
|
|
.quote {
|
|
font-size: 1.4rem;
|
|
font-style: italic;
|
|
color: var(--watercolor-blue);
|
|
text-align: center;
|
|
padding: 3rem;
|
|
background: linear-gradient(to right, #F8F8F5, #F0F0EC);
|
|
border-radius: 8px;
|
|
margin: 3rem 0;
|
|
}
|
|
|
|
.gallery {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
gap: 2rem;
|
|
margin: 3rem 0;
|
|
}
|
|
|
|
.gallery-item {
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
|
|
transition: transform 0.3s ease;
|
|
}
|
|
|
|
.gallery-item:hover {
|
|
transform: scale(1.02);
|
|
}
|
|
|
|
.gallery-item img {
|
|
width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
}
|
|
|
|
.gallery-item .caption {
|
|
padding: 1rem;
|
|
background: var(--deep-indigo);
|
|
color: white;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.cta {
|
|
background: linear-gradient(135deg, var(--watercolor-blue), #5B9FD9);
|
|
color: white;
|
|
padding: 3rem;
|
|
text-align: center;
|
|
border-radius: 8px;
|
|
margin: 4rem 0;
|
|
}
|
|
|
|
.cta h3 {
|
|
font-size: 2rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.cta a {
|
|
display: inline-block;
|
|
background: white;
|
|
color: var(--watercolor-blue);
|
|
padding: 1rem 3rem;
|
|
border-radius: 50px;
|
|
font-size: 1.2rem;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
margin-top: 1rem;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.cta a:hover {
|
|
transform: translateY(-3px);
|
|
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
footer {
|
|
text-align: center;
|
|
padding: 3rem;
|
|
background: var(--deep-indigo);
|
|
color: white;
|
|
margin-top: 4rem;
|
|
}
|
|
|
|
footer a {
|
|
color: var(--watercolor-gold);
|
|
text-decoration: none;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
h1 {
|
|
font-size: 2.5rem;
|
|
}
|
|
|
|
main {
|
|
margin: 2rem 1rem;
|
|
padding: 2rem;
|
|
}
|
|
|
|
.gallery {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
</style>
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Stitch & Strategy</h1>
|
|
<p class="subtitle">Where ancient craftsmanship meets modern preparation</p>
|
|
</header>
|
|
|
|
<main>
|
|
<section>
|
|
<h2>The Art of Preparation</h2>
|
|
<p>
|
|
In 1070, when the Bayeux Tapestry was first stitched into existence, every thread told a story of patience, precision, and purpose. Today, as we prepare for the 2026 FIFA World Cup across three nations, the same principles apply—only now our canvas is global, and every detail matters.
|
|
</p>
|
|
<p>
|
|
Just as the anonymous artists of Bayeux carefully placed each stitch to document history, we too must plan with intention. From the venues in Mexico, the United States, and Canada to the millions of fans who will gather, every element requires the same meticulous care that went into those medieval textiles.
|
|
</p>
|
|
</section>
|
|
|
|
<div class="fact-box">
|
|
<h3>The Numbers Behind the Art</h3>
|
|
<ul>
|
|
<li><strong>Bayeux Tapestry:</strong> Created around 1070, this 70-meter-long embroidered cloth depicts the Norman conquest of England</li>
|
|
<li><strong>2026 FIFA World Cup:</strong> The 23rd edition, hosted across the United States, Mexico, and Canada</li>
|
|
<li><strong>Venues:</strong> From Arrowhead Stadium to SoFi Stadium, each location represents a convergence point of preparation and passion</li>
|
|
<li><strong>Monthly Views:</strong> Over 5.8 million people are watching, planning, and dreaming of this summer's spectacle</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="quote">
|
|
"The best paint job starts with the best prep."
|
|
<br><br>
|
|
<small>— A truth as true for embroidery as for every other craft</small>
|
|
</div>
|
|
|
|
<section>
|
|
<h2>When Every Stitch Counts</h2>
|
|
<p>
|
|
There's a quiet beauty in the way preparation unfolds. Like the careful placement of each thread in the Bayeux Tapestry, every decision we make in planning matters. The difference between a masterpiece and a mistake often comes down to those details we might be tempted to rush.
|
|
</p>
|
|
<p>
|
|
In my own work as a strategist, I've learned that the most successful plans aren't the ones that avoid mistakes—they're the ones that anticipate them, plan for them, and turn potential detours into opportunities for something even better.
|
|
</p>
|
|
</section>
|
|
|
|
<div class="gallery">
|
|
<div class="gallery-item">
|
|
<img src="https://images.pexels.com/photos/6786953/pexels-photo-6786953.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Intricate textile pattern">
|
|
<div class="caption">Every thread tells a story</div>
|
|
</div>
|
|
|
|
<div class="gallery-item">
|
|
<img src="https://pixabay.com/get/gd12096c140aec8f226965ba24fd1dd9e4ad524a4611090bcaf14dcf4ef46ddd6cb4106e2b4a12ae0495559f815fcc4e0496586cc4354ad5ed555e6e044760425_1280.jpg" alt="Needle and thread in action">
|
|
<div class="caption">The tools of precision</div>
|
|
</div>
|
|
|
|
<div class="gallery-item">
|
|
<img src="https://images.pexels.com/photos/20610615/pexels-photo-20610615.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Golden patterns in fabric">
|
|
<div class="caption">Where art meets strategy</div>
|
|
</div>
|
|
</div>
|
|
|
|
<section>
|
|
<h2>The Competition Within</h2>
|
|
<p>
|
|
I've spent years in the quiet hours before dawn, running through Houston streets while my mind works through the numbers, the plans, the possibilities. There's a competitive fire in me, but it's not about beating others—it's about beating my own best work.
|
|
</p>
|
|
<p>
|
|
When I look at the Bayeux Tapestry, I see the same discipline that drives me to create operational roadmaps that work. When I think about the 2026 World Cup, I see the same attention to detail that makes a plan come together.
|
|
</p>
|
|
</section>
|
|
|
|
<div class="cta">
|
|
<h3>Ready to Create Your Masterpiece?</h3>
|
|
<p>
|
|
Whether you're planning a project, building a business, or just trying to make something beautiful, remember: the best work comes from preparation, patience, and the courage to place each stitch with intention.
|
|
</p>
|
|
<a href="https://bhartiben-patel.4ort.net/">Visit My Website</a>
|
|
</div>
|
|
</main>
|
|
|
|
<footer>
|
|
<p>
|
|
Made with love and data by <a href="https://bhartiben-patel.4ort.net/">Bhartiben Patel</a>
|
|
</p>
|
|
<p>
|
|
Inspired by the Bayeux Tapestry and the 2026 FIFA World Cup
|
|
</p>
|
|
</footer>
|
|
</body>
|
|
</html> |