At this time we’re going to create a web site which might be a pleasant one web page web site. That is for HTML & CSS apply and thru this challenge we are going to see many issues like how we are able to make our web site absolutely responsive, so many issues about pseudo parts, hamburger, Off-canvas menu and plenty of extra. Hope you’ll like this video. Additionally, You possibly can obtain the supply code from the hyperlink down beneath.
Supply Code : https://github.com/ShaifArfan/one-page-website-html-css-project
✨ Like our works and need to assist us? 🚀
We might actually respect a espresso: https://www.buymeacoffee.com/shaifarfan08
Tutorials talked about within the video:
Full Restaurant Mission: https://youtu.be/4y-_3Ayiauw
Textual content Reveal Impact : https://youtu.be/LKNDqHtIkVg
Responsive Nav-bar : https://youtu.be/pZUQ7tlbi70
Hamburger : https://youtu.be/UfPQe-v8CeE
Web sites talked about within the video:
Visible Studio Code : https://code.visualstudio.com/
Icons8 : https://icons8.com/
Comparable Tasks:
Shaif’s Delicacies – HTML, CSS Mission https://youtu.be/4y-_3Ayiauw
Amy’s Portfolio – HTML, CSS Mission https://youtu.be/78l05_nuDIg
Ayan’s Portfolio – React JS Mission https://youtu.be/esC2k9z7w2U
Be part of The Neighborhood :
Our web site : https://webcifar.com/
Instagram : https://www.instagram.com/web_cifar/
Fb Web page : https://fb.com/webcifar
Fb group : http://bit.ly/fb-group-webcifar
Behance : https://www.behance.web/webcifar
twitter : https://twitter.com/webcifar
Music Credit score :
Music: DayFox – Crushed Hearts (Vlog No Copyright Music)
Music supplied by Vlog No Copyright Music.
Video Hyperlink: https://youtu.be/TDo3e0C3W_Y
#responsive #web site #challenge
source
🔔subscribe and turn on the notification bell.
👉 Hire Us : https://webcifar.com
👉 Facebook group : https://facebook.com/groups/webcifar
👉 Instagram : https://www.instagram.com/web_cifar/
Hii,this video helped a lot , I try it I'm on line 29, and in your video that code can show the background of the website ,i know i followed the steps but mine didn't show the bg picture
Thanks so much for this!
If i download this web and i make my web! Is there any problem?
I'm starting my new project and this video really help me alot.
U are doing great job brother
Keep going, keep growing
hello bro
Thank you very much 👍
you are awesome👍
thats cool bro, i think im gonna be your subscriber right now
awesome
3:15:53 //Why did all the code change from there? Before it was not like that
Hello, thanks for the beautiful lesson! I only stuck with the contact section ,it never go into column when I move the screen to be as mobile screen. Did copy the settings as it for the index and the ccs.
Привіт з України ! Щиро дякую за контент ! Thank's a lot !
can i used this code for my website
hi please i'm stocked at 54.08 image uploaded as half and all the text is outside the image pls i need help and i can't even figure out the bug cause everything seems perfect
thanks sir
GOOD
Thanks once again bro, you have inspired me a lot, i have downloaded the code from git hub, and i made few changes, due to your inspiration, i have managed to make the Phone Number, E-mail & the location clickable
how do you add hero section?
Sir hundred vh dee ke baad humara scroll bar kaam nahi karta
arigatoo shaif
2:46:00
thank you sir arfan, for making this video, it is very helpful for my capstone/thesis projects, hope that you will make alot of video so that you will help us students who is having a hard time for our projects.
There's a lot of things that does not work on my website, exa the background image
1:52:35
Could you maybe add a link to the website?
nothing to describe my feeling boy very ausome
i love it
Going to watch it later already saved and sub!
source code skim vali rakhi hai error vali !!!!!!!!
Es increíble lo que he aprendido con este video, no entiendo el idioma en el que habla, pero la forma en que realiza los paso a paso me facilito un montón entender y me ayudo con el proyecto que tengo. Muchas gracias de corazón!!
i just dont understand how im following a long and my hero css isnt working everything looks right and looks the same not sure what im doing wrong
can anyone explain me, how html selector is working.
html{
font-size: 12px;
font-family: 'Montserrat', sans-serif;
scroll-behavior: smooth;
}
I am not making project section in website but one issue occur when I create about section it is not going under services section
THANKYOU
Thank you bro, I hope you continue to be healthy and good for you 🙏🙏🙏
Hi guys who help me I have some problems in this video
Can you please paste the html and css codes here?
can you also explain when to use and difference between min-max width and height and the simple width/height ?
thank you very much ! You are amazing. But can you help me please ? I have a project where I need to put over the background image a video which there is a text over the video. Can you make a video about it please ?
At the beginning of the video when he does that shortcuts to put the outline of code in it didn’t work for me. Does anyone know why, and how so could fix it
You are in the next level!!!!
anyone help how to write hero section??
Thanks for the tutorial. very impressive… pls how can I get the images?
hello cifan how can I open this website to any device or anytime, example on my mobile
when we click icon twitter or Instagram or Facebook, how it will be going to our account?