Laser Tag

Hi there, Welcome to join our group to practice the new language with new friends. WeChat: ZoeMandarinClass

This is a group for anyone interested in learning Chinese, including oral Chinese ,business Chinese ,HSK. And on every Friday night we do Chinese Corner,greetings,learning part, language exchange, free talk,games etc. Btw, coffee,drinks are on the side. all skill levels are Welcome!! It’s a great chance to make international friends ,and learn about other cultures . Looking forward to seeing you:-) WeChat : ZoeMandarinClass 喜欢外语的朋友欢迎加入我们！既能练习第二语言，又能结交一些新朋友，感受不同国家的文化和习惯！欢迎大家!

Chinese Corner in Jing an(Line 7 Changping Lu station) Please free free to join us. All levels are welcome! Don’t worry about your Chinese level, we have mandarin teachers here to help you, any questions free to ask. More informations Welcome to add WeChat : ZoeMandarinClass

what is the best way to spend your weekend ? come to join us for badminton to have fun! please prepare racket by yourself , shuttlecock will be provided , add my WeChat : ellenliu12345 to sign up by our WeChat group . 60 RMB for 2 hours , we play double for fun game , 6 people share one court

what is the best way to spend your weekend ? come to join us for badminton to have fun! please prepare racket by yourself , shuttlecock will be provided , add my WeChat : ellenliu12345 to sign up by our WeChat group . 60 RMB for 2 hours , we play double for fun game , 6 people share one court

Add wechat ellenliu12345 if you want to join the event! sign up in advance is necessary.Welcome join us 50rmb for 2 hours , prepare racket by yourself

dear all, We will move to Bailian Zhongshan BEFORE jing’an opens. Welcome to join us Please confirm with me first before you signed up My WeChat is ellenliu12345 60rmb for 2 hours , 6 people share a court 小伙伴们， 所以我们在静安开放之前将会在百联中环打，欢迎加入我们

