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

Sdílet
Vložit
  • čas přidán 26. 08. 2024
  • #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.c...
    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

Komentáře • 110

  • @successpursuitzone
    @successpursuitzone  Před 3 měsíci +5

    Next video: czcams.com/video/vPj0amSz-L0/video.html

  • @oaky-dev
    @oaky-dev Před rokem +79

    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 Před rokem +9

      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 Před 2 měsíci

      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

  • @chrismachabee3128
    @chrismachabee3128 Před rokem +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  Před rokem +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 Před rokem +2

      @@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 Před 8 měsíci

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

  • @chrismachabee3128
    @chrismachabee3128 Před rokem +17

    And in under 5 minutes! Astounding! Great video.

  • @roshankumar5899
    @roshankumar5899 Před 3 měsíci +1

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

  • @WriterLady
    @WriterLady Před rokem +4

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

  • @ShemsWave
    @ShemsWave Před měsícem

    Great Work I Will Wait you with another level and another video

  • @flix-voyage
    @flix-voyage Před rokem +4

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

  • @rockybhaivasu
    @rockybhaivasu Před 2 měsíci

    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....

  • @MotiveFuture
    @MotiveFuture Před 4 měsíci +3

    Plz add backend also with php and MySQL

  • @jejidyanjackson2868
    @jejidyanjackson2868 Před rokem +3

    This is what i was looking for ❤

  • @Nur_Araf_Shishir
    @Nur_Araf_Shishir Před 5 měsíci +2

    Nice

    • @chrystylord2324
      @chrystylord2324 Před 4 měsíci

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

  • @koffiflaimoiye5276
    @koffiflaimoiye5276 Před 2 měsíci +1

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

  • @MotiveFuture
    @MotiveFuture Před 4 měsíci +5

    Add php and MySQL also

  • @closofiregaming9247
    @closofiregaming9247 Před 13 dny

    Thank you this video is very helpful

  • @israelguzman4214
    @israelguzman4214 Před 3 měsíci +2

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

  • @icarus.1176
    @icarus.1176 Před 3 dny

    I cant make it open like that in chrome. it just opens as code in chrome.

  • @nurudeennajeem6605
    @nurudeennajeem6605 Před 4 měsíci +1

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

  • @shohagsaadi3099
    @shohagsaadi3099 Před 5 měsíci +1

    Great video ❤

  • @midlajahmed
    @midlajahmed Před 6 měsíci +3

    Just showing blank white page

  • @sadiquebadar8146
    @sadiquebadar8146 Před 6 měsíci +1

    thta is dope broooooooooooooo

  • @user-ij6lb2rk3z
    @user-ij6lb2rk3z Před 3 měsíci +1

    Thanks alot bro

  • @hangoutwithbob
    @hangoutwithbob Před 2 měsíci

    Jezzz, AI gonna replace web developer soon :)

  • @enderdude4854
    @enderdude4854 Před 6 dny

    What about Java script codes?

  • @richardmassie
    @richardmassie Před 4 měsíci

    This is great

  • @sarveshbijwe04
    @sarveshbijwe04 Před rokem +1

    I think you make more video like this

  • @user-lm7hg7zt1q
    @user-lm7hg7zt1q Před 4 měsíci +1

    love it man 😘😘

  • @homeadrone8586
    @homeadrone8586 Před 2 měsíci +1

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

    • @ABYFLEXX
      @ABYFLEXX Před 2 měsíci

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

    • @homeadrone8586
      @homeadrone8586 Před 2 měsíci

      @@ABYFLEXX thank you

  • @GFG77599
    @GFG77599 Před 3 měsíci

    nice video thank bro

  • @editingtamizha200
    @editingtamizha200 Před 2 měsíci

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

  • @786Quizworld
    @786Quizworld Před 3 měsíci +1

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

    • @successpursuitzone
      @successpursuitzone  Před 3 měsíci +1

      I used 3.5 this video.
      Next video: czcams.com/video/vPj0amSz-L0/video.html

  • @TAMILYTchannel
    @TAMILYTchannel Před 5 měsíci +1

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

    • @PajazitiU
      @PajazitiU Před 5 měsíci

      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

  • @apextradingunpluggedd
    @apextradingunpluggedd Před 5 měsíci

    Please do renewable energy eevsite next

  • @user-qs9vg5gq5p
    @user-qs9vg5gq5p Před 8 měsíci +2

    Great content but how did you get your images

  • @shubham_ssr
    @shubham_ssr Před měsícem

    And how to add javascript code

  • @NaveenKumar-om8ls
    @NaveenKumar-om8ls Před 3 měsíci

    Img picking site for high quality

  • @soniaghosh
    @soniaghosh Před 3 měsíci

    More video

  • @user-fs2es3xd1k
    @user-fs2es3xd1k Před 3 měsíci

    Software name you using by coding

  • @Creature_Comforts0
    @Creature_Comforts0 Před rokem

    What is prompt leonardo

  • @atoz3519
    @atoz3519 Před 28 dny

    I create a website

  • @TiruTiruTv
    @TiruTiruTv Před 3 měsíci

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

  • @TechMediaMalayalam12
    @TechMediaMalayalam12 Před 3 měsíci

    Working

  • @surajdebnath5085
    @surajdebnath5085 Před 28 dny

    2:23

  • @diwaskarki2213
    @diwaskarki2213 Před rokem

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

    • @successpursuitzone
      @successpursuitzone  Před rokem

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

    • @diwaskarki2213
      @diwaskarki2213 Před rokem +2

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

  • @shailajayelagandhula1171
    @shailajayelagandhula1171 Před 5 měsíci

    Please give me the source code

  • @johnmarston2109
    @johnmarston2109 Před 4 měsíci

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

    • @successpursuitzone
      @successpursuitzone  Před 3 měsíci

      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.

  • @gaminglovers7692
    @gaminglovers7692 Před 4 měsíci

    Is it responsive?

  • @itsvideomaster9998
    @itsvideomaster9998 Před 3 měsíci

    But how to luch this website??

    • @successpursuitzone
      @successpursuitzone  Před 3 měsíci

      Everything about deploying a website you can find at the end of this video: czcams.com/video/vPj0amSz-L0/video.html

  • @armaannnn
    @armaannnn Před 3 měsíci

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

    • @successpursuitzone
      @successpursuitzone  Před 3 měsíci

      after watch this video you will receive everything you need to generate images: czcams.com/video/YlTqB4ri5r0/video.html

  • @Saif-pb4zx
    @Saif-pb4zx Před měsícem

    2:36

  • @muhammadosama5403
    @muhammadosama5403 Před 3 měsíci +4

    I think this video is fake

    • @successpursuitzone
      @successpursuitzone  Před 3 měsíci +1

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

    • @Adore_04
      @Adore_04 Před měsícem

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

    • @Adore_04
      @Adore_04 Před měsícem

      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!

  • @BradleyKiernander
    @BradleyKiernander Před 4 měsíci

    background music?

  • @mezhgansharifizada
    @mezhgansharifizada Před 4 měsíci

    Can you send me the source code please

  • @Engineers27
    @Engineers27 Před 5 měsíci

    Im the 836th

  • @kanishkasolanki974
    @kanishkasolanki974 Před 8 měsíci

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

    • @successpursuitzone
      @successpursuitzone  Před 7 měsíci

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

    • @amnaali827
      @amnaali827 Před 5 měsíci

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

    • @godsgaming5821
      @godsgaming5821 Před 3 měsíci

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

    • @successpursuitzone
      @successpursuitzone  Před 3 měsíci

      @@godsgaming5821 of course, email me

  • @FFPLAYONPC
    @FFPLAYONPC Před 3 měsíci

    bro but it is not coming image only texts

    • @successpursuitzone
      @successpursuitzone  Před 3 měsíci

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

  • @niteshguragai4984
    @niteshguragai4984 Před 6 měsíci

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

  • @midlajahmed
    @midlajahmed Před 6 měsíci

    Can you help

  • @mhhamzaedits
    @mhhamzaedits Před 5 měsíci

    Not beautiful 😂😂😂

  • @sumocode
    @sumocode Před 2 měsíci

    please dont post videos like this

  • @secretsunofficial
    @secretsunofficial Před 2 měsíci

    LOL terrible

  • @oktaywhite0270
    @oktaywhite0270 Před 16 dny

    More proof that artificial intelligence won't take my job

  • @user-so7uo4do4s
    @user-so7uo4do4s Před 2 měsíci

    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  Před měsícem

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