Fort St. Joseph Museum

Fort St. Joseph Museum

Built: 1882
The Fort St. Joseph Museum is located in the former carriage house of the beautiful Victorian period Chapin Mansion. The museum tells the story of Niles from its colonial start in 1691 to the present. Featured exhibits portray the history of Fort St. Joseph, built by the French in 1691, the story of the Underground Railroad in southern Michigan, and the importance of the railroad and classification yards in Niles’ history.

Admission: Free
Hours: Wed-Fri 10am to 4pm, Sat 10am to 3pm

Name (with link to website)
city, state, zip

Phone: 269-845-4045 or 800-555-1212


Project Requirements

  1. Title – The title (h1) should be top left.
  2. Like and share buttons should be top right. They do not need the padding and border around them as in my example. Just the two icons.
  3. Content section is divided into two columns. The columns should be flexbox so that on small displays they stack as my example shows.
    1. First column has the photo, then the number of stars, number of reviews, badges, and categories. I do not need the border around those. Finally a new line for my custom field of Built.
    2. The second column has the description, and then the Admission and Hours custom fields. The name line should have the name with it linked using the website field, followed by the street, and then the city, state and zip fields. The phone should list the Local Phone field, and then if there is a second number in the Toll Free field add the “or” and that number. Last line in the column is the email which should be an email link.
  4. The map should be displayed in a separate section.
  5. The reviews should be displayed in a separate section.
  6. I can take care of the CSS as long as the elements have classes that I can target.