Responsive Portfolio Website Using HTML CSS And JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ก.ย. 2024

ความคิดเห็น • 68

  • @songohanalengka8751
    @songohanalengka8751 2 หลายเดือนก่อน +7

    Sorry, i try to found a problem in contact form to solve email can't sent. but i not found it, i try in live server and localhost but not still work. and the message sent successfully is not show. do you know what the problem?

    • @Bedimcode
      @Bedimcode  2 หลายเดือนก่อน +3

      const contactForm = document.getElementById('contact-form'),
      contactMessage = document.getElementById('contact-message')
      const sendEmail = (e) => {
      e.preventDefault()
      // serviceID - templateID - #form - publicKey
      emailjs.sendForm('service_8ii265v', 'template_85g6ftk', '#contact-form', 'VQaq6RG_bXgUd7BNm')
      .then(() => {
      // Show sent message
      contactMessage.textContent = 'Message sent successfully ✅'
      // Remove message after five seconds
      setTimeout(() => {
      contactMessage.textContent = ''
      }, 5000)
      // Clear input fields
      contactForm.reset()
      }, () => {
      // Show error message
      contactMessage.textContent = 'Message not sent (service error) ❌'
      })
      }
      contactForm.addEventListener('submit', sendEmail)

  • @snowbell6702
    @snowbell6702 3 หลายเดือนก่อน +1

    hello! the video is so easy to understand. thank you for your hardworking. I need help with emailjs no matter how many time I check and rewrite everything the contact form is not working for me. Could you tell me what should I do?

  • @ttvmerrygfx
    @ttvmerrygfx 4 หลายเดือนก่อน +3

    Followed everything on the blur-header, but nothing seems to work for to showcase it.

    • @Touka2121
      @Touka2121 3 หลายเดือนก่อน +1

      did you get to fix it yet?

    • @ttvmerrygfx
      @ttvmerrygfx 3 หลายเดือนก่อน +1

      @@Touka2121 Didn't get it fixed.

    • @jakyim4955
      @jakyim4955 2 หลายเดือนก่อน

      @@ttvmerrygfx still not yet?

  • @celianicolini4153
    @celianicolini4153 3 หลายเดือนก่อน +1

    Hi I've a little question: I use the live server of visual code to develop my website and when I press "send message" on the contact form it does not send the message, instead it reloads the page, is that normal ?

    • @Bedimcode
      @Bedimcode  3 หลายเดือนก่อน

      It should not reload the page, you must be missing the preventDefault() in the js code.
      const sendEmail = (e) => {
      e.preventDefault()
      }

  • @fahadelahikhan
    @fahadelahikhan 8 วันที่ผ่านมา

    Sir, after building this, will I be able to host it on GitHub Pages, or will I need a separate hosting service?

    • @Bedimcode
      @Bedimcode  6 วันที่ผ่านมา

      Before staying on any hosting I recommend hosting it on GitHub Pages to see how it works, but it also depends on whether you can acquire any hosting, do it or otherwise stay on GitHub Pages, greetings.

  • @PratyushGautam-kh7nh
    @PratyushGautam-kh7nh 10 วันที่ผ่านมา

    Hi can you please make achievement/awards section where we can show our important certification and awards

    • @Bedimcode
      @Bedimcode  6 วันที่ผ่านมา

      That is why there is a button to download CV, there are the achievements, certifications, etc., but it is a good recommendation, I will keep it in mind, greetings.

  • @IlMe-fy1sj
    @IlMe-fy1sj 14 วันที่ผ่านมา

    Hi!
    I want to buy the code source : Can i use it on WordPress or Blogger and edit my infos there?

    • @Bedimcode
      @Bedimcode  12 วันที่ผ่านมา

      Hi, the website is developed with html, css and javascript. But I can't tell you if it works on wordpress or blogger. Regards.

  • @jhaeberli
    @jhaeberli 5 วันที่ผ่านมา

    Amazing work! it was a pleasure to follow you through this tutorial. Keep up the good work!

  • @moazzamalisoomro6714
    @moazzamalisoomro6714 หลายเดือนก่อน +1

    Hey [Bedimcode], I've loved watching your videos on creating personal portfolio websites using HTML, CSS, and JS! Now, I'd like to request a new series where you create a complete, fully responsive personal portfolio website using the MERN Stack technologies (MongoDB, Express, React, and Node.js). It would be amazing to see how you approach building a robust and scalable portfolio using these technologies. Please consider creating content around this, I'm sure many of your viewers would benefit from it ❤

    • @Bedimcode
      @Bedimcode  หลายเดือนก่อน +1

      I will keep it in mind friend, thanks for the support, greetings.

    • @moazzamalisoomro6714
      @moazzamalisoomro6714 หลายเดือนก่อน

      @@Bedimcode Thank u and i am always be your supporter ❤

  • @alfarabyindra
    @alfarabyindra 4 หลายเดือนก่อน +1

    nice, can i request how to make load more button for next portfolio responsive tutorial bro

  • @siddharthmishra1224
    @siddharthmishra1224 หลายเดือนก่อน

    Hey I am a data scientist and I don't have much knowledge of CSS ,java or HTML . I need a portfolio website ,so where I can find a proper codes for the website

    • @Bedimcode
      @Bedimcode  หลายเดือนก่อน

      In my BuyMeACoffee store, you can find more portfolio projects, the links are in the description. Greetings.

  • @RajiJohnsonomeiza
    @RajiJohnsonomeiza 3 หลายเดือนก่อน

    As beautiful and exciting this video is , it would have been better and flawless if you can do the voice over....

  • @Abdullah-so3kd
    @Abdullah-so3kd หลายเดือนก่อน

    no animations in mine,
    after following every single thing in this video

  • @nyenyee9766
    @nyenyee9766 3 หลายเดือนก่อน

    hai bedimcode, love your work. just want to ask why when i deploy the web email form didnt work, but when i send it via live server studio code it works. hopping get your respond thank you.

    • @Bedimcode
      @Bedimcode  3 หลายเดือนก่อน

      It should work even if you don't open it with live server, check the code.
      But if the code is correct and you can send the emails with liver server, there is no problem. You can use netlify to upload your website and check if it can send emails.

  • @Sharath_028
    @Sharath_028 2 หลายเดือนก่อน

    Hello sir if you wouldn't mind can you please share the css code sir please it's my humble request to you.
    Because I have written css code but in a small device it's getting an error sir.
    Please kindly help me sir

    • @songohanalengka8751
      @songohanalengka8751 2 หลายเดือนก่อน

      in media screen you can adjust more bro, open dev tools or dev mode. and you can adjust more in there. with chat gpt it can more easier

    • @Bedimcode
      @Bedimcode  2 หลายเดือนก่อน

      If you still don't solve the error, you can contact me on Facebook (Bedimcode) to help you, greetings.

  • @MindexBouchlouch
    @MindexBouchlouch หลายเดือนก่อน

    please the netify web don't work with me , if i sign in by my email ii enter the verification and don't enter

    • @Bedimcode
      @Bedimcode  หลายเดือนก่อน

      You have to better verify your email and password, greetings.

  • @Lingovert
    @Lingovert 3 หลายเดือนก่อน

    Thanks a lot, for this videos, I subscribed. Where are you from? Are you really from Peru?

    • @Bedimcode
      @Bedimcode  3 หลายเดือนก่อน

      Hello, thank you for the support, I am from Peru, greetings.

  • @animators445
    @animators445 4 หลายเดือนก่อน

    Bro please where did you get the elements like picture from original template from dibble? Please tell me

    • @Bedimcode
      @Bedimcode  4 หลายเดือนก่อน

      I did this project from scratch, I was not inspired by dribbble, greetings.

    • @animators445
      @animators445 4 หลายเดือนก่อน

      @@Bedimcode bro I mean if you take a project from dibble than how will you download the pictures that are inside the design because dribble doesn't provide the elements like figma please tell me?
      thankyou

    • @oliverp3464
      @oliverp3464 4 หลายเดือนก่อน +1

      @@animators445 Please be quiet and use that thing in your head

    • @MamidalaManojj
      @MamidalaManojj 3 หลายเดือนก่อน

      Bro i am from india...how do i get your source codes...i couldn't pay through indian cards in the payment section..please help

  • @kuncaymuhammad5201
    @kuncaymuhammad5201 27 วันที่ผ่านมา

    thank you I really appreciate it

  • @ifyouwannawatchCOMEHERE
    @ifyouwannawatchCOMEHERE 4 หลายเดือนก่อน +3

    Top Tier man Thanks for the lovely video followed along and finished it always staring at the notification bell for your videos ♥.

  • @hwapyongedouard
    @hwapyongedouard 3 หลายเดือนก่อน

    how did you implement PayPal buy me coffee, so that when a user pay she/her gets the source code

    • @Bedimcode
      @Bedimcode  3 หลายเดือนก่อน

      Payments are handled by the Buy Me a Coffee platform.

  • @kxppy610
    @kxppy610 หลายเดือนก่อน

    holy shit dude, sick designs, huge thumbs up from me!

  • @PonosBabuina
    @PonosBabuina 4 หลายเดือนก่อน

    Hi it looks super clean, so can I just rebuilt that and use it as my own? or what does this copyright thing mean?

    • @Bedimcode
      @Bedimcode  4 หลายเดือนก่อน +3

      Hello, you can use it without any problem, greetings.

  • @boysandra266
    @boysandra266 29 วันที่ผ่านมา

    Awesome, thank you

  • @mr.sniperxgaming2868
    @mr.sniperxgaming2868 4 หลายเดือนก่อน

    bro make a full fill multi pages website and btw appreciate your work.... heads off

    • @Bedimcode
      @Bedimcode  4 หลายเดือนก่อน

      Portfolio Liz has several pages, greetings.

  • @jastrebb
    @jastrebb 4 หลายเดือนก่อน

    Can you animate hamburger button? From 3 lines to cross

    • @Bedimcode
      @Bedimcode  4 หลายเดือนก่อน +1

      Surely on TH-cam there must be that type of menu, you can see it and integrate it into the portfolio.

  • @Sharath_028
    @Sharath_028 2 หลายเดือนก่อน

    Can you please share the home source code mask image please

    • @Bedimcode
      @Bedimcode  2 หลายเดือนก่อน

      .home__img {
      width: 220px;
      justify-self: center;
      mask-image: linear-gradient(to bottom,
      hsla(var(--hue), 40%, 16%) 60%,
      transparent 100%);
      }

    • @Sharath_028
      @Sharath_028 2 หลายเดือนก่อน

      @@Bedimcode thank you so much

  • @vaibhavsingh3324
    @vaibhavsingh3324 3 หลายเดือนก่อน

    main.js this is no file in your github

  • @Angel-zr2qm
    @Angel-zr2qm 4 หลายเดือนก่อน

    Hola me gustan muchos tus vídeos y por lo que veo sale que eres de Perú. Asi mismo, me gustaria ver en tus próximos videos que dejes comentarios en español, saludos desde Perú.

    • @ifyouwannawatchCOMEHERE
      @ifyouwannawatchCOMEHERE 4 หลายเดือนก่อน

      ¿Podrías traducir en Google como lo hago ahora para decir esto?

    • @Lingovert
      @Lingovert 3 หลายเดือนก่อน

      No creo que sea de Peru, pero si tienes razon, aparece como si estuviera alli.

  • @jemssho2402
    @jemssho2402 4 หลายเดือนก่อน

    How can we connect to database?

    • @aliasgeranees8893
      @aliasgeranees8893 4 หลายเดือนก่อน

      Learning firebase is very easy and they have built in services such as fire store which you can use

  • @musicfan507
    @musicfan507 4 หลายเดือนก่อน

    Great job, you are the best

  • @satyamtiwari3839
    @satyamtiwari3839 4 หลายเดือนก่อน

    Thx man

  • @thonivai
    @thonivai 4 หลายเดือนก่อน

    Thx 😊

  • @theonly_ashu
    @theonly_ashu 4 หลายเดือนก่อน

    10:22

  • @mdabu3331
    @mdabu3331 4 หลายเดือนก่อน

    nicee

  • @jair-araujo
    @jair-araujo 4 หลายเดือนก่อน

    Top

  • @EngFaisal101
    @EngFaisal101 2 หลายเดือนก่อน

    Can you give me source code free