Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ranitmanik/html-css-supersimpledev
This repository is a compilation of various web development projects and assignments from SuperSimpleDev HTML CSS course.
https://github.com/ranitmanik/html-css-supersimpledev
css html html-css w3schools web webdev webdeveloper webdevelopment
Last synced: 2 months ago
JSON representation
This repository is a compilation of various web development projects and assignments from SuperSimpleDev HTML CSS course.
- Host: GitHub
- URL: https://github.com/ranitmanik/html-css-supersimpledev
- Owner: RanitManik
- Created: 2023-07-31T11:39:06.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-23T02:52:37.000Z (12 months ago)
- Last Synced: 2024-11-24T20:44:43.686Z (2 months ago)
- Topics: css, html, html-css, w3schools, web, webdev, webdeveloper, webdevelopment
- Language: HTML
- Homepage: https://www.youtube.com/watch?v=G3e-cpL7ofc
- Size: 9.83 MB
- Stars: 13
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
HTML-CSS Full Course
---
This repository serves as a centralized hub for storing all assignments and projects related to the HTML-CSS Full Course. It is meticulously organized to facilitate easy access and navigation for learners enrolled in the course. The structured layout ensures a seamless experience for locating, submitting, and reviewing assignments, as well as tracking progress on various projects. Feel free to explore the wealth of resources available here to enhance your proficiency in web development through hands-on exercises and exciting projects.
## Table of Contents
- [Topics](#topics)
- [Resources](#resources)
- [Getting Started](#getting-started)
- [Contact](#contact)
- [Acknowledgments](#acknowledgments)
## Topics
| # | Time Stamp | Topic | Status |
| --- | ---------- | ------------------------------- | --------- |
| 1 | 0:00 | Intro | Completed |
| 2 | 1:02 | HTML Basics | Completed |
| 3 | 17:42 | CSS Basics | Completed |
| 4 | 44:39 | Hovers, Transitions, Shadows | Completed |
| 5 | 1:03:10 | Chrome DevTools & CSS Box Model | Completed |
| 6 | 1:17:30 | Text Styles | Completed |
| 7 | 1:52:18 | The HTML Structure | Completed |
| 8 | 2:11:08 | Images and Text Boxes | Completed |
| 9 | 2:25:42 | CSS Display Property | Completed |
| 10 | 2:34:58 | The div Element | Completed |
| 11 | 2:46:55 | Nested Layouts Technique | Completed |
| 12 | 3:16:58 | CSS Grid | Completed |
| 13 | 3:43:58 | Flexbox | Completed |
| 14 | 4:15:21 | Nested Flexbox | Completed |
| 15 | 4:44:36 | CSS Position | Completed |
| 16 | 5:07:14 | Position Absolute and Relative | Completed |
| 17 | 5:33:49 | Finish the Project | Completed |
| 18 | 6:07:46 | More CSS Features | Completed |
| 19 | 6:30:21 | Outro | Completed |
## Resources
* [Tutorial](https://www.youtube.com/watch?v=G3e-cpL7ofc)
* [Visual Studio Code](https://code.visualstudio.com/download)
* [Webstorm](https://www.jetbrains.com/webstorm/)
## Getting Started
_To embark on your journey with HTML and CSS, follow these steps:_
- **Clone** the repository:
```bash
git clone https://github.com/RanitManik/HTML-CSS-SuperSimpleDev.git
```
- **Add this repo as Remote**:
```bash
git remote add origin https://github.com/RanitManik/HTML-CSS-SuperSimpleDev.git
```
- **Create and switch to your branch**:
```bash
git checkout -b YourBranchName
```
- **Push your changes** to this branch:
```bash
git push --set-upstream origin DEV/{your_name}/{in which you're working on}
```
## Contact
Social Media
Username
Link
Email
[email protected]
Email
LinkedIn
Ranit Manik
LinkedIn
Instagram
ranit_manik_
Instagram
Facebook
RanitKumarManik
Facebook
Twitter
RANIT_MANIK
Twitter
## Acknowledgments
I express my gratitude to the online community and various resources that have played a pivotal role in enhancing my understanding of HTML and CSS. Special thanks to [SuperSimpleDev](https://www.youtube.com/@SuperSimpleDev), whose insights and tutorials have been invaluable in this learning journey.