Coding Programming
Coding Programming
  • Видео 43
  • Просмотров 87 071
Responsive Web Design Agency Portfolio using HTML CSS & JavaScript
Source Code visuals of Responsive Web Design Agency Portfolio using HTML CSS & JavaScript
.....................................................................
✍🏻 Source Code (Buy Me a Coffee)
buymeacoffee.com/codingprogramming/e/347777
✍🏻 Source Code (Ko-fi by PayPal)
ko-fi.com/s/10ea8ef7c7
.....................................................................
🖉 Project Setup Files :
github.com/CodingProgramming77/Responsive_webSure_webDesignAgency_portfolio.git
👆🏻 Download (files + images)
- Click on the GitHub link
- Click on the green button (Code)
- Click on Download ZIP
🔗 Resources used
CDN remixicon : cdnjs.com/libraries/remixicon
Remixicon Library : remixicon.com/
Brands logo : worldvectorlogo.com...
Просмотров: 18

Видео

Responsive Navigation Bar Design using HTML CSS & JavaScript | (Free Source Code)27:54Responsive Navigation Bar Design using HTML CSS & JavaScript | (Free Source Code)
Responsive Navigation Bar Design using HTML CSS & JavaScript | (Free Source Code)
Просмотров 5421 день назад
Learn How to Create Responsive Navigation Bar Design using HTML CSS & JavaScript | Responsive NavBar Design | HTML CSS JavaScript Tutorials | Web Development Tutorials ..................................................................... ✍🏻 Get Free Source Code : github.com/CodingProgramming77/responsive_NavBar_01_SourceCode.git ✍🏻 Source Code (Buy Me a Coffee) buymeacoffee.com/codingprogrammin...
Responsive Modern Burger Website Design using HTML CSS & JavaScript (Free Source Code)4:09:46Responsive Modern Burger Website Design using HTML CSS & JavaScript (Free Source Code)
Responsive Modern Burger Website Design using HTML CSS & JavaScript (Free Source Code)
Просмотров 515Месяц назад
Learn How to Create and Deploy Responsive Modern Burger Website Design using HTML CSS & JavaScript | Web Designing Tutorial | Step by step Responsive Modern Burger Website Design Tutorial | Web Development Tutorial | HTML CSS and JavaScript Tutorials ..................................................................... ✍🏻 Get Free Source Code : github.com/CodingProgramming77/Responsive_BurgerBi...
Responsive Modern Personal Portfolio Website using HTML CSS and JavaScript (Free Source Code)3:48:31Responsive Modern Personal Portfolio Website using HTML CSS and JavaScript (Free Source Code)
Responsive Modern Personal Portfolio Website using HTML CSS and JavaScript (Free Source Code)
Просмотров 2652 месяца назад
Learn How to Create and Deploy Responsive Personal Portfolio Website using HTML CSS and JavaScript | Web Designing Tutorial | Step by step Responsive Personal Portfolio Website Tutorial | Web Development Tutorial | HTML CSS and JavaScript Tutorials ..................................................................... ✍🏻 Get Free Source Code : github.com/CodingProgramming77/johnSmith_Responsive_...
How to Create Analog Clock using HTML CSS and JavaScript | Web Development Tutorial22:10How to Create Analog Clock using HTML CSS and JavaScript | Web Development Tutorial
How to Create Analog Clock using HTML CSS and JavaScript | Web Development Tutorial
Просмотров 632 месяца назад
Learn How to Create Analog Clock using HTML CSS and JavaScript | Step by step Tutorial for Beginners | Web Development Tutorial | HTML CSS and JavaScript Tutorials ..................................................................... ✍🏻 Get Source Code : github.com/CodingProgramming77/WebDev_Projects.git 👆🏻 Download (files images) - Click on the GitHub link - Click on the green button (Code) - ...
How to Create Analog Clock using HTML CSS and JavaScript | Web Development Tutorial22:18How to Create Analog Clock using HTML CSS and JavaScript | Web Development Tutorial
How to Create Analog Clock using HTML CSS and JavaScript | Web Development Tutorial
Просмотров 3842 месяца назад
Learn How to Create Analog Clock using HTML CSS and JavaScript | Step by step Tutorial for Beginners | Web Development Tutorial | HTML CSS and JavaScript Tutorials ..................................................................... ✍🏻 Get Source Code : github.com/CodingProgramming77/WebDev_Projects.git 👆🏻 Download (files images) - Click on the GitHub link - Click on the green button (Code) - ...
How To Make Animated Glassmorphism Registration Form with HTML CSS & JavaScript | For Beginners26:43How To Make Animated Glassmorphism Registration Form with HTML CSS & JavaScript | For Beginners
How To Make Animated Glassmorphism Registration Form with HTML CSS & JavaScript | For Beginners
Просмотров 516 месяцев назад
Learn How To Design Animated Glassmorphism Registration Form using HTML CSS & JavaScript | Step by step Tutorial for Beginners | Web Development Tutorial | HTML CSS and JavaScript Tutorials ..................................................................... ✍🏻 Get Source Code : github.com/CodingProgramming77/WebDev_Projects.git 👆🏻 Download (files images) - Click on the GitHub link - Click on ...
How To Create Glassmorphism UI Design Login Form with Floating Label using HTML & CSS27:55How To Create Glassmorphism UI Design Login Form with Floating Label using HTML & CSS
How To Create Glassmorphism UI Design Login Form with Floating Label using HTML & CSS
Просмотров 246 месяцев назад
Learn How To Make Glassmorphism UI Design Login Form with Floating Label using HTML & CSS | Step by step Web Development Tutorial for Beginners ..................................................................... ✍🏻 Get Source Code : github.com/CodingProgramming77/WebDev_Projects.git 👆🏻 Download (files images) - Click on the GitHub link - Click on the green button (Code) - Click on Download ZI...
Neon Button Animation Hover Effect using HTML & CSS | How to Design Glowing Button Animation in CSS17:42Neon Button Animation Hover Effect using HTML & CSS | How to Design Glowing Button Animation in CSS
Neon Button Animation Hover Effect using HTML & CSS | How to Design Glowing Button Animation in CSS
Просмотров 536 месяцев назад
Learn How to Design Glowing Button Animation Hover Effect with CSS | Neon Button Animation Hover Effect using HTML & CSS Step by step Tutorial ..................................................................... ✍🏻 Get Source Code : github.com/CodingProgramming77/WebDev_Projects.git 👆🏻 Download (files images) - Click on the GitHub link - Click on the green button (Code) - Click on Download ZIP...
Animation Card Expand on Hover using HTML & CSS | How to Make Animated Card using HTML & CSS15:02Animation Card Expand on Hover using HTML & CSS | How to Make Animated Card using HTML & CSS
Animation Card Expand on Hover using HTML & CSS | How to Make Animated Card using HTML & CSS
Просмотров 1156 месяцев назад
Learn How To Create Animation Card Expand on Hover using HTML & CSS | How to Make Animated Card using HTML & CSS | Step by step Web Development Tutorial for Beginners #coding #programming #webdevelopment ..................................................................... ✍🏻 Get Source Code : github.com/CodingProgramming77/WebDev_Projects.git 👆🏻 Download (files images) - Click on the GitHub li...
How To Make Calculator using HTML CSS and JavaScript | Step by step Web Development Tutorial25:41How To Make Calculator using HTML CSS and JavaScript | Step by step Web Development Tutorial
How To Make Calculator using HTML CSS and JavaScript | Step by step Web Development Tutorial
Просмотров 2,5 тыс.6 месяцев назад
Learn How To Build Classic look Calculator using HTML CSS and JavaScript | Step by step Web Development Tutorial for Beginners ..................................................................... ✍🏻 Get Source Code : github.com/CodingProgramming77/WebDev_Projects.git 👆🏻 Download (files images) - Click on the GitHub link - Click on the green button (Code) - Click on Download ZIP ..................
How to Make Glassmorphism Login Form using HTML and CSS | Glassmorphism Login Form UI Design26:47How to Make Glassmorphism Login Form using HTML and CSS | Glassmorphism Login Form UI Design
How to Make Glassmorphism Login Form using HTML and CSS | Glassmorphism Login Form UI Design
Просмотров 2147 месяцев назад
How to Make Glassmorphism Login Form using HTML and CSS | Glassmorphism Login Form UI Design
How To Create Website with Login Form using HTML & CSS | Step by step Web Development Tutorial37:41How To Create Website with Login Form using HTML & CSS | Step by step Web Development Tutorial
How To Create Website with Login Form using HTML & CSS | Step by step Web Development Tutorial
Просмотров 1947 месяцев назад
How To Create Website with Login Form using HTML & CSS | Step by step Web Development Tutorial
How To Make Website with Login & Signup Form using HTML CSS & JavaScript for Beginners Step by step58:36How To Make Website with Login & Signup Form using HTML CSS & JavaScript for Beginners Step by step
How To Make Website with Login & Signup Form using HTML CSS & JavaScript for Beginners Step by step
Просмотров 3718 месяцев назад
How To Make Website with Login & Signup Form using HTML CSS & JavaScript for Beginners Step by step
How to Make Animated Profile Card using HTML & CSS | Complete Step by step Web Development Tutorial26:04How to Make Animated Profile Card using HTML & CSS | Complete Step by step Web Development Tutorial
How to Make Animated Profile Card using HTML & CSS | Complete Step by step Web Development Tutorial
Просмотров 1808 месяцев назад
How to Make Animated Profile Card using HTML & CSS | Complete Step by step Web Development Tutorial
How to Make Personal Portfolio Website using HTML CSS & JavaScript | Step by step Tutorial32:11How to Make Personal Portfolio Website using HTML CSS & JavaScript | Step by step Tutorial
How to Make Personal Portfolio Website using HTML CSS & JavaScript | Step by step Tutorial
Просмотров 1588 месяцев назад
How to Make Personal Portfolio Website using HTML CSS & JavaScript | Step by step Tutorial
How To Make Animated Form Validation using JavaScript | Form Validation with Animation For Beginners44:24How To Make Animated Form Validation using JavaScript | Form Validation with Animation For Beginners
How To Make Animated Form Validation using JavaScript | Form Validation with Animation For Beginners
Просмотров 1658 месяцев назад
How To Make Animated Form Validation using JavaScript | Form Validation with Animation For Beginners
How to Make Modern Stylish Animated Login Form using HTML & CSS Only | Web Development Tutorial19:25How to Make Modern Stylish Animated Login Form using HTML & CSS Only | Web Development Tutorial
How to Make Modern Stylish Animated Login Form using HTML & CSS Only | Web Development Tutorial
Просмотров 577Год назад
How to Make Modern Stylish Animated Login Form using HTML & CSS Only | Web Development Tutorial
How to Design Animated Login Form using HTML & CSS | Web Development Step by step Tutorial26:44How to Design Animated Login Form using HTML & CSS | Web Development Step by step Tutorial
How to Design Animated Login Form using HTML & CSS | Web Development Step by step Tutorial
Просмотров 1,1 тыс.Год назад
How to Design Animated Login Form using HTML & CSS | Web Development Step by step Tutorial
How To Design Animated Login Form With Floating Placeholder by HTML & CSS | Web Development Tutorial16:54How To Design Animated Login Form With Floating Placeholder by HTML & CSS | Web Development Tutorial
How To Design Animated Login Form With Floating Placeholder by HTML & CSS | Web Development Tutorial
Просмотров 569Год назад
How To Design Animated Login Form With Floating Placeholder by HTML & CSS | Web Development Tutorial
How To Make Animated Transparent Login Form using HTML & CSS | Web Development Step by step Tutorial23:00How To Make Animated Transparent Login Form using HTML & CSS | Web Development Step by step Tutorial
How To Make Animated Transparent Login Form using HTML & CSS | Web Development Step by step Tutorial
Просмотров 730Год назад
How To Make Animated Transparent Login Form using HTML & CSS | Web Development Step by step Tutorial
How to Design Animated SIGNUP Form using HTML & CSS | Step by step Web Development Tutorial21:20How to Design Animated SIGNUP Form using HTML & CSS | Step by step Web Development Tutorial
How to Design Animated SIGNUP Form using HTML & CSS | Step by step Web Development Tutorial
Просмотров 726Год назад
How to Design Animated SIGNUP Form using HTML & CSS | Step by step Web Development Tutorial
How To Make Animation 3-D Rotating Glowing Cube using HTML & CSS Only | Web Development Tutorial9:04How To Make Animation 3-D Rotating Glowing Cube using HTML & CSS Only | Web Development Tutorial
How To Make Animation 3-D Rotating Glowing Cube using HTML & CSS Only | Web Development Tutorial
Просмотров 535Год назад
How To Make Animation 3-D Rotating Glowing Cube using HTML & CSS Only | Web Development Tutorial
How To Make Animation 3-D Rotating Cube Expansion using HTML & CSS Only | Web Development Tutorial8:19How To Make Animation 3-D Rotating Cube Expansion using HTML & CSS Only | Web Development Tutorial
How To Make Animation 3-D Rotating Cube Expansion using HTML & CSS Only | Web Development Tutorial
Просмотров 273Год назад
How To Make Animation 3-D Rotating Cube Expansion using HTML & CSS Only | Web Development Tutorial
How To Make QR Code Generator with Animated Rotating Border using HTML CSS & JavaScript15:45How To Make QR Code Generator with Animated Rotating Border using HTML CSS & JavaScript
How To Make QR Code Generator with Animated Rotating Border using HTML CSS & JavaScript
Просмотров 472Год назад
How To Make QR Code Generator with Animated Rotating Border using HTML CSS & JavaScript
How To Make Beautiful Animated Navigation Bar using HTML CSS & JavaScript | Design Navigation Menu12:24How To Make Beautiful Animated Navigation Bar using HTML CSS & JavaScript | Design Navigation Menu
How To Make Beautiful Animated Navigation Bar using HTML CSS & JavaScript | Design Navigation Menu
Просмотров 581Год назад
How To Make Beautiful Animated Navigation Bar using HTML CSS & JavaScript | Design Navigation Menu
How To Create Image Gallery using HTML CSS & JavaScript | Horizontal Scrolling Image Gallery in HTML9:06How To Create Image Gallery using HTML CSS & JavaScript | Horizontal Scrolling Image Gallery in HTML
How To Create Image Gallery using HTML CSS & JavaScript | Horizontal Scrolling Image Gallery in HTML
Просмотров 280Год назад
How To Create Image Gallery using HTML CSS & JavaScript | Horizontal Scrolling Image Gallery in HTML
How To Make Animated SignUp Form using HTML & CSS Only | Create Registration Form in HTML & CSS16:27How To Make Animated SignUp Form using HTML & CSS Only | Create Registration Form in HTML & CSS
How To Make Animated SignUp Form using HTML & CSS Only | Create Registration Form in HTML & CSS
Просмотров 3,3 тыс.Год назад
How To Make Animated SignUp Form using HTML & CSS Only | Create Registration Form in HTML & CSS
How To Make Popup using HTML CSS & JavaScript | Modal Box Design Tutorial for Web Development11:22How To Make Popup using HTML CSS & JavaScript | Modal Box Design Tutorial for Web Development
How To Make Popup using HTML CSS & JavaScript | Modal Box Design Tutorial for Web Development
Просмотров 443Год назад
How To Make Popup using HTML CSS & JavaScript | Modal Box Design Tutorial for Web Development
3-D Animation Hover Effect using HTML & CSS Only | Web Development Step by step Tutorial11:463-D Animation Hover Effect using HTML & CSS Only | Web Development Step by step Tutorial
3-D Animation Hover Effect using HTML & CSS Only | Web Development Step by step Tutorial
Просмотров 1,8 тыс.Год назад
3-D Animation Hover Effect using HTML & CSS Only | Web Development Step by step Tutorial

