<!DOCTYPE html>

<head>

<title>My WordCamp Europe 2026 Journey</title>

<style>

:root{

--primary:#0073aa;

--secondary:#00a0d2;

--dark:#0f172a;

--light:#f8fafc;

--gray:#64748b;

--card:#ffffff;

}

margin:0;

padding:0;

box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:'Inter',sans-serif;

background:#fff;

color:#1e293b;

line-height:1.7;

}

.container{

width:min(1200px,90%);

margin:auto;

}

nav{

position:fixed;

top:0;

width:100%;

background:rgba(255,255,255,.95);

backdrop-filter:blur(12px);

z-index:999;

box-shadow:0 2px 10px rgba(0,0,0,.05);

}

.nav-inner{

display:flex;

justify-content:space-between;

align-items:center;

padding:18px 0;

}

.logo{

font-weight:800;

color:var(--primary);

font-size:1.3rem;

}

nav ul{

display:flex;

list-style:none;

gap:30px;

}

nav a{

text-decoration:none;

color:#334155;

font-weight:500;

}

.hero{

height:100vh;

background:

linear-gradient(rgba(15,23,42,.65),rgba(15,23,42,.65)),

url('images/krakow-square.jpg');

background-size:cover;

background-position:center;

display:flex;

align-items:center;

color:white;

}

.hero-content{

max-width:800px;

}

.hero h1{

font-size:4rem;

line-height:1.1;

margin-bottom:20px;

}

.hero p{

font-size:1.3rem;

opacity:.95;

}

.btn{

display:inline-block;

margin-top:30px;

padding:14px 28px;

background:var(--secondary);

color:white;

text-decoration:none;

border-radius:8px;

font-weight:600;

}

section{

padding:100px 0;

}

.section-title{

text-align:center;

margin-bottom:50px;

}

.section-title h2{

font-size:2.5rem;

margin-bottom:10px;

}

.section-title p{

color:var(--gray);

}

.about-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:50px;

align-items:center;

}

.about-card{

background:var(--card);

padding:35px;

border-radius:18px;

box-shadow:0 15px 40px rgba(0,0,0,.06);

}

.about-card h3{

margin-bottom:15px;

}

.about-image img{

width:100%;

border-radius:18px;

}

.timeline{

display:grid;

gap:25px;

}

.timeline-item{

background:#f8fafc;

border-left:5px solid var(--primary);

padding:25px;

border-radius:12px;

}

.gallery{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

gap:25px;

}

.gallery-item{

overflow:hidden;

border-radius:18px;

box-shadow:0 10px 30px rgba(0,0,0,.1);

}

.gallery img{

width:100%;

height:400px;

object-fit:cover;

transition:.5s;

}

.gallery img:hover{

transform:scale(1.08);

}

.stats{

background:var(--dark);

color:white;

}

.stats-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:30px;

text-align:center;

}

.stat h3{

font-size:3rem;

color:var(--secondary);

}

footer{

background:#020617;

color:white;

text-align:center;

padding:40px 20px;

}

@media(max-width:768px){

.hero h1{

font-size:2.6rem;

}

.about-grid{

grid-template-columns:1fr;

}

nav ul{

gap:15px;

font-size:.9rem;

}

</style>

</head>

<body>

<nav>

<div class="logo">WCEU 2026 Journey</div>

<ul>

<li><a href="#about">About</a></li>

<li><a href="#gallery">Photos</a></li>

</ul>

</div>

</nav>

<h1>My WordCamp Europe 2026 Journey</h1>

<p>

Exploring Kraków, meeting the WordPress community,

sharing ideas, learning new skills and creating memories

during Europe's largest WordPress conference.

</p>

<a href="#about" class="btn">Read My Story</a>

</div>

</header>

<h2>About WordCamp Europe 2026</h2>

<p>Kraków, Poland • 4–6 June 2026</p>

</div>

<h3>Europe's Largest WordPress Event</h3>

<p>

WordCamp Europe brings together developers,

designers, marketers, content creators,

entrepreneurs and WordPress enthusiasts from all

over the world.

</p>

<br>

<p>

The event includes Contributor Day, conference

sessions, networking opportunities and community

activities in one of Poland's most beautiful cities:

Kraków.

</p>

</div>

</div>

</section>

<h2>My Kraków Experience</h2>

<p>More than a conference — a memorable city adventure.</p>

</div>

<h3>Arrival in Kraków</h3>

<p>

Arriving in one of Europe's most historic cities,

I immediately felt the atmosphere of Kraków's old

town, beautiful architecture and vibrant community.

</p>

</div>

<h3>Conference & Networking</h3>

<p>

WordCamp Europe offered inspiring talks,

practical workshops and countless opportunities

to connect with people from the global WordPress

ecosystem.

</p>

</div>

<h3>Evening Exploration</h3>

<p>

After conference sessions, Kraków transformed into

a magical city of lights, historic streets and

unforgettable moments shared with fellow attendees.

</p>

</div>

<h3>Local Culture</h3>

<p>

Great conversations, local food, city walks and

spontaneous adventures made the trip much more than

just another tech conference.

</p>

</div>

</section>

<p>Conference Days</p>

</div>

<p>Community Members</p>

</div>

<p>Amazing City</p>

</div>

<p>New Connections</p>

</div>

</section>

<h2>Photo Gallery</h2>

<p>Moments from the trip</p>

</div>

</div>

</div>

</div>

</section>

<h2>What Made This Trip Special?</h2>

</div>

<p>

WordCamp Europe is much more than a technology event.

It is a gathering of people who build, support and grow

the open web. Combined with the rich history and culture

of Kraków, the experience became an unforgettable mix of

learning, networking and exploration.

</p>

<br>

<p>

From conference halls to evening city walks, every day

brought new ideas, new friendships and new inspiration.

</p>

</div>

</section>

<p>

My WordCamp Europe 2026 Journey • Built with HTML & CSS

</p>

</footer>

</body>

</html>