⚠️ 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 E-Book Website Using HTML CSS JavaScript
This video will show you how to build a responsive e-book website using html css javascript
Github Repo: https://github.com/codewithsadee/bookish
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/10zK5ujMKHi3FciWAh0LV2ny0cjb5r8Hw/view?usp=sharing
⏱️ Timestamps
-----------------------------
0:00 - Demo
5:07 - File structure
5:34 - Project initial
12:21 - Header
25:15 - Hero section
34:12 - Benefits section
43:26 - Chapters section
49:41 - Preview section
57:28 - Pricing section
1:04:25 - Author section
1:08:43 - Achievement section
1:14:04 - Contact section
1:24:03 - Footer
1:28:15 - 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
? Music
-----------------------------
- Osaki x Tonion - Evergarden
- Provided by Lofi Records
- Watch:
- Download/Stream: https://fanlink.to/Evergarden
⚠️ 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
#ebookwebsite
...
https://www.youtube.com/watch?v=tsUUOLsca6M
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
? Recommended Videos
---------------------
Part 1 : https://youtu.be/6A5Kpjx5lz8
Part 2 : https://youtu.be/EOtRjEeP6zk
? 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:05 - Portfolio section
11:09 - Media queries
13:03 - Portfolio filter functionality
? 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=qnjvpzh0fKI
NEW Personal Portfolio Website Using HTML CSS JavaScript
This video will show you how to build a personal portfolio website using html css javascript
Github Repo: https://github.com/codewithsadee/julia-portfolio
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/1HUmNf2Tz0xe3wvJ_ZHk_DxpLy0nkn2BV/view
⏱️ Timestamps
-----------------------------
0:00 - Demo
3:41 - File structure
4:39 - Project initial
11:53 - Header
29:20 - Hero section
39:50 - About section
48:27 - Project section
1:00:25 - Contact section
1:06:18 - Footer
1:08:29 - Media queries
1:24:26 - Scroll reveal effect
? 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
#personalportfolio
...
https://www.youtube.com/watch?v=wjqiFCTssTI
If you're looking for a web music player that's easy to use and fully functional, then check out this vanilla JavaScript music player! It's responsive, so it'll look good on any device, and it uses simple HTML and CSS code to create a sleek and easy-to-use player.
Github Repo: https://github.com/codewithsadee/music-player
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/1vtVf2WfT3acCl2n_07Zj00uUw-BhA2-x/view?usp=share_link
⏱️ Timestamps
-----------------------------
0:00 - Demo
5:07 - Download the starter file
6:45 - Project initial
14:15 - Structure and style
49:03 - Javascript functionality
1:35:05 - Media queries
1:45:57 - Javascript functionality
? Music
-----------------------------
- No Spirit x Tonion - Happy Moments
- Provided by Lofi Records
- Watch: https://youtu.be/wO_TWt2MWY0
- Download/Stream: https://fanlink.to/HappyMoments
- No Spirit x Jhove - We Are Going To Be Ok
- Provided by Lofi Records
- Watch: https://youtu.be/6PpAYTAPtNY
- Download/Stream: https://fanlink.to/HappyMoments
- No Spirit x juniorodeo - Winter Meadow
- Provided by Lofi Records
- Watch: https://youtu.be/RprlfXTafc8
- Download/Stream: https://fanlink.to/HappyMoments
- No Spirit - From Where We Started
- Provided by Lofi Records
- Watch: https://youtu.be/xorzdTlVWaY
- Download/Stream: https://fanlink.to/HappyMoments
- No Spirit - Where I Found You
- Provided by Lofi Records
- Watch: https://youtu.be/yzdZ_PSS6wI
- Download/Stream: https://fanlink.to/HappyMoments
? 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
#musicplayer
...
https://www.youtube.com/watch?v=jbMd2NVFrZk
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
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 ?
? 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
-----------------------------
Font - Poppins : https://fonts.google.com/specimen/Poppins?query=poppins#standard-styles
Ionicon : https://ionic.io/ionicons
Source Code : https://www.patreon.com/codewithsadee
? Others Videos
-----------------------------
Loopstudios Landing Page : https://youtu.be/lDHspzUov88
Clipboard Landing Page : https://youtu.be/ATRQj60Q3S0
Personal Portfolio Website: https://youtube.com/playlist?list=PLasZMtSCguZbYYb7uzDMAC0rg49A8XOsS
Toggle Button with 3d Effect: https://youtu.be/OpbbPLPqSDc
Awesome Card Design for Website: https://youtu.be/g9VdvKx8fuM
? 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
-----------------------------
- No Spirit x juniorodeo - Winter Meadow
- Provided by Lofi Records
- Watch: https://youtu.be/RprlfXTafc8
- Download/Stream: https://fanlink.to/HappyMoments
- No Spirit x Tonion - Running Out Of Time
- Provided by Lofi Records
- Watch: https://youtu.be/m_uD8qDiHhI
- Download/Stream: https://fanlink.to/HappyMoments
- No Spirit x Jhove - We Are Going To Be Ok
- Provided by Lofi Records
- Watch: https://youtu.be/6PpAYTAPtNY
- Download/Stream: https://fanlink.to/HappyMoments
- No Spirit - From Where We Started
- Provided by Lofi Records
- Watch: https://youtu.be/xorzdTlVWaY
- Download/Stream: https://fanlink.to/HappyMoments
⚠️ 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
#responsivelandingpagewebsite
#landingpagewebsite
#landingpage
...
https://www.youtube.com/watch?v=fdE02AJaRL8
Responsive Admin Dashboard Using Html CSS JavaScript
This video will show you how to build a responsive admin dashboard using html css javascript
Live Website: https://codewithsadee.github.io/dashboard
Github Repo: https://github.com/codewithsadee/dashboard
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/1xZ-ZidcMAvmvBoYLkdh96VfbwjmVoc2F/view?usp=sharing
⏱️ Timestamps
-----------------------------
0:00 - Demo
2:52 - File structure
3:23 - Project initial
8:40 - Header
21:50 - Home section
49:19 - Project section
1:05:10 - Task section
1:17:46 - Footer
1:22:05 - 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
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
#dashboard
#admindashboard
...
https://www.youtube.com/watch?v=ECC-7Ogn_rw
How to Create Awesome Card Design for Website with HTML CSS
In this video I will show you how to create creative card design with hover effect step by step
Website Component Design
⌛️ | Timestamps
→ 0:00 Demo
→ 0:17 File Structure & Code
→ 8:05 Final Preview
? | Images
→ https://drive.google.com/file/d/1P31-b58b47553ni8KBQYnxhFLqaihqku/view?usp=sharing (.zip)
?️ | Font
→ Open Sans : https://fonts.google.com/specimen/Open+Sans?query=open+
? | Icon
→ https://ionic.io/ionicons/usage
? | Like - Follow & Subscribe Me
→ Twitter : https://twitter.com/codewithsadee
→ Github : https://github.com/codewithsadee
→ YouTube : https://bit.ly/3m4UgF5
? | Music Credit
→ Ky akasha - Exchange
Provided by Lofi Records
Watch: https://youtu.be/1keyKa6z9AU
Download/Stream: https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbEdXWjBOZzYxQmFPYUdjaFZWTnBFb3lKdWJBUXxBQ3Jtc0tsd2pTNllPYm04aXlWSkZucnU1MHBXdHNkWElqS3FDM1RSWnZ2Tk1zdHZ6WEU1YU9WS3FkM2RESWVQNDJmZFR2ZlR5aGstWVhuamUtbU9BNkZ4djZYLTBQWGRSbFFIcFdrTS1abU9ITU1xUWUyUVFjRQ&q=https%3A%2F%2Ffanlink.to%2FSeeingBeautyinEverything
→ Ky akasha - Stellar Wind
Provided by Lofi Records
Watch: https://youtu.be/zgawztG1h80
Download/Stream: https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqa2x1d0F4bDVRMkRXT0lJQ012UnMxZFBFYWZSZ3xBQ3Jtc0ttZmFDV0J1a2tHMkg5TzRSUEU5SWZaZGR2X190RW1zNkJvamtOa0wtS0xzN2loaGNvV0xaSmY0Tk5kR3hpVWhTaUJyNjMwbFJ2NmhxakdWU1gxM3k2QWpyeHlGWHo4bHBJcUdIS2EyQ1k3UkdRX3R1bw&q=https%3A%2F%2Ffanlink.to%2FSeeingBeautyinEverything
→ Ky akasha - Seeing Beauty in Everything
Provided by Lofi Records
Watch: https://youtu.be/pTdLP8kwIOU
Download/Stream: https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbnRRSHVtblFrb3dZY3VoNE1xalRZa2h0M0ZnZ3xBQ3Jtc0tsWmt5RTVTTjloUnEzelNaRmkzRXpuY2UtUVlkdjhjLXhoWUdrSXpDSVBSaWR4eUFWSHl1R2hCMFhqZkF6MklqT1lZaG1PZS1kNTJoU2ZqVlRKMHFQOEp4ZGt6MUluOTBKUTBHQ3loVmZJNTRUSkowVQ&q=https%3A%2F%2Ffanlink.to%2FSeeingBeautyinEverything
→ Ky akasha - Vide
Provided by Lofi Records
Watch: https://youtu.be/utAozQIWAO0
Download/Stream: https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbklYMUdZandaZHhzM0F6R0xWNHJ0OElhVTBPQXxBQ3Jtc0tsbVBRMFdWTEw0R2dvcW4wZmlHY2p4ZlpWUG9aOVVOU0t4enZnQ0VCem9wMU82c1ZxQWFWbmZHWjhJbDlMZEoxcnhJWTY5emR2SXdZYTNqZURnLU1DbkRQNjlwbS1EUkFiX1o5VVB3aE1GdU9HclBpcw&q=https%3A%2F%2Ffanlink.to%2FSeeingBeautyinEverything
#websitecomponent
#carddesign
#creativecard
#awesomecarddesign
...
https://www.youtube.com/watch?v=g9VdvKx8fuM
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