Expert Coder
Expert Coder
  • 133
  • 16 036
How To Create A Portfolio Website Using HTML CSS And JavaScript
How To Create A Portfolio Website Using HTML CSS And JavaScript
Code Source:github.com/sanjay-kumar-singh-73/Portfolio-20 (Please Subscribe)
------------------
In this video we will create a personal portfolio website design step by step using HTML CSS and JavaScript. You can use this website to make your online resume or CV. In this website design we will add name, designation of the user. Then we will display the image. We will also add the list of services and work portfolio on this website. In the footer of this website we will add contact info and contact form. Your can receive the contact form data on your google sheets.
This website design will be completely responsive for all screen devices like mobile phones. We will this complete website design step by step using HTML CSS and JavaScript.
---------------
make website using html and css, how to make website using html css and javascript, one page website,shoes,shoe website,shoes website html,simple website,simple food website,online tutorial,easy tutorial,how to make food website,responsive website,Nike,adidas,puma,landing page design,html and css tutorial,how to create landing page,animated landing page,gsap animation,fast food,greensock animation,minimal landing page,fade image slider,jquery cycle slider,landing page animation html css
website design tutorial, website design tutorial for beginners, website
Your Queries:
how to create portfolio website using html and css
how to create portfolio website using html and css js
how to create portfolio website using html and css only
how to create portfolio website using html and css tagalog
how to create a portfolio website using html and css
creating a portfolio website using html and css
portfolio website html and css
create a portfolio website with html and css
create portfolio using html and css
create portfolio website using html and css
portfolio site using html and css
portfolio website design using html css
create a portfolio website using html and css
how to create portfolio website using html css and javascript
creating portfolio website using html and css
html and css portfolio website tutorial
creating portfolio using html and css
how to make portfolio website using html and css
how to make portfolio website using html and css only
how to make simple portfolio website using html and css
how to make portfolio website in html and css
how to make website portfolio using html and css
how to create personal portfolio website using html and css
how to create responsive portfolio website using html and css
how to create simple portfolio website using html and css
how to create portfolio website using html and css tamil
website portfolio using html and css
portfolio website using only html and css
html and css portfolio website
html and css portfolio tutorial
html css website design portfolio
portfolio website design html css
portfolio website using css and html
online portfolio using html and css
creating a simple portfolio website using html and css
how to create portfolio website using html css and javascript
portfolio website html css
personal portfolio website using html and css
portfolio website html css javascript
responsive portfolio website html css javascript
portfolio website
responsive personal portfolio website using html css
responsive portfolio website html css
personal portfolio website
responsive portfolio website
responsive website using html and css
create a responsive personal portfolio website
complete responsive portfolio website
how to create portfolio website using html css and javascript
Hashtag:
#portfolio #portfoliowebsite #websites #webdevelopment #webdeveloperportfolio #websitedesign #websitetutorial #frontendwebdeveloper #frontenddevelopment #frontenddevelopers
#csshoveranimation #css #CSS #Css #HTML #js #JS #JavaScript #javascript #Onlycss #OnlyCss #OnlyCSS #onlycss #onlycsshover #onlycsshovereffect #onlycsshovereffectanimation #onlycsshoveranimation #onlycsseffect #onlycsseffectanimations #Onlyjs #OnlyJS #OnlyJs #PortfolioWebsite #HTMLWebsite #WebsiteDesign #webdevelopment #webdeveloper #webdesign #webdesign #animationvideo #cssjs #csstutorialscool #webpage #website #responsivewebsite #responsivewebpage #responsive #responsiveportfolio #portfolio #personalportfolio
Переглядів: 25

Відео

