CSS

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)

أهلاً بكم أعزائي الكُتّاب الهواة. انضموا إلينا في لقائنا القادم في كافيه جذور. نأمل أن يكون الجو جميلاً مشرقاً يسمح لنا بالجلوس خارجاً والاستمتاع بنسمات الهواء العليلة. لا يُضمن شهر نيسان، كما تعلمون، وقد يقرر في يوم لقائنا أن يحجب الشمس عنا وأن يبعث لنا عوضاً عنها نسمات هواء أبرد من المرغوب به وأبرد مما استعددت له هذا الصباح في لباسك. على أية حال، قد تعودنا في الفترة الأخيرة على التقلبات في جميع أشكالها من جوية وسياسية واقتصادية؛ بعض القشعريرة والأمطار الباغتة لن تهزنا. انضموا إلينا ونعدكم بأوقات ممتعة سواءً جلسنا داخل الكافيه أم خارجه. !!!! ننتظركم على الوقت قبل أن نبدأ بنشاطاتنا، لذلك رجاءً تحديث الحضور (RSVP) قبل اللقاء بيوم !!!! أهلاً بكم محبي وممارسي هواية الكتابة باللغة العربية! ندعوكم للانضمام إلينا في لقائنا القادم: سنبدأ بجولة تعارف سريعة، ثم نقوم بأحد تمارين الكتابة الإبداعية الممتعة، وفي النهاية سنفتح المجال لمن يريد مشاركتنا نصاً كتبه أو فكرة لمشروعه، لنناقشها ونتبادل الآراء بموضوعية. بغض النظر عن مستواك الحالي، حتى وإن لم تكتب من قبل - لا تتردد في الانضمام إلينا! الهدف من هذه اللقاءات هو خلق مساحة للكتابة ومشاركة التجربة مع الآخرين، لتنمي هواية وعادة الكتابة. كل ما تحتاجه هو الرغبة وبعض الوقت. (وورقة وقلم أو لابتوب) لا تترددوا في التواصل معي إن كان لديكم أي أسئلة أو اقتراحات نور

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.

# **Das Treffen ist offen für w/m/d Personen.** Die Selbsthilfegruppe Berlin Prenzlauer Berg findet diesmal ausnahmsweise am Sonntag von 16:00 bis 18:00 statt. Zum Thema: **„Ja“ zu mir selbst – Die Kunst, freundlich „Nein“ zu sagen** Fällt es dir manchmal leichter, anderen einen Gefallen zu tun, als auf deine eigenen Grenzen zu achten? Oft sagen wir „Ja“, um niemanden zu enttäuschen – und zahlen am Ende mit unserer eigenen Energie. In unseren zwei Stunden wollen wir gemeinsam herausfinden, warum uns ein „Nein“ oft so schwerfällt und wie wir es lernen können, ohne schlechtes Gewissen Grenzen zu setzen. Wir arbeiten lösungsorientiert, wertschätzend und mit einer Prise Leichtigkeit. Du gehst nicht nur mit neuem Wissen, sondern mit konkreten „Micro-Skills“ für deinen Alltag nach Hause.

