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

Поделиться
HTML-код
  • Опубликовано: 12 янв 2025

Комментарии • 140

  • @successpursuitzone
    @successpursuitzone  8 месяцев назад +12

    Next video: ruclips.net/video/vPj0amSz-L0/видео.html

  • @oaky-dev
    @oaky-dev Год назад +117

    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 Год назад +12

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

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

      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

    • @benedictkizito1920
      @benedictkizito1920 4 месяца назад

      @@JasonPazGarcia Yes it was added in css file, watch it again. It was added in the URL you can image in css just write background image select URL input the image file it’ll be added

  • @chrismachabee3128
    @chrismachabee3128 Год назад +23

    And in under 5 minutes! Astounding! Great video.

  • @khirulislam1096
    @khirulislam1096 Месяц назад +4

    This man deserve 1m like. I just make a e-commerce web site using his idea. until now i using chat gpt wrong way

    • @successpursuitzone
      @successpursuitzone  Месяц назад

      @khirulislam1096 Wow, thank you so much for your kind words! 🎉👏 I'm glad my ideas helped you create your e-commerce website-that’s amazing! Keep exploring and building, and feel free to reach out if you need any tips or guidance. 🚀🔥

  • @yostube894
    @yostube894 4 месяца назад +10

    yooo you saved my life tomorrow i have an assignment to make a website
    great video

  • @chrismachabee3128
    @chrismachabee3128 Год назад +22

    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 Год назад +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.

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

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

  • @flix-voyage
    @flix-voyage Год назад +6

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

  • @WriterLady
    @WriterLady Год назад +4

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

  • @jejidyanjackson2868
    @jejidyanjackson2868 Год назад +3

    This is what i was looking for ❤

  • @nurudeennajeem6605
    @nurudeennajeem6605 9 месяцев назад +3

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

  • @GeorgeRam-h6u
    @GeorgeRam-h6u Месяц назад

    You really rocked it.... That background music was so good

  • @roshankumar5899
    @roshankumar5899 8 месяцев назад +1

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

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

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

  • @MgMalasri
    @MgMalasri 9 дней назад

    Nice information 😊

  • @octopuzzy69
    @octopuzzy69 3 дня назад

    dude you saved my life on god

  • @koffiflaimoiye5276
    @koffiflaimoiye5276 7 месяцев назад +1

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

  • @shohagsaadi3099
    @shohagsaadi3099 9 месяцев назад +1

    Great video ❤

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

    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 9 месяцев назад +7

    Add php and MySQL also

  • @Nur_Araf_Shishir
    @Nur_Araf_Shishir 9 месяцев назад +2

    Nice

    • @chrystylord2324
      @chrystylord2324 9 месяцев назад

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

  • @MotiveFuture
    @MotiveFuture 9 месяцев назад +3

    Plz add backend also with php and MySQL

  • @KarthikVernekar-t6e
    @KarthikVernekar-t6e 8 месяцев назад +1

    love it man 😘😘

  • @sadiquebadar8146
    @sadiquebadar8146 11 месяцев назад +1

    thta is dope broooooooooooooo

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

    Thank you this video is very helpful

  • @richardmassie
    @richardmassie 9 месяцев назад

    This is great

  • @ChronicleCraft01
    @ChronicleCraft01 Месяц назад +1

    Why when i am clicking on it to view on site it directly opens notepad again?But when i click view online it opens microsoft one drive file not like a website

    • @successpursuitzone
      @successpursuitzone  Месяц назад +1

      open with a web browser or drag and drop html file into a web browser

    • @ChronicleCraft01
      @ChronicleCraft01 Месяц назад

      @successpursuitzone thank you for all information I made it

  • @Mimin-l5j
    @Mimin-l5j Год назад +2

    Great content but how did you get your images

  • @euphoria.12.13
    @euphoria.12.13 Месяц назад

    will it be working properly in terms of handling traffic and all like a proper website?

  • @Ali-o9x-d8w
    @Ali-o9x-d8w 28 дней назад

    Ok bro just tell me where we can upload this files after created and how can we edit it according to our data

  • @israelguzman4214
    @israelguzman4214 8 месяцев назад +2

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

  • @luxuryjourney-y
    @luxuryjourney-y Месяц назад

    Write HTML and CCS codes for the header section using a dark theme.

  • @TAMILYTchannel
    @TAMILYTchannel 9 месяцев назад +1

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

    • @PajazitiU
      @PajazitiU 9 месяцев назад

      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

  • @DevPanda-q1g
    @DevPanda-q1g 8 месяцев назад +1

    Thanks alot bro

  • @TechFix-Hub77
    @TechFix-Hub77 8 месяцев назад

    nice video thank bro

  • @HussainJamil-d1g
    @HussainJamil-d1g 2 месяца назад

    What you give prompt in Lenardo?

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

    Jezzz, AI gonna replace web developer soon :)

  • @786Quizworld
    @786Quizworld 8 месяцев назад +1

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

    • @successpursuitzone
      @successpursuitzone  8 месяцев назад +1

      I used 3.5 this video.
      Next video: ruclips.net/video/vPj0amSz-L0/видео.html

  • @homeadrone8586
    @homeadrone8586 7 месяцев назад +1

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

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

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

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

      @@ABYFLEXX thank you

  • @sarveshbijwe04
    @sarveshbijwe04 Год назад +1

    I think you make more video like this

  • @FXICTLEARNER
    @FXICTLEARNER 21 день назад

    Can this be used for e commerce ?

  • @342crazy666
    @342crazy666 3 месяца назад

    Will my company allow me to use chatgbt?

  • @JustBezelReacts
    @JustBezelReacts 9 месяцев назад

    Please do renewable energy eevsite next

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

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

  • @luxuryjourney-y
    @luxuryjourney-y Месяц назад

    i want you to act like a skilled web developer. I want to create a website for a Burger hut. Give me a structure of a creative landing page.

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

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

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

    What is prompt leonardo

  • @icarus.1176
    @icarus.1176 4 месяца назад

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

  • @enderdude4854
    @enderdude4854 4 месяца назад

    What about Java script codes?

  • @NaveenKumar-om8ls
    @NaveenKumar-om8ls 7 месяцев назад

    Img picking site for high quality

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

    And how to add javascript code

  • @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

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

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

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

      after watch this video you will receive everything you need to generate images: ruclips.net/video/YlTqB4ri5r0/видео.html

  • @Oxtrader0
    @Oxtrader0 3 месяца назад

    why is not change the icon of mine

    • @successpursuitzone
      @successpursuitzone  3 месяца назад

      dear, it is because of i have set visual studio as as default opening software for that file type

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

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

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

      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.

  • @AsimKhan-l8i
    @AsimKhan-l8i 7 месяцев назад

    Software name you using by coding

  • @Hubdar-Ali-Memon
    @Hubdar-Ali-Memon 9 месяцев назад

    Is it responsive?

  • @midlajahmed
    @midlajahmed 10 месяцев назад +3

    Just showing blank white page

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

    2:23

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

    But how to luch this website??

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

      Everything about deploying a website you can find at the end of this video: ruclips.net/video/vPj0amSz-L0/видео.html

  • @BradleyKiernander
    @BradleyKiernander 9 месяцев назад

    background music?

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

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

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

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

    • @amnaali827
      @amnaali827 9 месяцев назад

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

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

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

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

      @@godsgaming5821 of course, email me

    • @Musicworld-if7wd
      @Musicworld-if7wd 3 месяца назад

      I need please

  • @yoki-v2q
    @yoki-v2q 4 месяца назад

    Bhai mere mai to work hi nahi hora hai

  • @niteshguragai4984
    @niteshguragai4984 11 месяцев назад

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

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

    Please give me the source code

  • @Saif-pb4zx
    @Saif-pb4zx 6 месяцев назад

    2:36

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

    More video

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

    bro but it is not coming image only texts

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

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

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

    Working

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

    Can you help

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

    I create a website

  • @muhammadosama5403
    @muhammadosama5403 8 месяцев назад +6

    I think this video is fake

    • @successpursuitzone
      @successpursuitzone  8 месяцев назад +3

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

    • @Adore_04
      @Adore_04 6 месяцев назад +1

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

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

      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!

  • @Engineers27
    @Engineers27 9 месяцев назад

    Im the 836th

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

    please dont post videos like this

  • @mhhamzaedits
    @mhhamzaedits 9 месяцев назад

    Not beautiful 😂😂😂

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

    LOL terrible

  • @oktaywhite0270
    @oktaywhite0270 5 месяцев назад +2

    More proof that artificial intelligence won't take my job

  • @maxmaedAxmed-d6r
    @maxmaedAxmed-d6r 3 месяца назад +1

    Friend, please contact me from where

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

    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  6 месяцев назад

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

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

    Can you send me the source code please

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

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