Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Tutorial] Building blocks of Frontend development - HTML5 AND CSS3 #284

Open
wants to merge 33 commits into
base: master
Choose a base branch
from

Conversation

0506beulah
Copy link

No description provided.

Copy link
Member

@anvithks anvithks left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Overall good work. @0506beulah @nimrafathima @Meena-srinivas @Muhammed-Azmeel @meevelfrancis06
please handle the review comments.

}
![enter image description here](https://designshack.net/postimages/multiplecolumns_heading.jpg)

# INTRODUCTION TO LSS
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this referring to LESS?

- Less (Leaner Style Sheets) is a dynamic preprocessor style sheet language that can be compiled into Cascading Style Sheets (CSS) and run on the client side or server side.
- It was Designed by Alexis Sellier.

- ESS is an abbreviated `Learner Style styles`, is an opensource pre-processor language for CSS, The preprocessor is writing a code using a superset of CSS features, compiling this code to native CSS, and browser understanding CSS styles.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What is ESS? are you referring to LESS?
Looks like the content here is repeated. May want to check and keep only relevant content.

@@ -0,0 +1,459 @@
# INTRODUCTION TO HTML5!

HTML stands for *Hyper Text Markup Language. It is used to design web pages using a markup language. HTML is an abbreviation of Hypertext and Markup language. Hypertext defines the link between the web pages. **HTML 5* is the <u> fifth and current version of HTML.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

typo: remove the extra *


## CSS Example

body {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Consider using a code block

    ```css
    <your css styles here>
    ```
body {  
background-color: lightblue;  
}h1 {  
color: white;  
text-align: center;  
}p {  
font-family: verdana;  
font-size: 20px;  
}


Set the accent color for different user-interface controls:

input[type=checkbox] {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Consider using a css code block

learning/dashboard/BuildingBlock/README.md Outdated Show resolved Hide resolved

Add a graphical effect to the area behind an element:

div.transbox {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Consider using a css codeblock


Set the style of the top border for different elements:

h1 {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Consider using a css codeblock


# A SIMPLE RESUME USING HTML
````
<div class="resume">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The resume is missing css.

@0506beulah 0506beulah requested a review from anvithks March 28, 2023 15:41
anvithks
anvithks previously approved these changes Apr 4, 2023
Copy link
Member

@anvithks anvithks left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@anvithks anvithks changed the title HTML5 AND CSS3 / tutorial [Tutorial] Building blocks of Frontend development - HTML5 AND CSS3 Apr 4, 2023
Copy link
Member

@anvithks anvithks left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants