| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Schloss Toys | Eco-Friendly Wooden Toys & Educational Play</title> |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <style> |
| @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Cinzel+Decorative:wght@400;700&family=MedievalSharp&family=UnifrakturMaguntia&display=swap'); |
| |
| body { |
| font-family: 'MedievalSharp', cursive; |
| background: #1a1208 url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23d4a76a' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E"); |
| color: #e0d0b1; |
| } |
| h1, h2, h3, h4 { |
| font-family: 'UnifrakturMaguntia', cursive; |
| color: #ffd700; |
| text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.9), 0 0 15px rgba(212, 167, 106, 0.5); |
| letter-spacing: 1px; |
| } |
| .hero-pattern { |
| background: linear-gradient(rgba(26, 18, 8, 0.8), rgba(26, 18, 8, 0.9)), url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4a76a' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%极C/g%3E%3C/g%3E%3C/svg%3E"); |
| border-bottom: 3px solid #8b5a2b; |
| } |
| .product-card { |
| transition: transform 0.3s ease, box-shadow 0.3s ease; |
| background: #1a1208; |
| border: 3px solid #ffd700; |
| border-radius: 12px; |
| box-shadow: 0 8px 25px rgba(0, 0, 0, 0.8), 0 0 20px rgba(255, 215, 0, 0.2); |
| } |
| .product-card:hover { |
| transform: translateY(-8px) scale(1.02); |
| box-shadow: 0 15px 35px -5px rgba(255, 215, 0, 0.4), 0 0 30px rgba(255, 215, 0, 0.3); |
| } |
| .event-card { |
| border-left: 6px solid #ffd700; |
| background: #1a1208; |
| border: 2px solid #8b5a2b; |
| box-shadow: 0 4px 15px rgba(0, 0, 0, 0.7); |
| } |
| .custom-bg { |
| background: linear-gradient(135deg, #0a0603 0%, #1a1208 100%); |
| } |
| nav { |
| background: linear-gradient(to bottom, #0a0603, #1a1208); |
| border-bottom: 4px solid #ffd700; |
| box-shadow: 0 6px 20px rgba(0, 0, 0, 0.9); |
| } |
| button { |
| background: linear-gradient(to bottom, #d4a76a, #8b5a2b); |
| border: 1px solid #d4a76a; |
| text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); |
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4); |
| } |
| button:hover { |
| background: linear-gradient(to bottom, #b8860b, #ffd700); |
| box-shadow: 0 8px 16px rgba(0, 0, 0, 0.8), 0 0 25px rgba(255, 215, 0, 0.4); |
| transform: translateY(-2px); |
| } |
| footer { |
| background: linear-gradient(to bottom, #0a0603, #000000); |
| border-top: 4px solid #ffd700; |
| box-shadow: 0 -10px 25px rgba(0, 0, 0, 0.7); |
| } |
| .mission-icon { |
| background: #b8860b; |
| border: 3px solid #ffd700; |
| box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6); |
| } |
| .medieval-border { |
| border: 4px double #ffd700; |
| padding: 12px; |
| background: rgba(184, 134, 11, 0.15); |
| box-shadow: 0 0 20px rgba(255, 215, 0, 0.2); |
| } |
| </style> |
| </head> |
| <body class="custom-bg text-white"> |
| |
| <nav class="shadow-md"> |
| <div class="container mx-auto px-4 py-4"> |
| <div class="flex justify-between items-center"> |
| <div class="flex items-center"> |
| <h1 class="text-2xl font-bold text-d4a76a medieval-border">Schloss Toys</h1> |
| </div> |
| <div class="hidden md:flex space-x-8"> |
| <a href="#" class="hover:text-d4a76a transition text-d4a76a">Home</a> |
| <a href="#" class="hover:text-d4a76a transition text-d4a76a">Products</a> |
| <a href="#" class="hover:text-d4a76a transition text-d4a76a">Workshops</a> |
| <a href="#" class="hover:text-d4a76a transition text-d4a76a">Events</a> |
| <a href="#" class="hover:text-d4a76a transition text-d4a76a">About</a> |
| <a href="#" class="hover:text-d4a76a transition text-d4a76a">Contact</a> |
| </div> |
| <div class="md:hidden"> |
| <i data-feather="menu" class="text-d4a76a"></i> |
| </div> |
| </div> |
| </div> |
| </nav> |
| |
| <section class="hero-pattern py-16"> |
| <div class="container mx-auto px-4"> |
| <div class="flex flex-col md:flex-row items-center"> |
| <div class="md:w-1/2 mb-8 md:mb-0"> |
| <h2 class="text-4xl md:text-5xl font-bold mb-4 text-d4a76a">Welcome to the Realm of Schloss</h2> |
| <p class="text-xl mb-6 text-ffd700 font-bold">Where imagination becomes legend!</p> |
| <p class="text-lg mb-8 italic text-ffd700 font-cinzel-decorative">"We forge dreams into reality, crafting tales of wonder"</p> |
| <button class="text-white font-bold py-3 px-6 rounded-lg transition medieval-border"> |
| Explore Our Collection |
| </button> |
| </div> |
| <div class="md:w-1/2"> |
| <div class="grid grid-cols-2 gap-4"> |
| <div class="rounded-lg overflow-hidden shadow-lg medieval-border"> |
| <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/editor/yellow-pine-a.jpg?1587617489" |
| alt="Castle on the Hill" class="w-full h-64 object-cover"> |
| </div> |
| <div class="rounded-lg overflow-hidden shadow-lg medieval-border"> |
| <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/editor/surpise-puzzle.jpg?1587618083" |
| alt="Surprise Puzzle" class="w-full h-64 object-cover"> |
| </div> |
| <div class="rounded-lg overflow-hidden shadow-lg medieval-border"> |
| <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/editor/season-tree-all-i.jpg?1587620293" |
| alt="Season Tree" class="w-full h-64 object-cover"> |
| </div> |
| <div class="rounded-lg overflow-hidden shadow-lg medieval-border"> |
| <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/published/_6292458.png?1587620310" |
| alt="Imaginary Adventure Tools" class="w-full h-64 object-cover"> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
| |
| <section class="py-16 bg-2c1f0f"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-12"> |
| <h2 class="text-3xl font-bold mb-4 text-d4a76a">Artisans of Enchanted Woodcraft</h2> |
| <div class="w-20 h-1 bg-d4a76a mx-auto"></div> |
| </div> |
| |
| <div class="flex flex-col md:flex-row items-center"> |
| <div class="md:w-1/2 mb-8 md:mb-0"> |
| <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/published/kangaroo-sml-size.jpg?1587620319" |
| alt="Hopping Kangaroo" class="rounded-lg shadow-lg w-full medieval-border"> |
| </div> |
| <div class="md:w-1/2 md:pl-12"> |
| <p class="text-lg mb-6 text-white font-medium leading-relaxed"> |
| Forgers of unique enchanted wooden toys, mystical collectables, and wondrous artifacts for the home. |
| Many of our creations are crafted from ancient recycled or salvaged wood, all forged in our workshop |
| in the realm of Beechworth, North East Victoria. They are Eco-friendly and imbued with the magic of imagination. |
| </p> |
| <div class="grid grid-cols-2 gap-4 mt-8"> |
| <div class="flex items-center text-e0d0b1"> |
| <i data-feather="leaf" class="text-d4a76a mr-2"></i> |
| <span>Eco-friendly Materials</span> |
| </div> |
| <div class="flex items-center text-e0d0b1"> |
| <i data-feather="award" class="text-d4a76a mr-2"></i> |
| <span>Artisan Crafted</span> |
| </div> |
| <div class="flex items-center text-e0d0b1"> |
| <i data-feather="refresh-cw" class="text-d4a76a mr-2"></i> |
| <span>Recycled Materials</span> |
| </div> |
| <div class="flex items-center text-e0d0b1"> |
| <i data-feather="heart" class="text-d4a76a mr-2"></i> |
| <span>Handcrafted with Magic</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
| |
| <section class="py-16 custom-bg"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-12"> |
| <h2 class="text-3xl font-bold mb-4 text-ffd700">Our Collection</h2> |
| <p class="text-lg text-ffd700 font-semibold">Discover our range of imaginative wooden toys</p> |
| <div class="w-20 h-1 bg-ffd700 mx-auto medieval-border"></div> |
| </div> |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| |
| <div class="product-card rounded-lg overflow-hidden"> |
| <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/editor/yellow-pine-a.jpg?1587617489" |
| alt="Castle on the Hill" class="w-full h-56 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold mb-2 text-ffd700">Castle on the Hill</h3> |
| <p class="text-white mb-4">Each one a unique and beautiful piece of art!</p> |
| <button class="text-ffd700 font-bold hover:text-ffd700 transition medieval-border">Learn More</button> |
| </div> |
| </div> |
| |
| <div class="product-card bg-white rounded-lg overflow-hidden shadow-md"> |
| <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/editor/surpise-puzzle.jpg?1587618083" |
| alt="Surprise Puzzles" class="w-full h-56 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold mb-2">Surprise Puzzles</h3> |
| <p class="text-gray-600 mb-4">Not just nine pieces of furniture! Rearrange and build into many other things.</p> |
| <button class="text-amber-600 font-semibold hover:text-amber-700 transition">Learn More</button> |
| </div> |
| </div> |
| |
| |
| <div class="product-card bg-white rounded-lg overflow-hidden shadow-md"> |
| <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/editor/season-tree-all-i.jpg?1587620293" |
| alt="Season Tree" class="w-full h-56 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold mb-2">Season Tree</h3> |
| <p class="text-gray-600 mb-4">An ornamental puzzle made from four classic Australian woods representing the 4 seasons.</p> |
| <button class="text-amber-600 font-semibold hover:text-amber-700 transition">Learn More</button> |
| </div> |
| </div> |
| |
| |
| <div class="product-card rounded-lg overflow-hidden"> |
| <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/published/_6292458.png?1587620310" |
| alt="Imaginary Adventure Tools" class="w-full h-56 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold mb-2 text-ffd700">Imaginary Adventure Tools</h3> |
| <p class="text-white mb-4">Inspired by & for the young at heart to be taken on journeys and quests.</p> |
| <button class="text-ffd700 font-bold hover:text-ffd700 transition medieval-border">Learn More</button> |
| </div> |
| </div> |
| |
| <极 class="product-card rounded-lg overflow-hidden"> |
| <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/published/kangaroo-sml-size.jpg?1587620319" |
| alt="Hopping Kangaroo" class="w-full h-56 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold mb-2 text-ffd700">Hopping Kangaroo</h3> |
| <p class="text-white mb-4">Made from Australian Red Cedar. Place on a slope, pull its tail and watch it hop down.</p> |
| <button class="text-ffd700 font-bold hover:text-ffd700 transition medieval-border">Learn More</button> |
| </div> |
| </div> |
| |
| <div class="product-card rounded-lg overflow-hidden"> |
| <img src="https://www.schloss.com.au/uploads/3/8/5/8/38581713/editor/2561336.png?1587620357" |
| alt="Workshops" class="w-full h-56 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold mb-2 text-ffd700">Workshops</h3> |
| <p class="text-white mb-4">Join us for creative workshops at various locations throughout the year.</p> |
| <button class="text-极d700 font-bold hover:text-ffd700 transition medieval-border">Learn More</button> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-amber-50"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-12"> |
| <h2 class="text-3xl font-bold mb-4 text-amber-800">Our Mission</h2> |
| <div class="w-20 h-1 bg-amber-600 mx-auto"></div> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| <div class="text-center p-6 bg-white rounded-lg shadow-md"> |
| <div class="w-16 h-16 bg-amber-100 rounded-full flex items-center justify-center mx-auto mb-4"> |
| <i data-feather="star" class="text-amber-600"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3">To Inspire Others</h3> |
| <p class="text-gray-600">We create toys that spark creativity and wonder in children and adults alike.</p> |
| </div> |
| |
| <div class="text-center p-6 bg-white rounded-lg shadow-md"> |
| <div class="w-16 h-16 bg-amber-100 rounded-full flex items-center justify-center mx-auto mb-4"> |
| <i data-feather="book-open" class="text-amber-600"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3">Educational Play</h3> |
| <p class="text-gray-600">Our toys encourage imaginative and educational play that develops skills naturally.</p> |
| </div> |
| |
| <div class="text-center p-6 bg-white rounded-lg shadow-md"> |
| <div class="w-16 h-16 bg-amber-100 rounded-full flex items-center justify-center mx-auto mb-4"> |
| <i data-feather="repeat" class="text-amber-600"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3">Sustainable Craft</h3> |
| <p class="text-gray-600">We make beautiful things with recycled materials, prioritizing natural, organic resources.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-white"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-12"> |
| <h2 class="text-3xl font-bold mb-4 text-amber-800">Upcoming Events 2024-2025</h2> |
| <p class="text-lg text-gray-600">Come visit us at these festivals and fairs</p> |
| <div class="w-20 h-1 bg-amber-600 mx-auto"></div> |
| </div> |
| |
| <div class="space-y-6 max-w-4xl mx-auto"> |
| <div class="event-card bg-gray-50 p-6 rounded-lg shadow-sm"> |
| <h3 class="text-xl font-bold mb-2">Lost Trades Fair</h3> |
| <p class="text-gray-600 mb-2">8-10 March 2025, Bendigo Racecourse, Bendigo VIC</p> |
| <a href="https://www.losttradesfair.com.au/" class="text-amber-600 hover:text-amber-700 font-semibold">Visit Website</a> |
| </div> |
| |
| <div class="event-card bg-gray-50 p-6 rounded-lg shadow-sm"> |
| <h3 class="text-xl font-bold mb-2">Fantasy Medieval Fair</h3> |
| <p class="text-gray-600 mb-2">5-6 April 2025, Mt Gambier Showgrounds, Mt Gambier SA</p> |
| <a href="https://fantasymedievalfair.com/" class="text-amber-600 hover:text-amber-700 font-semibold">Visit Website</a> |
| </div> |
| |
| <div class="event-card bg-gray-50 p-6 rounded-lg shadow-sm"> |
| <h3 class="text-xl font-bold mb-2">Off-grid Living Festival</h3> |
| <p class="text-gray-600 mb-2">12-13 April 2025, Chiltern Equine Park, Chiltern VIC</p> |
| <a href="https://www.offgridevent.com.au/" class="text-amber-600 hover:text-amber-700 font-semibold">Visit Website</a> |
| </div> |
| |
| <div class="event-card bg-gray-50 p-6 rounded-lg shadow-sm"> |
| <h3 class="text-xl font-bold mb-2">Beechworth Heritage Festival 2025</h3> |
| <p class="text-gray-600 mb-2">Beechworth VIC</p> |
| </div> |
| |
| <div class="event-card bg-gray-50 p-6 rounded-lg shadow-sm"> |
| <h3 class="text-xl font-bold mb-2">Wandi Nut Festival</h3> |
| <p class="text-gray-600 mb-2">27-28 April 2025, Wandiligong VIC</p> |
| </div> |
| |
| <div class="event-card bg-gray-50 p-6 rounded-lg shadow-sm"> |
| <h3 class="text-xl font-bold mb-2">Medieval and Rare Trades Festival</h3> |
| <p class="text-gray-600 mb-2">3-4 May 2025, Federation Park, Gumeracha SA</p> |
| <a href="https://www.facebook.com/MedievalandRareTradesFestival/" class="text-amber-600 hover:text-amber-700 font-semibold">Visit Facebook</a> |
| </div> |
| </div> |
| |
| <div class="text-center mt-8"> |
| <p class="text-gray-600">Follow us on social media for event updates and new product announcements!</p> |
| <div class="flex justify-center space-x-4 mt-4"> |
| <a href="#" class="text-amber-600 hover:text-amber-700"><i data-feather="facebook"></i></a> |
| <a href="#" class="text-amber-600 hover:text-amber-700"><i data-feather="instagram"></i></a> |
| <a href="#" class="text-amber-600 hover:text-amber-700"><i data-feather="twitter"></i></a> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <footer class="bg-amber-800 text-white py-12"> |
| <div class="container mx-auto px-4"> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| <div> |
| <h3 class="text-xl font-bold mb-4">Schloss Toys</h3> |
| <p class="mb-4">Makers of unique Australian wooden toys, crafted with love in Beechworth, Victoria.</p> |
| <p>Eco-friendly • Educational • Imaginative</p> |
| </div> |
| |
| <div> |
| <h3 class="text-xl font-bold mb-4">Quick Links</h3> |
| <ul class="space-y-2"> |
| <li><a href="#" class="hover:text-amber-200 transition">Our Products</a></li> |
| <li><a href="#" class="hover:text-amber-200 transition">Workshops</a></li> |
| <li><a href="#" class="hover:text-amber-200 transition">Events Calendar</a></li> |
| <li><a href="#" class="hover:text-amber-200 transition">About Us</a></li> |
| <li><a href="#" class="hover:text-amber-200 transition">Contact</a></li> |
| </ul> |
| </div> |
| |
| <div> |
| <h3 class="text-xl font-bold mb-4">Contact Us</h3> |
| <p class="mb-2">Beechworth, North East Victoria</p> |
| <p class="mb-4">Australia</p> |
| <p class="mb-2">Email: info@schlosstoys.com</p> |
| <p>Phone: (03) 1234 5678</p> |
| </div> |
| </div> |
| |
| <div class="border-t border-amber-700 mt-8 pt-8 text-center"> |
| <p>© 2024 Schloss Toys. All rights reserved.</p> |
| </div> |
| </div> |
| </footer> |
|
|
| <script> |
| feather.replace(); |
| </script> |
| </body> |
| </html> |
|
|