**Curatorial Tour – Instinct#20** for **LGBTQIA+** Free event **Group exhibition** During this **curatorial tour**, we will guide you through artworks that engage with conflict as a generative force and explore “Radical Empathy” as an active, transformative practice. Together, we will consider how empathy can be learned, challenged, and reimagined through queer artistic perspectives. The tour will examine how artists create spaces that embrace difference, resist dominant narratives, and invite us to remain open to discomfort, connection, and change. Moving beyond passive understanding, these works propose empathy as a relational encounter—one that has the potential to reshape how we live with and through conflict. **instinct #20** __ viewing 02.–12. April __ **Artists** Matthias Bade Josch Hoenes & Tomka Weiß Heami Lee Paul Harfleet Owa Mesa Dylan Mitro Monika Popiel & Paweł Świerczek Lars Reimers Tejal Shah Andrey Shental __ **Performance** Ahmed El Gendy Dumama __ **Guests (workshops / panel)** Joshua Amissah Antke Engel Jan Großer Lo Höckner Mati Klitgard __ **Film** *Prinz in Hölleland* (1993) von Michael Stock __ **Cooperation** Schwules Museum Berlin Salzgeber Verleih __ **Curatorial Team** Eric LeRouge in collaboration with Neo Seefried & Kristijan Radakovic *\*The exhibition **instinct#20 Radical Empathy** serves as an artistic reflection on two we are village projects, **Conflict and Resilience** and **Queer Connect**. Bringing these earlier initiatives into dialogue, instinct#20 Radical Empathy revisits their ideas, processes, and contexts, transforming them into a new curatorial framework that invites renewed interpretation.* 🔵 Während dieser **kuratorischen Führung** begleiten wir Sie durch Werke, die Konflikt als produktive Kraft begreifen und „Radikale Empathie“ als aktive, transformative Praxis erforschen. Gemeinsam betrachten wir, wie Empathie erlernt, hinterfragt und durch queere künstlerische Perspektiven neu gedacht werden kann. Die Führung untersucht, wie Künstler\*innen Räume schaffen, die Differenz zulassen, dominante Narrative hinterfragen und dazu einladen, offen für Unbehagen, Verbindung und Veränderung zu bleiben. Über ein passives Verständnis hinaus begreifen diese Arbeiten Empathie als relationale Begegnung – eine, die das Potenzial hat, unsere Art, mit Konflikten zu leben und durch sie zu wachsen, grundlegend zu verändern. **instinct #20** __ geöffnet 02.–12. April __ **Künstler:innen** Matthias Bade Josch Hoenes & Tomka Weiß Heami Lee Paul Harfleet Owa Mesa Dylan Mitro Monika Popiel & Paweł Świerczek Lars Reimers Tejal Shah Andrey Shental __ **Performance** Ahmed El Gendy Dumama __ **Gäste (workshops / panel)** Joshua Amissah Antke Engel Jan Großer Lo Höckner Mati Klitgard __ **Film** *Prinz in Hölleland* (1993) von Michael Stock __ **Kooperation** Schwules Museum Berlin Salzgeber Verleih __ **Kuratorisches Team** Eric LeRouge in Zusammenarbeit mit Neo Seefried & Kristijan Radakovic *\* Die Ausstellung **instinct#20 Radical Empathy** versteht sich als künstlerische Reflexion zweier we are village Projekte: **Conflict and Resilience** und **Queer Connect**. Indem diese früheren Initiativen miteinander in Dialog gebracht werden, nimmt instinct#20 Radical Empathy ihre Ideen, Prozesse und Kontexte erneut auf und überführt sie in einen neuen kuratorischen Rahmen, der zu einer erneuten Interpretation einlädt.*

