CSS
Conheça outras pessoas em sua região interessadas em CSS: compartilhem experiências, inspirem-se e encorajem-se! Junte-se a um grupo sobre CSS.
2.825
membros
6
grupos
Tópicos relacionados
Maiores grupos sobre CSS
Grupos mais recentes sobre CSS
Perguntas Frequentes
Sim! Confira os eventos de css que estão acontecendo hoje aqui. Estes são encontros presenciais onde você pode conhecer outros entusiastas e participar de atividades agora mesmo.
Descubra todos os eventos de css que estão ocorrendo esta semana aqui. Planeje-se e participe de encontros emocionantes ao longo da semana.
Com certeza! Encontre eventos de css perto da sua localização aqui. Conecte-se com a sua comunidade local e descubra eventos na sua área.
Eventos de CSS Hoje
Participe de eventos presenciais de CSS que estão acontecendo agora
🔥COMUNICACIÓN NO VIOLENTA en acción - PALERMO
En este encuentro trabajaremos con **conversaciones reales**, de esas que a veces evitamos, postergamos o atravesamos con tensión.
Es un espacio de **práctica colectiva**, donde miramos **cómo hablamos, cómo escuchamos y qué efecto tienen nuestras palabras**.
**✅¿Cómo será el encuentro?**
* Trabajo en grupo
* Casos reales aportados por los participantes
* Sin juicios, sin consejos rápidos, sin recetas
La propuesta es **entrenar la mirada**: detectar qué acerca y qué aleja en una conversación, y qué nos pasa cuando la compasión se pierde.
**✅¿Para quién es?**
* Personas que atraviesan conversaciones difíciles en su vida personal o laboral.
* Líderes, profesionales, emprendedores o cualquier persona interesada en comunicarse mejor.
👉🏼**Valor:**
* Miembros **Meetup**: **$6,000 ✅**
* Miembros **Club de Liderazgo**: $4,000 (únete en [club.exoliderazgo.com](club.exoliderazgo.com))
*\*El valor incluye acceso al encuentro. NO incluye consumición.*
**Facilitador**: Esteban Coluccio, Coach Ontológico Certificado (ICF) Lic. en Administración, Magister en Finanzas, ex Director Financiero de IBM.
Realizó cursos de Liderazgo en Armonk, New York - San Pablo, Brasil, entre otros.
👉🏼Para mantenernos conectados, te invito a seguirme 📱[Instagram](https://www.instagram.com/exoliderazgo)
Social Meet - New Friends, Good Connections | 🌎Culture Shock Therapy
VERSION EN ESPAÑOL ABAJO 👇
**🌎 Social Meet- by Culture Shock Therapy**
Meeting new people as an adult shouldn’t feel like a job interview
Social Meet is a relaxed international gathering where locals, expats, and travelers come together to talk, laugh, and connect naturally
📍 Tienda de Cafe Italiano – Perón 4233, CABA
🕕 Every Saturday \| 18:00 – 20:00
🎟 Entry: 5,000 ARS (≈ 5 USD)
What you can expect:
• Multilingual conversations
• Cultural exchange
• Locals + expats + travelers
• Genuine laughs
• A relaxed and friendly atmosphere
Just real people and real conversations.
Follow us on Instagram:
[https://instagram.com/culture.shocktherapy](https://instagram.com/culture.shocktherapy)
━━━━━━━━━━━━━━━━━━━━
VERSIÓN EN ESPAÑOL 👇
**🌎 Culture Shock Therapy – Social Meet**
Conocer gente nueva de adulto no debería sentirse como una entrevista.
Social Meet es un encuentro internacional relajado donde locales, extranjeros y viajeros se juntan para hablar, reír y conectar de forma natural.
📍 Tienda de Cafe Italiano – Perón 4233, CABA
🕕 Todos los sábados \| 18:00 – 20:00
🎟 Entrada: $5.000
Qué podés encontrar:
• Conversaciones en varios idiomas
• Intercambio cultural
• Locales + extranjeros + viajeros
• Risas reales
• Ambiente relajado y amigable
Sin presión. Sin caretas. Sin incomodidad.
Solo gente real y buenas conversaciones.
Seguinos en Instagram:
[https://instagram.com/culture.shocktherapy](https://instagram.com/culture.shocktherapy)
Mate club 🧉 - Language Exchange at Rabieta BAR (Palermo)
# Mate Club – Language Exchange en Buenos Aires 🧉
¿Querés practicar idiomas y conocer gente de todo el mundo en un ambiente relajado y social?
Mate Club es un espacio de intercambio de **inglés, español y portugués** donde nos juntamos a conversar de forma real, espontánea y dinámica.
FORMULARIO DE INSCRIPCION: [https://forms.gle/sKe9TDeGFBosfVUSA](https://forms.gle/sKe9TDeGFBosfVUSA)
Valor de entrada única: 7,000ARS
Valor del abono mensual: 25,000ARS (4 encuentros durante el mes)
🧉 Compartimos mate durante todo el evento.
💬 Proponemos dinámicas para que todos puedan participar.
🌍 Participan locales, viajeros y estudiantes de distintos países.
🤝 Organizamos los grupos para que realmente practiques.
Si querés mejorar tu fluidez, perder la vergüenza al hablar y vivir una experiencia auténtica en Buenos Aires, sumate.
Nos vemos en Mate Club 🧉
📩 Consultas: mateclubdeconversacion@gmail.com
***\* It's important to note that the people who RSVP through Meetup are often new, so they don't necessarily reflect the actual number of regular attendees.\****
NightCrawl BA - Bar Tour
Join our **Night Crawl**!
We´re planning an unforgotable night to make great memories and friendships
⚠️ NEW: The tour is for people aged 25 or older. If you’re younger you can join on Fridays (write us for more details)
ITINERARY:
8:30 PM to 10:00 PM: First bar with complimentary pizza
10:00 PM to 11:30 PM: Second bar with a welcome shot
11:30 PM to 1:00 AM: Third bar with a welcome shot
1:00 AM to 7:00 AM: Nightclub with priority entrance
We have a [group chat](https://chat.whatsapp.com/EYUV7su8YvxKFK6JPX5Lli?mode=gi_t) to meet others attending
️ How to get the entrance?
- On [Passline](https://www.passline.com/eventos/nightcrawl-496024)
- At the first venue with cash or card
If you buy it before Saturday, it’s cheaper
✨ What is included?
- Pizza in the first bar
- A shot in the second and third bar
- Club entry without queue
- Games to meet other friends
- The best energy to make it an unforgettable night
See you!
\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-
¡Únete a nuestro Night Crow!
Estamos planeando una noche inolvidable para crear grandes recuerdos y amistades
⚠️ NUEVO: El tour es para mayores de 25 años. Si eres menor, puedes unirte los viernes (escríbenos para más información).
ITINERARIO:
20:30 a 22hrs: Primer bar con bandejeo de pizza incluido
22 a 23:30hrs: Segundo bar con shot de bienvenida
23:30 a 1am: Tercer bar con shot de bienvenida
1am a 7am: Club nocturno con entrada preferencial
Hay un [chat grupal](https://chat.whatsapp.com/EYUV7su8YvxKFK6JPX5Lli?mode=gi_t) para conocer a otros asistentes
️ ¿Cómo conseguir la entrada?
- En [Passline](https://www.passline.com/eventos/nightcrawl-496024)
- En el primer bar, en efectivo o tarjeta
✨ ¿Qué incluye?
- Pizza en el primer bar
- Un shot en el segundo y tercer bar
- Entrada al club sin filas
- Juegos para conocer gente
- El mejor ambiente para una noche inolvidable
¡Nos vemos!
Spanglish Saturday Language Exchange Palermo - Every Saturday
How does it work?
Get paired with native speakers in a series of 10-minute conversations during every two-hour session. Attending as little as two times a week, for 2 hours at a time, you’ll meet and practice with an unparalleled number of native speakers.
https://youtu.be/blo5nNjgMBc
https://youtu.be/xk04lA9x3qQ
https://youtu.be/2TJMigrxiwI
There is no shortcut to Spanish fluency - but Spanglish is so fun you won’t want one! Spanglish starts during the 30 minute check in: Get to know the other Spanglishers – about half of the attendees at every event are new! After a little bit of ice-breaking, you’ll head to an assigned table for your first one-on-one conversation. No need to worry about making mistakes – the person sitting across from you is in the same boat! You converse for 5 minutes in english, 5 in Spanish – and then move on to a new conversation partner. By the second rotation we promise you’ll be having so much fun you’ll forget you’re learning.
What do we talk about at Spanglish?:
Whatever you want! There are no set topics. We talk about everything from our favorite superheroes to our favorite restaurants – it’s the best way to practice another language – hanging out in a relaxing environment and talking about stuff you know and like!
Who attends Spanglish?
Study abroad students, international students, local Argentine students studying English and anyone looking for a flexible, affordable, and comfortable environment to practice their conversation skills.
How much does it cost?
AR$10000 at the event.
Get the Spanglish package 4 events AR$28000
Enjoy the virtual language exchange events for FREE
You can find more information on our website http://www.spanglishexchange.com and see pictures of the events at facebook.com/SpanglishBuenosAires
***
►HOW TO BE PART?
Go directly to the bar during the check in time and you will find a Spanglish Staff who will register you!
►HOW DOES IT WORK?
Get paired with native speakers in a series of 10-minute conversations during every two-hour session. Attending as little as two times a week, for 2 hours at a time, you’ll meet and practice with an unparalleled number of native speakers.
There is no shortcut to Spanish fluency - but Spanglish is so fun you won’t want one! Spanglish starts during the 40 minute check in: Get to know the other Spanglishers – about half of the attendees at every event are new! After a little bit of ice-breaking, you’ll head to an assigned table for your first conversation. No need to worry about making mistakes – the person sitting across from you is in the same boat! You converse for 5 minutes in english, 5 in Spanish – and then move on to a new group of conversation partners. By the second rotation we promise you’ll be having so much fun you’ll forget you’re learning.
►WHO ATTENDS SPANGLISH?
Study abroad students, international students, local Argentine students studying English and anyone looking for a flexible, affordable, and comfortable environment to practice their conversation skills.
Eventos de CSS Esta Semana
Descubra o que está acontecendo nos próximos dias
Naveguenos en Velero desde Palermo
Saldremos a navegar en mi velero desde mariana Puerto Norte (ubicada en Palermo, frente a aeroparque Jorge Newbery) Av. Rafael Obligado 4899.
IG: velebaires
https://youtu.be/S5EjxJGS15Q
El precio por persona es de $20.000.
Soy instructor de náutica, si quieren les puedo enseñar a navegar. Realice el curso de Piloto de yate (habilitación que permite cruzar Oceanos)
* No necesitas tener experiencia.
* En caso de lluvia, se suspende.
* Trae ropa cómoda, nada en especial.
* Sugerimos llegar 10 minutos antes de la salida.
* Cupos disponibles por orden de llegada.
* No incluye comida ni bebidas. Puedes traer lo que quieras (no están permitidas las bebidas alcohólicas)
* La serie de mi velero tomó fama por su seguridad y fortaleza, ya que cruzó el Océano Atlántico y navegó de Ushuaia al Polo Norte ida y vuelta.
Nos reunimos en la entrada del Puerto.
Make Friends: Not Small Talk - Deep talks & Coffee | 🌎Culture Shock Therapy
SPANISH VERSION BELOW 👇
**☕ Culture Shock Therapy – Deep Conversation / Coffee Talk**
Some conversations change your day.
Some change your life.
Every Sunday we create a space for meaningful conversations about life, emotions, culture, psychology, relationships, and the things we usually don’t talk about in normal social events.
📍 Tienda de Cafe Italiano – Perón 4233, CABA
🕕 Every Sunday \| 18:00 – 20:00
🎟 Entry: 5,000 ARS (≈ 5 USD)
**What you can expect:**
• Deep questions
• Social dynamics
• Interactive games to feel comfortable
• Open-minded people
• Respectful environment
• Coffee, ideas, and connection
You don’t need to be an expert.
You just need to be honest.
This is not small talk.
This is real conversation.
Follow us on Instagram:
[https://instagram.com/culture.shocktherapy](https://instagram.com/culture.shocktherapy)
━━━━━━━━━━━━━━━━━━━━
VERSIÓN EN ESPAÑOL 👇
**☕ Culture Shock Therapy – Deep Conversation / Coffee Talk**
Algunas conversaciones te cambian el día.
Otras te cambian la vida.
Cada domingo creamos un espacio para conversaciones con sentido sobre la vida, emociones, cultura, psicología, relaciones y todo lo que normalmente no se habla en eventos sociales comunes.
📍 Tienda de Cafe Italiano – Perón 4233, CABA
🕕 Todos los domingos \| 18:00 – 20:00
🎟 Entrada: $5.000
**Qué podés encontrar:**
• Preguntas profundas
• Dinámicas sociales
• Juegos para que todos se sientan cómodos
• Gente abierta
• Ambiente respetuoso
• Café, ideas y conexión
No necesitás ser experto.
Solo necesitás ser auténtico.
Esto no es charla superficial.
Es conversación real.
Seguinos en Instagram:
[https://instagram.com/culture.shocktherapy](https://instagram.com/culture.shocktherapy)
Practical Philosophy - San Telmo 🇦🇷
**IMPORTANTE**: El evento transcurre en el parque, que es grande; y si el clima lo requiere en algún café cercano. Por tal motivo se recomienda ingresar al grupo de **Whatsapp** para acceder a la ubicación exacta y actualizada: https://chat.whatsapp.com/JXuUvIkBR8VKyanyUgFKWa
**IMPORTANT:** The meeting is in the park, that is quite big; and in case of raining in a nearby Cafe. Because of that, is highly recommended to join the WhatsApp group in order to know the precise and uploaded location: https://chat.whatsapp.com/JXuUvIkBR8VKyanyUgFKWa
🏛️ **¿DE QUÉ SE TRATA FILOSOFÍA PRÁCTICA?**
Filosofía Práctica es un encuentro semanal para quienes disfrutan de conversaciones profundas, el pensamiento crítico, y la exploración de nuevas ideas. No necesitas conocimientos previos, solo curiosidad y ganas de compartir.
Cada semana abordamos un tema distinto, practicando la comunicación y construyendo una comunidad de personas reflexivas.
📓 **¿CÓMO FUNCIONA?**
* Compartimos el tema de la semana en nuestro grupo de WhatsApp con algunas preguntas guía.
* Nos reunimos a las 14:00, comenzando con una charla informal antes de la discusión.
* Conversamos en grupos pequeños para que todos puedan participar.
* Al final, cada grupo comparte sus conclusiones y cerramos la sesión alrededor de las 16:00.
🧧 **¿CUÁNTO CUESTA?**
¡Es completamente gratis! Si nos reunimos en un café, solo pedimos que apoyes el lugar comprando una bebida. Algunas sedes alquilan un espacio y pueden solicitar donaciones voluntarias, pero no es obligatorio.
💛 **LO QUE DICEN**
🗣 “Siento que Filosofía Práctica te ayuda a construir tu propio sistema de creencias a través de diversas perspectivas, sin imponer lo que está bien o mal.” – Ekam
🗣 “Desde la primera vez que asistí (el tema era autoridad), supe que este era mi lugar. Me encanta cómo nos desafía a cuestionar diferentes puntos de vista, fomentando la apertura y la flexibilidad mental.” – Daniel
🗣 “Siempre quise tener este tipo de conversaciones, pero nunca encontré el espacio adecuado… hasta ahora. La gente, los temas, los debates abiertos… todo hace que sienta que pertenezco aquí.” – Sofía
🤓 **PREGUNTAS FRECUENTES**
📌 **¿Debo estudiar antes de asistir?** – No es necesario. Nos interesa saber *qué piensas tú*, no solo lo que dijeron los filósofos clásicos. Si quieres compartir ideas de alguna corriente de pensamiento, ¡adelante!, pero no es un requisito.
📌 **¿Se habla español?** – ¡Sí! Organizamos los grupos según el idioma para que todos se sientan cómodos participando.
📌 **¿Puedo ir solo/a?** – ¡Por supuesto! Muchos asistentes llegan solos y terminan haciendo grandes conexiones.
📌 **¿Dónde se reúnen?** – Compartimos la ubicación en WhatsApp y Meetup. Recomendamos unirte al grupo de WhatsApp para estar al día.
✨ **Desde 2021, Filosofía Práctica ha crecido a más de 50 capítulos en todo el mundo. ¡Únete a la comunidad!**
**EL GRUPO DE WHATSAPP ES EN INGLES, CUALQUIER DUDA CONSULTE POR EL ORGANIZADOR AL INGRESAR.**
📲 [WhatsApp](https://chat.whatsapp.com/JXuUvIkBR8VKyanyUgFKWa) \| 📷 [Instagram](https://www.instagram.com/practicalphilosophyclub/) \| 🌍 [Website](https://www.practicalphilosophy.club/)
🏉🌎🍻 Mixed Tag Rugby Game
(We run games every week despite the attendees you'll see in Meetup. Contact Davi on WhatsApp 1-2 days before at +5511 959517055 to guarantee attendance)
🌎 Mixed Tag game for everyone! 🥳
🏉 Tag is a beginner-friendly, no contact sport. There’s no tackling (we provide the velcro tags) and we encourage players to include all newbies!
📍 Location is around Palermo (Message Davi for exact details)
⏰ Time is 4pm to 6pm (During summer we change to 5pm to 7pm, message me!)
👟 All you need to bring is sportswear and water
We will occasionally ask for donations to help maintain the equipment for the game
🍻 We always go for drinks afterwards!
Eventos de CSS Perto de Você
Conecte-se com a sua comunidade local de CSS
CSS3 Master Series (Class 05 of 06) (FEE BASED)
**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:**
CSS3 Master Series (Class 06 of 06) (FEE BASED)
**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:**
IxDA Chat ‘n Pancakes
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!
Columbus PHP: Monthly Meetup
Our monthly PHP meetup.
A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm
Page Building with Bricks (Class 03 of 10) (FEE BASED)
**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.
HTML5 Master Series (Class 01 of 04) (SPECIAL OFFERING)
**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.























