how to create website using AI | webdesign with chatgpt & leonardo AI tools | CSS and HTML

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 มิ.ย. 2023
  • #ai #chatgpt #website
    how to create website using AI | webdesign with chatgpt & leonardo AI tools | CSS and HTML
    Unlock the power of AI and unleash your creativity as I guide you through the process of creating a stunning website using ChatGPT, Leonardo AI, and Midjourney AI. Learn step-by-step how to harness the intelligence of these cutting-edge tools to bring your website vision to life. From design concepts to interactive features, join me on this captivating journey and become a website creator with the help of AI.
    drive.google.com/drive/folder...
    make passive income creating audiobooks using AI: • how to Make PASSIVE IN...
    00:23 intro AI web design
    01:49 create header with chatgpt
    02.23 create hero section
    03.38 make essential changes
    03.58 over view
    tags: ai web design,web design,ai,openai,midjourney,dalle,ai website,ai website design,ai ui,ai user interface,ai uxui,midjourney website,website ai,website design ai,web design ai,web design midjourney,chat gpt,chatgpt,ai art,art ai,midjourney art,artificial intelligence,art,ui,ux,ai website tutorial,tutorial,ai web design tutorial,mid journey,how to use ai art and chatgpt to create a insane web designs,website with ai,chat gpt website,midjourney ai,making a website with ai,using ai to make a website,web design with ai,ai tools for web designers,how to make a website with ai,chat gpt
  • วิทยาศาสตร์และเทคโนโลยี

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

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

    Next video: th-cam.com/video/vPj0amSz-L0/w-d-xo.html

  • @chrismachabee3128
    @chrismachabee3128 ปีที่แล้ว +12

    And in under 5 minutes! Astounding! Great video.

  • @oaky-dev
    @oaky-dev ปีที่แล้ว +65

    I am a full stack developer, and while I don't think this is going to be very consistent, or amazon at large scales, I think this will be a very helpful tool for me to get base html and css code

    • @siddharthsingh913
      @siddharthsingh913 ปีที่แล้ว +8

      Or generate dummy json data for testing. Which is otherwise a very mundane task.
      Lol, I just noticed your name is Json configuration.

    • @user-so7uo4do4s
      @user-so7uo4do4s 19 วันที่ผ่านมา

      Did you add the hamburger image through the CSS? Wouldn't it be normal to add with a div inside that div the img inside the hero content????? Help me, I don't understand that part or is it better to add the img with CSS???? 😵‍💫 hehe pliz

  • @WriterLady
    @WriterLady ปีที่แล้ว +4

    Very intriguing! I'll have to play around with this a bit.

  • @jejidyanjackson2868
    @jejidyanjackson2868 ปีที่แล้ว +1

    This is what i was looking for ❤

  • @chrismachabee3128
    @chrismachabee3128 ปีที่แล้ว +18

    I bow in humble awe, oh great one!
    A beautiful Berger website. Last night there was a round table discussion of website makers on whether AI will replace designers. I think you just showed Ai cannot do it alone. A skilled designer is augmented, and as you show, greatly with AI. A few weeks ago I put in a simple website to prove to myself AI can make a website I tell it to make. It did, but it was so primitive I just proved the theorem, but you, you just brought my primitive site to light years forward as to how it should be done. this is only the beginning.
    A sad sack 20-year designer was moaning about the newness of the technology and that he was quitting because the handwriting was on the wall and he was tired of always learning new things. I tried to talk him off the ledge of quitting, but he was bound and determined. Sad. this morning after I awoke and turn the computer I saw your video there and watched in awe. I immediately wanted to go back to tell all those folks last night of the great visionary website you have done, but alas, The history of Chrome is not perfect and sometimes it does not always save the link you were at, so, I was unable to tell those who I think needed to know, including the video maker who was discussing Framer AI, in a derogatory way, to see this video and know what AI is capable of. Thank you, oh great one for the knowledge you have shared.

    • @successpursuitzone
      @successpursuitzone  ปีที่แล้ว +4

      @chrismachabee3128, Thank you for sharing your thoughts and spreading the word about the video. you're right. AI never replaces designers. But who knows to lead AI, they replace you. will not?

    • @chrismachabee3128
      @chrismachabee3128 ปีที่แล้ว +1

      @@successpursuitzone
      Perhaps, As a former electrician, somehow I feel I will always be needed.
      As far as AI, Ai is a creation model. I read even regular people, and companies are getting LLM's and doing their own thing. As long as the LLMs are open source, people will be there to create, and of their creation, others, humans will use what they have created. I see this cycle. Sometimes we miss the forest for the tree.
      Sure, there will be some industries where some will be replaced, will that be necessary for every position? I do not think so, even in the future, and humans will need to guide and correct. I know there are genius people who know stuff inside and out and when you are dealing with 1's and 0s, there is always the threat of corruption. One resistor overheats and fail, and the whole shebob starts running hot and making errors, someone is going to have to tend to that. AI is like a garden.
      We have to take care of it and make sure it grows. It is not like a baby Grizzly that when it grows up will rip our heads off. I don't see it that way. Are we as humans going to design ourselves out of existence? No. You know it now that have umpteen brakes inside AI so you can't drive it at light speed into a brick wall causing devastation, the good people are cognizant of the bad people. they may not stop them but maybe they can make it too difficult to get around the roadblocks that the bad people will find something safer to do like go hack something instead of using AI for some nefarious dream of theirs. Me? I'm just happy to be in the room understand a lot of what I hear and see, and I have resources to know what is going on. So, I'm thinking I am not quite obsolete, but I think it isn't AI I need to fear, about being replaced.

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

      u used chat gpt to write this didnt u @@chrismachabee3128

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

    Great video ❤

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

    thta is dope broooooooooooooo

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

    This is great

  • @flix-voyage
    @flix-voyage ปีที่แล้ว +4

    nice sir. super content i have seen since i am using chat gpt

  • @sarveshbijwe04
    @sarveshbijwe04 ปีที่แล้ว +1

    I think you make more video like this

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

    Ye to sach me useful hai👍, thank you for creating this video 😊

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

    Thanks a lot for your tutorial. I was able to build my own website

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

    Thanks you very much !!! It will be a great help for me 🙏🙏🙏🙏

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

    hi sir i think every one needs this definately according to the website like burger how to genarate perfect images like background image and for gallary and for hero section for testimonials definately we need this with size hero section how much size it will be we are waiting for this wonderful session....

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

    Jezzz, AI gonna replace web developer soon :)

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

    Nice

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

      You can just ask chat gpt to make your site responsive. It’ll write you the code.

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

    Please do renewable energy eevsite next

  • @user-ij6lb2rk3z
    @user-ij6lb2rk3z 2 หลายเดือนก่อน +1

    Thanks alot bro

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

    nice video thank bro

  • @user-lm7hg7zt1q
    @user-lm7hg7zt1q 2 หลายเดือนก่อน

    love it man 😘😘

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

    Plz add backend also with php and MySQL

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

    More video

  • @NaveenKumar-om8ls
    @NaveenKumar-om8ls หลายเดือนก่อน

    Img picking site for high quality

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

    Add php and MySQL also

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

    Ux and ui design affected by ai in future???

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

    Just showing blank white page

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

    "How to, dont think and other thing do the work for you", its better title

  • @Saif-pb4zx
    @Saif-pb4zx วันที่ผ่านมา

    2:36

  • @ZODIAC20042
    @ZODIAC20042 ปีที่แล้ว

    What is prompt leonardo

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

    Great content but how did you get your images

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

    Working

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

    can you teach how to develope a application and software like bluestacks with ai pls sir

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

      brother do you know how hard and complex it is to make an application like bluestacks you would need much more than just ai to be able to make the app functional,this is not even a good website it is a static website with no actual real world function and has no application in the real world

  • @shubham_ssr
    @shubham_ssr 14 ชั่วโมงที่ผ่านมา

    And how to add javascript code

  • @user-fs2es3xd1k
    @user-fs2es3xd1k หลายเดือนก่อน

    Software name you using by coding

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

    hi just one question how does index .html turn into the chrome logo its not working for me

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

      right click on the file, click on properties, where it says open with click on change app, then select chrome👌

    • @homeadrone8586
      @homeadrone8586 28 วันที่ผ่านมา

      @@jimohabiola6724 thank you

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

    which chat GPT version do you use? please reply as soon as posible

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

      I used 3.5 this video.
      Next video: th-cam.com/video/vPj0amSz-L0/w-d-xo.html

  • @diwaskarki2213
    @diwaskarki2213 ปีที่แล้ว

    how can we add login sign in page in website using chatgpt?

    • @successpursuitzone
      @successpursuitzone  ปีที่แล้ว

      It's a bit complicated bro. I will do it in another video.

    • @diwaskarki2213
      @diwaskarki2213 ปีที่แล้ว +2

      @@successpursuitzone can you make it faster I really need it

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

    Im the 836th

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

    Sorry, I want to ask permission, can I use this website for my business?

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

      Ok no problem. use it.

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

      @@successpursuitzone Thank you very much

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

    Please give me the source code

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

    background music?

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

      Caminhando Ambiente Chinês Chuva Andando na Floresta (Live)

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

      Lotus Pond - Aakash Gandhi

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

    Is it responsive?

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

      nope

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

    need help generating the images, what prompts to use and all

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

      after watch this video you will receive everything you need to generate images: th-cam.com/video/YlTqB4ri5r0/w-d-xo.html

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

    you changed some of the codes here, aren't you?

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

      Sometimes we have to regenerate the codes. The video was too long so I cut out some of the regeneration parts. But prompts are same. Watch my new video and you will understand.

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

    But how to luch this website??

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

      Everything about deploying a website you can find at the end of this video: th-cam.com/video/vPj0amSz-L0/w-d-xo.html

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

    Can you please give me the code of this burger Hut website

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

      Sure. send me an email. my email in the About section of the channel

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

      Dear, if u have code of this Burger Hut Website, plz give me through email, I can share my email to u

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

      Me too can you please send me the code of burger hut website please😢😢😢

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

      @@godsgaming5821 of course, email me

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

    Can you help

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

    css code isn't working any suggestion to solve itt
    ?

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

      try internal css

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

      @@successpursuitzone how to do it
      ??

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

    Can you send me the source code please

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

      Of course, Email me. My email is in the About section.

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

    bro but it is not coming image only texts

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

      exactly if you wanna generate images you wanna use text to image generate like midjourny or dalle

  • @muhammadosama5403
    @muhammadosama5403 2 หลายเดือนก่อน +4

    I think this video is fake

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

      Respectfully, It's not fake. Sometimes we have to regenerate codes. See my new video you will realize.

    • @Adore_04
      @Adore_04 7 วันที่ผ่านมา

      I think it is too got won't give you shit unless your looking for base templates😂

    • @Adore_04
      @Adore_04 7 วันที่ผ่านมา

      But i did get an idea you can prolly pass in a site you like and ask it to analyse it's design(html/css) and give it some specific changes you want to and see if it can generate a good design!

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

    Not beautiful 😂😂😂

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

    LOL terrible

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

    please dont post videos like this

  • @user-so7uo4do4s
    @user-so7uo4do4s 19 วันที่ผ่านมา

    Did you add the hamburger image through the CSS? Wouldn't it be normal to add with a div inside that div the img inside the hero content????? Help me, I don't understand that part or is it better to add the img with CSS???? 😵‍💫 hehe
    -----------
    agregaste la imagen hamburguesa por el css ? no seria lo normal agregar con un div dentro de ese div la img dentro del contenido hero ????? ayuden me no entiendo esa parte o es mejor agregar la img por css ???? 😵‍💫 jeje

    • @successpursuitzone
      @successpursuitzone  7 วันที่ผ่านมา

      I added images using html img tag. If you wanna add image as background image you wanna use css to do that