CSS

Das alte T-Shirt mit einem Statement-Print wiederbeleben, eine verlorene Spielfigur nachdrucken oder einen Stempel designen: MeetUp im Humboldt Forum! In diesem dreistündigen Workshop sind alle Interessierten mit und ohne Vorkenntnisse dazu eingeladen, verschiedene Maker Space Technologien kennenzulernen. Wir erklären an unterschiedlichen Terminen (s.u.), wie sich mit Laser Cutter, 3D-Drucker, Schneidplotter, Näh- oder Stickmaschine nützliche Dinge für den Alltag herstellen lassen. Inspiriert von den aktuellen Ausstellungen und Themen des Hauses, können am Laptop mit der Software Inkscape oder Tinkercad eigene Grafiken und Objekte entworfen und gestaltet werden. Wer sich geschickt anstellt, kann am Ende ein fertiges Produkt mit nach Hause nehmen. Die Personenzahl ist begrenzt. Bitte buchen Sie am Veranstaltungstag an der Tageskasse im Foyer pro Person ein kostenfreies Teilnahmeticket! Der Workshop ist nicht für Kinder und Jugendliche unter 16 Jahren geeignet. **Die nächsten Termine und Themen** * 3\. und 10\. Januar 2026 Kleine Aufnäher & Patches mit der Stickmaschine * 31\. Januar und 7\. Februar 2026 Textildruck mit Schneidplotter und Transferpresse – Bitte T\-Shirt oder Beutel aus Baumwolle mitbringen\! * 28\. Februar und 7\. März 2026 Schmuckstücke und Anhänger aus dem 3D\-Drucker * 28\. März und 4\. April 2026 Stempel & Schablonen aus dem Laser Cutter **Weitere Informationen:** Kostenfrei. **Bitte buchen Sie Ihr Ticket direkt am Veranstaltungstag an der Tageskasse im Foyer. Die Ticketbuchung im Voraus und im Webshop ist nicht möglich.** Dauer: 180 min. Ab 16 Jahre. Sprache: Deutsch, Englisch. Rollstuhlgerecht. Ort: Werkräume, 1. OG. Maximal 15 Personen.

