You can view my site Link the live project here

I've create this website for the main purpose to completing the Milestone Project Frst as a part of the Code Institute's Full Stack Developer course, and using knowledge of HTML5 and CSS3. Idea of this project is build a website for a fictional company called WedDev. This company is specialised in web design, and web solutions. Project was designed to be responsibe and accessible on a range of devices, making it easy to navigate for potential clients.

• User stories

  • First Time Visitor Goals

    • Easily understand the main purpose of the site and learn more about services offered.
    • Eeasily navigate throughout the site to find content.
    • Find company social media links to see their followings on social media to determine how trusted and known they are.

  • Returning Visitor Goals

    • Find the best way to get in contact with the professional with any questions I may have.
    • Find social media links.

• Design

• Color Scheme

  In this project, a wide range of colors was used from dark colors smoothly 
  transitioning to light ones. Main Emphasis was set to light colors for the 
  convenience of perceiving information. 
  

• Typorgaphy

  • Google Fonts
  • Google fonts "Open Sans" were used all pages throughout the project.

• Imagery

  • All project pictures is imported from online photo libraryes.
  • Pexels

• Contemt

  • The context was partially taken from Chetu website.
  • Chetu

Wireframe was created for thi project:

Home Page
About Page
Contact Page

• HTML5
• CSS3

1. HTML5

2. CSS3

3. Git

   • Git was used for version control.

4. GitHub:

   • GitHub is used to store the project's code and host the live website.

• Test all code is working and passes through Markup and CSS validators with no errors.

• All social links from footer open in the separate tab to give user easy access back to the main site.

• The W3C Markup Validator and W3C CSS Validator Services were used to validate project page to ensure there were no syntax error in the project:

• W3C Markup Validator

• Results

• W3C CSS Validator

• Results

• The Website was tested on Mozilla Firefox, Safari Browser, Google Chrome and Microsoft Edge showing fully functionality.

• The website was viewed on a variety of devices such as Desktop, Laptop, iPhone 7/8/X, Xiaomy 7/8, ipad pro, galaxy tab. No bugs were found, everything worked properly with text/images loading & links.

• Lighthouse used within Chrome Dev tools to assess performance on desktop & mobile display, initial results below: Lighthouse

The project was deployed to GitHub Pages by following steps:

1. Log in into GitHub and locate the GitHub Repository.
2. At the top of the Repository, find the "Settings" button on the menu and click it.
3. Scroll down the page until you will see the "GitHub Pages" Section.
4. Under "Source", click the dropdown called "None" and select "Master Branch".
5. The page will automatically refresh.
6. Scroll back down through the page to locate the now published site in the "GitHub Pages" section.

1. Log in to GitHub and locate the GitHub Repository.
2. Under the repository name, click "Clone or download".
3. To clone the repository using HTTPS, under "Clone with HTTPS" and copy the link.
4. Open Git Bash.
5. Change the current working directory to the location where you want the cloned directory to be made.
6. Type git clone, and then paste the URL.
7. Press Enter. Your local clone will be created.

I'd like to thank to

• Matt Rudge, Brian O Grady, Anna Greaves and all the amazing tutors from Code Institute for the tutorials.
• All Slack Community for their help.