I started studying Front-End path. I practiced HTML and CSS. definitely nothing better than learning through practice so here is my first template. Note that it's not responsive yet so you need to open it from a laptop. I would like to give a special thanks to Engineer Hamza Nabil. Eng. Hamza has a playlist on his YouTube channel from which I learned all the principles needed to create this beautiful template. I was pausing the videos, do the tasks then comparing my coding style to Eng Hamaz's coding style.
A demo for HTML-CSS-Template-1: Your site is live at https://ayaabdelmoghith.github.io/HTML-CSS-Template-1/
Video:
HTML.CSS.Template.1.mp4
References:
1) Playlist of Eng. Hamza Nabil: https://www.youtube.com/watch?v=B3OnCddcrmY&list=PLtFbQRDJ11kFJFzd5UNy5vSnkbR031vG9&index=10
2) cssreference.io: https://cssreference.io/property/margin-right/#:~:text=margin%2Dright%3A%20auto%3B,a%20fixed%20width%20is%20defined.
3) w3schools: https://www.w3schools.com/howto/howto_css_breadcrumbs.asp
4) stackoverflow: https://stackoverflow.com/questions/41885070/why-is-background-image-having-more-priority-in-the-css-than-inline-background-c
Chrome Tool that helped a lot:
- ColorPick Eyedropper: https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg
- Open Desinger Tools: https://chrome.google.com/webstore/detail/designer-tools/jiiidpmjdakhbgkbdchmhmnfbdebfnhp
Best of luck. Please don’t hesitate to contact me with any concerns.
My LinkedIn account: https://www.linkedin.com/in/aya-abdelmoghith-b234951a1
My Email address: ayaabdelmoghith@gmail.com