Host Website On Github For Free in Just 2 Mins | Host Online Website On Github Free |
Переглядів 264 години тому
Host Website On Github For Free in Just 2 Mins | Host Online Website On Github Free | Hey guys, in this video I will show you how to host a frontend website live using GITHUB Pages For free,It's super easy and fun ! Your Queries: host website on github free github,github pages host website on github host host website on github for free how to use github pages how to host a website on github pag...
Login Page In HTML & CSS
Переглядів 1577 годин тому
Login Page In HTML & CSS | How to create login page using html and css Easy Tutorials Code Source:-github.com/sanjay-kumar-singh-73/Login-Page-06(Please Subscribe) Your Queries: login form in html and css login form using html and css login form html css how to create a login form in html and css animated login form html css how to create a website login page in html login page html css respons...
Build And Deploy Responsive React Portfolio Website 🇺🇸🇮🇳🇮🇩| Create A Portfolio Website In React Js|
Переглядів 39012 годин тому
Build And Deploy Responsive React Portfolio Website | Create A Portfolio Website In React Js | Code Source:-github.com/sanjay-kumar-singh-73/Portfolio-React.JS-03 (Please Subscribe) The website will have a modern UI/UX design that is completely responsive. The site will contain a navbar, a hero section that will display the Full stack developer's name and some description. Followed by the About...
How To Make Responsive Food Website Using HTML & CSS | Make A Responsive Food Website HTML & CSS |
Переглядів 5814 годин тому
How To Make Responsive Food Website Using HTML & CSS | Make A Responsive Food Website HTML & CSS | In this beginner-friendly tutorial, we'll walk through the step-by-step process of creating a food website using HTML and CSS. You'll learn how to structure your website's layout, style it with CSS to make it visually appealing, and uses CSS Media Query to make it responsive across different devic...
How To Create A Responsive Food Website Using HTML & CSS | Create A Responsive Food Website |
Переглядів 6416 годин тому
How To Create A Responsive Food Website Using HTML & CSS | Create A Responsive Food Website | In this beginner-friendly tutorial, we'll walk through the step-by-step process of creating a food website using HTML and CSS. You'll learn how to structure your website's layout, style it with CSS to make it visually appealing, and uses CSS Media Query to make it responsive across different devices. B...
A Day In The Life Of A Computer Science Student✅ | how Many Hours To Study? | Placement Preparation
Переглядів 1921 годину тому
A Day In The Life Of A Computer Science Student✅ | how Many Hours To Study? | Placement Preparation Welcome to my channel! 🎓 In this video, I take you along on my first day of college. From meeting and exploring campus, it's an exciting and nerve-wracking experience all rolled into one. Join me as I navigate through this new chapter of my life, share my thoughts and tips for a successful first ...
Create A Responsive Travels Website Using HTML And CSS Only | Travels Website HTML & CSS |
Переглядів 73День тому
Create A Responsive Travels Website Using HTML And CSS Only | Travels Website HTML & CSS | Create Your Dream Travel Website from Scratch! Join us in this step-by-step tutorial as we guide you through building a stunning and interactive landing page using HTML, CSS, Learn how to craft an engaging user experience, incorporate captivating visuals, and add dynamic functionalities to make your trave...
Create A Personal Portfolio Website Using HTML CSS & JavaScript Tutorial Easy Step-By-Step
Переглядів 627День тому
Learn How To Create A Portfolio Website Using HTML CSS JavaScript | Complete Responsive Website Design | Make Personal Portfolio Website ❣️❣️❣️❣️❣️❣️❣️❣️❣️❣️ Code Source:-github.com/sanjay-kumar-singh-73/Portfolio-19 (Please Subscribe)❣️❣️❣️❣️❣️❣️ In this video we will create a personal portfolio website design step by step using HTML CSS and JavaScript. You can use this website to make your on...
Responsive Navbar Tutorial Using HTML CSS & JavaScript
Переглядів 7814 днів тому
Responsive Navbar Tutorial Using HTML CSS & JavaScript Source Code:- Your Queries:- responsive navbar responsive navbar html css responsive navbar tutorial responsive menu responsive navbar html css javascript navbar responsive navbar html css responsive menu bar navbar css responsive navigation bar navbar html css responsive responsive navigation menu responsive navgation bar css responsive na...
Portfolio Website Using HTML CSS And JavaScript | Personal Portfolio Website Using HTML CSS & Js |
Переглядів 15114 днів тому
Portfolio Website Using HTML CSS And JavaScript | Personal Portfolio Website Using HTML CSS & Js | In today's tutorial, you will learn how to make a complete responsive personal portfolio website design by using HTML CSS and JavaScript . I hope you will like this portfolio website design. Feel free to download the source code of this responsive personal portfolio website from the given link. So...
Create A Portfolio Website Using HTML CSS & JavaScript | Personal Portfolio Website Using HTML CSS |
Переглядів 19614 днів тому
Create A Portfolio Website Using HTML CSS & JavaScript | Personal Portfolio Website Using HTML CSS | In this video we will create a personal portfolio website design step by step using HTML CSS and JavaScript. You can use this website to make your online resume or CV. In this website design we will add name, designation of the user. Then we will display the image, skills, work experience and ed...
Typed.js Tutorial In 5 Minutes | Easy Tutorials Step-by-Step |
Переглядів 1814 днів тому
Typed.js Tutorial In 5 Minutes | Easy Tutorials Step-by-Step | How to use typed.js and create typing animation in javascript. Learn how to setup and create an animation from scratch. Also add a cursor blinking effect and solve cursor line breaking issue on block display element. Your Queries: javascript in 5 minutes,typed.js code in 5 minutes learn to code in 5 minutes 5 minutes,typed.js tutori...
Create a Calculator Using HTML CSS And JavaScript Easy Step-by-Step | Full Tutorial Project |
Переглядів 6121 день тому
Create a Calculator Using HTML CSS And JavaScript Easy Step-by-Step | Full Tutorial Project |
How To Create Responsive Personal Portfolio Website Using HTML CSS And JavaScript Full Tutorial
Переглядів 76Місяць тому
How To Create Responsive Personal Portfolio Website Using HTML CSS And JavaScript Full Tutorial
Contact Form Using HTML And CSS Full Tutorials Step-by-Steps 2024
Переглядів 13Місяць тому
Contact Form Using HTML And CSS Full Tutorials Step-by-Steps 2024
Login Form Using HTML And CSS | Login Form Using HTML CSS And JavaScript Tutorials Easy Steps |
Переглядів 33Місяць тому
Login Form Using HTML And CSS | Login Form Using HTML CSS And JavaScript Tutorials Easy Steps |
Shoes Website Using HTML And CSS Only Step-by-Step | Easy Tutorial HTML CSS & JAVASCRIPT |
Переглядів 68Місяць тому
Shoes Website Using HTML And CSS Only Step-by-Step | Easy Tutorial HTML CSS & JAVASCRIPT |
Portfolio Website Using HTML CSS And JavaScript Tutorial | HTML CSS & JavaScript Tutorials Easy |
Переглядів 529Місяць тому
Portfolio Website Using HTML CSS And JavaScript Tutorial | HTML CSS & JavaScript Tutorials Easy |
How To Create Responsive Personal Portfolio Website Using HTML CSS And JavaScript Easy Step-by-Steps
Переглядів 30Місяць тому
How To Create Responsive Personal Portfolio Website Using HTML CSS And JavaScript Easy Step-by-Steps
How To Create Digital Clock Using HTML CSS And JavaScript Easy Tutorials Steps-by-Steps 2024
Переглядів 22Місяць тому
How To Create Digital Clock Using HTML CSS And JavaScript Easy Tutorials Steps-by-Steps 2024
How To Make Responsive Portfolio Website Using HTML And CSS Only Easy Steps | Easy Tutorials |
Переглядів 1,2 тис.Місяць тому
How To Make Responsive Portfolio Website Using HTML And CSS Only Easy Steps | Easy Tutorials |
Create A Responsive Portfolio Website Using HTML And CSS Only Easy Tutorial Step-By-Steps
Переглядів 314Місяць тому
Create A Responsive Portfolio Website Using HTML And CSS Only Easy Tutorial Step-By-Steps
How To Make Ecommerce Website Using HTML And CSS Step-by-Step | Complete Responsive Website Design |
Переглядів 181Місяць тому
How To Make Ecommerce Website Using HTML And CSS Step-by-Step | Complete Responsive Website Design |
E-commerce Website using HTML CSS And JavaScript | Simple E-commerce Website In HTML CSS And JS |
Переглядів 38Місяць тому
E-commerce Website using HTML CSS And JavaScript | Simple E-commerce Website In HTML CSS And JS |
How To Create Responsive Portfolio Website Using HTML CSS & JavaScript | JavaScript Tutorial Steps |
Переглядів 532Місяць тому
How To Create Responsive Portfolio Website Using HTML CSS & JavaScript | JavaScript Tutorial Steps |
How To Create Responsive Card Slider Using HTML CSS & JavaScript |Card Slider in HTML CSS& swiper.js
Переглядів 118Місяць тому
How To Create Responsive Card Slider Using HTML CSS & JavaScript |Card Slider in HTML CSS& swiper.js
Card Slider Using HTML CSS & JavaScript | Card Slider Using HTML css & swiper.js | Js Project |
Переглядів 318Місяць тому
Card Slider Using HTML CSS & JavaScript | Card Slider Using HTML css & swiper.js | Js Project |
Build A Responsive Shoes Website using | HTML & CSS | Tutorial | shoes website website using html
Переглядів 49Місяць тому
Build A Responsive Shoes Website using | HTML & CSS | Tutorial | shoes website website using html
How To Create Responsive Portfolio Website Using React JS | Portfolio Website Project
Переглядів 439Місяць тому
How To Create Responsive Portfolio Website Using React JS | Portfolio Website Project

