Lambda School Build Weeks - Project #1

Assignment: Planning and Building a Website

Role: User Interface Developer

URL for live website: https://tico-safespace.netlify.com/

---

The primary role of the UI Developer in this project:

You will build a multi-page marketing website that matches the theme chosen by your group and provides the user with details about the product your team has selected to build. Your marketing website must include responsive mobile and desktop screen widths. The call to action on the website should be a login button that links the user over to the React application that your Front End Architect is building. Your marketing website must be hosted.

For this Marketing site's home page you need to have content and copy that relates to the product that your team is working on. Descriptions about the product and about the features it provides would be key. For a second page, you could do an about us section that includes images of the members of your team, and links to one another's socials/Github.

Please see the following standards below that were used to create this marketing site:

---

INSPIRATION: The 'Photon' Template

• Provided free of charge
• Thank you to HTML5UP!

---

FONTS: font-family: 'Poppins', sans-serif;

• Also provided free of charge
• Thank you to Google Fonts!

---

COLORS (as found in 'Photon' Template):

• #ffffff
• #e6e6e6
• #c3e895
• #8addaa
• #6bd4c8
• #57aed3
• #4a87d3
• #6b88e6
• #4fa49a
• #4361c2
• #666666
• #000000

---

Animations:

• "Jello Vertical" using class .jello-vertical
• "Rotate in Center" using class .rotate-in-center
• "Wobble Horizontal Bottom" using class .wobble-hor-bottom
• Provided free of charge
• Thanks to Animista!

---

Styling & Functionality:

• The LESS preprocessor was used for the styling of this site.
• The following .less files were used:
  • index.less
  • mixins.less
  • variables.less
  • global.less
  • reset.less
  • Tabs.less
  • Dropdown.less
  • header.less
  • footer.less
  • landing-page.less
• JavaScript was used to create functionality of:
  • the dropdown menu of the 'Home' page
  • the tabbing system of the 'About Us' page

---

Thank you for your interest in this project!

Happy coding!