How to create animated content card using only html and css
In this video, I will show you how to create responsive animated content card using only html & css, And you also learn how to pause the animation with a single line of code.
HI ? I'm Sadee(webdev) In this channel I make videos about Complete Responsive website. You can checkout my channel ?
⚠️ Disclaimer ----------------------------- Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use
How to Build Digital Agency Website Using HTML CSS JavaScript
This video will show you how to build a digital agency website using html css javascript
Github Repo: https://github.com/codewithsadee/dprod
Support My Work: https://www.patreon.com/codewithsadee
HI ?
I'm Sadee(web dev)
In this channel, I make videos about the Complete Responsive website.
You can check out my channel ?
? My Channel: https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g
? Subscribe: https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g?sub_confirmation=1
? Essential links
-----------------------------
Download the starter file to practice: https://drive.google.com/file/d/1NRfKiZFzoxT8-JfTelxaZX_KZcaICVBf/view?usp=sharing
⏱️ Timestamps
-----------------------------
0:00 - Demo
4:30 - File structure
4:54 - Project initial
10:15 - Header
24:23 - Hero section
33:47 - Service section
40:23 - About section
43:41 - Project section
54:11 - Blog section
1:27:19 - Footer
1:08:57 - Media queries
? Like - Follow & Support
-----------------------------
Twitter: https://twitter.com/codewithsadee
Github: https://github.com/codewithsadee
YouTube: https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g
Buy Me A Coffee: https://www.buymeacoffee.com/codewithsadee
⚠️ Disclaimer
-----------------------------
Disclaimer video is for educational purposes only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use
#codewithsadee
#responsivewebsite
#digitalagency
...
https://www.youtube.com/watch?v=z_nFjEHItSw
Let's Take Some CSSBattle Challenge
This video will show you how to build a letter shape using html css
CSS Battle 134 - https://cssbattle.dev/play/134
CSS Battle 128 - https://cssbattle.dev/play/128
HI ?
I'm Sadee(web dev)
In this channel, I make videos about the Complete Responsive website.
You can check out my channel ?
? My Channel: https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g
? Subscribe: https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g?sub_confirmation=1
? Like - Follow & Support
-----------------------------
Twitter: https://twitter.com/codewithsadee
Github: https://github.com/codewithsadee
YouTube: https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g
Buy Me A Coffee: https://www.buymeacoffee.com/codewithsadee
⚠️ Disclaimer
-----------------------------
Disclaimer video is for educational purposes only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use
#codewithsadee
#cssbattle
...
https://www.youtube.com/watch?v=heqW-EMrtIw
Build Charity Website For Animals Using Html CSS JavaScript
In this video, I will show you how to Create a Responsive Charity Website For Animal Using Html CSS JavaScript
Live Website: https://codewithsadee.github.io/wildvine
Github Repo: https://github.com/codewithsadee/wildvine
Support My Work: https://www.patreon.com/codewithsadee
HI ?
I'm Sadee(web dev)
In this channel, I make videos about the Complete Responsive website.
You can check out my channel ?
? My Channel: https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g
? Subscribe: https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g?sub_confirmation=1
? Essential links
-----------------------------
Starter file: https://drive.google.com/file/d/1-DQQ-8bgVJu1BA32zs9VrJMe7jUJN9dM/view?usp=sharing
⏱️ Timestamps
-----------------------------
0:00 - Demo
5:20 - File structure
5:48 - Project initial
11:24 - Header
26:51 - Hero section
35:23 - Features section
39:19 - About section
50:26 - CTA section
53:42 - Service section
1:00:39 - Donate section
1:09:08 - Testimonials section
1:13:56 - Partner section
1:18:03 - Event section
1:25:45 - Instagram post section
1:31:36 - Footer
1:36:41 - Media queries
? Like - Follow & Support
-----------------------------
Twitter: https://twitter.com/codewithsadee
Github: https://github.com/codewithsadee
YouTube: https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g
Buy Me A Coffee: https://www.buymeacoffee.com/codewithsadee
⚠️ Disclaimer
-----------------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use
#codewithsadee
#responsivewebsite
#charitywebsite
...
https://www.youtube.com/watch?v=6Dj881BJ5kw
How to create Responsive personal portfolio website with html css js
In this video series,
I will show you how to build a Complete Responsive Personal Portfolio Website using HTML CSS JavaScript.
? Website features
---------------------------------
+ 5+ pages
+ Fully Responsive and mobile friendly
+ Awesome Page Navigation
+ Filterable item showcase
HI ?
I'm Sadee (webdev)
In this channel I make videos about Complete Responsive website.
You can checkout my channel ?
? My Channel : https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g
? Subscribe : https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g?sub_confirmation=1
? New videos Every Friday & Tuesday
? Essential links
-----------------------------
Images : https://drive.google.com/file/d/1CZZcnaOEVDDneSve6qpSUoyAfEBuPrqD/view?usp=sharing
Font - Poppins : https://fonts.google.com/specimen/Poppins?query=poppins
Ionicon : https://ionic.io/ionicons
How to use ionicon : https://youtu.be/TTrYjLOJeKs
Source Code : https://www.patreon.com/codewithsadee
⏱️ Timestamp
------------------------
0:00 - Demo
1:12 - File Structure
1:28 - Initial html setup
2:09 - CSS variables
2:47 - Custom scrollbar
3:15 - Reset and default style
5:15 - Mobile navbar
8:15 - Sidebar
14:15 - Hero
18:15 - Service
21:25 - Testimonials
25:50 - Client
27:52 - Media queries
? Like - Follow & Subscribe Me
----------------------------------------------------
Twitter : https://twitter.com/codewithsadee
Github : https://github.com/codewithsadee
YouTube : https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g
Buy Me A Coffee : https://www.buymeacoffee.com/codewithsadee
Patreon : https://www.patreon.com/codewithsadee
⚠️ Disclaimer
-----------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use
#responsive
#responsiveportfoliowebsite
#portfoliowebsite
#personalportfolio
...
https://www.youtube.com/watch?v=6A5Kpjx5lz8
Responsive Travel Website using html css javascript
This video will show you how to build a (mobile-first responsive) travel website using HTML CSS and javascript.
Live Website: https://codewithsadee.github.io/tourly
Github Repo: https://github.com/codewithsadee/tourly
HI ?
I'm Sadee(web dev)
In this channel, I make videos about the Complete Responsive website.
You can check out my channel ?
? My Channel: https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g
? Subscribe: https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g?sub_confirmation=1
? Essential links
-----------------------------
Starter file : https://drive.google.com/file/d/1vhv6AFRd19JacbAh9gaIHk1Z3QTbTTnS/view?usp=sharing
⏱️ Timestamps
-----------------------------
0:00 - Demo
4:30 - File structure
5:00 - Project initial
8:53 - Header
31:25 - Hero section
35:23 - Tour search
40:56 - Popular section
49:43 - Package section
1:01:34 - Gallery section
1:04:33 - CTA
1:05:30 - Footer
1:21:17 - Media queries
? Others Videos
-----------------------------
Education landing page : https://youtu.be/C1fpU1icbLI
Responsive landing page : https://youtu.be/4okimYBmyjc
eSports gaming website : https://youtu.be/BK9_voy6VXU
Podcast website : https://youtu.be/_9oK9CKuaeI
SEO Agency website : https://youtu.be/UUce4p2oHwM
? Like - Follow & Support
-----------------------------
Twitter : https://twitter.com/codewithsadee
Github : https://github.com/codewithsadee
YouTube : https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g
Buy Me A Coffee : https://www.buymeacoffee.com/codewithsadee
Patreon : https://www.patreon.com/codewithsadee
⚠️ Disclaimer
-----------------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use
#codewithsadee
#travel
#travelwebsite
...
https://www.youtube.com/watch?v=FYFmQEpZywc
creative personal portfolio using html css javascript
In this video, I will show you how to build a (mobile-first responsive) personal portfolio using html css and javascript.
Live Website: https://codewithsadee.github.io/jack-portfolio
Github Repo: https://github.com/codewithsadee/jack-portfolio
HI ?
I'm Sadee(webdev)
In this channel I make videos about Complete Responsive website.
You can checkout my channel ?
? My Channel : https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g
? Subscribe : https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g?sub_confirmation=1
? Essential links
-----------------------------
Starter file : https://drive.google.com/file/d/1tXiP4KQl5Zc9U70c5NqjlZB0OQG-G8S4/view?usp=sharing
⏱️ Timestamps
-----------------------------
0:00 - Demo
4:21 - File structure
4:53 - Project initial
10:55 - Header
29:32 - Hero section
36:51 - Stats section
42:34 - About section
47:12 - Skills section
1:02:41 - Project section
1:11:56 - Contact
1:27:06 - Footer
1:31:21 - Light & Dark Theme
1:55:21 - Media queries
? Others Videos
-----------------------------
Education landing page : https://youtu.be/C1fpU1icbLI
Responsive landing page : https://youtu.be/4okimYBmyjc
eSports gaming website : https://youtu.be/BK9_voy6VXU
Podcast website : https://youtu.be/_9oK9CKuaeI
SEO Agency website : https://youtu.be/UUce4p2oHwM
? Like - Follow & Support
-----------------------------
Twitter : https://twitter.com/codewithsadee
Github : https://github.com/codewithsadee
YouTube : https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g
Buy Me A Coffee : https://www.buymeacoffee.com/codewithsadee
Patreon : https://www.patreon.com/codewithsadee
⚠️ Disclaimer
-----------------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use
#codewithsadee
#personalportfolio
#portfoliowebsite
...
https://www.youtube.com/watch?v=DdlVKS7MROY
How to Build Tricky letter shape in cssbattle challenge
This video will show you how to build a letter shape using html css
CSS Battle - https://cssbattle.dev/play/126
HI ?
I'm Sadee(web dev)
In this channel, I make videos about the Complete Responsive website.
You can check out my channel ?
? My Channel: https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g
? Subscribe: https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g?sub_confirmation=1
? Like - Follow & Support
-----------------------------
Twitter: https://twitter.com/codewithsadee
Github: https://github.com/codewithsadee
YouTube: https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g
Buy Me A Coffee: https://www.buymeacoffee.com/codewithsadee
? Music
-----------------------------
- kokoro - The Way Home
- Provided by Lofi Records
- Watch: https://youtu.be/8UdFjRUH9oY
- Download/Stream: https://fanlink.to/TheWayHome
⚠️ Disclaimer
-----------------------------
Disclaimer video is for educational purposes only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use
#codewithsadee
#cssbattle
...
https://www.youtube.com/watch?v=P_FH2q1usYw
Responsive Furniture eCommerce Website Using HTML CSS JavaScript
This video will show you how to build a responsive furniture ecommerce website using html css javascript
Github Repo: https://github.com/codewithsadee/woodex
Support My Work: https://www.patreon.com/codewithsadee
HI ?
I'm Sadee(web dev)
In this channel, I make videos about the Complete Responsive website.
You can check out my channel ?
? My Channel: https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g
? Subscribe: https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g?sub_confirmation=1
? Essential links
-----------------------------
Download the starter file to practice: https://drive.google.com/file/d/118MEPa5UWW_XoFN81AaHxjfKuZKlrtYv/view?usp=sharing
⏱️ Timestamps
-----------------------------
0:00 - Demo
5:31 - File structure
5:59 - Project initial
12:21 - Header
37:28 - Hero section
44:38 - About section
49:51 - Product section
1:18:13 - Blog section
1:27:48 - Newsletter section
1:32:22 - Footer
1:43:32 - Media queries
? Like - Follow & Support
-----------------------------
Twitter: https://twitter.com/codewithsadee
Github: https://github.com/codewithsadee
YouTube: https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g
Buy Me A Coffee: https://www.buymeacoffee.com/codewithsadee
⚠️ Disclaimer
-----------------------------
Disclaimer video is for educational purposes only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use
#codewithsadee
#responsivewebsite
#ecommercewebsite
...
https://www.youtube.com/watch?v=NK8Cif0dAoM
How to create Responsive clipboard landing page with html css
Frontend mentor
In this tutorial,
I will show you how to build a Complete Landing Page Website using HTML CSS.
HI ?
I'm Sadee(webdev)
In this channel, I make videos about Complete Responsive website.
You can checkout my channel ?
? My Channel : https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g
? Subscribe : https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g?sub_confirmation=1
? New videos Every Friday & Tuesday
? Recommended Videos
------------------------------------------
How to use ionicon : https://youtu.be/TTrYjLOJeKs
? Essential links
-----------------------------
Images & Text : https://drive.google.com/file/d/1Q2hq3vhCyikGVPVnPOpe-MyWb7ulpo6u/view?usp=sharing
Font - Bai Jamjuree : https://fonts.google.com/specimen/Bai+Jamjuree?query=bai+jam
Ionicon : https://ionic.io/ionicons
Source Code : https://www.patreon.com/posts/source-code-page-58766992?utm_medium=clipboard_copy&utm_source=copy_to_clipboard&utm_campaign=postshare
⏱️ Timestamp
------------------------
0:00 - Demo
1:29 - File structure
1:43 - Header section, Css Variables & Reset
11:10 - Main section structure & style
23:05 - Footer section structure & style
28:20 - Media queries
? Others Videos
----------------------------
Personal Portfolio Website: https://youtube.com/playlist?list=PLasZMtSCguZbYYb7uzDMAC0rg49A8XOsS
Toggle Button with 3d Effect: https://youtu.be/OpbbPLPqSDc
Twitter Sidebar Clone: https://youtu.be/0MDBVR93g7E
Awesome Card Design for Website: https://youtu.be/g9VdvKx8fuM
Restaurant Header Design: https://youtu.be/mUBW8i2kht0
? Like - Follow & Subscribe Me
----------------------------------------------------
Twitter : https://twitter.com/codewithsadee
Github : https://github.com/codewithsadee
YouTube : https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g
Buy Me A Coffee : https://www.buymeacoffee.com/codewithsadee
Patreon : https://www.patreon.com/codewithsadee
? Music credit
--------------------------
- Osaki x Tibeauthetraveler x Nogymx - Wishes
- Provided by Lofi Records
- Watch: https://youtu.be/8fNlA1RBglY
- Download/Stream: https://fanlink.to/NewBeginningsEP
- Osaki x Tibeauthetraveler - Open Window or Unpacking
- Provided by Lofi Records
- Watch: https://youtu.be/RnwImoTt6yQ
- Download/Stream: https://fanlink.to/NewBeginningsEP
- Jhove - Shibui
- Provided by Lofi Records
- Watch: https://youtu.be/tECJEEc5TVg
- Download/Stream: https://fanlink.to/SoothingBreeze
- Raimu x DaniSogen - In Love With The Sky
- Provided by Lofi Records
- Watch: https://youtu.be/ckTEjC-3e1Q
- Download/Stream: https://fanlink.to/SoothingBreeze
⚠️ Disclaimer
-----------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use
#codewithsadee
#responsivewebsite
#landingpage
...
https://www.youtube.com/watch?v=ATRQj60Q3S0