Celebrate the joy of Easter with a relaxed and delicious Easter Brunch shared with great company. Gather around the table for a festive morning filled with seasonal flavors, fresh dishes, and a warm, welcoming atmosphere. Expect a beautifully prepared brunch spread featuring sweet and savory bites, perfect for slow conversations and new connections. Whether you come for the food, the company, or simply to enjoy the Easter spirit, this gathering is all about celebrating the moment together. 🐣 Good food, great company, and a little Easter magic. **Les Amis** is a women-only community of friendly souls. We provide access to hundreds of experiences that explore your passions and connect you with other event participants. **Check our website to learn more, and apply to join our community and events**: [lesamis.cc/apply](https://www.lesamis.cc/apply)

\*\*\*\*\*\* ***For address and more details see the website www.pausify.org*** \*\*\*\*\*\* **Event Info:** Bring along your **current book to read** (or something **creative** to work on ) and join us for this mix of a shared focus time + discussion. \- 11:00\-11:30 \- Meet & greet \- 11:30\-12:30 \- Silent focus time \- 12:30 \- Discussion of books/ projects over coffee \(**Drinks & snacks are included** ☕️) Afterwards, join for lunch if you'd like (optional). * **To reserve your place, a ticket (€9,90/event) or a community pass (only €19,90/MONTH) [from the website ](https://pausify.org/)*www.pausify.org* is required** * **Attendance here doesn’t show sign-ups from other platforms. We usually have about 50 to 100 people at each event.** ***FAQ: Why does it cost money if I bring my own project?*** Because we rent a beautiful, central space for every event. Ever thought your monthly apartment rent was too high? Well, multiply that – that’s what commercial spaces in big cities like Berlin cost *per hour*. Of course, if all you want is just some quiet time, your home or a library is perfect. But if you’d like to focus & connect with others in an inspiring space – with drinks, snacks included – that’s what your ticket helps to cover. See pics from our events below - and on our Instagram: **[@Pausify (Co-Reading Space)](https://www.instagram.com/pausify_org/) ☕️** **[Pausify Co-Reading Space Website](https://pausify.org/) www.pausify.org** For questions, please contact us over [Website ](https://pausify.org/) www.pausify.org as this platform can have issues. Thank you! *Please note that photos and videos may be taken during the event and used for promotional purposes to highlight and share the experiences at our events. If you have concerns, don't hesitate to approach the event organizers before the event.*

💗 **Tired of Swiping? Meet Real Singles in Berlin.** **Founded by a woman** who understands the struggle, Zeya is here to bring back organic connections. **No apps, no awkward small talk, just 6 curated singles at a cozy cafe.** 🇩🇪 **Zeya bietet kuratierte Hangouts für Singles in Berlin. Sicher, persönlich und ohne Dating-Apps.** **[Join next Berlin hangout – RSVP now!](https://zeya.cc/register)** ✅ **Women-Founded & Safe:** We prioritize a safe, respectful, and high-quality environment. ✅ **Expertly Curated:** We handpick 6 people based on vibes and interests = not just a random crowd. ✅ **Proven Success:** Proud **Web Summit Alpha Startup \| 92%** 🙌 Showed\-up \| **43%** 🔥 Hangouts matched \| **60%** 💖 Joined again \| **16** 💬 Hangouts **📋 How it works:** 1. **Register (1 min):** Fill out a curation form at [https://zeya.cc/register](https://zeya.cc/register) 2. **Get Matched:** We find the best match for you among Berlin singles. 3. **Join the Hangout:** Once matched, you’ll get a WhatsApp invitation to a cozy Berlin spot. 4. **No Pressure:** Just 🤍 First time €9 \| 💖 Regular €12 to ensure a balanced mix and no\-shows\. If no hangout offer in 31 days? **100% Full Refund.** **🥰** **Why Berliners Love Zeya?** * 🔒 **Privacy First:** No public profiles. No one sees you until you meet in person. * ⏳ **Zero Effort:** Skip the endless "Hey, how's your weekend?" texts. We do the work. * ☕ **Organic Vibes:** No awkward ice-breakers or loud moderators nor busy rotating with funny bell sound 🐶. Just 6 like-minded people having a great time. * 💌 **Smooth Follow-ups:** Like someone? Let us know privately via our post-event form. We connect you if it's a match! **[Join next Berlin hangout – RSVP now!](https://zeya.cc/register)** **Ready for a Sunday afternoon that doesn't involve a screen?** #BerlinSingles #ZeyaHangouts #SocialMatchingBerlin #BerlinEvents #SafeDatingBerlin #BerlinSinglesHangouts #SinglesEventsBerlin #WomenFounded #CoffeeDate #NeuinBerlin #Leutekennenlernen #Socialize #DatingAlternative #FreundeFinden

**For registration for this class see: [https://www.kang-center.de/taekwondo-berlin/#taekwondo-kurse-berlin](https://www.kang-center.de/taekwondo-berlin/#taekwondo-kurse-berlin)** We are an international group (speaking English, German and Korean), enthusiastic and ambitious learning the art of traditional Taekwon-Do, meaning full perfection and power but no contact. Our grandmaster Kang, Shin-Gyu is a student of famous grandmaster Kwon, Jae-Hwa, so that we can learn from the originals. Sounds sophisticated? It is - and also a lot of fun! Most of us are between 20 an 30 years old, half of them male and half female. But we welcome anybody any age! As a beginner you need nothing more than some comfortable sportswear. See you in Class!

**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.