Skip to content

A personal portfolio homepage showcasing the skills and projects of a Full Stack Web Developer, built using the SASS 7-1 Pattern. Includes responsive design with navigation to different sections, like About Me, My Projects, and Contact.

License

Notifications You must be signed in to change notification settings

codEdu-Collective/portfolio-boyd-sass

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Boyd Stevens Portfolio

Boyd Stevens Portfolio

Boyd Stevens - Full Stack Web Developer

Live Demo

A modern, responsive portfolio website for Boyd Stevens, a Full Stack Web Developer. The website showcases Boyd's skills, projects, and contact information, built with HTML5, CSS, and Font Awesome icons for social media links.

About The Project

This is the portfolio website for Boyd Stevens, a Full Stack Web Developer. The project demonstrates the creation of a responsive, modern webpage using HTML5, SASS/SCSS and CSS. The website includes sections for a personal introduction, details about Boyd's professional skills, past projects, and a contact page.

Features

  • Responsive design: Optimized for all screen sizes to ensure a seamless experience on mobile, tablet, and desktop devices.
  • Navigation bar: Easy-to-use navigation to access different sections such as Home, About Me, My Projects, and Contact.
  • Social Media Links: Links to Boyd's social media profiles like Twitter, Facebook, Instagram, and GitHub.
  • Footer: Includes copyright information and social media icons.

Built with

  • HTML5 for the structure and content of the webpage.
  • SCSS for custom styling and responsive design (compiled to CSS).
  • Font Awesome for social media icons.

What I learned

Building Boyd Stevens Portfolio helped me improve my skills in creating responsive, accessible web pages. I used HTML5 for the structure and CSS for layout and styling, ensuring that the website adapts across different screen sizes. Implementing social media icons with Font Awesome also enhanced my understanding of icon usage in web design.

Useful resources

  1. Font Awesome Icons - For adding icons to navigation, footer, and social media links.
  2. SASS/SCSS - For custom styling and responsive design

Acknowledgments

This project is a result of learning and experimentation with HTML5, SASS/SCSS, CSS, and Font Awesome. Thanks to the community and resources that helped refine the design and functionality of this website.

About

A personal portfolio homepage showcasing the skills and projects of a Full Stack Web Developer, built using the SASS 7-1 Pattern. Includes responsive design with navigation to different sections, like About Me, My Projects, and Contact.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published