Create A Responsive E-Commerce Flower Shop Website Design Using Pure HTML & CSS Only

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ธ.ค. 2024

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

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

    I finished my courses in HTML and CSS .. and I found your channel .. Your designs are so amazing!! and I learn alot from this video thank you so much Mr. Web designer .. I really appreciate your work 💕

    • @Techwork4626
      @Techwork4626 ปีที่แล้ว +3

      Hey can you share me the images of this website

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

      Yes please

    • @fatimquliyeva8099
      @fatimquliyeva8099 4 ชั่วโมงที่ผ่านมา

      can you share me the images?

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

    I have successfully completed Frontend design of this website👍👍👍👍❤❤❤❤

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

      can u please send the backend code

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

      @@Missskywalker1609 I not done any backend part for this website,i only completed design for that website!!

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

      @@srisangeeth4131 where did you find the images and video for this tutorial?

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

      ​​@@AminaMourchidI not used same images and videos as he used I have downloaded from web✌️💯✌️in video description there is the file in that all resources are available but be sure whether they are open source

    • @AthulyaAchu-wp2mb
      @AthulyaAchu-wp2mb 3 หลายเดือนก่อน

      Could u plz sent me the code

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

    I would really like for you to take time to explain the process as you do it. Thanks for the videos I really appreciate it

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

    You're definitely an Indian guy... Thanks for this tutorial

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

    Thank you! Your videos and tutorials are always so inspiring. I have learned so much by coding along while watching your videos!

    • @alishagarwal8550
      @alishagarwal8550 2 ปีที่แล้ว

      Heyy can u help me in my clg small project

  • @NuwanSampath-fi5zr
    @NuwanSampath-fi5zr 11 หลายเดือนก่อน +2

    Mr. Webdesigner thank you for your help ❤❤❤❤❤❤👌👌😊😊.always I will follow this youtube chanel.

  • @ishikagupta4542
    @ishikagupta4542 ปีที่แล้ว +35

    It will be really helpful if u would also provide some brief explanation in the video while coding simultaneously .

  • @ganiroyal874
    @ganiroyal874 10 หลายเดือนก่อน +8

    can you please provide images source files in video description .it is more helpful to us

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

    Thank you for this ❤ i will use this for our final exam project

  • @surasreemanna1497
    @surasreemanna1497 ปีที่แล้ว +7

    Can you pls give me the link of the pictures that u used in this program. ..

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

    Congragulations on 200k subscribers👏👏👏👏👏

  • @danish-mushtaq
    @danish-mushtaq 2 ปีที่แล้ว +4

    MR WEB DESIGNER you know why you are the best?
    Because you provide free src code and images etc.
    Thats the best part of you

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

      Can you help with the flower pot images, please?

    • @danish-mushtaq
      @danish-mushtaq หลายเดือนก่อน

      ​@@tahsia7562I will 👍🏻

    • @danish-mushtaq
      @danish-mushtaq หลายเดือนก่อน

      ​@@tahsia7562I will help you but how....

    • @danish-mushtaq
      @danish-mushtaq หลายเดือนก่อน

      ​@@tahsia7562yes I will do please contact me

    • @danish-mushtaq
      @danish-mushtaq หลายเดือนก่อน +1

      @@tahsia7562 yes I will help you

  • @SanikaPawar-vj6jk
    @SanikaPawar-vj6jk ปีที่แล้ว +1

    Your designs are so beautiful. Thank you !!

  • @reydenzo4582
    @reydenzo4582 ปีที่แล้ว +6

    Can you please tell where I can download the icon images?

  • @abc-ys1ww
    @abc-ys1ww 2 ปีที่แล้ว +13

    Can you also add the preview of the website in pdf Or some other format in Google Drive link??
    It will be more beneficial to us .

  • @Альбина-ц2ф
    @Альбина-ц2ф 6 หลายเดือนก่อน +2

    You are wonderful, thank you very much, I now recognize additional tags, thank you again, I fell in love with your channel at first sight.

    • @SOM-CODE
      @SOM-CODE 6 หลายเดือนก่อน

      Where the Pictures Sir

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

    Hi Mr. Web Designer, thank you for this such a niceeeeeeeeeee web page it helps me to get some ideas to my web page design !!!!!!!!!!

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

      can u please help me about minimize because in bigger size there is not menu bar shown

  • @じなx
    @じなx 3 ปีที่แล้ว +1

    I love it it’s so smart and so good I like it complete you work you amazing 😻

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

    This tutorial layout is so beautiful. And it is useful. Thanks your.

  • @waeezali2682
    @waeezali2682 5 หลายเดือนก่อน +7

    images file link????????

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

    Hii just wanted to know how can we connect database with it.
    In the contact section if we r filling the details nothing is happening.
    It's compulsory in my college to add a database

  • @samuel7142
    @samuel7142 2 ปีที่แล้ว

    very helpful for begginers like me who are learning

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

    Yoh bro you killing it... love your content

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

    where are your shipping logos from?

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

    sir no image link in description

  • @Piztelle
    @Piztelle ปีที่แล้ว +6

    Thank you,this video helps me a lot,I use it as my reference for my project, because I'm still learning coding, I hope you will make a video about responsive website using html+css+JavaScript,thank you again

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

      Glad it helped!

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

      can u please help me about how to minimize this ??

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

      because in bigger size menu bar was not shown so, can u please help me about this topic.

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

    can someone explain how in the media queries we generated the drop down using clip path? i can’t understand clip path polygon and how it appears.

  • @laszlogyor6628
    @laszlogyor6628 2 ปีที่แล้ว

    It is fabolous website, congratulations

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

    This video help me alot. TYSM

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

    how can i get the images? help me please

  • @muralikundeti2795
    @muralikundeti2795 2 ปีที่แล้ว

    Its very wonderfull crration

  • @владимирисколавиа
    @владимирисколавиа ปีที่แล้ว +1

    bruhh is it possible that there is no tag in there? then how did happen when you click the about button on navbar then it goes directly about section?

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

      It is possible using "id" but it must have same web page

  • @huzaifaadil2128
    @huzaifaadil2128 22 วันที่ผ่านมา

    Can you tell me bro, in which way you are formatting your html, like which extension?

  • @gabriellesouza5784
    @gabriellesouza5784 3 ปีที่แล้ว +15

    Muito lindo. Parabéns 🥰👏👏👏

  • @techboy4328
    @techboy4328 2 ปีที่แล้ว

    It's done 👍,i complete task

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

    For the icon section, can we please have it here?
    I can't find small ones like this for all.

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

    About the icons, the fas fa-heart and others do i need to download an image? Didn't work. Hope got reply😊

  • @micaforconii
    @micaforconii ปีที่แล้ว +5

    took me a week to make It. Amazing Job! ♥

    • @heardofricia1180
      @heardofricia1180 ปีที่แล้ว +3

      Hello, please where did you get the images for the icons

    • @misbarao-ys3je
      @misbarao-ys3je ปีที่แล้ว

      u can take it from font awesome
      @@heardofricia1180

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

      Share me the code please 🙂

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

    How and where are you running the program? I can't understand it.

  • @blutrix5637
    @blutrix5637 2 ปีที่แล้ว

    Beautiful as Always
    LIKE LIKE LIKE

  • @maya.5664
    @maya.5664 หลายเดือนก่อน

    what platform is that, that you are using?

  • @AB-rg5gl
    @AB-rg5gl หลายเดือนก่อน

    I can u tell me which backend should I use?

  • @annaa.ldf3
    @annaa.ldf3 6 หลายเดือนก่อน

    What size are the icon images?

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

    Bro plzzzz make a full tutorial series about flexbox

  • @nguyentuananhfgwct4427
    @nguyentuananhfgwct4427 2 ปีที่แล้ว

    Thank you so muchhh, I love it and youu

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

    thank you sir , you saved us , hamlakhkeeeeem

  • @akansharangari715
    @akansharangari715 3 ปีที่แล้ว

    It's amazing and elegant design !! ❤️ Does add to cart works ?

    • @mr.shaikh9450
      @mr.shaikh9450 3 ปีที่แล้ว +2

      No its just front end made with pure html and css

  • @EltZulu
    @EltZulu 2 ปีที่แล้ว

    Very Helpful Tutorial

  • @AnaKorca-dj2eb
    @AnaKorca-dj2eb 9 หลายเดือนก่อน +3

    CAN YOU PUT THE LINK OF THE PROJEKT IN THE COMMENT I CAN NOT FIND THE IMAGES

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

      did you find the images

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

    Can someone tell me about 4:59 like did they start a new code I mean idk how to merge. Can someone explain please, I need to do my project

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

      He started to write the css code in new css file you need to link that style.css file to the main index file for the css code work. Refer timestamp 4:00 he has already linked css file in the section.

  • @ignasisallent8224
    @ignasisallent8224 3 ปีที่แล้ว

    one more wonderful tutorial. Thanks

  • @mdbiplophossain1180
    @mdbiplophossain1180 3 ปีที่แล้ว

    why you dont use ul for nav items

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

    Wow. It is amazing . Can u upload the backend part please

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

      I have created another flower website with backend part as well that you can check on my channel

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

      @@MrWebDesignerAnas How and where are you running the program? I can't understand it.

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

    Thank you so much ☺️☺️for this tutorial and also for the source’s code it’s so helpful

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

    Me ajudou muito com algumas duvidas, obgg!!

  • @misbarao-ys3je
    @misbarao-ys3je ปีที่แล้ว

    from where did u get this about video?

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

    How to get images ?
    I have pay to get images?

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

    what app are you using?

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

    Bro Kindly yeh bata du jo moneybag waghra use kiya han wo kha say download hungy

  • @MdYesirHamidEmon
    @MdYesirHamidEmon 24 วันที่ผ่านมา

    thats great
    thank you

  • @arjunkumar2858
    @arjunkumar2858 3 ปีที่แล้ว

    U r my inspiration bro

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

    please I need the link of the drive to download the images

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

    Thankyou so much❤️✨

  • @kiranshelar2961
    @kiranshelar2961 3 ปีที่แล้ว +3

    Your designs are so beautiful!

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

    can I also buy the backend for this with admin dashboard from you?

  • @y57krimapatel18
    @y57krimapatel18 2 ปีที่แล้ว

    Hello,sir designing proper nathi avtu badha ma km css file apply nathi thati?

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

    The nav bar won't go down in the menu icon when i shrink into 748px can someone help?

  • @HanaAbdAlkader-v9h
    @HanaAbdAlkader-v9h 10 หลายเดือนก่อน +1

    لو سمحت وين نلقاهم رابط الصور ممكن تنزله

  • @1000guerra
    @1000guerra 2 ปีที่แล้ว

    did you create this design or did you get the figma ready?

  • @t.g.3706
    @t.g.3706 ปีที่แล้ว

    God bless you sir

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

    Super andi👌

  • @Klara-d2d
    @Klara-d2d ปีที่แล้ว

    when i styled the contact us part , the heading isn't showing anymore

  • @BiancaRibeiro-l7s
    @BiancaRibeiro-l7s ปีที่แล้ว

    I have put clip path like in the video, but it still doesn't show. Pls help?

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

    I have added the css properties of the navbar but I am not able to see the navbar after adding its properties in the media query. Can anyone help with this ?

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

      use position fix and then use z-index:1000 to see it above the elements

  • @shig4n756
    @shig4n756 3 ปีที่แล้ว +36

    i finish on css and html how can i connect the js from them? i used url link for js but it didn't work

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

      Same. Problem

    • @CodeWithManshi
      @CodeWithManshi 2 ปีที่แล้ว

      Jaise css ko add kiye ho ...link dekar wese hi ja ka file bna kar usko link kro html se bas ✅

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

      How to use css in html file?

    • @sreejadas201
      @sreejadas201 2 ปีที่แล้ว

      Hiii

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

      I'm unable to do the js part please hlp me

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

    Thank you so much for this tutorial but, every time I try to debug the CSS file on Google chrome it gives nothing, if anyone can help please guys?

  • @M360-f8s
    @M360-f8s ปีที่แล้ว +1

    How to build backend sir

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

    where do i get these images from?

  • @randomgamer4865
    @randomgamer4865 2 ปีที่แล้ว

    The first background image is not showing also after so many trys please help!

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

    how you come with the designing ideas

  • @OltiKamberi-o3s
    @OltiKamberi-o3s ปีที่แล้ว

    is there javascript part for this also ?

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

    amazing work🤗🤗

  • @simonceballosjaramillo4040
    @simonceballosjaramillo4040 ปีที่แล้ว +3

    Your designs are awesome! keep on going!! :D. Excuse me, but when i want to get those images on your website, it tells me i need to pay $5 and i can't download them :(. Will there be a way to get them for free?.

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

    When I click on a word about, it does not take me to its content help me please😞😞😞😞

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

    Are there videos on how to make a website but with PHP and a little CSS?like this website

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

    The shopping cart and other icons just show as a square...does anyone know the reason?

  • @Rashhh-t7p
    @Rashhh-t7p ปีที่แล้ว

    Thank you so much !!! can someone please tel me the use of !media used in the video?

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

      media queries are used to make websites responsive for different devices

  • @shaletshaji7734
    @shaletshaji7734 2 ปีที่แล้ว

    If i want to use different images.. How to do that

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

    im a beginner so can anyone tell me what happens if you click on "add to cart"? does it really add it to the cart or nothing happens?

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

    i have put clip path lelement like you have done in the video but still the output is not visible and it gets hidden . I am unable to find my mistake .
    can u help it

  • @BaharÖzhan-m1y
    @BaharÖzhan-m1y ปีที่แล้ว

    How can I reach photos that used

  • @OltiKamberi-o3s
    @OltiKamberi-o3s ปีที่แล้ว

    Does this have a slider?

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

    how u run the websit i did same but show me the first step only no new

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

    hello sir can you show me slow version of this video i m new so its hard to understand and tell me how can we upload this on shopify.please

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

    Which Software You Used to Write The Code

  • @VaijayantiGade-q6j
    @VaijayantiGade-q6j 28 วันที่ผ่านมา

    Can you please share the images link

  • @kurumiamv6596
    @kurumiamv6596 10 หลายเดือนก่อน +2

    WHERE THE IMAGE DOWNLOAD LINK!!!!!!!!!!

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

    Hello, thank you for this video, how to add to cart in this?

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

    Hi! Can I just ask what app are you using to code/make this website and where/how can I use in on PC?

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

      I am using 'vs code editor' to create this website which is free to download and use

    • @Iamshabna21
      @Iamshabna21 2 ปีที่แล้ว

      ​@@MrWebDesignerAnas thank you

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

    I am having an error , if I wanted to apply the image according to our choice , it gives me error , Did you apply any privacy towards the images?

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

      did you write the exact name in the html file as your own image file? then it should work!