Come run around, throw some frisbees, play board game , and see old friends and make new ones in expo park this wekkend. Cost: RMB15 including water, Please buy the sports insurance for this event yourself inadvanced. After sign up, Please add the host wechat via hawk_cn Pickleball is a rapidly growing sport that is a mix of tennis, badminton, and ping pong. It's easy to learn, fast paced, and tons of fun! This is a game for people of all ages and skill/experience levels who want to play a friendly and non-competitive pickup frisbee game. We meet every Weekend afternoon in century park as long as weather is okay. We arrange warm up & practice. We'll work on some throws, passes, & catches. and utimate Frisbee Pickup Game of 7 vs 7 as well. All levels welcome even beginners! If you haven't played before or want to polish your skills, myself and a couple of the more experienced players will be there 30 minutes before to toss, explain the rules and run through a couple drills. We also prepare camping tarp and board games. Let's have fun by playing board games during Frisbee breakup. Please take metro line 2/7 to Century Park and the venue is entry from gate 6. (go straight 100m and the frisbee lawn is on your right side) General guidelines: Dress accordingly. Have plenty of water. Sunscreen on a sunny day. Stretch & warm up. Playing Ultimate is all about good sportsmanship, respect, and gracefulness on the field. Fun & having a good time is a must above anything else. Disclaimer： Each person who participates accepts responsibility for making their own determinations and for their own safety, conduct and well being; recognizes that possible attend outdoor activities and agrees to participate solely at their own risk. The organizer of this ultimate Frisbee event shall not be held liable for any inconvenience, accidents, rescues, injuries etc. Meetup Citywalk reserves the right to use any photograph/video taken at the Walking tour. If you have problem with this, please contact the event organizer or tout leader. Thank you for your understanding and cooperation! All those who sign up for the event will accept this declaration by default, so please read it carefully! 抛掉烦恼，接住快乐！以盘会友，飞你莫属！运动社交，快乐飞盘！掼蛋桌游，躲避球体验！ 费用：15元/人， 参与本活动务必领取活动保障，无活动当天有效保险者谢绝参与！ 友情提醒: 谢绝微商，保险，医美销售人员参与！ 活力重燃，世博文化公园飞盘桌游掼蛋派对！ 小伙伴们准备好流汗了嘛？！ 飞盘初体验，满满多巴胺\~ 周末欢乐飞盘为长期活动，活动时间安排在周末，为喜欢运动的青年朋友提供相遇的机会。 你的收获： 认识更多喜欢运动的朋友 体验极限飞盘这项运动带来的乐趣 锻炼身体，放松身心 小白友好，飞盘超容易上手，有领队飞盘入门教学。 活动流程： 01 初次见面，破冰互动 02 零基础教学，正反手传接盘练习 03 规则讲解，拉伸热身，分组对抗 04 集体合影，赛后交流 05 活动结束AA聚餐（可选） 遇见城市部落Meetup Citywalk为带社交属性的公益活动，让大家在愉快轻松的氛围中用脚步丈量和认知这个城市，以及通过羽毛球，保龄球，飞盘，骑行等活动认识新朋友。领队导游会对沿线的地标景观和历史建筑等做适度讲解，行程开始会有破冰互动和自我介绍，行程中安排小游戏，分组交谈互动，coffee break来加深了解, 帮内向的朋友放松融入团队，漫步活动结束视情况组织晚餐，增加大家的社交半径。活动参与者以8090后国内和海归名校毕业生，各行业精英为主。烦请带有不良企图和商业目的的参与者绕行 飞盘运动是一种老少咸宜的健身项目， 只要有一片空旷的场地就能开心的玩耍。飞盘的参与门槛很低。一身运动服、一双跑鞋、一片飞盘，就是全部的必要装备。 飞盘运动融合了橄榄球、足球、篮球等运动特色是一项无身体碰撞、男女差异小乐趣与竞技兼备的运动对新人友好、上手快、没有裁判不需要运动天赋 哪怕是不爱运动的小伙伴也很快可以参与其中并享受飞盘运动带来的畅爽与热血\~飞盘是少有的男女能够共同参加，需要相互配合，不容易出现身体冲撞和激烈对抗的竞技运动。进攻方通过传接飞盘推进，在得分区内接到盘得分，期间飞盘落地则攻防转换 在自己大汗淋漓 享受奔跑、跳跃 带来激情和自由的同时 也能感受到团队合作的魅力 抓盘、接盘、传盘 和队友齐心协力 体验“盘不落地，永不放弃！” 快来成为一名优秀的“操盘手”吧\~ 燃脂暴汗 比起室内的运动 户外的项目更能体验到 暴汗燃脂的畅快 为忙碌的身体放放风、充充电 和小伙伴们互相配合 制定战术、攻守兼备 通力合作最终取得胜利 玩过的小伙伴都说上瘾 “社恐星人”的社交利器： 团队运动游戏是最快打破尴尬的利器 飞盘游戏的团体意识强 每个人都需要在短时间内搭建信任和默契 直接打破圈层限制 认识更多有趣的朋友 “都市打工人”的解压利器：草坪上肆意奔跑、呐喊、欢呼不仅锻炼身体，还释放心中压力运动后荷尔蒙的飙升也使人降低防备在欢乐的氛围里更深层次的了解彼此、拉近距 “社恐星人”的社交利器： 团队运动游戏是最快打破尴尬的利器 飞盘游戏的团体意识强 每个人都需要在短时间内搭建信任和默契 直接打破圈层限制，认识更多有的朋 WFDF世界飞盘联合会将极限飞盘精神浓缩为“SOTG”图标，即熟知规则、避免身体接触、公平竞争、享受比赛、真诚沟通。独特的精神内核自这项运动诞生之日起，就蕴含其中。 飞盘绝对是让你大汗淋漓的有氧运动，因为比赛场地一般都是一整个足球场，全场人追着一个飞盘跑，享受多巴胺带来的快乐，当然它还可以满足身心愉悦的社交需求，他可以是一个人的快乐，也可以是一群人的快乐。通过飞盘场上队友双方一次又一次的飞盘抛接合作，促进了彼此之间的沟通交流。场上挥洒汗水，场下收获友谊，飞盘运动就是这么一项简单又有趣的社交运动。 燃脂，也是人们热爱大飞盘的一大原因：飞盘是一项特别好的有氧和无氧相结合的运动，一场飞盘下来就能消耗900多大卡。投接飞盘的手法千变万化。 历经20多年的变化与发展，已衍生出十余种正式的国际竞赛。参加飞盘运动的同学在锻炼身体的同时，可以结识伙伴，锻炼大脑，有益身心。即使没有一丝基础，你也可以在草地上玩得酣畅淋漓。因为飞盘上手快，是一种非常快乐的有氧运动！飞盘，是可以迅速激活全身肌肉的健身项目 ，男女同场竞技、门槛低、强社交、无身体碰撞......这些特点让任何人都能轻松上手。 Frisbee飞盘这是一项只有20多年发展历程的运动这是一项已有十余种正式国际竞赛的运动这是一项可以提高多种身体机能的运动: 眼手协调力 专注力 弹跳力 免责声明： 本活动为非盈利户外公益活动，可能存在其他风险因素。团队的任何一名队员都应本着：“尽力救助，风险自担”的原则参加这次活动，参与人员选择共同参与，属于自愿行为，双方不存在强制性约束力。并且明确知道此次活动不存在合同范畴的权利义务关系。 主办方负责对活动进行组织协调，如活动中发生意外事故，组织者有义务组织救援，但不承担任何法律和经济责任，特此申明！ 如活动中产生经济与身体损害，由受损害人和本组织声明依法解决，特此声明。凡报名参与此次活动，均视为已阅读并认可本声明，活动开始后本声明自动生效并表明你接受本声明，否则，请在活动开始前退出！参加活动请自行购买至少涵盖活动当日的意外险，未购买活动当日意外险的谢绝参与活动！ 照片说明：默认主办方拥有活动当天所有相关照片的使用权、传播权。如有异议，请提前与领队沟通，否则默认同意上述条款。 报名后请添加领队获取最新活动安排。

