This is a solution to the Sunnyside agency landing page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Replica project built with HTML, CSS and JavaScript
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- Live Site URL: https://group14capstoneproject2.netlify.app/
- Solution URL: https://github.com/Codeyenum/Group-14-Capstone-Project-2
- Hashnode URL: https://team14.hashnode.dev/team-14-experience-interning-with-sidehustle-cohort-40-frontend-html-css-javascript-tailwind
Different members in the team committed different parts of the project to make it complete,helping each other along the wa
- Semantic HTML5 markup
- CSS custom properties
- CSS flex-box
- CSS hover effects
- JavaScript
- How to plan out and create efficient project structure and architecture
- Effective distribution of tasks and responsibilities to team members
- How to work with CSS layouts, flex-box, borders and fonts
- How to improve design responsiveness with media queries
- Introduction of JavaScript into HTML
-
https://www.google.com/amp/s/www.freecodecamp.org/news/how-to-write-a-good-readme-file/amp/ - This is an amazing article that helped in understanding how to write a good README file for the GitHub project. Recommend it to anyone still learning this concept.
-
https://www.w3schools.com/css/css_align.asp - This website provided great insight on how to centre HTML elements with CSS. Recommend it to anyone interested in learning this concept.
-
https://www.freecodecamp.org/news/how-to-center-anything-with-css-align-a-div-text-and-more/ - This is another website that helped in learning about CSS position property. It is an awesome resource and would recommend it to anyone trying to learn about this property as well.
-
https://www.w3schools.com/cssref/css3_pr_flex.asp - This is a great guide for understanding the CSS flex property.
-
https://www.w3schools.com/cssref/css3_pr_flex-direction.asp - This guided us to a deeper understanding in laying out pages with CSS. It will be helpful for those interested in making more organised and responsive layouts.
-
https://www.youtube.com/watch?v=8JJ101D3knE Programming with Mosh - This in-depth Git Youtube tutorial teaches you everything you need to learn Git basics.
-
https://www.netlify.com/blog/2016/09/29/a-step-by-step-guide-deploying-on-netlify/ - This blog post beautifully outlines the step-by-step procedures in hosting your website for free. Definitely recommending giving it a read. Anyone interested in learning about free website hosting.
-
https://www.w3schools.com/howto/howto_js_mobile_navbar.asp - This beautifully outlines the step-by-step procedures for making your site more attractive to users by adding a navigation menu. It’ll be quite useful for those interested in learning about the concept.
-
GROUP 14
- Abanum Oliseyenum A.
- Ann Opare-Akonor
- Abijo Abimbola Oluwasayo
- Olanrewaju Wakilat Adeola
- David Temitope
- Adekunle Agbonhin
- Okeke Onyebuchi Hyacinth
- Faruk Oluwaseun
- Segun Abolaji
- Miriam Ikechukwu
- Special thanks to all Group 14 members for their efforts and great intellectual input towards the completion of this project. Without everyone's enormous efforts, the completion of this project would have been impossible. Finally, I would like to thank Sidehustle for granting us the opportunity to partake in this internship and making this project possible. Special thanks to our mentors Mr. Faruq Abdulazeez and Mr. Damilare Oyetade whose teachings helped bring us this far.