Responsive Website Landing Page Design | Title (Creative Nature) - Only Using CSS & HTML
Вставка
- Опубліковано 1 жов 2024
- In this tutorial, you can learn how to design a Responsive Website Landing Page Design only using CSS and HTML. The website landing page navigation menu is designed with only using pure CSS and HTML, no javascript used. This landing page title is "Creative Nature" and used color theme is simple and clear. Hope this tutorial will be helpful!
+Like and Subscribe 🔔 for More! ❤️❄️
◾Get This Project Source Codes - / responsive-website-lan...
💙 Become a Member to Get All Source Codes - / codingsnow
✔️ Clear Coding
✔️ Easy to Follow
Hire Me 🔖
-----------------------
∎ Hire me to Fix your project Bugs & Issues - www.buymeacoff...
∎ Hire me to Convert your Figma, PSD, and XD Design to an HTML Website - www.buymeacoff...
∎ Download File Setup - codingsnow.com
∎ Download All Source Files On Patreon - / 43063957
∎ Facebook Page - / codingsnow
∎ Instagram - / coding.snow
∎ Support From Paypal - paypal.me/codi...
Support My Works ❤️❄️
--------------------------------------------
∎ Buymeacoffee - www.buymeacoff...
∎ Patreon - / codingsnow
#Responsive_Website_Landing_Page #Responsive_Website
🎵 Background Music
---------------------------------------
Track: Diviners X Riell - Slow [NCS Release]
Music provided by NoCopyrightSounds.
Watch: • Diviners X Riell - Slo...
Free Download / Stream: ncs.io/Slow
Track: Rival x Cadmium - Seasons (feat. Harley Bird) [NCS Release]
Music provided by NoCopyrightSounds.
Watch: • Rival x Cadmium - Seas...
Free Download / Stream: ncs.io/SeasonsYO
Track: Culture Code - Make Me Move (feat. Karra) [NCS Release]
Music provided by NoCopyrightSounds.
Watch: • Culture Code - Make Me...
Free Download / Stream: ncs.io/makememove
Am I only one who tried it but doesn't run the code as expected
i should have known about this channel before 😑 i have wasted time on nonsense videos here on UA-cam and finally I find a pro. maybe you weren't born but created through Html & Css. 😍😍 i appriciate
thanks a lot brother btw where do you download the bg image it's not in the source file???
everyone tell me how to set the background image
Impressive this is possible with only html and css. Can this adapt to mobile?
2:00 real video begins here
can anyone tell me which song is used in video
help me, when i click menu button nothing shows up
an hour and a half still doing first 3 minutes.
I ran this statement thru ChatGPT and still cant get an answer for what this actually does. Can you please clarify? " #check:checked ~ header .navigation {.........}". Thanks
this isn't a tutorial because you don't actually explain anything
Amazing work🔥🔥✨✨✨
Why did the margin right: 0; centralize the checked ~ header navigation a
And also why did position absolute move the menu bar to the same direction as close btn
I can't understand this code header .navigation a:not(:last-child)
anyone know this?
ty, its very helpful for beginners in web developer like me.
Glad it was helpful!
Hi can I ask?? Did the style.css can be use also at another page which mean home, about, service?? Or have to do another style.css to do so?
Hi, yes, but it's better if you use a external css file for styling because you can easily link it to any html file.
@@CodingSnow ouh okay
@@CodingSnow can I ask again how can I add logo png at the header of menu?
Cause I don't use word I want to use logo image as my logo header
We want to hire you as an instructor and technical partner. Please comment if you are interested. Thanks
Very wonderful tutorial. Thank you very much!
Questiooooon, how can I do that? I mean that I am coding and seeing the changes right away. Can someone tell me, please? I would really appreciate it
It's because of the "show preview" option that appears when you right-click on your mouse (in VS Code)
how to add sub menu for this tamplt ?
how to download more Bg Images like this?
my background in css won't appear
When i change the image property background it just turns white what could be the problem?
can i ask what ur clicking to make it look like mobile version in 0:40 sec
right click. then inspect
Hi there, amazing tutorial! I use Atom too and I was wondering what style you used, what text style you used and what plugin you used for the preview window, because all three look amazing!
if you meant packages by plugin then i will say that since Github is sunsetting atom meaning they have archieved the editor and thus bringing to an end of it's continuous development, that's why atom package management is not working anymore as it's certification has expired. So, it's not possible to install new package anymore in the ordinary way.
thankss, but did you make that image background by yourself ?
which application you are using to code?
Hey, can anyone please tell me, where can I get that image he used in background?
how can i create a css file in Atom that works with my html?
Can you please share me the Img?
nyc
Thanks a lot!
❤❤
Hey first of all thank you, this was really helpful!
Secondly, I have a question. How can I change the logo text for an image?
Instead text use image tag with src attribute
@@Shaileshkvr you can change it to what you want but the css must also change to fit correctly.
you should give images download link
Did Anyone tell me where did I can image like this background (Shown in video)
Apko imge mili ya ni?
For some reason, the BG does not show up for me, I tried many ways to get it done, it just doesn't show up (fixed.)
also at 17:23, my labels aren't hidden when the page is extended.
where did you get the bg image?
@@geostorm1o157 I was able to fix the BG issue.
@@ISAX16 can you share me the background image ?
How did you fix it? I'm trying for hours but I just Cant make the bg menu show up
I have a problem
im just new but i already subscribed to you thanks a lot duude!! and also for those who watch this video don't skip the ad!
You're welcome! ❤️
A tip : you can watch movies on flixzone. Me and my gf have been using them for watching loads of movies recently.
@Shepard Anders Yea, I have been using Flixzone for years myself :D
@Shepard Anders Yea, I have been using flixzone for months myself =)
Hola!! Exelente tutorial oye una pregunta como hiciste la imagen
Impressive learning about responsive styles and this was creative
Thanks
You're welcome!
It's very creative ❤
how to link in css?
this is awsome, nice work dude, i didn't get the use of transition-property, i think it do nothing
Thank you! ❤️
It is to specify the properties that works with the transition time.
nice video
Thank you
You're welcome ❤️
Wow very help full
Glad it helped!
More power to you 💕💕💕
Thank you! ❤❤❤
Thank u 😘😘😘😘
SOOOOOOOOOO GOOD
Thank you very much!
Wow Cool! 😍😍😍
Thank you 😊
great guide, thank you!
Thanks so much🍃
You're most welcome! ❤️
Awesome bro 🙂🙂
Hi! I love your content and quick question is what software application do you code?
vs Code
Hi, i did everything as seen in the video but - for some reason my paragraph goes down instead of going from left to right.
Any tips on how to fix this?
where did you get the background pic?
Have you used media query?
Awesome 👌👌👌
Can you do material of donation goal in php?
I haven't done that kind of one before. but I think it can be done.
Hey , how do i download code
Nevermind got it
What is the coding app
Visual studio code
Love it 💖
really helped, thanks.
Glad it was helped!
poderia liberar o codigo?
O código desse projeto está no website dele.
Vocês fizeram a página? Por algum motivo sempre que clico no botão de menu ele não apresenta as opções... Caso alguém possa ajudar
@@joselima7349 tive o mesmo problema, até voltei o video para ver se tinha feito algo de errado mas não entendi ao certo o motivo de não ter funcionado...
It is very help full...👌👌
Glad to hear that!
Thanks
Welcome!
Lovely❤
Awesome!!! TQVM!
Thank you!
Thank you my friend!
Welcome friend!
Wow 😲, amazing design
Thanks! 😊