Комментарии

  • @zlaton6029
    @zlaton6029 2 месяца назад

    It's a great introduction for beginners! 💯👍

  • @ahsanhafeez5045
    @ahsanhafeez5045 2 месяца назад

    everything is fine but i think the caculation of seconds stick is incorrect it rotates faster than 1 second at a time, btw nice work brother

  • @Younisprogrammerhcj
    @Younisprogrammerhcj 2 месяца назад

    good

  • @md6936
    @md6936 2 месяца назад

    keep uploading brother your doing wonderful

  • @EzaGaming1st
    @EzaGaming1st 5 месяцев назад

    8:00

  • @rouzbehmoradhaseli9025
    @rouzbehmoradhaseli9025 5 месяцев назад

    Fantastic content,thank you

  • @ewton5578
    @ewton5578 6 месяцев назад

    Nice one bro ❤

  • @ConsistentGrowthLab
    @ConsistentGrowthLab 6 месяцев назад

    Nice work bro❤

  • @Pixel_Phoenix
    @Pixel_Phoenix 6 месяцев назад

    Can u share some keyboard shortcuts like the one you did with appendtodisplay please

    • @codingprogramming77
      @codingprogramming77 6 месяцев назад

      here i'm using multi cursor (VS Code emmet shortcut). for this u have to press alt key and simultaneously click mouse wherever u want cursor and soon i will get back with VS Code emmet shortcut video tutorial. Thanx

  • @Rising-Empire-64
    @Rising-Empire-64 6 месяцев назад

    For more amazing HTML CSS & javasrcipt design ruclips.net/user/shortse3_rZHH_k0g?si=QxQ5ogEWneTG8jYa

  • @PratikMoharana701
    @PratikMoharana701 7 месяцев назад

    you earned a sub, bro!🤗 impressive skills you got there. keep it up👍

  • @sumankarki1989
    @sumankarki1989 7 месяцев назад

    Thank you very much. Keep on making such kinds of videos.🙏🙏🙏

  • @ewton5578
    @ewton5578 7 месяцев назад

    Nice video's 😮🎉

  • @ewton5578
    @ewton5578 7 месяцев назад

    I willl support you bro 😢

  • @harshchaudhary1207
    @harshchaudhary1207 7 месяцев назад

    @coding Programming bhai bata do code

  • @harshchaudhary1207
    @harshchaudhary1207 7 месяцев назад

    code kha sa milaga

  • @topfishinggadgets
    @topfishinggadgets 7 месяцев назад

    You promised me to send the codes... But I didn't receive them... I think this is a shame, because it is a very well explained video...

  • @Mnohaa0
    @Mnohaa0 8 месяцев назад

    hello who can i do database in vs i tried php anf faibase didnt work wuth me

  • @topfishinggadgets
    @topfishinggadgets 8 месяцев назад

    Hello, I followed this tutorial step by step and created the same codes in VSC. Everything went well and looked good. But at some point I must have made a mistake. I double checked my codes with the codes in your tutorial, and everything seems to be the same... I spend a lot of time on this. Is it possible to see the source codes? Or can I send you my codes in a ZIP file? I really hope you can help me... The welcome screen is completely fine, with a working navigation bar and the corresponding CSS styles. Only the Login button does not respond... PS: I see that you use the id's 'chkbx' and 'chkbx-2', but only in the HTML file? Best Regards,

    • @codingprogramming77
      @codingprogramming77 8 месяцев назад

      tell me your gmail address, and i will send you source code. and these id's i have used in html only for to link checkbox with label not for styling in css

  • @rodrigocassiano6923
    @rodrigocassiano6923 8 месяцев назад

    You are amazing bro!

  • @NimraAnvar
    @NimraAnvar 10 месяцев назад

    Source code plzz

  • @gonzalotapia8839
    @gonzalotapia8839 Год назад

    I did everything as you did, I checked more than 3 times and the div animation doesn't work, could you upload the source code?

  • @ojolcyberarmy
    @ojolcyberarmy Год назад

    Source code bro

  • @JACK-SHARMA-YT
    @JACK-SHARMA-YT Год назад

    DISLIKED THE VIDEO, NO SOURCE CODE

  • @mwanikahenrix5936
    @mwanikahenrix5936 Год назад

    I have liked the vib

  • @WebDesigner5322
    @WebDesigner5322 Год назад

    excellent...can u pl share the source code?

  • @aacutz
    @aacutz Год назад

    THANKYOU SO MUCHHH

  • @victoryjames6300
    @victoryjames6300 Год назад

    What is the @import url used for?? Is it necessary?

    • @gulshannaseer9279
      @gulshannaseer9279 Год назад

      It used for Poppins font from google

    • @codingprogramming77
      @codingprogramming77 8 месяцев назад

      if u want to import Google fonts in your webpage then it is necessary else u can use other fonts provided by VS code

  • @kwakuhero9879
    @kwakuhero9879 Год назад

    source code plss

  • @liamaiken1782
    @liamaiken1782 Год назад

    ❤❤

  • @harismalik431
    @harismalik431 Год назад

    coding link?

  • @harismalik431
    @harismalik431 Год назад

    font link?

  • @zapzap3094
    @zapzap3094 Год назад

    i try sir. but my animated box before and after not working but no syntax eror

  • @Lmaoded-ew6bd
    @Lmaoded-ew6bd Год назад

    Bro need sourc code

  • @saidultelecom1877
    @saidultelecom1877 Год назад

    mobile problam

  • @saidultelecom1877
    @saidultelecom1877 Год назад

    singup page crate plzz video

  • @codingwithchamindu
    @codingwithchamindu Год назад

  • @Arashamael
    @Arashamael Год назад

    Source code plz 🥺

  • @raymondmoundzele4907
    @raymondmoundzele4907 Год назад

    THANK YOU ENOUGH

  • @AbidMAM
    @AbidMAM Год назад

    thank you

  • @googlegoogle6632
    @googlegoogle6632 Год назад

    What is the extension you were using to see the changes?

  • @viralshortsHM
    @viralshortsHM Год назад

    source code plz

  • @viralshortsHM
    @viralshortsHM Год назад

    source code?

  • @mrgh6010
    @mrgh6010 Год назад

    that was amazing. thanks a lot

  • @LimJ-i9l
    @LimJ-i9l Год назад

    Thanks!

  • @DeepakKumar-br1cz
    @DeepakKumar-br1cz Год назад

    Bhai ashe hi vedio banate rahiye acha hai appka design

  • @darshan_srinivasa
    @darshan_srinivasa Год назад

    👏🏻👏🏻

  • @mohamedrabi3928
    @mohamedrabi3928 Год назад

    Cool stuff

  • @keonwoongseo
    @keonwoongseo Год назад

    Coding with animation is so good Thank you ^^ From Seoul

  • @melreven1382
    @melreven1382 Год назад

    Can i get your html and css code. Please 🙏