HTML & CSS

Open week in La Calíope Come and try our stretching class to finish your week relaxed .

dirigido a personas que buscan (re) conectar con su Cuerpo Creativo y la energía sutil. Mediante el Enraizamiento, la activación de motores y trabajos de Centro nos acercamos de manera suave a la Expresión Corporal que es una herramienta muy necesaria para poder escuchar el.cuerpo y dialogar hacia dentro, tanto como para ejercer presencia absoluta donde nos encontremos y podamos dialogar con nuestro entorno siendo capaces de generar una respuesta más que solo reaccionar.

⭐️⭐️⭐️⭐️⭐️ **❤️ Toda la info y para apuntarte [aquí](https://thehikers.es/products/ruta-barcelona-tamarit-waikiki-tarragona?utm_source=meetup&utm_medium=event&utm_campaign=ruta-barcelona-tamarit-waikiki-tarragona)**

🇩🇪Hallo alle zusammen! Diesen Sonntag gehen wir in Eixample zum Bier, wo wir verschiedene Sprachen wie Deutsch und Spanisch üben können. Ermutigen Sie sich, neue Leute kennenzulernen Diese Bar hat eine große Auswahl an Bieren.Es gibt auch deutsches Bier. Lass uns trinken!😉 🍻🍺 Ich möchte Sie daran erinnern, dass Sie sich auf der Meetup-Seite anmelden müssen, wenn Sie an einer Veranstaltung teilnehmen möchten. Ich möchte auch betonen, dass es notwendig ist, sich bei allen vorgeschlagenen Aktivitäten korrekt und angemessen zu verhalten, und dass sich die Organisatoren das Recht vorbehalten, die Teilnehmer zuzulassen, falls dies nicht der Fall ist. Hola a tod@s ! Este domingo nos vamos de cañas por el Eixample vario Bien donde podremos practicar diferentes idiomas como alemán y español. Animate a conocer gente nueva. Este bar tiene una gran variedad de cervezas internacionales. ¡ Tiene cerveza alemana tambien Vamos a probarlas! 😉 🍻🍺 Me gustaría recordar que es obligatorio apuntarse en la página de meetup cuando se quiera asistir a un evento. También quiero recalcar que es necesario tener un comportamiento correcto y adecuado en todas las actividades propuestas, y que en caso de que esto no sea así, los organizadores se reservan el derecho de admisión de los participantes. No se permite ningún tipo de spam.

Hola a tod@s ! Este domingo nos vamos de cañas por Eixample donde podremos practicar diferentes idiomas como español,inglés , francés , , portugués , italiano ruso etc ... Animate a conocer gente nueva. Este bar tiene una gran variedades de cervezas internacionales. ¡ Vamos a probarlas! 😉 🍻🍺 Me gustaría recordar que es obligatorio apuntarse en la página de meetup cuando se quiera asistir a un evento. También quiero recalcar que es necesario tener un comportamiento correcto y adecuado en todas las actividades propuestas,y que en caso de que esto no sea así, los organizadores se reservan el derecho de admisión de los participantes.No se permite ningún tipo de spam. 🇬🇧Hi everyone! This Sunday we are going to have drinks and fun in Eixample! It is a wonderful opportunity to practice as many languages as you like: Spanish,English, French, Italian, and Portuguese ,Russian... Come with us, meet new people and....enjoy! This bar has a great variety of international beers. Let's try them! 😉 🍻🍺 I would like to remind you that it is mandatory to sign up on the meetup page when you want to attend an event. I also want to emphasize that it is necessary to have a correct and appropriate behavior in all the proposed activities, and that in case this is not the case, the organizers reserve the right of admission of the participants. No type of spam is allowed. 🇫🇷 Bonjour à tous! Ce dimanche nous allons faire la fête dans le Eixample où nous pouvons pratiquer différentes langues comme l'espagnol, l'anglais, le français, le portugais, russe,etc ... Motivez-vous à rencontrer de nouvelles personnes. Ce bar propose une grande variété de bières internationales. Essayons-les ! 🍻🍺😉 🍻🍺 Je vous rappelle qu'il est obligatoire de s'inscrire sur la page meetup lorsque vous souhaitez assister à un événement. Je tiens également à souligner qu'il est nécessaire d'avoir un comportement correct et approprié dans toutes les activités proposées, et qu'au cas où ce ne serait pas le cas, les organisateurs se réservent le droit d'admission des participants.Aucun type de spam n'est autorisé. 🇮🇹Ciaooo a tutti! Questa domenica ci troviamo nel Eixample per fare un po’ di festa! Sarà un’occasione per praticare tante lingue:spagnolo, inglese, francese, portoghese, russo... Vieni a divertirti con noi! Questo bar ha una grande varietà di birre internazionali. Proviamoli! 😉 🍻🍺 Vorrei ricordarvi che è obbligatorio iscriversi alla pagina del meetup quando si vuole partecipare ad un evento. Ci tengo inoltre a sottolineare che è necessario avere un comportamento corretto ed adeguato in tutte le attività proposte, e che in caso contrario gli organizzatori si riservano il diritto di ammissione dei partecipanti Non è consentito alcun tipo di spam. 🇵🇹 🇧🇷Olá a todos! Neste Domingo vamos fazer festa no Eixample onde podemos praticar vários idiomas como Espanhol,Inglês, Francês, , Português, ruso etc ... Incentive-se a conhecer novas pessoas Este bar tem uma grande variedade de cervejas internacionais. Vamos experimentá-los! 😉🍻🍺 Gostaria de lembrar que é obrigatório se inscrever na página do Meetup quando quiser participar de um evento. Ressalto também que é necessário um comportamento correto e adequado em todas as atividades propostas, e caso não seja o caso, os organizadores se reservam o direito de admissão dos participantes, não sendo permitido nenhum tipo de spam. Neste evento, por segurança, teremos que conversar um pouco mais distância 🇷🇺Всем привет! В это воскресенье мы будем выпивать и веселиться в Eixample! Это прекрасная возможность попрактиковать столько языков, сколько захотите: испанский, английский, французский, итальянский, португальский, русский... Присоединяйтесь к нам, знакомьтесь с новыми людьми и... наслаждайтесь! В этом баре представлен большой выбор пива со всего мира. Давайте попробуем! 😉 🍻🍺 Напоминаю, что регистрация на странице встречи обязательна для участия в мероприятии. Также хочу подчеркнуть важность корректного и соответствующего поведения на всех предлагаемых мероприятиях. В случае несоблюдения этого правила организаторы оставляют за собой право допустить участников. Спам в любой форме запрещён.

Nuestra nueva web: [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona) 🤩❤️🍹NEW SUBGRUPO IR AL RESTAURANTE BUFFET LIBRE UN DOMINGO Y HACER AMIGOS/AS. NOS PONEMOS DE ACUERDO Y DECIDIMOS UN DÍA PARA IR EN EL CHAT GENERAL Y ASÍ VAMOS HACIENDO AMISTADES. LA HORA RECOMENDADA ES A PARTIR DE LAS 14:30 YA QUE EL SÁBADO SE TRASNOCHA. ESTE SUBGRUPO SE ORGANIZA A TRAVÉS DE UN CHAT DENTRO DE LA PLATAFORMA PATREON SINGLES BARCELONA. COLABORA, PARTICIPA Y EMPUJA. CREA ACTIVIDAD SOCIAL. COGE LA PALA. [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona)

🌞 ACTIVE SUNDAY, AERUNNERS! Social Run & Coffee! 🏃‍♂️☕👥 📅 Sunday 01/03 ⏰ Meeting at 16:20 P.M at Surf House Barcelona 👟 Easy 5K run, chill pace to enjoy: → 🌴 Passeig de Colom → 🌊 Beach → Hotel W Barcelona 🥑 After: coffee at Surf house or Honest Greens Barceloneta ✨ Come join for good vibes, movement & community. Great company guaranteed this Sunday! 🤎 Let’s start the day in motion, just the way we love it. 🙌 @AERUNIX CLUB @BARCELONA INTERNATIONAL SOCIAL

Let your attendees know what to expect, including the agenda, what they need to bring, and how to find the group.

Nuestra nueva web: [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona) 🤩❤️🍹NEW SUBGRUP IR AL TARDEO DEL DOMINGO X LA TARDE EN BARROKOS COCODRILO CLUB. NOS PONEMOS DE ACUERDO POR EL CHAT GENERAL PARA ENCONTRARNOS PARA TOMAR LA CERVEZA PREVIA EN UN LUGAR CERCANO Y LUEGO NOS VAMOS A BAILAR MÚSICA REMEMBER. ESTE SUBGRUPO SE ORGANIZA A TRAVÉS DE UN CHAT DENTRO DE LA PLATAFORMA PATREON SINGLES BARCELONA. COLABORA, PARTICIPA Y EMPUJA. CREA ACTIVIDAD SOCIAL. COGE LA PALA. [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona)

Nuestra nueva web: [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona) 🤩❤️🍹NEW SUBGRUPO BIRRAS DARDOS BILLAR FUTBOLÍN BEERPONG PARA HACER AMISTADES. SI TE GUSTAN LAS BIRRAS, LOS DARDOS, EL BILLAR, EL FUTBOLÍN, EL BEERPONG Y CONOCER GENTE NUEVA, HAY UN CHAT ADECUADO. NOS PONEMOS DE ACUERDO EN LOS DETALLES POR EL CHAT JUEGOS DE MESA PARA ENCONTRARNOS. ESTE SUBGRUPO SE ORGANIZA A TRAVÉS DE UN CHAT DENTRO DE LA PLATAFORMA PATREON SINGLES BARCELONA. COLABORA, PARTICIPA Y EMPUJA. CREA ACTIVIDAD SOCIAL. COGE LA PALA. [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona)

[APP](https://bit.ly/3LRPxUN) · [WhatsApp Group](https://tinyurl.com/4e57pjzv) · [Website](https://barcelonainternationalsocial.com) · [Instagram](https://www.instagram.com/barcelonainternationalsocial) Join us for a unique Fresh Pasta EXPERIENCE at **Dolcevita** 🍝 Learn to craft fresh pasta from scratch under professional chef guidance, then enjoy your creations with chosen sauces in a communal dining experience. **What's included:** - Hands-on pasta workshop with chef guidance - Ingredients and equipment provided - Your handmade dish - Two beverages - Goodie bag - Professional photography - Social and relaxed atmosphere 📍 **Dolcevita** — Carrer de Jerusalem 30, Barcelona 🕐 **Sunday April 5th, 1:00 PM – 4:00 PM** 💰 **€39.90 per person** 💳 Cash or Bizum (+34 631 961 209) Limited to **25 spots** — reserve yours now! Come solo or with friends. A perfect Sunday afternoon to learn something new, eat amazing food, and meet great people. [App](https://bit.ly/3LRPxUN) · [Grupo de WhatsApp](https://tinyurl.com/4e57pjzv) · [Web](https://barcelonainternationalsocial.com) · [Instagram](https://www.instagram.com/barcelonainternationalsocial) ¡Únete a una experiencia única de pasta fresca en **Dolcevita** 🍝! Aprende a elaborar pasta fresca desde cero con la guía de un chef profesional y disfruta de tus creaciones con las salsas que elijas en una experiencia gastronómica compartida. **¿Qué incluye?** - Taller práctico de pasta con guía del chef - Ingredientes y utensilios incluidos - Tu plato hecho a mano - Dos bebidas - Bolsa de regalo - Fotografía profesional - Ambiente social y relajado 📍 **Dolcevita** — Carrer de Jerusalem 30, Barcelona 🕐 **Domingo 5 de abril, 13:00 – 16:00** 💰 **39,90€ por persona** 💳 Efectivo o Bizum (+34 631 961 209) ¡Plazas limitadas a **25 personas** — reserva la tuya! Ven solo o con amigos. Una tarde de domingo perfecta para aprender algo nuevo, comer increíble y conocer gente genial.

☀️ Eros Art Space Comunidad artística en crecimiento. Ofrecemos formaciones abiertas, para todos los ritmos y todas las edades. 🎨 Técnicas disponibles · Dibujo: grafito, carboncillo, conté, sanguina · Pintura: acuarela, óleo, acrílico, pastel · Técnicas mixtas: collage, monotipia y otras · Taller de arte infantil · Taller de pintura experimental 📚 Programas de participación · Mensual / trimestral: 2h o 4h semanales con seguimiento continuo · Pack libre: elige tus clases sin límite mensual · Clase suelta: ideal para probar o venir puntualmente 🕒 Horarios · Turno mañana: 12:00 – 14:00 · Turno tarde 1: 16:00 – 18:00 · Turno tarde 2: 18:00 – 20:00 👥 Cupo máximo: 10 personas, atención cercana y acompañamiento personalizado. Si quieres, dime qué técnica te interesa y si te encaja alguna sesión o modalidad (mensual, pack libre o clase suelta), y te cuento con más detalle ✨ **Plazas limitadas.** Reserva tu plaza al **650 927 591**

**(CASTELLANO a continuación** 🏝️ **ENGLISH below)** Avui ens espera **un clàssic mariner: la travessa Blanes–Lloret**. Dos pobles plens de turisme d’excessos, però units per un **camí de ronda que guarda racons i cales verges que encara sorprenen**, fins i tot als qui ja creiem conèixer la Costa Brava. A Blanes hi anirem en tren 🚂, i des d’allà ens endinsarem en **12 km amb 390 m de desnivell** per paisatges mariners que canvien a cada gir. Passarem per cales com Sant Francesc, Cala Treumal, Sa Cova i Sa Boadella, descobrint petits racons amagats que solen passar desapercebuts als ulls dels turistes. Aquesta època de l’any, amb la primavera despertant, el camí es vesteix de colors vius, amb pinars que perfumen l’aire i llum que ressalta tots els tons del Mediterrani. Si el sol acompanya, potser ens aturarem a un primer bany de primavera en alguna de les cales més tranquil·les. 👙 **Si ets un enamorat del Mediterrani, no cal esperar a l’estiu: la temporada marinera ja és aquí… i aquest any promet moments inoblidables! ❤️🌊** **Punt de trobada 1:** **al primer vagó del tren** que surt de L'H a les 8:48, passa per Sants a les 8:55, Pça Catalunya a les 9:00, Arc de Triomf 9:03, Clot-Aragó 9:07, Sant Adrià de Besòs 9:16, Badalona 9:25... Cadascú que pugi a l'estació que millor li vagi... i ens anem trobant al primer vagó del tren! **Punt de trobada 2:** si véns en cotxe ens trobem a les 10:50h a Blanes. ℹ️ **Detalls pràctics:** * **Preu:** 25€ * **Inclou:** guiatge per guia titulat, assegurança d'accidents + responsabilitat civil. * **Targeta Nature Connect:** cada 10 rutes... **1 gratuïta!** 🥪 Què cal portar? * Picnic per dinar en ruta * Mínim 1,5 L d’aigua * Calçat de muntanya * Roba en capes (adaptable al temps) * Bastons opcionals 📲 Segueix-nos i estigues al dia! * 📷 Al nostre Insta 👉 [Instagram](https://www.instagram.com/natureconnectbarcelona) * 😎 a Can Facebook 👉 [Facebook](https://www.facebook.com/natureconnecthikes) * 🥰 **i uneix-te al 👉 [Grup de WhatsApp](https://chat.whatsapp.com/H8fQ4srpGthI7j1OWyuBYQ) 👈** per estar informat de properes sortides! Per a + INFO, no dubtis a contactar-me (preferiblement via **WhatsApp**) ☎️ **609 309 797 (Jordi)** \-\-\-\-\-\-\-\-\-⛱️ **CASTELLANO** ☀️ Hoy nos espera **un clásico marinero: la travesía Blanes–Lloret**. Dos pueblos llenos de turismo de excesos, pero unidos por **un camino de ronda que guarda rincones y calas vírgenes que todavía sorprenden**, incluso a quienes ya creíamos conocer la Costa Brava. A Blanes iremos en tren 🚂, y desde allí nos adentraremos por una ruta de 12 km y 390 m de desnivel, por paisajes marineros que cambian a cada paso. Pasaremos por calas como Sant Francesc, Cala Treumal, Sa Cova y Sa Boadella, descubriendo pequeños rincones escondidos que suelen pasar desapercibidos a los ojos de los turistas. En esta época del año, con la primavera despertando, el camino se viste de colores vivos, con pinares que perfuman el aire y luz que resalta todos los tonos del Mediterráneo. Si el sol acompaña, quizás nos detengamos para un primer baño primaveral en alguna de las calas más tranquilas. 👙 **Si eres un enamorado del Mediterráneo, no hace falta esperar al verano: la temporada marinera ya está aquí… y este año promete momentos inolvidables!** ❤️🌊 **¡No te la pierdas!** **Punto de encuentro 1:** **en el primer vagón del tren** que sale de L’H a las 8:48, pasa por Sants a las 8:55, Plaça Catalunya a las 9:00, Arc de Triomf a las 9:03, Clot-Aragó a las 9:07, Sant Adrià de Besòs a las 9:16 y Badalona a las 9:25. Cada uno puede subir en la estación que mejor le vaya… ¡y nos vamos encontrando en el primer vagón del tren! **Punto de encuentro 2:** si vienes en coche nos encontramos a las 10:50h en Blanes. ℹ️ **Detalles prácticos:** * **Precio:** 25€ * **Incluye:** guía titulado, seguro de accidentes + responsabilidad civil. * **Tarjeta Nature Connect:** cada 10 rutas… ¡1 gratis! 🥪 **¿Qué hay que llevar?** * Picnic para comer en ruta * Mínimo 1,5 L de agua * Calzado de montaña * Ropa por capas (para adaptarnos al clima) * Bastones (opcionales) 📲 **Síguenos y mantente al día:** * 📷 En Instagram 👉 [Instagram](https://www.instagram.com/natureconnectbarcelona) * 😎 En Facebook 👉 [Facebook](https://www.facebook.com/natureconnecthikes) * 🥰 Y únete al **👉 [Grupo de WhatsApp](https://chat.whatsapp.com/GnAyY0TPC259jA8FC2jIJy) 👈** para estar al día de nuestras próximas salidas **Para + INFO, no dudes en contactarme** (preferiblemente por WhatsApp) ☎️ **609 309 797 (Jordi)** \-\-\-\-\-\-\- 🥾 **ENGLISH** 🌿 Today we have a classic coastal hike ahead: the Blanes–Lloret route. Two towns full of tourist excesses, yet connected by a coastal path that hides secret spots and pristine coves that still manage to surprise, even for those of us who thought we knew the Costa Brava well. We’ll go to Blanes by train 🚂, and from there we’ll set off on **12 km with 390 m of elevation**, through seascapes that change with every turn. We’ll pass coves like **Sant Francesc, Cala Treumal, Sa Cova, and Sa Boadella, discovering small hidden corners** often missed by the typical tourist. At this time of year, with spring awakening, the path dresses in vibrant colors, pine forests scenting the air, and sunlight highlighting every shade of the Mediterranean. If the sun is shining, we might even stop for a first spring swim in one of the quieter coves. 👙 **If you love the Mediterranean, there’s no need to wait until summer: the seaside season is already here… and this year promises unforgettable moments! ❤️🌊 Dont' miss it!** **Meeting point 1:** in the first carriage of the train departing from L’H at 8:48, stopping at Sants at 8:55, Plaça Catalunya at 9:00, Arc de Triomf at 9:03, Clot-Aragó at 9:07, Sant Adrià de Besòs at 9:16, and Badalona at 9:25. Everyone can hop on at the station that suits them best… and we’ll meet up in the first carriage of the train! **Meeting point 2:** if you’re coming by car, we’ll meet at 10:50 in Blanes. ℹ️ **Practical info:** * **Price:** 25€ * **Includes:** certified guide + accident and liability insurance * **Nature Connect Card:** every 10 hikes… 1 free! 🥪 **What to bring:** * Picnic lunch * At least 1.5 L of water * Mountain/hiking shoes * Layered clothing (weather can change!) * Trekking poles (optional) 📲 **Stay connected:** * 📷 On Instagram 👉 [Instagram](https://www.instagram.com/natureconnectbarcelona) * 😎 On Facebook 👉 [Facebook](https://www.facebook.com/natureconnecthikes) * 🥰 Join our **👉 [WhatsApp group](https://chat.whatsapp.com/GnAyY0TPC259jA8FC2jIJy) 👈** to stay updated on upcoming outings **For more info, feel free to contact me** (preferably via WhatsApp) ☎️ **+34 609 309 797 (Jordi)**

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

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

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!

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

Columbus Code & Coffee is an inclusive, informal co-working session. People of all skill levels attend, and we love it that way. Many people (optionally) bring projects to work on, and many other people (optionally) socialize the entire time. It's entirely up to you! **What to Expect at the Intro Circle** \~\~\~\~\~\~\~\~\~\~\~\~\~ Near the beginning of the event (1:30 pm), we do a standup: * Organizer announcements, updates, and logistics Round 1 - (7 secs max): * Your name * What you're working on * What you can help others with Round 2: * Community events you wanna plug. If none, that's cool too. Round 3: * Job opportunities you're hiring for OR announce that you are looking for one. If none, that's cool. After the introduction circle, everything is self-organized! Feel free to work alone, pair up, attend one of our workshops/presentations, or mingle!