RSVP on Luma: [https://luma.com/ou3ks02q?utm_source=Meetup](https://luma.com/ou3ks02q?utm_source=Meetup) ​Silent Reading / Creating Club is a gathering for people who enjoy focusing together in public. Bring a book, a notebook, a sketchpad, knitting needles, whatever you’d like to spend a quiet hour doing. All projects and all participants are welcome. ​This year is about creating more, quietly, consistently, and imperfectly. We're fostering an environment that supports that. If you’re building something of your own, you’re especially welcome here. ​We’re building a community of readers and creators who value depth, presence, and shared silence. The magic isn’t just in the quiet hour — it’s in the people who return and make it feel like a familiar room. ​(Please RSVP “yes” only if you can make it, so we can save a seat for you and others on the waitlist.) ​This quiet ritual unfolds at **W66 Café**. ​There’s no entrance fee, but please order at least one item from the café and don’t bring outside drinks 🙂 ​No assignments, expectations, or pressure. Just a shared hour of intentional silence, followed by the opportunity for good conversation. 🕰 Our Agenda ​**10:30 – 11:00** Arrivals, ordering drinks/food, light social time ​**11:00 – 12:00** The Great Quiet Hour (Read. Write. Sketch. Code. Think. Sit.) ​**12:00 – 12:30** Optional socializing — share what you were reading or creating, or simply continue in quiet focus. ## **​🏡 House Guidelines** ​To keep this space calm and welcoming for everyone: ​• Silence during the focus hour (no calls or conversations) • Put cellphones on silent mode • If using technology, please avoid meetings or audio (headphones please!) • Arrive before 11:00 if possible to minimize disruptions

Hello challengers, For those of you that survived the winters of Berlin, I'm getting geared up for our next meetup! In this workshop, we’ll go beyond simply taking photos, we’ll train your eye to see color with intention and use it as a powerful storytelling tool. Instead of focusing on subjects alone, this challenge invites you to explore Berlin through a single lens: **color**. You’ll be split into small groups and assigned a specific color. Your mission is to hunt for it, frame it, and bring it to life through a series of images. By the end, each group will become the storyteller of their color across the city. Along the way, you’ll learn how to use color not just as an aesthetic, but as a way to guide attention, create emotion, and build stronger compositions. Learn to see, compose, and tell stories through color using contrast, simplicity, and creative interpretation. 🧠 **How the Challenge Works** * You’ll be split into groups of **2–3 people** * Each group is assigned **one color** * You’ll have **\~60 minutes** to explore and shoot * Your goal: capture a small series of images that represent your color in Berlin **A Social Experience** As much as this is a photography group, it’s about connection and community. Within your group, you’ll collaborate, explore, and share perspectives. Whether you’re experienced or just starting out, this is a space to meet creatives that can learn from each other. 🎒 **What to Bring** • Your Camera – DSLR, mirrorless, or smartphones are allowed • Comfortable Clothing – We’ll be walking and exploring • Curiosity and open mindedness – Be ready to observe differently and go out of your comfort zone and challenge yourself! I’ll also compile the results into curated series like: **“Berlin in Red” \| “Berlin in Green” \| “Berlin in Blue”** Selected photos will be featured on our Instagram community. 💸 **Cost** **€10** – collected after the session or pre-pay via PayPal to secure your spot. Maximum limit of 55 participants. 🌱 **Why Join?** ✅ Experience Berlin in a completely new way ✅ Learn how to use color as a storytelling tool ✅ Build confidence shooting in real environments ✅ Meet and connect with creatives in Berlin ✅ Get featured in our growing photography community 🎁 **Exclusive Benefits for Donors** • Private WhatsApp Group Access • Instagram Features • Personalized Feedback • Bonus Meetups • Resource Library (tips, recaps, guides) 📷 WhatsApp Group: [https://chat.whatsapp.com/LxEb41NmxyK4oRJeM9o2KW](https://chat.whatsapp.com/LxEb41NmxyK4oRJeM9o2KW) 💸 Donate: [https://www.paypal.com/donate/?hosted_button_id=W77YS88G5W8ZL](https://www.paypal.com/donate/?hosted_button_id=W77YS88G5W8ZL) 📸 Instagram: [https://www.instagram.com/berlinphotochallenge](https://www.instagram.com/berlinphotochallenge)

Cherry blossom season doesn’t last long — let’s catch it together. We’ll meet at S Bornholmer Straße and walk under the blooming trees towards Mauerpark, where we can stay, have a drink/snack, and hang out in the sun afterwards. 🌸 What to expect: – relaxed walk (not a tour) – casual conversations – spring vibes 🌸 Bring: – something to sit on (optional) – snacks/drinks if you like See you under the blossoms. Orga This meetup is donation based. Your contribution helps keep this community alive and is highly appreciated. You can either contribute in cash or via Buy me a Coffee: [https://buymeacoffee.com/butterflyradar](https://buymeacoffee.com/butterflyradar) Questions? Check our Meetup-FAQs: [https://socialbutterfly.berlin/meetup-faq/](https://socialbutterfly.berlin/meetup-faq/) Meet your host I’m Julia — a Berlin local who loves bringing people together. My path went from growing up in a dance school to studying philosophy to working in IT support, and somehow all of that led me here: hosting meetups and creating spaces where people can show up, relax, and connect. Insta [https://www.instagram.com/juwaberlin/](https://www.instagram.com/juwaberlin/) LinkedIn [https://www.linkedin.com/in/julia-waehnert/](https://www.linkedin.com/in/julia-waehnert/) About The Social Butterfly Club 🦋 is a Berlin-based community that has been bringing people together for over three years. Each gathering is part of a larger framework designed to help friendships grow through shared experiences in the city — with a long-term vision of turning Berlin itself into a shared, playful experience. Love the vibe? There’s a whole community waiting for you. 🦋 Join the Social Butterfly Club and experience Berlin together Join our Telegram Group: [https://t.me/+OnASVWZ7emhjYzEy](https://t.me/+OnASVWZ7emhjYzEy) Subscribe to our weekly newsletter: [https://socialbutterflyradar.substack.com/](https://socialbutterflyradar.substack.com/) 🌸 Support us with a monthly membership: Become a Founding Flutterer for 14.95€/month and help the Social Butterfly Club grow. Your support keeps the project alive and helps us continue creating spaces where people in Berlin can meet and connect. [https://steady.page/en/social-butterfly-club/](https://steady.page/en/social-butterfly-club/)

Für Mitglieder von Text Collective Berlin ist die Teilnahme an dieser Veranstaltung kostenlos. Nicht-Mitglieder werden um einen Teilnahmebeitrag von zehn Euro gebeten. Hier buchen: [https://textcollective.de/ticket](https://textcollective.de/ticket) Es handelt sich um einen moderierten Workshop. Kreative Schreibübung mit anschließender Diskussion zum Erfahrungsaustausch, Inspiration und Motivation zu sammeln. Ein Raum für alle, die kreativ schreiben möchten – egal ob du gerade erst anfängst oder schon länger schreibst. **Jeden ersten Samstag des Monats von 15:00 Uhr bis 17:00 Uhr in der ufaFabrik in Tempelhof.** **Was dich erwartet:** In unseren Treffen arbeiten wir mit abwechslungsreichen Schreibimpulsen, die neue Perspektiven eröffnen und spielerisches Experimentieren ermöglichen. Du schreibst direkt vor Ort, teilst deine Texte mit der Gruppe (freiwillig!) und erhältst konstruktives Feedback. Die Atmosphäre ist offen und unterstützend. Hier darf ein Text noch unfertig sein, eine Idee noch roh, ein Gedanke noch unausgereift. In dieser Atmosphäre gegenseitiger Wertschätzung entsteht der Mut, sich auszuprobieren und die eigene Stimme zu entdecken. Wir lesen einander vor, geben Rückmeldung, ermutigen uns gegenseitig und praktizieren das Zuhören.

Bist du bereit für viele positive Veränderungen? Dann kommt der Access Bars® Kurs genau richtig für dich! Jeden Tag erleben knapp eine Million Menschen weltweit die transformative Kraft dieses Körperprozesses. Wissenschaftliche Studien belegen die positiven Wirkungen auf das Gehirn, das Nervensystem und den Körper. Die Access Bars® berühren alle Aspekte des Lebens: Beziehung, Körper, Alterung, Heilung, Selbstliebe, Freude, Trauer, Beziehung und Kommunikation, innerer Frieden ua. Klick auf meine Website und erfahre, was die Bars® bewirken können und welche kraftvollen Werkzeuge du an diesem Kurstag mit nach Hause nimmst. https://www.i-feel-so-good.de/access-consciousness/kurse-ausbildungen/access-bars-kurs.html Nachdem du den Kurs abgeschlossen hast, erhältst du das Practitioner Zertifikat. Es qualifiziert dich, die Access Bars® anderen zu geben, deinen Familienmitgliedern, deinen Freunden und deinen Klienten. Und natürlich kannst du die Bars® auch bei dir selbst anwenden. Nach dem Kurs kannst du dich mit anderen Praktizierenden zum Austausch treffen. Bist du bereit für ein leichteres Leben? Dann freue ich mich, wenn du mit dabei bist! Kontaktiere mich gerne, wenn du Fragen hast oder eine Kennenlernsession buchen möchtest. PS: Die Anmeldung für den Kurs ist nur telefonisch möglich.

Join us for a bike ride followed by lunch at **Gasthof Falkenhorst**. We’ll start the day cycling together on a scenic route arpind Mügg and then stop for lunch around 13:00. It’s a great chance to enjoy the outdoors, move a bit, and spend time with nice people. **Meeting point: **S-Bahn Spindlersfeld (at the entrance of the Starion) **When**: Saturday 4 April – meet at 10:15 **Lunch**: Planned stop at 13:00 **Return**: we can ride togetherer on a similar route or we can ride to Erkner station where people cann take the convenient train home. **Pace**: chill pace, around 12km/h so we cann enjoy the route and stop if needed/wanted. **IMPORTANT TO RSVP: ** * Only RSVP if you are coming by bike, we will prioritise people that will join the full eventent * Make sure your bike is ready to ride and bring water, snacks if you need them, and anything that makes your ride comfortable. * **€1 event fee (non-refundable)** The €1 fee helps cover the Meetup app fee and other small expenses, and any excess will be donated to animal rights NGOs. Please send it via the PayPal details in the comments (only visible to people marked Going) within 48 hours of RSVPing. No PayPal? Message me for the IBAN. If the €1 fee isn’t received within 48 hours of RSVPing, your RSVP will be automatically cancelled. We want everyone to feel safe and comfortable. Please respect boundaries; harassment or disrespectful behaviour isn’t welcome and will mean removal from future events.

Silent Book Club is a group of book lovers who enjoy reading together in public. All books and all readers are welcome. (Kindly RSVP 'yes' only if you can make it, so we can save a seat for you and our fellow readers on the waitlist!) This page-turning party will unfold in the Café (1st floor) at the Bode Museum. There's no entrance fee, but please order at least one item from the cafe and don't bring any outside drinks :) No quizzes, no pressure, no assigned books - just a group of book-loving souls basking in the beauty of silent reading. **Our thrilling agenda:** 10:30 am - 11:00 am - Arrivals, ordering drinks/food (social time) 11:00 am - 12:00 pm - The Great Quiet Reading Hour (where silence is the star) 12:00 pm - 13:00 pm - Optional socializing, share your reading adventures or just keep exploring the pages Stay for lunch, and who knows? You might just find your next favorite book over a pizza. NB: If you plan to go for lunch, please consider bringing cash, as some restaurants only accept card payments after a certain amount.

Ditch the old book club, where everyone has to read the same book...this is better! It works like this: Bring your own book. Come chat, have some tea or coffee, get to know your neighbors. Then we quietly read together, side by side, for about one hour, each one reading their own book, and afterwards we talk with each other about what we are reading. The usual agenda: - Arrival and introduction (~20 minutes) - ⁠Silent reading (~1 hour) - ⁠Discussion (~30-40 minutes) - ⁠Join us for a bite at a local restaurant afterwards, if you like! You may read in any language, you may read any book. We are a group of international residents of Berlin from many different countries, of all ages, and we converse in English. We welcome you! No registration needed – the event is donation based. All funds support the Offenes Wohnzimmer.

Welcome Sunday Socials, Members of the group and friends meet there to exchange languages and their international experience or just have a good time to meet likeminded poeple! Currently we meet at the bar Alberts Starting time is 5pm.(Until 8pm) Adress: https://www.google.de/maps?q=alberts+charlottenburg&ion=1&espv=2&bav=on.2,or.r_cp.&bvm=bv.131783435,d.bGg&biw=1366&bih=628&dpr=1&um=1&ie=UTF-8&sa=X&ved=0ahUKEw... Grüße Andrea

Welcome to Sunday Tech Coffee. This is a **networking** event for those in the tech industry in Berlin. We are usually inside and to the right. Ask the barista/bartender if you can't find us.

We meet and sketch each other in Berlin. This is just an art gym that we also exercise our social skills. Afterwards usually we go for lunch as a group. **How Does It Work?** This event is simple, we meet and sketch each other doing portraits. Most of the participants use pencils or watercolors. Main aim is to socialize while we draw. There will be plenty of time to talk and get to know each other. We have to mention that this event is suitable for all levels. Many have started to draw in our event actually. **Structure** A. Warmup Phase: We pose to each other for 1 minute. B. Main Phase: We pose to each other for 10 minutes. C. Showcase Phase: We show some of the drawings we did to each other. **Who We Are** Creative Sessions is an art events group located in Berlin. **Is it Free?** The event is free of charge. It is advisable to get a drink though. This is a cafe, we need to have at least half of the people on each table with a drink. They accept only cash and most hot drinks cost from 2.50 to 3.50. **How to help or donate?** The event is provided for free but many people help this be a regular thing. We also need people to volunteer and help for minor tasks like the serving of the drinks or cleaning up. Just send us a message. If you want to donate and keep this event from happening, via Paypal to the host (Miltos) : https://ko-fi.com/miltosthings/ **Art Materials?** Bring your own art materials. **Our Instagram Profile** Follow us on instagram @icreativesessions Use the hashtag #icreativesessions on your post description there to find out drawings from the event!

Join us for chill **outdoor** beach volley at **Funkhaus Beach**! 🏐 🏐 🏐 ☀️ This event is for everyone who enjoys chill games and is not a *complete* beginner (A1.5+). We play 3v3 (or 4v4) with beach rules. There are no trainers at this event. Register via [the simultaneous event](https://www.meetup.com/berlin-volley/events/) for higher-level 2v2 matches (F1+). After playing, you can join us for socials with drinks and snacks at the bar area. We often play a social deduction game, which you're also welcome to join. We play in domes that are heated up to at least 15C. It's recommended that you come 10 minutes early so you have time to change and find the fields. If it is your first time, 15 minutes might be even better. You can join whatever court you like and move between courts during the event. We self-organize, so once you finish a game, you can start a rematch, mix with another court, or take a break as you see fit. Upon arrival, join the warmup happening on one of the courts. Join our WhatsApp community via [https://volley.berlin/WhatsApp](https://volley.berlin/WhatsApp) ([QR code](https://secure.meetupstatic.com/photos/event/b/f/d/5/highres_532249109.webp)) Follow us on Insta at [https://www.instagram.com/berlinvolleyball](https://www.instagram.com/berlinvolleyball) **Rules**: Do not join if you have an infectious disease. For everyone's safety, we do not allow kicking the ball during games with beginners. Be respectful of your fellow players. **Venue**: We play at [Funkhaus](https://sporthaus-berlin.net/), **outside** ☀️. Changing rooms are available in the nearby Paddle hall. **Payment**: You pay in advance via Meetup. Payment via PayPal or Urban Sports Club is not possible. **Refunds**: The venue does not provide refunds. Thus, we cannot refund you either, even if the event is canceled due to bad weather. If you know you can't make it in advance, you can try selling your spot to someone else via WhatsApp or the comment section. In the rare cases that we cancel an event due to poor attendance, everyone gets a full refund. Pictures might be taken and shared publicly, such as on Meetup or Instagram. You can opt out by letting the organizer know you do not wish to be photographed. By RSVP'ing to this event, you acknowledge and agree to the following: Participation in this volleyball event is at your own risk. The organizer is not responsible for any injury, loss, or damage sustained during the event, whether caused by negligence or otherwise. You are aware of the inherent risks involved in beach volleyball and voluntarily assume these risks. You agree to hold the organizer harmless from any claims, liabilities, or expenses arising from your participation, including any medical costs. Share anonymous feedback with the organizer via [https://www.admonymous.co/entropy](https://www.admonymous.co/entropy)

Hola, gente bonita 🫶 Lass uns ein Bier trinken, Spanisch-Deutsch sprechen und eine gute Zeit genießen! Grundlegende (oder bessere 😛) Kenntnisse in Spanisch oder Deutsch sind alles, was du brauchst. Vamos a tomar una cerveza, hablar español-alemán y pasarla bien! Un nivel básico (o mejor 😛) de español o alemán es lo único que necesitas.

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

Pay attention! We’re delaying a week for those of you who may be on Spring break and/or celebrating the holiday. Ok, no pancakes, but waffles-a-plenty. Join the local UX and Digital Design community for a casual monthly breakfast. Look for us upstairs!

Our monthly PHP meetup. A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm

Dinner and dancing

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates for this series are simply placeholders at the moment. We are working on our 2026 schedule, and adjustments are forthcoming. 2. Each class in this series has an attendance fee. 3. Each class from BOTH a sign-up and fee perspective is a separate entity. **Introduction:** Our Page Building with Bricks web development class provides detailed instruction for using Bricks Builder, a visual site builder for WordPress, to create and manage websites. Widely considered by many of the world's leading web developers to be the most complete page builder on the market today, Bricks Builder offers a wide range of features and comprehensive tools. Our Bricks Builder web development class provides detailed instructions on utilizing the toolset. The series of courses covers the core features of Bricks Builder, enabling users to design and develop responsive, visually appealing websites. Moreover, the courses are oriented to reinforce a focus on professional, scalable web development. Throughout the series, we focus our page-building instruction on the semantic and structural integrity of the pages in a responsive world. By the end of the 10-class series, participants will have a fundamental understanding of proper web page and website development. **The breakdown of the 10-class series is as follows:** * Class 01 - Survey of Page Builders / What Bricksbuilder Does For You * Class 02 - Boxes, Boxes, Boxes / Sections / Containers * Class 03 - Static Units / Relative Units / Responsive Development And Math Functions * Class 04 - CSS Variables And DRY Development / Classes And Global Styling * Class 05 - CSS Grid And CSS Flexbox * Class 06 - Responsive Development / Breakpoints And Media Queries * Class 07 - Effective Use Of Color / Effective Use Of Images * Class 08 - Beginning To Think Dynamically / Using Templates And Components * Class 09 - Dynamic Styling / Data Attributes And Attribute Selectors * Class 10 - Pseudo Elements / Programmatically Styling With Pseudo Classes Throughout the class sessions listed above, we cover the following key areas of web development with Bricks Builder: * **Introduction to Bricks Builder Interface:** * Familiarization with the builder's layout, including the toolbar, panel, and canvas, and understanding how to navigate and interact with its various components. * **Visual Site Building:** * Techniques for creating layouts using Bricks' drag-and-drop interface, incorporating sections, rows, columns, and elements to build page structures. * **Styling and Design:** * Utilizing Bricks' styling options to customize elements, apply global CSS classes for consistent design, and leverage features like Flexbox and CSS Grid for responsive layouts. * **Dynamic Content and Custom Fields:** * Integrating dynamic content from custom post types and custom field plugins (like ACF, Meta Box) to build data-driven websites. * **Template Building:** * Creating and managing reusable templates for headers, footers, post type layouts, and other site-wide elements. * **Performance Optimization:** * Understanding how Bricks Builder contributes to fast-loading websites and implementing performance best practices. * **Advanced Features:** * Depending on the class level, it might delve into advanced topics such as conditional logic, interactions, and custom code integration to enable more complex functionality. The series aims to equip participants with the skills to efficiently build, customize, and maintain WordPress websites using Bricks Builder, catering to both beginners and experienced web developers.

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.