The document discusses HTML and CSS. It provides an overview of HTML tags and attributes used to structure a basic HTML page. It then discusses CSS and how it is used to style and lay out HTML elements. CSS syntax and different selectors like id, class, and pseudo-class selectors are explained. The CSS box model is also summarized. Finally, it briefly mentions JavaScript and where JavaScript code runs.
CSS (Cascading Style Sheets) is a language used to style and lay out web pages. It allows separation of document content from document presentation through external style sheets. There are three main ways to insert CSS - external, internal, and inline. CSS rules are made up of selectors and declarations, where declarations include properties and values separated by a colon. Common selectors include element, id, class, universal, and group selectors. External style sheets can change the look of an entire website by editing just one CSS file linked across pages.
LyX is a document processor based on WYSIWYM (What You See Is What You Mean) rather than WYSIWYG like traditional word processors. It acts as a front end for LaTeX, allowing users to focus on content over formatting. LyX handles formatting tasks like page numbering, footnotes, and cross-references automatically after content is written. It excels at features for academic writing like mathematics, lists, tables, and cross-referencing. The document provides instructions on how to get started using LyX and resources for learning more.
The document discusses HTML and CSS. It provides information on basic HTML tags and page structure. It also defines CSS and describes the different ways to insert CSS code into an HTML document, including internal, external, and inline stylesheets. The document further explains CSS syntax, selectors like id and class, and properties of the box model. It provides an example of CSS code to style a signup form.
CSS is a stylesheet language that describes the presentation of HTML and XML documents. It allows you to control the style and formatting of elements on web pages, including colors, layout, fonts, and more. CSS syntax is composed of selectors that specify the target element and declarations with properties and values to style those elements. Different selector types like element, id, class, and grouping selectors target elements. CSS uses punctuation like semicolons, colons, and brackets to define properties, values, and declarations.
This document provides an overview of Cascading Style Sheets (CSS) including what CSS is, how it works, the different sources of styles, CSS selectors, properties, positioning, and inheritance. CSS allows separation of document content from page layout and styles, making web page design and maintenance easier. Styles defined in CSS rules cascade from broad to specific and can come from author styles, user stylesheets, or browser defaults.
CSS is used to style web documents and has advantages like saving time and improving page load speeds. A style rule has a selector, property, and value. There are three types of CSS: inline CSS within HTML tags, internal CSS within <style> tags in the HTML head, and external CSS in a separate .css file linked via <link>. CSS selectors target elements by type, class, ID, and other attributes. Properties control colors, backgrounds, fonts, text, and borders.
1. CSS provides advantages over using tables for page layout such as creating liquid layouts that adapt to screen size and separating content from presentation.
2. When beginning a CSS layout, content and presentation should be separated, pages should be tested across browsers, and fixed, fluid, or hybrid layouts can be chosen.
3. Elements have box properties of content, padding, border, and margin that can be controlled with CSS, and positioning elements allows control of alignment.
The document provides an agenda for a workshop on HTML, CSS, and putting them together. It covers HTML topics like semantic tags, comments, and best practices. It then discusses CSS topics such as IDs vs classes, floats, shorthand, and putting HTML and CSS together with project structure and layouts. The workshop aims to give an introduction to HTML, CSS, and how to structure websites using these languages.
This document discusses CSS positioning properties. It explains static positioning as the default normal flow layout. It describes float as removing an element from the flow and allowing other content to wrap around it. Relative positioning is defined as positioning an element relative to its static position, while fixed takes an element out of flow and positions it relative to the browser window. Absolute positioning positions an element relative to its first positioned ancestor, removing it from the flow. Examples are given for float, relative, fixed, and absolute. Class exercises provide opportunities to practice these positioning techniques.
Code & design your first website (3:16)Thinkful
This document provides an overview of how to code and design a first website. It discusses HTML, CSS, and web development fundamentals. It guides the reader through building a simple "About Me" webpage using Codepen.io to practice HTML and CSS. Tips are provided on downloading the code to a text editor and making the page viewable locally. The document also briefly touches on additional layout concepts like inline vs block elements and the box model. Overall, the document serves as an introductory tutorial for someone with little to no experience to code their first website.
This document discusses various CSS properties for controlling web page layout and positioning of elements. It covers the CSS box model including margins, borders, padding and content, and properties for defining dimensions, positioning, floats and more. Examples are provided for setting widths, heights, paddings, borders, the display property, and using relative, fixed and absolute positioning.
Ever wondered how google.com was made? How our own college website is made?🤔
The recipe is simple: Web Development is all you need for creating such awesome and interactive websites. Just add HTML, CSS and JavaScript to the mix and watch the magic happen!
Want to learn this all but don’t know where to start?
Worry not, for GDSC VJTI hereby presents Introduction to Web Development!🌐
Ever wondered how google.com was made? How our own college website is made?🤔
The recipe is simple: Web Development is all you need for creating such awesome and interactive websites. Just add HTML, CSS and JavaScript to the mix and watch the magic happen!
Want to learn this all but don’t know where to start?
Worry not, for GDSC VJTI hereby presents Introduction to Web Development!
Ever wondered how google.com was made? How our own college website is made?🤔
The recipe is simple: Web Development is all you need for creating such awesome and interactive websites. Just add HTML, CSS and JavaScript to the mix and watch the magic happen!
Want to learn this all but don’t know where to start?
Worry not, for GDSC VJTI hereby presents Introduction to Web Development!🌐
This document provides an overview of CSS (Cascading Style Sheets), including what CSS is, how it separates presentation from content, the history of CSS, sources of styles, selectors, properties, values, and positioning. CSS allows control over font, color, spacing, size, and positioning of elements to change how HTML content is displayed. CSS properties include display, visibility, float, clear, position, and box model properties that affect layout and appearance.
Cordova training - Day 2 Introduction to CSS 3Binu Paul
This document provides an introduction to CSS3 and its key concepts. It discusses how CSS is used to control the style and presentation of HTML documents. The main topics covered include the advantages of CSS like time savings and easy maintenance, the different CSS modules, syntax involving selectors, properties and values, and how to include CSS through different methods. It also explains various CSS properties for styling text, backgrounds, borders, images and positioning elements.
Web development involves designing, building, and maintaining websites and web applications. It includes front-end development (user interfaces and visuals using HTML, CSS, JavaScript), back-end development (server-side logic, databases, and APIs), and full-stack development (both front-end and back-end). Web developers focus on creating user-friendly, accessible, and responsive designs. Modern tools and frameworks like React, Angular, and Django simplify the development process.
CSS (Cascading Style Sheets) allows defining how HTML elements are displayed. CSS uses selectors to apply styles to specific elements through properties and values. There are different ways to add CSS including internal, external, and inline stylesheets. Key CSS concepts include the box model, positioning, grouping, nesting selectors, and creating horizontal navigation bars.
1) The document provides resources for a front-end development session including working files, slides, and an agenda.
2) It reviews HTML tags, CSS selectors, the box model, positioning, and Flexbox.
3) Instructions are given to install Atom plugins and review JavaScript and JQuery before adding an Express server to a webpage.
Cascading Style Sheets (CSS) allow separation of document content from page layout and formatting. CSS can be applied via inline styles, embedded style sheets, or external style sheets linked to HTML. Common CSS properties configure fonts, text, color, spacing, positioning, and other design elements. CSS positioning options include absolute, relative, and z-index layering. CSS supports various color models and effects like rounded corners, shadows, and opacity.
This document provides an introduction to CSS (Cascading Style Sheets) and covers key concepts such as selectors, the box model, positioning, and responsive design. It explains that CSS is used to style and lay out elements on web pages and works together with HTML. The document outlines important CSS topics like selectors, properties and values, units of measurement, the box model, display types, flow, floats, and positioning. It emphasizes best practices like using relative units and media queries for responsive designs.
CSS allows separation of HTML content from its presentation. It can be applied internally within a page's HTML or externally in a separate file. Reasons for external CSS include easier maintenance, reduced file size, and improved flexibility. CSS syntax uses selectors to target elements and applies properties and values to style them. Properties can target text, fonts, links, backgrounds, borders, lists, width/height, positioning and more. CSS handles layout and formatting of elements on a webpage.
Style guides in drupal development workflowsKalin Chernev
This document discusses style guides and their role in Drupal development workflows. It covers the benefits of style guides, including standardization, reusability of components, and serving as living documentation. The document then outlines three main focus areas in development: tools, methodologies, and environment. It also provides an overview of Drupal building blocks like blocks, fields, and entities. Finally, it presents a three-step plan for implementing web components in Drupal through define, view, and render steps.
The document discusses building and using RESTful APIs with Drupal. It provides an overview of REST and its benefits, how data can be managed by Drupal as a REST server or client, considerations for building REST APIs, and modules and tools for working with REST in Drupal. The presentation agenda includes explaining REST, reasons to use RESTful APIs, data management paradigms in Drupal, and a demo of managing data both inside and outside of Drupal via REST.
More Related Content
Similar to Introduction to Frontend Development - Session 2 - CSS Fundamentals (20)
1. CSS provides advantages over using tables for page layout such as creating liquid layouts that adapt to screen size and separating content from presentation.
2. When beginning a CSS layout, content and presentation should be separated, pages should be tested across browsers, and fixed, fluid, or hybrid layouts can be chosen.
3. Elements have box properties of content, padding, border, and margin that can be controlled with CSS, and positioning elements allows control of alignment.
The document provides an agenda for a workshop on HTML, CSS, and putting them together. It covers HTML topics like semantic tags, comments, and best practices. It then discusses CSS topics such as IDs vs classes, floats, shorthand, and putting HTML and CSS together with project structure and layouts. The workshop aims to give an introduction to HTML, CSS, and how to structure websites using these languages.
This document discusses CSS positioning properties. It explains static positioning as the default normal flow layout. It describes float as removing an element from the flow and allowing other content to wrap around it. Relative positioning is defined as positioning an element relative to its static position, while fixed takes an element out of flow and positions it relative to the browser window. Absolute positioning positions an element relative to its first positioned ancestor, removing it from the flow. Examples are given for float, relative, fixed, and absolute. Class exercises provide opportunities to practice these positioning techniques.
Code & design your first website (3:16)Thinkful
This document provides an overview of how to code and design a first website. It discusses HTML, CSS, and web development fundamentals. It guides the reader through building a simple "About Me" webpage using Codepen.io to practice HTML and CSS. Tips are provided on downloading the code to a text editor and making the page viewable locally. The document also briefly touches on additional layout concepts like inline vs block elements and the box model. Overall, the document serves as an introductory tutorial for someone with little to no experience to code their first website.
This document discusses various CSS properties for controlling web page layout and positioning of elements. It covers the CSS box model including margins, borders, padding and content, and properties for defining dimensions, positioning, floats and more. Examples are provided for setting widths, heights, paddings, borders, the display property, and using relative, fixed and absolute positioning.
Ever wondered how google.com was made? How our own college website is made?🤔
The recipe is simple: Web Development is all you need for creating such awesome and interactive websites. Just add HTML, CSS and JavaScript to the mix and watch the magic happen!
Want to learn this all but don’t know where to start?
Worry not, for GDSC VJTI hereby presents Introduction to Web Development!🌐
Ever wondered how google.com was made? How our own college website is made?🤔
The recipe is simple: Web Development is all you need for creating such awesome and interactive websites. Just add HTML, CSS and JavaScript to the mix and watch the magic happen!
Want to learn this all but don’t know where to start?
Worry not, for GDSC VJTI hereby presents Introduction to Web Development!
Ever wondered how google.com was made? How our own college website is made?🤔
The recipe is simple: Web Development is all you need for creating such awesome and interactive websites. Just add HTML, CSS and JavaScript to the mix and watch the magic happen!
Want to learn this all but don’t know where to start?
Worry not, for GDSC VJTI hereby presents Introduction to Web Development!🌐
This document provides an overview of CSS (Cascading Style Sheets), including what CSS is, how it separates presentation from content, the history of CSS, sources of styles, selectors, properties, values, and positioning. CSS allows control over font, color, spacing, size, and positioning of elements to change how HTML content is displayed. CSS properties include display, visibility, float, clear, position, and box model properties that affect layout and appearance.
Cordova training - Day 2 Introduction to CSS 3Binu Paul
This document provides an introduction to CSS3 and its key concepts. It discusses how CSS is used to control the style and presentation of HTML documents. The main topics covered include the advantages of CSS like time savings and easy maintenance, the different CSS modules, syntax involving selectors, properties and values, and how to include CSS through different methods. It also explains various CSS properties for styling text, backgrounds, borders, images and positioning elements.
Web development involves designing, building, and maintaining websites and web applications. It includes front-end development (user interfaces and visuals using HTML, CSS, JavaScript), back-end development (server-side logic, databases, and APIs), and full-stack development (both front-end and back-end). Web developers focus on creating user-friendly, accessible, and responsive designs. Modern tools and frameworks like React, Angular, and Django simplify the development process.
CSS (Cascading Style Sheets) allows defining how HTML elements are displayed. CSS uses selectors to apply styles to specific elements through properties and values. There are different ways to add CSS including internal, external, and inline stylesheets. Key CSS concepts include the box model, positioning, grouping, nesting selectors, and creating horizontal navigation bars.
1) The document provides resources for a front-end development session including working files, slides, and an agenda.
2) It reviews HTML tags, CSS selectors, the box model, positioning, and Flexbox.
3) Instructions are given to install Atom plugins and review JavaScript and JQuery before adding an Express server to a webpage.
Cascading Style Sheets (CSS) allow separation of document content from page layout and formatting. CSS can be applied via inline styles, embedded style sheets, or external style sheets linked to HTML. Common CSS properties configure fonts, text, color, spacing, positioning, and other design elements. CSS positioning options include absolute, relative, and z-index layering. CSS supports various color models and effects like rounded corners, shadows, and opacity.
This document provides an introduction to CSS (Cascading Style Sheets) and covers key concepts such as selectors, the box model, positioning, and responsive design. It explains that CSS is used to style and lay out elements on web pages and works together with HTML. The document outlines important CSS topics like selectors, properties and values, units of measurement, the box model, display types, flow, floats, and positioning. It emphasizes best practices like using relative units and media queries for responsive designs.
CSS allows separation of HTML content from its presentation. It can be applied internally within a page's HTML or externally in a separate file. Reasons for external CSS include easier maintenance, reduced file size, and improved flexibility. CSS syntax uses selectors to target elements and applies properties and values to style them. Properties can target text, fonts, links, backgrounds, borders, lists, width/height, positioning and more. CSS handles layout and formatting of elements on a webpage.
Style guides in drupal development workflowsKalin Chernev
This document discusses style guides and their role in Drupal development workflows. It covers the benefits of style guides, including standardization, reusability of components, and serving as living documentation. The document then outlines three main focus areas in development: tools, methodologies, and environment. It also provides an overview of Drupal building blocks like blocks, fields, and entities. Finally, it presents a three-step plan for implementing web components in Drupal through define, view, and render steps.
The document discusses building and using RESTful APIs with Drupal. It provides an overview of REST and its benefits, how data can be managed by Drupal as a REST server or client, considerations for building REST APIs, and modules and tools for working with REST in Drupal. The presentation agenda includes explaining REST, reasons to use RESTful APIs, data management paradigms in Drupal, and a demo of managing data both inside and outside of Drupal via REST.
Trainings and education at hackerspacesKalin Chernev
The document discusses the importance of training and education for keeping skills relevant in the modern information age, and proposes that hackerspaces provide an ideal environment for both online and in-person learning through workshops, collaboration with others, and opportunities to develop teaching skills and potentially start education businesses. Trainings at hackerspaces allow participants to acquire practical skills, network with people of similar interests, and gain experience that could lead to jobs or projects.
Introduction to Frontend Development - Session 1 - HTML FundamentalsKalin Chernev
This document provides an overview and agenda for a front-end development course. The course will cover HTML, CSS, and JavaScript and be held at init Lab, a hackerspace in Bulgaria. Students will learn HTML fundamentals like tags, paragraphs, headings, and attributes. Choosing a text editor like Sublime Text is also discussed. Homework includes starting a basic HTML document with headings and paragraphs using proper formatting.
This is the second lecture presentation of the SEO Fundamentals Outline course carried out at initLab hackerspace http://initlab.org/events/seo-fundamentals-onpage-optimization/
This document outlines an agenda for a Drupal SEO course. It discusses using the SEO Checklist module to optimize a Drupal site for search engine optimization. Some best practices covered include optimizing page titles, URLs, meta tags, and submitting the site to search engines. The presentation recommends focusing optimization efforts on Google and describes various modules that can be used to track visitors and improve content.
Introduction to Drupal 7 - Performance optimizationKalin Chernev
This document discusses optimizing Drupal performance through caching and modules. It introduces Drupal caching in core and recommends enabling caching in production. It also mentions modules that can help with caching, bandwidth optimization, logging, and optimizing specific components like Views. The document recommends cleaning cache regularly and monitoring logs and statistics to identify issues.
Introduction to Drupal 7 Users and roles managementKalin Chernev
This document discusses managing users and roles in Drupal 7. It covers defining roles and permissions for different types of users, including anonymous and authenticated users. The document recommends setting user account registration to "Administrators only" for control. It also provides instructions for creating new roles and user accounts, and assigning permissions and roles to users. The goal is to control who has access to perform certain actions like creating, editing, and deleting content.
This document provides an introduction to the Panels module in Drupal. It discusses when Panels should be used, how to create a home page using Panels, and how to save Panels configurations as features. The document walks through setting up a three column layout for a home page with Panels, adding content to each region, and exporting the home page panels configuration as a feature for reuse on other sites.
Introduction to Drupal 7 - Homework - webforms on webformsKalin Chernev
This document provides instructions for creating a webform in Drupal 7 to allow site visitors to submit an inquiry. The webform should include fields for names, phone number, email, and comments. It should be displayed in a block on all pages except the home page and contact page. Contact information is provided for getting help with completing the homework assignment.
Introduction to Drupal 7 - Making a slideshow with Views 3Kalin Chernev
This document discusses how to create a slideshow in Drupal 7 using Views. It describes setting up an image style for fixed slide dimensions, creating a content type for slideshow images with fields for title, image, URL and ordering number. It also covers installing required modules, building a Views slideshow block to display the images and creating a feature to package the slideshow functionality.
Introduction to Drupal 7 - Homework - making team sectionKalin Chernev
The document discusses using Drupal Views to create a dynamic employee directory. It outlines requirements such as displaying employee pictures and names in a consistent size, linking to individual profile pages, allowing office assistants to upload new employee profiles, and paginating listings of more than 12 employees. As an example, it links to the staff directory on the Lullabot website. The goal is to build an employee directory in Drupal that meets these requirements.
A short update and next week. I am writing both Session 9 and Orientation S1.
As a Guest Student,
You are now upgraded to Grad Level.
See Uploads for “Student Checkin” & “S8”. Thx.
Thank you for attending our workshops.
If you are new, do welcome.
Grad Students: I am planning a Reiki-Yoga Master Course (As a package). I’m Fusing both together.
This will include the foundation of each practice. Our Free Workshops can be used with any Reiki Yoga training package. Traditional Reiki does host rules and ethics. Its silent and within the JP Culture/Area/Training/Word of Mouth. It allows remote healing but there’s limits As practitioners and masters. We are not allowed to share certain secrets/tools. Some content is designed only for “Masters”. Some yoga are similar like the Kriya Yoga-Church (Vowed Lessons). We will review both Reiki and Yoga (Master tools) in the Course upcoming.
Session Practice, For Reference:
Before starting a session, Make sure to check your environment. Nothing stressful. Later, You can decorate a space as well.
Check the comfort level, any needed resources (Yoga/Reiki/Spa Props), or Meditation Asst?
Props can be oils, sage, incense, candles, crystals, pillows, blankets, yoga mat, any theme applies.
Select your comfort Pose. This can be standing, sitting, laying down, or a combination.
Monitor your breath. You can add exercises.
Add any mantras or affirmations. This does aid mind and spirit. It helps you to focus.
Also you can set intentions using a candle.
The Yoga-key is balancing mind, body, and spirit.
Finally, The Duration can be long or short.
Its a good session base for any style.
Next Week’s Focus:
A continuation of Intuition Development. We will review the Chakra System - Our temple. A misguided, misused situation lol. This will also serve Attunement later.
For Sponsor,
General updates,
& Donations:
Please visit:
https://ldmchapels.weebly.com
How to Manage Allocations in Odoo 18 Time OffCeline George
Allocations in Odoo 18 Time Off allow you to assign a specific amount of time off (leave) to an employee. These allocations can be used to track and manage leave entitlements for employees, such as vacation days, sick leave, etc.
Adam Grant: Transforming Work Culture Through Organizational PsychologyPrachi Shah
This presentation explores the groundbreaking work of Adam Grant, renowned organizational psychologist and bestselling author. It highlights his key theories on giving, motivation, leadership, and workplace dynamics that have revolutionized how organizations think about productivity, collaboration, and employee well-being. Ideal for students, HR professionals, and leadership enthusiasts, this deck includes insights from his major works like Give and Take, Originals, and Think Again, along with interactive elements for enhanced engagement.
How to Manage Maintenance Request in Odoo 18Celine George
Efficient maintenance management is crucial for keeping equipment and work centers running smoothly in any business. Odoo 18 provides a Maintenance module that helps track, schedule, and manage maintenance requests efficiently.
This presentation was provided by Nicole 'Nici" Pfeiffer of the Center for Open Science (COS), during the first session of our 2025 NISO training series "Secrets to Changing Behavior in Scholarly Communications." Session One was held June 5, 2025.
Parenting Teens: Supporting Trust, resilience and independencePooky Knightsmith
For more information about my speaking and training work, visit: https://www.pookyknightsmith.com/speaking/
SESSION OVERVIEW:
Parenting Teens: Supporting Trust, Resilience & Independence
The teenage years bring new challenges—for teens and for you. In this practical session, we’ll explore how to support your teen through emotional ups and downs, growing independence, and the pressures of school and social life.
You’ll gain insights into the teenage brain and why boundary-pushing is part of healthy development, along with tools to keep communication open, build trust, and support emotional resilience. Expect honest ideas, relatable examples, and space to connect with other parents.
By the end of this session, you will:
• Understand how teenage brain development affects behaviour and emotions
• Learn ways to keep communication open and supportive
• Explore tools to help your teen manage stress and bounce back from setbacks
• Reflect on how to encourage independence while staying connected
• Discover simple strategies to support emotional wellbeing
• Share experiences and ideas with other parents
Pests of Rice: Damage, Identification, Life history, and Management.pptxArshad Shaikh
Rice pests can significantly impact crop yield and quality. Major pests include the brown plant hopper (Nilaparvata lugens), which transmits viruses like rice ragged stunt and grassy stunt; the yellow stem borer (Scirpophaga incertulas), whose larvae bore into stems causing deadhearts and whiteheads; and leaf folders (Cnaphalocrocis medinalis), which feed on leaves reducing photosynthetic area. Other pests include rice weevils (Sitophilus oryzae) and gall midges (Orseolia oryzae). Effective management strategies are crucial to minimize losses.
HOW YOU DOIN'?
Cool, cool, cool...
Because that's what she said after THE QUIZ CLUB OF PSGCAS' TV SHOW quiz.
Grab your popcorn and be seated.
QM: THARUN S A
BCom Accounting and Finance (2023-26)
THE QUIZ CLUB OF PSGCAS.
How to Create Time Off Request in Odoo 18 Time OffCeline George
Odoo 18 provides an efficient way to manage employee leave through the Time Off module. Employees can easily submit requests, and managers can approve or reject them based on company policies.
Search Engine Optimization (SEO) for Website SuccessMuneeb Rana
Unlock the essentials of Search Engine Optimization (SEO) with this concise, visually driven PowerPoint. Inside you’ll find:
✅ Clear definitions and core concepts of SEO
✅ A breakdown of On‑Page, Off‑Page, and Technical SEO
✅ Actionable best‑practice checklists for keyword research, content optimization, and link building
✅ A quick‑start toolkit featuring Google Analytics, Search Console, Ahrefs, SEMrush, and Moz
✅ Real‑world case study demonstrating a 70 % organic‑traffic lift
✅ Common challenges, algorithm updates, and tips for long‑term success
Whether you’re a digital‑marketing student, small‑business owner, or PR professional, this deck will help you boost visibility, build credibility, and drive sustainable traffic. Download, share, and start optimizing today!
Coleoptera, commonly known as beetles, is the largest order of insects, comprising approximately 400,000 described species. Beetles can be found in almost every habitat on Earth, exhibiting a wide range of morphological, behavioral, and ecological diversity. They have a hardened exoskeleton, with the forewings modified into elytra that protect the hind wings. Beetles play important roles in ecosystems as decomposers, pollinators, and food sources for other animals, while some species are considered pests in agriculture and forestry.
Available for Weekend June 6th. Uploaded Wed Evening June 4th.
Topics are unlimited and done weekly. Make sure to catch mini updates as well. TY for being here. More upcoming this summer.
A 8th FREE WORKSHOP
Reiki - Yoga
“Intuition” (Part 1)
For Personal/Professional Inner Tuning in. Also useful for future Reiki Training prerequisites. The Attunement Process. It’s all about turning on your healing skills. See More inside.
Your Attendance is valued.
Any Reiki Masters are Welcomed
More About:
The ‘Attunement’ Process.
It’s all about turning on your healing skills. Skills do vary as well. Usually our skills are Universal. They can serve reiki and any relatable Branches of Wellness.
(Remote is popular.)
Now for Intuition. It’s silent by design. We can train our intuition to be bold or louder. Intuition is instinct and the Senses. Coded in our Workshops too.
Intuition can include Psychic Science, Metaphysics, & Spiritual Practices to aid anything. It takes confidence and faith, in oneself.
Thank you for attending our workshops.
If you are new, do welcome.
Grad Students: I am planning a Reiki-Yoga Master Course. I’m Fusing both together.
This will include the foundation of each practice. Both are challenging independently. The Free Workshops do matter. They can also be downloaded or Re-Read for review.
My Reiki-Yoga Level 1, will be updated Soon/for Summer. The cost will be affordable.
As a Guest Student,
You are now upgraded to Grad Level.
See, LDMMIA Uploads for “Student Checkin”
Again, Do Welcome or Welcome Back.
I would like to focus on the next level. More advanced topics for practical, daily, regular Reiki Practice. This can be both personal or Professional use.
Our Focus will be using our Intuition. It’s good to master our inner voice/wisdom/inner being. Our era is shifting dramatically. As our Astral/Matrix/Lower Realms are crashing; They are out of date vs 5D Life.
We will catch trickster
energies detouring us.
(See Presentation for all sections, THX AGAIN.)
POS Reporting in Odoo 18 - Odoo 18 SlidesCeline George
To view all the available reports in Point of Sale, navigate to Point of Sale > Reporting. In this section, you will find detailed reports such as the Orders Report, Sales Details Report, and Session Report, as shown below.
Diptera: The Two-Winged Wonders, The Fly Squad: Order Diptera.pptxArshad Shaikh
Diptera, commonly known as flies, is a large and diverse order of insects that includes mosquitoes, midges, gnats, and horseflies. Characterized by a single pair of wings (hindwings are modified into balancing organs called halteres), Diptera are found in almost every environment and play important roles in ecosystems as pollinators, decomposers, and food sources. Some species, however, are significant pests and disease vectors, transmitting diseases like malaria, dengue, and Zika virus.
Diptera: The Two-Winged Wonders, The Fly Squad: Order Diptera.pptxArshad Shaikh
Ad
Introduction to Frontend Development - Session 2 - CSS Fundamentals
1. Front-end development
Novice to professional
Practical HTML, CSS and JavaScript
Session 2: CSS Fundamentals
2. Agenda
● What do we have so far
● What is CSS
● Including CSS in your documents
● Block-level elements properties
● Setting up the layout of the document
● CSS properties and selectors to learn today
● Class and home exercises
3. What do we have so far
● Documents
○ index.html
● HTML tags in practice
○ paragraphs, spaces and breaks
○ links, images
● CSS we have
○ none so far
● JavaScript we have
○ none so far
4. What is CSS
● CSS stands for Cascading Style Sheets
● Styles define how to display HTML elements
● External style sheets save a lot of work
● External style sheets are stored in CSS files
6. Methods of including CSS
● Inline styles
Placed inside the HTML document, style information on a single element,
specified using the style attribute
● Embedded style
Blocks of CSS information inside the HTML itself
● External style sheets - highly recommended
Separate CSS file is referenced.
● Import
Importing CSS file from another CSS file when many files are to be edit
7. Rule of thumb
When styling a HTML element, the closer the CSS rule is to
the given element, it overrides any preceding CSS rules
before that.
By importance: Link > Import > Embedded > Inline
Note: Override any rule with the !important property.
8. Practice
Doing: Try the 4 methods of including CSS
At the end: separate file style.css in css folder
9. Block-level elements
● May appear only within a <body> element
● Typically formatted with line breaks
● May contain both inline and other block-level elements
● Contain "larger" structures
11. Inline elements
● May contain only data and other inline elements
● By default, do not begin with a new line
List of inline elements:
● b, big, i, small, tt
● abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var
● a, bdo, br, img, map, object, q, script, span, sub, sup
● button, input, label, select, textarea
Source: MDN
14. Practice
Doing: Setup the header, content and footer regions.
At the end: an index.html file with HTML markup for
header, content and footer div containers, together with a
CSS file (empty)
15. Display property
● Sets the way to display a HTML element
● Most popular values
○ none - not displayed at all
○ block - displayed as a block-level element
○ inline - default value, displayed as an inline element
○ table - displayed as a table
16. Width and height properties
● height property sets the height of the
element
● width property sets the height of the element
Both could take dimensions in px, pt, etc., or
percentage metrics.
Values can also be auto or inherit.
17. Float properties
● Property to specify whether or not an
element should float.
● Property options
○ left
○ right
○ none - default value
18. Clear properties
● Property to specify which sides of an
element do not allow other floating elements
● Property options
○ left/right
○ both - most common use
○ none
19. Position property
● Specifies the type of positioning method used for an element
● Property options
○ static - elements render in the same order they are in the document
○ absolute - relative to the first positioned (not static) ancestor element
○ fixed - relative to the browser window
○ relative - relative to its normal position
20. Border property
● Sets properties for the outline of the element
● Shorthand for setting all properties at once
● Property options
○ border-width
○ border-style
○ border-color
21. Padding and margin properties
● Padding - space between content of an
element and its border. Negative values are
not allowed.
● Margin - space between element border and
elements next to it. Negative values are
allowed.
23. Practice
Doing: Write the CSS to visualize the layout
At the end: an index.html file with HTML markup for
header, content and footer div containers, together with a
CSS file with selectors and properties to visualize the
markup well enough so one can "see" the divisions.
24. Summary: HTML study
● Block-level and inline elements in HTML
● HTML tags:
○ html, head, body
○ header, content, sidebar and footer
○ navigation
25. Summary: CSS study
● Theory: Including CSS to HTML documents
● Techniques: CSS reset
● Properties:
display block, inline, none position relative, absolute
width size metric border size, color and place
height size metric padding b/n content and border
float left, right margin b/n border and outer element
clear both
26. Practice at class
● CSS reset
● Layout setup for
○ header
○ group
○ content
○ main
○ footer
● Set fixed sizes on block elements
● Color the borders to see the layout
If you're ready, start your homework at class :)
27. Practice at home
● Read and learn about:
○ fonts in CSS
○ text CSS properties
○ background properties
● Repeat class exercises if necessary
● Make sure you understand how to make layouts