My HTML & CSS Journey

My HTML & CSS Journey

From Zero to Infinite Because Learning never ends

Background💭

A Full Stack JavaScript Web Development Bootcamp was recently being introduced by Hitesh Choudhary Sir in a YouTube Video that I recently came across in the month of June.

I've been learning from his LearnCodeOnline courses and I decided to sign up for the Bootcamp from iNeuron and enhance my skills. I joined the Bootcamp on 21st of July 2022

Learnings 📖

Till now I have learned HTML, CSS, Git, Markdown Readme, and Tailwind CSS so far, and I've used these principles in makings tons of projects and written articles on each subject.

Hypertext Markup Language(HTML)

Tags

SyntaxDescription
<!DOCTYPE>Defines the document type
<head>Contains metadata/information for the document
<title>Defines a title for the document
<link>Defines the relationship between a document and an external resource (most used to link to style sheets)
<body>Groups the body content in a table
<iframe>Defines an inline frame
<strike>Defines strikethrough text

and many more....

Cascading Stylesheet(CSS)

  • Learned about Positions, Selectors, Flexbox, etc. If you want to read more, checkout my articles on the Positions, Selectors, Flexbox:
ArticleLink
Positions In CSSClick Here To Read
CSS SelectorsClick Here To Read
Flexbox BasicsClick Here To Read

Frontend Projects Just using HTML and CSS

📝Note: Project 1 to Project 6 are Not Responsive

Project   1 - Portfolio

Live Preview     Source Code

Output.png

Project   2 - Resturaunt Bar

Live Preview     Source Code

Final Output.png

Project   3 - Justice Landing Page

Live Preview     Source Code

thumbnail.png

Project   4 - Home Page

Live Preview     Source Code

image.png

Project   5 - Crypto Home Page

Live Preview     Source Code

thumbnail.png

Project   6 - Plant Shopping Home Page

Live Preview     Source Code

6.png

Project   7 - Headphones Shopping Page

Live Preview     Source Code

image.png

Project   8 - Home Page

Live Preview     Source Code

8.png

Project   9 - Landing Page

Live Preview     Source Code

9.png

Project   10 - Home Page

Live Preview     Source Code

image.png

Project   11 - Home Page

Live Preview     Source Code

screenshot.png

Project   12 - Home Page

Live Preview     Source Code

screencapture-live-class-assignment-12-netlify-app-2022-09-22-01_20_42

Project   13 - Home Page

Live Preview     Source Code

13.png

Project   14 - Home Page

Live Preview     Source Code

14.png

Project   15 - Home Page

Live Preview     Source Code

15.png

These are some of the projects in HTML & CSS. Making these all projects boosted my confidence and now I can create any design Using HTML & CSS.