КОМЕНТАРІ

  • @AbhishekMeena-i8w
    @AbhishekMeena-i8w День тому

    muje ek ludo game ki website banwani hai kya aap bana doge

  • @rameshjha4984
    @rameshjha4984 2 дні тому

    For large file having more than 100 files , how to make it live

  • @VictorVictory-te2ij
    @VictorVictory-te2ij 4 дні тому

    Dear Er. S. K. Singh, the Expert Coder, my heartfelt thanks to you for this par excellence Education Website training. Keep up the great work with many more great examples. God bless you and family Sir!

  • @PrSgaming101
    @PrSgaming101 8 днів тому

    Good work brother ❤

  • @eprohoda
    @eprohoda 10 днів тому

    hi-thaat is well traveling~ have a good day- Expert!👐

  • @manasidongre8583
    @manasidongre8583 12 днів тому

    Plz give a Source code

  • @Malikalihasan-de5je
    @Malikalihasan-de5je 12 днів тому

    Please tell me

    • @Expert-code-Chauhan-73
      @Expert-code-Chauhan-73 12 днів тому

      HTML CODE - <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Profile Picture Upload</title> <style> #preview { margin-top: 10px; max-width: 200px; max-height: 200px; border: 1px solid #ddd; } </style> </head> <body> <h1>Upload Profile Picture</h1> <form id="uploadForm"> <input type="file" id="fileInput" accept="image/*"> <button type="submit">Upload</button> </form> <img id="preview" src="" alt="Image Preview"> <script src="script.js"></script> </body> </html> JavaScript Code- document.addEventListener('DOMContentLoaded', function() { const fileInput = document.getElementById('fileInput'); const preview = document.getElementById('preview'); const uploadForm = document.getElementById('uploadForm'); // Handle the file input change event fileInput.addEventListener('change', function(event) { const file = event.target.files[0]; if (file) { // Create a FileReader object const reader = new FileReader(); // Define what to do when the file is read reader.onload = function(e) { preview.src = e.target.result; }; // Read the file as a data URL reader.readAsDataURL(file); } }); // Handle form submission (optional, if you want to handle upload logic) uploadForm.addEventListener('submit', function(event) { event.preventDefault(); // Prevent the default form submission // You can handle form submission or file uploading logic here // For example, you might want to send the file to a server console.log('File input submitted:', fileInput.files[0]); }); });

    • @Expert-code-Chauhan-73
      @Expert-code-Chauhan-73 12 днів тому

      Subscribe Please

    • @Malikalihasan-de5je
      @Malikalihasan-de5je 11 днів тому

      Thanks

    • @Malikalihasan-de5je
      @Malikalihasan-de5je 11 днів тому

      Thanks

  • @Malikalihasan-de5je
    @Malikalihasan-de5je 12 днів тому

    Who can I upload profile pics on website by using input file atribute in java script

  • @sengoku6175
    @sengoku6175 23 дні тому

    can i get the whole video, sir? cause i need it for my college project or can you recommend some channels where I can find fully responsive shoe websites videos? using any language

    • @Expert-code-Chauhan-73
      @Expert-code-Chauhan-73 21 день тому

      Wait for next my video it will be coming soon shoes website full responsive with multiple page , you can download source code free 🆓

  • @MichaelBrima-ld9lo
    @MichaelBrima-ld9lo 27 днів тому

    Hello, I'm at 7:42 currently. I cant seem to get the links or the anchor tags to the different sections ('Home', 'About', 'Service', etc.) to show up on the webpage when I run the server. Do you know why this could be or do you know how to make them appear? Also I keep getting an error that says 'Target container is not a DOM element. at Object.render' whenever I try to run the server. Do you know how to fix this error so that the webpage displays instead?

  • @goodluck3540
    @goodluck3540 Місяць тому

    its look like same of my portfolio project

  • @SAHIRULLAH-h2v
    @SAHIRULLAH-h2v Місяць тому

    APNI yt Vedio editing ki vedio share kry

  • @sjo_learning
    @sjo_learning Місяць тому

    Thankyow

  • @mysterio2552
    @mysterio2552 Місяць тому

    Cool video, jus found it with no views So i thought why not be the first one to view it. Honestly that's great effort but i feel it would be better if you talk and interact more with the viewers. Peace ☮☮✌🏼

  • @drokard
    @drokard Місяць тому

    the colour of website is soo bad try to use colour bater

  • @AsxaanAxmed-d5q
    @AsxaanAxmed-d5q Місяць тому

    Pro please tell me how can i make

  • @AsxaanAxmed-d5q
    @AsxaanAxmed-d5q Місяць тому

    But how can i make

    • @Expert-code-Chauhan-73
      @Expert-code-Chauhan-73 Місяць тому

      Please Subscribe 🙏

    • @Expert-code-Chauhan-73
      @Expert-code-Chauhan-73 Місяць тому

      Complete responsive portfolio website with five page home , about, service, portfolio, contact within 4 days

    • @Expert-code-Chauhan-73
      @Expert-code-Chauhan-73 Місяць тому

      Don't worry ,code in description you can download and make portfolio.save your time, if you are learn how to make portfolio website watch my full video.

  • @AsxaanAxmed-d5q
    @AsxaanAxmed-d5q Місяць тому

    Thank you

  • @qasim_developer
    @qasim_developer 3 місяці тому

    i am asking for proper integration can you make a tutorial, i am also a mern stack developer currently making a music web player like spotify

  • @qasim_developer
    @qasim_developer 3 місяці тому

    did you add google signup integrations

  • @murphyochin6354
    @murphyochin6354 3 місяці тому

    I am subscribed, would you be willing to share the source code?

  • @parkourboi550
    @parkourboi550 3 місяці тому

    whatsup sanjay kumar singh 😁

  • @Bhaiyajicreations
    @Bhaiyajicreations 4 місяці тому

    Source code

  • @Bhaiyajicreations
    @Bhaiyajicreations 4 місяці тому

    Source code

  • @FawadKhan-ci2rd
    @FawadKhan-ci2rd 4 місяці тому

    Bro how you find shoes pic, it's very clear and no background

  • @m.tahirnazir2111
    @m.tahirnazir2111 4 місяці тому

    i don,t know i foucs on song or viedo🤣🤣🤣

  • @msaleem-lr3bh
    @msaleem-lr3bh 4 місяці тому

    Hello bro grow up your goal ❤❤❤❤❤

  • @RashmiRanjanNayak-xo9br
    @RashmiRanjanNayak-xo9br 4 місяці тому

    good stuff.adding voice over will be better.

  • @jayavelmurugesan9212
    @jayavelmurugesan9212 4 місяці тому

    Pic please remove 😅

  • @talalsadaqat
    @talalsadaqat 4 місяці тому

    Brother if you want followers change your title and dont put sound

  • @TheCodingTrail.
    @TheCodingTrail. 4 місяці тому

    Nice brother🥰

  • @rajdeepsingh-xc6wx
    @rajdeepsingh-xc6wx 4 місяці тому

    still showing activation required

  • @dwaynewynette7659
    @dwaynewynette7659 6 місяців тому

    ⭐ "Promosm"

  • @niranjansah1714
    @niranjansah1714 7 місяців тому

    Can i get source code?