HTML & CSS

Here is an event for anyone who will be available on Christmas Day. Come and join me for a great meal and some drawing at Chinatown Garden. We can sketch while we wait for our food to arrive and after we eat. This is becoming a tradition! I look forward to drawing with you there. [Chinatown Garden ](https://www.chinatowngardenwashington.com/)

If you have no Christmas plans come join us for Chinese food! It's going to cost between $40 and $60 per person so please bring cash or Venmo!

Social Sips & Bites - Christmas Day Chinese Dinner For Everyone Staying in Town & Looking for Good Company Not traveling for the holidays? No big plans on Christmas Day? Come join us for a cozy and delicious Chinese dinner with friends who are staying local! Let’s skip the stress, enjoy great food, and spend the evening with fun people who want good conversation and a relaxing holiday night together.

From DECEMBER 4th to DECEMBER 24th, the elves are taking over! The Elf Bar is a pop-up Christmas wonderland bursting with twinkling lights, over-the-top décor, and a sprinkle of North Pole chaos. Expect a night full of laughter, cocktails, and festive fun that’ll make even the Grinch crack a smile Here’s what’s waiting for you: 🧝‍♂️ Hundreds of Elves Everywhere – Big ones, tiny ones, cheeky ones! They’ve all come out to play. 🎄 Outrageous Christmas Décor – Every corner sparkles with holiday magic (and maybe a little elf mischief). 🍸 Elf Cocktails & Games – Sip on delicious themed drinks and jump into playful games that’ll unleash your inner elf! 📸 Festive Photo Spots – Strike your best pose in our picture-perfect Christmas scenes. Whether you’re heading out with friends, coworkers, or your favorite holiday partner-in-crime, The Elf Bar is the spot to toast the season make memories that sleigh. **Family-Friendly Sessions** Saturdays at 1PM and 2:30PM are all-ages sessions designed for families and kids to enjoy the Elf Bar magic together 🎅 Space is limited — the elves don’t hold tables, so book your spot now and join the wildest Christmas party in town! **[BUY TICKETS HERE](https://tickets.theelfbarofficial.com/events/theelfbarofficial/1926037)**

Bring a friend, bring family, and bring that neighbor that you kinda know... Come one, come all for some free table tennis. Note: Because we have been playing regularly for years, members tend not to RSVP. If there are any questions, feel free to message.

Covid Alert: We will start having classes again at Canal Park on Wednesdays and the dojo on Saturdays. Please bring your own hand sanitizer, and a mask are a must! We'll practice from a safe distance from each other; and progress from there. On Saturdays, class is limited to the first 5 persons to rsvp (until further notice) "DC Kali" is an official training group for FCS Kali. Our curriculum includes knifes, swords, stick-fighting, striking, and grappling; but we place a special emphasis on edged weapons. Please come out and learn some Kali. Our aim is to train hard, learn some sound defense strategies, and make friends along the way. Although FCS Kali is a combat-oriented systems that involves edged weapons, we provide a safe environment for learning w/o sacrificing realism in our training. We teach in small semi-private groups, allowing each individual student to progress as quickly as he or she can absorb the info being taught. Hope to see you all there. Mosi K. Jack, Esq. Training Group Instructor · FCS Manong (under Tuhon Ray Dionaldo) http://www.fcskali.com/ ) Filipino Combat Systems is an organization dedicated the preservation and promotion of all Filipino Martial Arts. Filipino Combat Systems(FCS) is an organization/system with members from around the world. FCS is based on Tuhon Ray Dionaldo's over 35 years of practicing various FMA (Filipino Martial Arts) styles. He's combine elements of each, into one system that's efficient, fast, concise, and logical. FCS members have extremely diverse backgrounds, and Martial Arts systems. We’ve all come together because of our love of the Filipino Martial Arts, and our unwillingness to become involved in the politics that has so often stifled our growth. Please pick one of the following class and fee combos: Drop-In Fee: $25/per class (after 1st free Saturday class) Monthly fees: $80/month (Wednesday park classes included for free), or Quarterly fees: $210/every 3 months (which comes to $70/month; includes the Wednesday park classes), or Wednesday Park only: $50/month • Cash and Paypal are preferred method of payment (online payments via Square are available at: https://squareup.com/market/dc-kali ) • One free trial class is permitted (but must rsvp ahead of class) • Equipment: if you have training knives, rattan sticks, training swords, and/or mma gloves bring them. If not, we may have a few extra. Training Videos http://www.fcskaliphilippines.com/fcs-curriculum-videos.html http://www.bloodnbonesgear.com/id5.html

Reserve a spot on **[Eventbrite](https://www.eventbrite.com/e/1381364631799?aff=oddtdtcreator)** so we have an accurate guest count. We are absolutely thrilled to announce that **[Palette 22](https://www.palette22.com/)** is hosting Go Gay DC! Get ready for another gathering of members of the LGBTQ+ Community! About 30 LGBTQ+ folk are expected. Palette 22 offers modern street food spanning the globe served in a bustling art studio & gallery atmosphere. This event is ideal for making exciting new connections and community building. Or just to unwind and enjoy extended happy hour. **[See the happy hour menu](https://www.palette22.com/our-menus#happy)**. Arrive anytime that's convenient for you! Most attendees will likely arrive by 6:00 p.m. We will gather at the tables in the back of the bar. There is no pressure to order any food or drink; it is just optional. You're welcome regardless of where you live. Bring friends and meet new people. This is the place to be. This LGBTQ and Allies community-wide social provides everyone a chance to socialize, network, and share community spirit in an artsy setting. This event is being boosted by **[Go Gay DC](https://www.gogaydc.com/)**[,](https://www.gogaydc.com/) Metro Washington DC's inclusive LGBTQ+ community focused on friendship, leadership, and service. It reaches over 10K fabulous people and is growing fast. Visit [https://www.gogaydc.com](https://www.gogaydc.com/) At this exciting event, you'll even get to meet Go Gay DC's Founder **[TJ Flavell](http://www.tjflavell.com)**! Fabulous people from all over the world are expected. Name tags will be provided. It's FREE to attend; cash bar. There will be a bartender on duty; cash or credit card is fine. Casual attire is fine; this will be a relaxing and fun time. You are welcome regardless of where you live. Guests from DC, Maryland, and Virginia often attend. While there is no subway stop nearby, the local bus system is also very reliable and Shirlington is a very busy [transit hub](https://www.arlingtontransit.com/about/facilities/shirlington/). Use [Metro Trip Planner.](https://www.wmata.com/schedules/trip-planner/) Free garage parking is easy to find. Four of Shirlington’s garages share their parking so that the spaces available to office workers during the day are available for public parking on evenings and weekends. During the weekdays there are 879 public parking spaces and on evenings and weekends there are 2,446 public parking spaces. [See the map](https://www.arlingtonva.us/Government/Programs/Transportation/Parking/Public-Parking-Options/Shirlington-Parking). Invite your friends. This event is a safe, inclusive space for everyone under the rainbow. Go Gay DC is on social media: Join the Facebook Group [https://www.facebook.com/groups/GoGayDC](https://www.facebook.com/groups/gogaydc) Like the Facebook Page [https://www.facebook.com/GoGayDC](https://www.facebook.com/GoGayDC) Follow on Instagram [https://www.instagram.com/GoGayDC](https://www.instagram.com/GoGayDC) Follow on Bluesky [https://gogaydc.bsky.social/](https://gogaydc.bsky.social/) Follow on X [https://www.x.com/GoGayDC](https://www.x.com/GoGayDC) Watch on YouTube [https://www.youtube.com/GoGayDC](https://www.youtube.com/GoGayDC) Search keywords: LGBT LGBTQ LGBTQI LQBTQIA Lesbian Gay Bisexual Transgender Queer Intersex Straight Allies nonbinary non-binary

This is where you meet the area's 40 and 50 years young; 40 somethings, 50 [somethings.......as](http://somethings.......as/) they are known as GENERATION Xers....., who are active, self accomplished, sophisticated, young at heart, empty nesters; who would like to do things and enjoy life; who has got time and could afford it as well! ***GRAB A DRINK AND YOU WILL BE ALL SET TO ENJOY THE EVENT. YOU NEED TO GRAB AT LEAST A DRINK OR A FOOD ITEM :) To get the event going and show support. We know that you like our events. P.S. : We have non-alcoholic drinks as well.*** We have a tiny venue and we hit capacity often and early arrival is suggested. Direct RSVP required. We have the discretion to decide entry. Many of you were not born while we were partying:) The profile picture of this invite was taken while we were having a blast. One of our members was buying us rounds of shots. He almost spent $ 1K just on shots. LET US DO IT AGAIN! They also make us feel loved and honored, by serving, one of our signature cocktails, which is named after us - MerTini:) It will be one of the featured cocktails. Ask your bartenders:) DETAILS : * We will have a registration station and check you in. * Most of our members complained about people writing in the comment box. Since it sends notification to all attendees. If you have any questions, send a message to the organizers. Don't write in the comment box. DRESS CODE : Unacceptable Attire: 1. Athletic Clothing: This Includes gym attire, sweatpants, yoga pants, and tracksuits 2. Baggy Clothing: Clothing that is excessively loose-fitting or oversized, such as baggy jeans, sagging sweatpants or oversized t-shirts. 3. Sportswear: Jerseys, team logos, and other sport-specific attire 4. Beachwear: shorts, tank tops, swimwear, and revealing clothing 5. Flip Flops: Open-toe sandals, thong sandals, and flip flops are not allowed 6. Timberlands and Steel Toed Shoes. PARKING INFO Parking might be a challenge and the event involves drinking. We highly encourage you to take a public transportation, taxi service or a ride share. DRINK RESPONSIBLY. ***N.B. : We have ZERO TOLERANCE for solicitation. We don't allow anyone to run their own agenda at the Event. If you are interested to promote/sponsor/collaborate; contact us via ([info@merevents.com](http://info@merevents.com/)).*** [) [) [) [) [) [) [) [) [) [) http://photos3.meetupstatic.com/photos/event/9/3/d/600_440642365.jpeg http://photos1.meetupstatic.com/photos/event/9/3/6/600_440642358.jpeg http://photos3.meetupstatic.com/photos/event/8/e/e/600_440642286.jpeg http://photos4.meetupstatic.com/photos/event/8/5/9/600_440642137.jpeg http://photos2.meetupstatic.com/photos/event/7/8/f/600_440641935.jpeg

This is where you meet the area's 30, 40 and 50 years young; 30 somethings, 40 somethings, 50 [somethings.......as](http://somethings.......as/) they are known as GENERATION Xers....., who are active, self accomplished, sophisticated, young at heart, empty nesters; who would like to do things and enjoy life; who has got time and could afford it as well! ***GRAB A DRINK AND YOU WILL BE ALL SET TO ENJOY THE EVENT. YOU NEED TO GRAB AT LEAST A DRINK OR A FOOD ITEM :) To get the event going and show support. We know that you like our events. P.S. : We have non-alcoholic drinks as well.*** We have a tiny venue and we hit capacity often and early arrival is suggested. Direct RSVP required. We have the discretion to decide entry. Many of you were not born while we were partying:) The profile picture of this invite was taken while we were having a blast. One of our members was buying us rounds of shots. He almost spent $ 1K just on shots. LET US DO IT AGAIN! They also make us feel loved and honored, by serving, one of our signature cocktails, which is named after us - MerTini:) It will be one of the featured cocktails. Ask your bartenders:) Unacceptable Attire: 1. Athletic Clothing: This Includes gym attire, sweatpants, yoga pants, and tracksuits 2. Baggy Clothing: Clothing that is excessively loose-fitting or oversized, such as baggy jeans, sagging sweatpants or oversized t-shirts. 3. Sportswear: Jerseys, team logos, and other sport-specific attire 4. Beachwear: shorts, tank tops, swimwear, and revealing clothing 5. Flip Flops: Open-toe sandals, thong sandals, and flip flops are not allowed 6. Timberlands and Steel Toed Shoes. DETAILS : * We will have a registration station and check you in. * Most of our members complained about people writing in the comment box. Since it sends notification to all attendees. If you have any questions, send a message to the organizers. Don't write in the comment box. PARKING INFO Parking might be a challenge and the event involves drinking. We highly encourage you to take a public transportation, taxi service or a ride share. DRINK RESPONSIBLY. ***N.B. : We have ZERO TOLERANCE for solicitation. We don't allow anyone to run their own agenda at the Event. If you are interested to promote/sponsor/collaborate; contact us via ([info@merevents.com](http://info@merevents.com/)).***

Hi Everybody. Let's return to St. Elmo's Coffee Pub, Old Town North for our book session this week. It's near the corner of Asaph and Montgomery Streets.. There is a large table in the back for our group.

**Web Design Decoded: Tools, Practices, and Proven Processes:** **Semantic HTML** At WebDev Columbus, we are exploring some of the most important topics of professional high-end web design and page building. Primarily focused on site building in the WordPress environment, our group explores tools, tips, and techniques for building the best WordPress sites possible. Additionally, we focus on disciplines and technologies that take website design from visually appealing to optimized spaces for delivering you and/or your client's message effectively and with a nod towards extended reach. Each session combines practical demonstrations with real-world insights, giving you actionable knowledge you can apply immediately. Whether you're a seasoned developer looking to enhance your design skills or a newcomer wanting to understand design best practices, this series offers valuable insights for every skill level. **What to expect:** * Hands-on demonstrations of popular design tools * Best practices for design-to-development workflows * Tips for creating responsive, accessible designs * Real-world problem-solving scenarios * Interactive Q&A sessions * Networking opportunities with fellow developers **Each meetup features:** 60 minutes of focused presentation 30 minutes of live demonstrations 30 minutes for questions and discussion **See you there!** Our casual, collaborative environment encourages learning from both presenters and fellow attendees. Bring your questions, share your experiences, and connect with Central Ohio's web development community! **Stay tuned for specific session topics and dates.**

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

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

Monday December 29th at 6PM we'll be meeting up dinner at the Pies & Pints at Easton. Feel free to bring guests. Sandwiches run about $15 and large pizzas run $20-30.

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

You must check into with the host and say you are with Suzie or Columbus Meetup To get the drink specials you must check in before 8:30 pm These are the drinks specials: $3 Domestic Draft- Miller Lite & Coors Light $3 Well Liquor Cocktails (no doubles/no redbull/no shots) $4 Vizzy Seltzers $5 Select Call Liquor-Titos, Bacardi, Bombay, Cazadores Reposado, & Jack Daniels (no doubles/no redbull/no shots) $5 Select Shots- White Tea Shots & Fireball

Join us for pizza, drinks and conversation! Gatto’s Pizza began in a small shop on North High Street in the neighborhood of Clintonville, Columbus, Ohio. It was 1952 and the brothers, Joe and Jimmy Gatto, opened the pizzeria to serve their community, using family recipes to make fresh dough, sauces, meatballs, and Italian sausage.