<meta name="description" content="Ellis Coffee — a neighborhood café and bar on Bath Street in Philadelphia. Handcrafted espresso, pour-over coffee by day, craft cocktails by night."> <meta property="og:title" content="Ellis Coffee | Philadelphia"> <meta property="og:description" content="Handcrafted coffee by day. Craft cocktails by night. Your neighborhood spot on Bath Street in Fishtown."> <meta property="og:type" content="website"> <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15' fill='%23065f46'/%3E%3Cpath d='M10 18c0-4 3-7 6-7s6 3 6 7-3 5-6 5-6-1-6-5z' fill='%23d9f99d' opacity='.9'/%3E%3Cellipse cx='16' cy='24' rx='4' ry='2' fill='%23d9f99d' opacity='.5'/%3E%3C/svg%3E"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet"> <link rel="stylesheet" href="styles.css"> </head> <body>  <nav class="nav" id="nav"> <div class="nav-inner"> <a href="#hero" class="nav-logo"> <svg class="nav-logo-icon" width="28" height="28" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="16" cy="16" r="15" fill="#065f46"/> <path d="M10 18c0-4 3-7 6-7s6 3 6 7-3 5-6 5-6-1-6-5z" fill="#d9f99d" opacity=".9"/> <ellipse cx="16" cy="24" rx="4" ry="2" fill="#d9f99d" opacity=".4"/> </svg> <span>Ellis Coffee</span> </a> <button class="nav-toggle" id="navToggle" aria-label="Toggle menu" aria-expanded="false"> <span class="nav-toggle-line"></span> <span class="nav-toggle-line"></span> <span class="nav-toggle-line"></span> </button> <ul class="nav-links" id="navLinks"> <li><a href="#about">Our Story</a></li> <li><a href="#menu">Menu</a></li> <li><a href="#space">The Space</a></li> <li><a href="#visit">Visit</a></li> <li><a href="#visit" class="nav-cta">Get Directions</a></li> </ul> </div> </nav>  <div class="mobile-menu" id="mobileMenu"> <button class="mobile-menu-close" id="mobileMenuClose" aria-label="Close menu"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg> </button> <ul> <li><a href="#about" class="mobile-menu-link">Our Story</a></li> <li><a href="#menu" class="mobile-menu-link">Menu</a></li> <li><a href="#space" class="mobile-menu-link">The Space</a></li> <li><a href="#visit" class="mobile-menu-link">Visit</a></li> </ul> <div class="mobile-menu-footer"> <p>4601 Bath St, Philadelphia</p> <a href="tel:+12152892968">215-289-2968</a> </div> </div>  <section class="hero" id="hero"> <div class="hero-bg-pattern"></div> <div class="container hero-container"> <div class="hero-content"> <div class="hero-badge"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 1l2 5.5L16 7.5l-4 4 1 5.5L8 14l-5 2.5 1-5.5-4-4 6-1L8 1z" fill="#065f46" opacity=".15"/> </svg> Fishtown · Est. Philadelphia </div> <h1 class="hero-title"> Pour yourself<br> <span class="hero-title-accent">into something</span><br> worth savoring. </h1> <p class="hero-subtitle"> Ellis Coffee is your neighborhood café and bar on Bath Street — where single-origin espresso meets craft cocktails, and every cup is pulled with care. </p> <div class="hero-actions"> <a href="#menu" class="btn btn-primary"> Explore the Menu <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> </a> <a href="#visit" class="btn btn-ghost"> Find Us </a> </div> <div class="hero-meta"> <div class="hero-meta-item"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#065f46" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/> </svg> <span>Open daily</span> </div> <div class="hero-meta-item"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#065f46" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/> </svg> <span>4601 Bath St, Philadelphia</span> </div> </div> </div> <div class="hero-image"> <div class="hero-image-wrapper"> <img src="https://images.pexels.com/photos/36871073/pexels-photo-36871073.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=750" alt="Ellis Coffee interior with warm lighting and barista pouring latte art" width="600" height="750" loading="eager"> </div> <div class="hero-image-float"> <div class="float-card"> <span class="float-card-label">Single Origin</span> <span class="float-card-value">Rotating selections</span> </div> <div class="float-card float-card--accent"> <span class="float-card-label">By Day · By Night</span> <span class="float-card-value">Coffee & Cocktails</span> </div> </div> </div> </div> <div class="hero-scroll"> <span>Scroll</span> <div class="scroll-line"></div> </div> </section>  <section class="about" id="about"> <div class="container about-container"> <div class="about-label"> <span class="label-line"></span> Our Story </div> <div class="about-grid"> <div class="about-text"> <h2 class="section-title"> A place to<br> <span class="text-accent">linger a while.</span> </h2> <p> Ellis Coffee lives on Bath Street in Philadelphia's Fishtown neighborhood — a corner where the morning rush meets the evening unwind. We opened our doors with a simple conviction: coffee should be crafted, not rushed, and a good drink shouldn't care what time it is. </p> <p> Our baristas pull every shot from freshly roasted, locally sourced beans. Our mixers are house-made. Our pastries arrive daily from nearby bakeries. And our space — light, warm, and unpretentious — is built for the kind of moments that don't need an occasion. </p> <p> Come for the pour-over. Stay for the conversation. Leave with something to carry into the rest of your day. </p> </div> <div class="about-images"> <div class="about-img-main"> <img src="https://images.pexels.com/photos/15889816/pexels-photo-15889816.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=500&h=620" alt="Ellis Coffee café interior with natural light and wooden accents" width="500" height="620" loading="lazy"> </div> <div class="about-img-secondary"> <img src="https://images.pexels.com/photos/38390583/pexels-photo-38390583.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=400&h=300" alt="Latte art being poured at Ellis Coffee" width="400" height="300" loading="lazy"> </div> <div class="about-stats"> <div class="stat"> <span class="stat-number">100%</span> <span class="stat-label">Locally roasted beans</span> </div> <div class="stat"> <span class="stat-number">Daily</span> <span class="stat-label">Fresh pastries</span> </div> </div> </div> </div> </div> </section>  <div class="section-divider"> <svg class="divider-icon" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="20" cy="20" r="18" stroke="#065f46" stroke-width="1.5" fill="none" opacity=".3"/> <path d="M14 22c0-3.3 2.7-6 6-6s6 2.7 6 6-2.7 5-6 5-6-1.7-6-5z" fill="#065f46" opacity=".2"/> <ellipse cx="20" cy="28" rx="3.5" ry="1.8" fill="#065f46" opacity=".15"/> </svg> </div>  <section class="menu" id="menu"> <div class="container"> <div class="menu-header"> <span class="label">What We Serve</span> <h2 class="section-title"> From first sip<br> <span class="text-accent">to last call.</span> </h2> <p class="menu-intro"> Our menu shifts with the hours and the season. What stays constant is our commitment to quality in every glass and every cup. </p> </div> <div class="menu-tabs"> <button class="menu-tab active" data-tab="coffee" aria-selected="true">Coffee & Espresso</button> <button class="menu-tab" data-tab="bar" aria-selected="false">Bar & Cocktails</button> <button class="menu-tab" data-tab="food" aria-selected="false">Bites & Pastries</button> </div> <div class="menu-content">  <div class="menu-panel active" id="panel-coffee"> <div class="menu-grid"> <div class="menu-item"> <div class="menu-item-header"> <h3 class="menu-item-name">Espresso</h3> <span class="menu-item-tag">Signature</span> </div> <p class="menu-item-desc">Our house blend — balanced, smooth, with notes of dark chocolate and toasted almond. The foundation of everything we pour.</p> </div> <div class="menu-item"> <div class="menu-item-header"> <h3 class="menu-item-name">Pour Over</h3> <span class="menu-item-tag">Rotating</span> </div> <p class="menu-item-desc">Single-origin, hand-poured through ceramic drippers. Ask your barista about today's selection — it changes weekly.</p> </div> <div class="menu-item"> <div class="menu-item-header"> <h3 class="menu-item-name">Cortado</h3> </div> <p class="menu-item-desc">Equal parts espresso and steamed milk. Silky, intimate, and perfectly sized for the moment.</p> </div> <div class="menu-item"> <div class="menu-item-header"> <h3 class="menu-item-name">Oat Milk Latte</h3> <span class="menu-item-tag">Popular</span> </div> <p class="menu-item-desc">Our espresso meets creamy Oatly oat milk, steamed to a velvety microfoam. Available with vanilla or plain.</p> </div> <div class="menu-item"> <div class="menu-item-header"> <h3 class="menu-item-name">Cold Brew</h3> </div> <p class="menu-item-desc">Steeped for 18 hours, served over hand-cut ice. Smooth, low-acid, and refreshing on a warm Philadelphia afternoon.</p> </div> <div class="menu-item"> <div class="menu-item-header"> <h3 class="menu-item-name">Matcha & Chai</h3> </div> <p class="menu-item-desc">Ceremonial-grade matcha whisked to order, and house-spiced chai simmered from whole ingredients. Both with your choice of milk.</p> </div> </div> <p class="menu-note">Dairy and plant-based milks available. Ask about our seasonal specials.</p> </div>  <div class="menu-panel" id="panel-bar"> <div class="menu-grid"> <div class="menu-item"> <div class="menu-item-header"> <h3 class="menu-item-name">Espresso Martini</h3> <span class="menu-item-tag">House Favorite</span> </div> <p class="menu-item-desc">Fresh-pulled espresso, premium vodka, and our house coffee syrup, shaken until frothy and served with three signature beans.</p> </div> <div class="menu-item"> <div class="menu-item-header"> <h3 class="menu-item-name">Philly Mule</h3> </div> <p class="menu-item-desc">Local rye whiskey, house-made ginger beer, and a splash of lime in a copper mug. Our tribute to the city.</p> </div> <div class="menu-item"> <div class="menu-item-header"> <h3 class="menu-item-name">Red Wine</h3> <span class="menu-item-tag">Pour</span> </div> <p class="menu-item-desc">A rotating selection of small-production reds — Pinot Noir, Chianti, and Grenache. Ask for today's pour.</p> </div> <div class="menu-item"> <div class="menu-item-header"> <h3 class="menu-item-name">Craft Beer</h3> <span class="menu-item-tag">On Tap</span> </div> <p class="menu-item-desc">Local Philadelphia taps featuring IPAs, lagers, and seasonal releases from neighborhood breweries.</p> </div> <div class="menu-item"> <div class="menu-item-header"> <h3 class="menu-item-name">Negroni</h3> </div> <p class="menu-item-desc">Equal parts gin, Campari, and sweet vermouth, stirred with ice and expressed with orange. Classic, bitter, perfect.</p> </div> <div class="menu-item"> <div class="menu-item-header"> <h3 class="menu-item-name">Non-Alcoholic</h3> </div> <p class="menu-item-desc">House shrubs, kombucha on tap, and our signature seed-to-glass sodas. Because the ritual matters too.</p> </div> </div> <p class="menu-note">Full bar served during evening hours. Check our Instagram for current tap list and cocktail specials.</p> </div>  <div class="menu-panel" id="panel-food"> <div class="menu-grid"> <div class="menu-item"> <div class="menu-item-header"> <h3 class="menu-item-name">Morning Pastries</h3> <span class="menu-item-tag">Daily</span> </div> <p class="menu-item-desc">Fresh croissants, pain au chocolat, and seasonal tarts delivered each morning from local Fishtown bakeries.</p> </div> <div class="menu-item"> <div class="menu-item-header"> <h3 class="menu-item-name">Avocado Toast</h3> <span class="menu-item-tag">Signature</span> </div> <p class="menu-item-desc">Sourdough from our bakery partner, smashed avocado, everything seasoning, radish, and a poached egg. Served all day.</p> </div> <div class="menu-item"> <div class="menu-item-header"> <h3 class="menu-item-name">Breakfast Sandwich</h3> </div> <p class="menu-item-desc">Local egg, aged cheddar, and herb butter on a brioche roll. Available until noon, every day.</p> </div> <div class="menu-item"> <div class="menu-item-header"> <h3 class="menu-item-name">Granola Bowl</h3> </div> <p class="menu-item-desc">House granola with Greek yogurt, seasonal fruit, honey, and toasted seeds. Light, crunchy, satisfying.</p> </div> <div class="menu-item"> <div class="menu-item-header"> <h3 class="menu-item-name">Cheese & Crackers</h3> <span class="menu-item-tag">Evening</span> </div> <p class="menu-item-desc">A small board of local and imported cheeses, house crackers, fig jam, and marcona almonds. Perfect with a glass of wine.</p> </div> <div class="menu-item"> <div class="menu-item-header"> <h3 class="menu-item-name">Cookies & Brownies</h3> </div> <p class="menu-item-desc">House-baked daily — chocolate chip, oat raisin, and fudgy brownies. The perfect companion to any drink.</p> </div> </div> <p class="menu-note">Please let us know about any allergies. We're happy to accommodate with advance notice.</p> </div> </div> </div> </section>  <section class="space" id="space"> <div class="container"> <div class="space-header"> <span class="label">The Space</span> <h2 class="section-title"> Designed for<br> <span class="text-accent">the way you show up.</span> </h2> </div> <div class="space-grid"> <div class="space-card"> <img src="https://images.pexels.com/photos/16392286/pexels-photo-16392286.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=400" alt="Ellis Coffee bar area with warm pendant lighting" width="600" height="400" loading="lazy"> <div class="space-card-content"> <h3>The Bar</h3> <p>Our counter is where the magic happens — espresso machines humming, shakers ringing, and our team sharing what's fresh that day. Sit here if you want to watch the craft.</p> </div> </div> <div class="space-card"> <img src="https://images.pexels.com/photos/3465604/pexels-photo-3465604.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=400" alt="Ellis Coffee seating area with natural materials and plants" width="600" height="400" loading="lazy"> <div class="space-card-content"> <h3>The Lounge</h3> <p>Low seating, warm light, and plenty of room to spread out. This is the corner for long conversations, open laptops, or quiet reading with a book.</p> </div> </div> <div class="space-card"> <img src="https://images.pexels.com/photos/2159070/pexels-photo-2159070.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=400" alt="Ellis Coffee outdoor patio seating on Bath Street" width="600" height="400" loading="lazy"> <div class="space-card-content"> <h3>The Patio</h3> <p>When the weather turns, our street-facing patio opens up. Watch Fishtown pass by with a cold brew in hand and the city's energy as your soundtrack.</p> </div> </div> </div> <div class="space-features"> <div class="space-feature"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#065f46" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M5 12h14M12 5l7 7-7 7"/> </svg> <span>Free Wi-Fi</span> </div> <div class="space-feature"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#065f46" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <rect x="2" y="3" width="20" height="14" rx="2" ry="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/> </svg> <span>Laptop-friendly</span> </div> <div class="space-feature"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#065f46" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/> </svg> <span>Dog-friendly patio</span> </div> <div class="space-feature"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#065f46" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/> </svg> <span>Open early · Late</span> </div> </div> </div> </section>  <section class="testimonial"> <div class="container"> <div class="testimonial-content"> <svg class="testimonial-quote" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14 28c-3.3 0-6-2.7-6-6 0-3.3 1.5-6 3-8l2 2c-1 1.5-2 3-2 4.5 0 1.7 1.3 3 3 3s3-1.3 3-3V16H8V8h6v20h0z" fill="#065f46" opacity=".12"/> <path d="M34 28c-3.3 0-6-2.7-6-6 0-3.3 1.5-6 3-8l2 2c-1 1.5-2 3-2 4.5 0 1.7 1.3 3 3 3s3-1.3 3-3V16H28V8h6v20h0z" fill="#065f46" opacity=".12"/> </svg> <blockquote class="testimonial-text"> Ellis has become my Sunday morning ritual. The pour-over is consistently excellent, the space feels like a living room, and the people behind the counter actually remember your order. That's rare in this city. </blockquote> <div class="testimonial-source"> <span class="testimonial-source-name">A regular on Bath Street</span> <span class="testimonial-source-sep">·</span> <span class="testimonial-source-location">Philadelphia, PA</span> </div> </div> </div> </section>  <section class="visit" id="visit"> <div class="container visit-container"> <div class="visit-info"> <span class="label">Visit Us</span> <h2 class="section-title"> We're waiting<br> <span class="text-accent">for you.</span> </h2> <div class="visit-details"> <div class="visit-detail"> <div class="visit-detail-icon"> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#065f46" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/> </svg> </div> <div> <h4>Address</h4> <p>4601 Bath St<br>Philadelphia, PA 19137</p> </div> </div> <div class="visit-detail"> <div class="visit-detail-icon"> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#065f46" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/> </svg> </div> <div> <h4>Hours</h4> <p>Monday – Friday: 7am – 7pm<br>Saturday – Sunday: 8am – 8pm</p> </div> </div> <div class="visit-detail"> <div class="visit-detail-icon"> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#065f46" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-4.61-4.61 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/> </svg> </div> <div> <h4>Phone</h4> <p><a href="tel:+12152892968">215-289-2968</a></p> </div> </div> <div class="visit-detail"> <div class="visit-detail-icon"> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#065f46" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/> </svg> </div> <div> <h4>Email</h4> <p><a href="mailto:help@elliscoffee.com">help@elliscoffee.com</a></p> </div> </div> </div> </div> <div class="visit-map"> <div class="map-placeholder"> <iframe src="https://maps.google.com/maps?q=39.9991914,-75.0643019&z=15&output=embed" width="600" height="500" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="Ellis Coffee location map"> </iframe> </div> <a href="https://www.google.com/maps/dir//4601+Bath+St+Philadelphia+PA+19137" target="_blank" rel="noopener noreferrer" class="btn btn-primary map-directions"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <polygon points="3 11 22 2 13 21 11 13 3 11"/> </svg> Get Directions </a> </div> </div> </section>  <section class="newsletter"> <div class="container"> <div class="newsletter-content"> <h2 class="section-title newsletter-title"> Stay in the<br> <span class="text-accent">loop.</span> </h2> <p class="newsletter-text"> First call on new roasts, seasonal menu drops, and events at the bar. No spam — just the good stuff, delivered to your inbox. </p> <form class="newsletter-form" id="newsletterForm"> <div class="newsletter-input-group"> <label for="newsletter-email" class="sr-only">Email address</label> <input type="email" id="newsletter-email" class="newsletter-input" placeholder="Your email address" required> <button type="submit" class="btn btn-primary newsletter-btn"> Subscribe <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> </button> </div> <p class="newsletter-privacy">We respect your privacy. Unsubscribe anytime.</p> </form> <div class="newsletter-success" id="newsletterSuccess"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#065f46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg> <span>You're in! Check your inbox for a welcome note.</span> </div> </div> </div> </section>  <footer class="footer"> <div class="container"> <div class="footer-top"> <div class="footer-brand"> <a href="#hero" class="footer-logo"> <svg width="28" height="28" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="16" cy="16" r="15" fill="#065f46"/> <path d="M10 18c0-4 3-7 6-7s6 3 6 7-3 5-6 5-6-1-6-5z" fill="#d9f99d" opacity=".9"/> <ellipse cx="16" cy="24" rx="4" ry="2" fill="#d9f99d" opacity=".4"/> </svg> Ellis Coffee </a> <p>Handcrafted coffee and cocktails on Bath Street in Philadelphia's Fishtown neighborhood.</p> </div> <div class="footer-links"> <div class="footer-link-col"> <h4>Navigate</h4> <ul> <li><a href="#about">Our Story</a></li> <li><a href="#menu">Menu</a></li> <li><a href="#space">The Space</a></li> <li><a href="#visit">Visit</a></li> </ul> </div> <div class="footer-link-col"> <h4>Contact</h4> <ul> <li><a href="tel:+12152892968">215-289-2968</a></li> <li><a href="mailto:help@elliscoffee.com">help@elliscoffee.com</a></li> <li><a href="https://www.google.com/maps/dir//4601+Bath+St+Philadelphia+PA+19137" target="_blank" rel="noopener noreferrer">4601 Bath St, Philadelphia, PA 19137</a></li> </ul> </div> </div> </div> <div class="footer-bottom"> <p>© 2026 Ellis Coffee. All rights reserved.</p> <p>Crafted with care in Fishtown.</p> </div> </div> </footer> <script src="script.js"></script> <style>body{padding-bottom:76px!important}.smlt-bar{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-top:1px solid rgba(15,23,42,.08);box-shadow:0 -6px 24px -12px rgba(15,23,42,.18);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}.smlt-bar__txt{color:#0f172a;font-size:15px;font-weight:600;letter-spacing:-.2px}.smlt-bar__btn{display:inline-flex;align-items:center;gap:8px;background:#16a34a;color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:10px 18px;border-radius:10px;transition:transform .12s ease,background .12s ease;white-space:nowrap}.smlt-bar__btn:hover{background:#15803d;transform:translateY(-1px)}.smlt-bar__btn svg{width:15px;height:15px}@media(max-width:520px){.smlt-bar{gap:8px;padding:9px 12px}.smlt-bar__txt{font-size:12.5px;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smlt-bar__btn{padding:8px 13px;font-size:12.5px;flex:0 0 auto}.smlt-bar__btn svg{width:14px;height:14px}}</style><div class="smlt-bar" role="region" aria-label="This is my business" lang="en"><span class="smlt-bar__txt">Is this your business?</span><a class="smlt-bar__btn" href="https://amp.pr/pricing?site=ellis-coffee" target="_blank" rel="noopener">This is my business<svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 10h11M11 5l5 5-5 5"/></svg></a></div><script>/*__reveal_safety__*/(function(){function r(){try{var q=document.querySelectorAll('[class*="fade"],[class*="reveal"],[class*="animate"],[class*="scroll-"],[class*="in-view"],[data-aos]');for(var i=0;i<q.length;i++){var el=q[i];el.classList.add("visible","show","active","in-view","revealed","aos-animate","animated","is-visible");var s=getComputedStyle(el);if(parseFloat(s.opacity)===0)el.style.opacity="1";if(s.visibility==="hidden")el.style.visibility="visible";if(s.transform&&s.transform!=="none")el.style.transform="none";}}catch(e){}}setTimeout(r,1500);window.addEventListener("load",function(){setTimeout(r,1800);});})();</script> <script>(function(w,d){var s=d.createElement('script');d.getElementsByTagName('script')[0].parentNode.appendChild(s);s.setAttribute('data-statinside-id',50);s.src='https://statinside.com/counter.js';w._siData=w._siData||[];w.statInside=function(){_siData.push(arguments);}})(window,document);</script><noscript><img src='https://statinside.com/pixel.png?id=50' referrerpolicy='unsafe-url'></noscript></body> </html>