Here you can find my works where I applied what I learned about HTML, CSS, SCSS, Tailwind CSS and JavaScript.
If you like this repository, you can follow my accounts and support it by giving a star ⭐
LinkedIn - Twitter - Instagram - Codepen
| Title | Technologies | ||
|---|---|---|---|
1 |
display-flex | Codepen | HTML-CSS-SCSS |
2 |
flex flex-wrap | Codepen | HTML-CSS-SCSS |
3 |
flex align-items | Codepen | HTML-CSS-SCSS |
4 |
flex justify-content | Codepen | HTML-CSS-SCSS |
5 |
flex flex-direction | Codepen | HTML-CSS-SCSS |
6 |
flex flex-grow | Codepen | HTML-CSS-SCSS |
7 |
flex row-column-gap | Codepen | HTML-CSS-SCSS |
| Title | Technologies | ||
|---|---|---|---|
1 |
typewriter-effect-pure-css | Codepen | HTML-CSS |
2 |
shaking-input | Codepen | HTML-CSS-SCSS |
3 |
css-cursor-property | Codepen | HTML-CSS-SCSS |
4 |
css-selector-child | Codepen | HTML-CSS-SCSS |
5 |
css-shapes-border-radius | Codepen | HTML-CSS-SCSS |
6 |
css-hover-scale-rotate | Codepen | HTML-CSS |
7 |
scroll-snapping | Codepen | HTML-CSS |
8 |
banner-text | Codepen | HTML-CSS |
9 |
gradient-text | Codepen | HTML-CSS-SCSS |
10 |
gradient-background-animation | Codepen | HTML-CSS |
11 |
gradient-shadow | Codepen | HTML-CSS |
12 |
multiple-shadows | Codepen | HTML-CSS-SCSS |
13 |
sticky-header | Codepen | HTML-CSS-SCSS |
14 |
resizeable-container | Codepen | HTML-CSS-SCSS |
15 |
text-rotating | Codepen | HTML-CSS |
16 |
easy-way-to-saparator | Codepen | HTML-CSS |
| Title | Technologies | ||
|---|---|---|---|
1 |
scroll-to-top | Codepen | HTML-CSS-JavaScript |
2 |
remove-to-add-class | Codepen | HTML-CSS-JavaScript |
| Title | Technologies | ||
|---|---|---|---|
1 |
glassmorphism-calendar | Codepen | HTML-CSS-SCSS |
2 |
skill-cards | Codepen | HTML-CSS-SCSS |
3 |
login-signup-cards | Codepen | HTML-CSS-SCSS |
4 |
profile-card-1 | Codepen | HTML-CSS-SCSS |
5 |
profile-card-2 | Codepen | HTML-CSS-SCSS |
6 |
social-media-icons | Codepen | HTML-CSS-SCSS |
7 |
expanding-gallery | Codepen | HTML-CSS-SCSS |
8 |
card-hover-effect-1 | Codepen | HTML-CSS-SCSS |
| Title | Technologies | ||
|---|---|---|---|
1 |
Firefox-New-Tab-Page (Clone) | Codepen | HTML-CSS-SCSS |
2 |
Spotify-Website (Clone) | Codepen | HTML-CSS-SCSS |
| Title | Technologies | ||
|---|---|---|---|
1 |
landing-page-1 | Vercel | HTML-Tailwind CSS |
2 |
footer-template-1 | Codepen | HTML-Tailwind CSS |
3 |
pricing-section-1 | Codepen | HTML-Tailwind CSS |
4 |
newsletter-section-1 | Codepen | HTML-Tailwind CSS |
5 |
newsletter-section-2 | Codepen | HTML-Tailwind CSS |
6 |
team-section-1 | Codepen | HTML-Tailwind CSS |
7 |
faq-section-1 | Codepen | HTML-Tailwind CSS |
| Title | Technologies | ||
|---|---|---|---|
1 |
neumorphism-calculator | Codepen | HTML-Tailwind CSS-JavaScript |
2 |
password-strength-checker | Codepen | HTML-Tailwind CSS-JavaScript |