Responsive Website Landing Page Design | Title (Creative Nature) - Only Using CSS & HTML
Vložit
- čas přidán 28. 08. 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 ❤️
✔️ Clear Coding
✔️ Easy to Follow
+ Like and Subscribe 🔔 for More! ❤️❄️ @CodingSnow
∎ Get This Project Source Codes - / responsive-website-lan...
∎ Get All Source Codes - / codingsnow
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
i should have known about this channel before 😑 i have wasted time on nonsense videos here on CZcams and finally I find a pro. maybe you weren't born but created through Html & Css. 😍😍 i appriciate
Am I only one who tried it but doesn't run the code as expected
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 =)
ty, its very helpful for beginners in web developer like me.
Glad it was helpful!
Very wonderful tutorial. Thank you very much!
Impressive this is possible with only html and css. Can this adapt to mobile?
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
thanks a lot brother btw where do you download the bg image it's not in the source file???
Impressive learning about responsive styles and this was creative
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.
More power to you 💕💕💕
Thank you! ❤❤❤
Wow Cool! 😍😍😍
Thank you 😊
It's very creative ❤
Awesome!!! TQVM!
Thank you!
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.
help me, when i click menu button nothing shows up
Thank you very much!
great guide, thank you!
Love it 💖
Thanks so much🍃
You're most welcome! ❤️
Awesome bro 🙂🙂
Thanks a lot!
SOOOOOOOOOO GOOD
Wow very help full
Glad it helped!
Awesome 👌👌👌
thankss, but did you make that image background by yourself ?
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
Hola!! Exelente tutorial oye una pregunta como hiciste la imagen
everyone tell me how to set the background image
can anyone tell me which song is used in video
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.
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
Thank you
You're welcome ❤️
It is very help full...👌👌
Glad to hear that!
Hi! I love your content and quick question is what software application do you code?
vs Code
really helped, thanks.
Glad it was helped!
Thanks
You're welcome!
When i change the image property background it just turns white what could be the problem?
Thank u 😘😘😘😘
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
Lovely❤
how to add sub menu for this tamplt ?
nice video
Wow 😲, amazing design
Thanks! 😊
which application you are using to code?
my background in css won't appear
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)
I can't understand this code header .navigation a:not(:last-child)
anyone know this?
can i ask what ur clicking to make it look like mobile version in 0:40 sec
right click. then inspect
how can i create a css file in Atom that works with my html?
Hey, can anyone please tell me, where can I get that image he used in background?
how to download more Bg Images like this?
Thank you my friend!
Welcome friend!
I have a problem
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?
2:00 real video begins here
nyc
how to link in css?
❤❤
Did Anyone tell me where did I can image like this background (Shown in video)
Apko imge mili ya ni?
you should give images download link
What is the coding app
Visual studio code
Can you please share me the Img?
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
We want to hire you as an instructor and technical partner. Please comment if you are interested. Thanks
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...
an hour and a half still doing first 3 minutes.
this isn't a tutorial because you don't actually explain anything
Thanks
Welcome!