This is a group for anyone interested in learning Chinese, including oral Chinese ,business Chinese ,HSK. And on every Friday night we do Chinese Corner,greetings,learning part, language exchange, free talk,games etc. Btw, coffee,drinks are on the side. all skill levels are Welcome!! It’s a great chance to make international friends ,and learn about other cultures . Looking forward to seeing you:-) WeChat : ZoeMandarinClass 喜欢外语的朋友欢迎加入我们！既能练习第二语言，又能结交一些新朋友，感受不同国家的文化和习惯！欢迎大家!

Helooo, first I should let you know that our time and loclocation changes from time to time, we don’t very often updateHelooo, first I should let you know that our time and loclocation changes from time to time, we don’t very often update from different platforms, pls add my wechat to follow the latest information, thank you

Hi there, Welcome to join our group to practice the new language with new friends. WeChat: ZoeMandarinClass

I will organize a go meeting on every sunday night near nanjing east road. The cafe is nice and i will bring one board with me at the first meeting. Beginners are welcome. I will show the basic rules. Do suggest you add my wechat 864324659 and I can know your levels to find opponents.

Chinese Corner in Jing an(Line 7 Changping Lu station) Please free free to join us. All levels are welcome! Don’t worry about your Chinese level, we have mandarin teachers here to help you, any questions free to ask. More informations Welcome to add WeChat : ZoeMandarinClass

Welcome to the Shanghai Pub Crawl! If you're someone who loves trying different drinks, making new friends, and exploring the nightlife of Shanghai, this group is made for you. **Our Events:** Join us at 9 PM for our exciting pub crawl events that give you a chance to discover the coolest nightlife spots in Shanghai. Here's what you can expect: * **Free shots** (one free shot at each bar) * **Free club entry ticket** (usually priced at 100CNY and up) * Bar-hopping (**3 Bars+1 Club, 4 hours tour**) * People from all over the world (Usually 15-25 people.) * Photos for attendees * Free taxi transfers between bars Who is this for? Everyone!!! Tourists / Expats / Locals / Students - Whether you're a night owl or just looking to try out different bars, all are welcome to join! 🔴 **Q&A** 1. **Q: Is it suitable for someone going alone?** **A:** Absolutely! In fact, 90% of our guests come by themselves. 2. **Q: How many people usually join the event?** **A:** On weekdays, around 15–25 people; on Saturdays, about 15–35 people. 3. **Q: Is there a dress code?** **A:** No dress code, just avoid wearing flip-flops. 4. **Q: Do I need to bring my passport?** **A:** No, it’s not necessary. 5. **Q: On which days do events take place?** **A:** Usually on Thursdays and Saturdays, but please check the schedule on Meetup. Make sure to contact the organizer first, or you might end up at the wrong place. 6. **Q: I don’t drink. Is this event suitable for me?** **A:** Of course! The event is all about socializing, not getting drunk. But the price is the same, and we can’t replace the free shots with drinks or anything else. 7. **Q: I saw that no one has signed up on the Meetup app. I was wondering if this is common until the day of the event, or if people usually don’t sign up there?** **A:** There will be enough people for the event, most people just don't sign up here 🔴 **Ticket**: 1. Online: ¥***150 RMB = $ 20*** (https://www.eventbrite.hk/e/4-hour-shanghai-pub-crawl-bar-hoppingnightlife-tour-tickets-1048633911257?aff=meetup0eventinfo) 2. Pay on arrival: ***¥180*** 🔴 **Contact**: (Please be sure to contact the organizer before you come) WeChat (ID): ***PubCrawl_Shanghai*** WhatsAPP: **8618101241515** Official website: https://shanghaipubcrawl.com **🔴** **Meeting location**: We will meet at a bar called “Side Bar,” which you can find on Google Maps. Chinese address: 上海市 黄浦区 茂名南路 56号 食尚谷1层 **🔴** **As long as the event is listed on Meetup, we will definitely organize it. Most people actually don’t sign up through Meetup**

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

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