SchoolAssignments_OnePage

Single Page Websites

These were school assignments that asked for single, stand-alone homepages.

🚀 Galactic Explorers 🚀

Requirements:

• A space travel company theme
• HTML code dictated by school
• Photo gallery in middle of page
• Form at the bottom of the page.

🌊 Bahia Mar Apartments 🌊

Student’s choice of theme. Open to any topic for the page

Requirements:

• Bookmark links at top of page for navigation
• Photo gallery
• JavaScript modal image gallery (lightbox)
• Form
• Embedded video file

🎥 Academy Cinemas 🎥

Requirements:

• Use of Bootstrap 4 to create the page
• Movie theater theme
• HTML bookmark links to navigate the page
• “About Us” exact wording was dictated by school
• Pill badges for the movie times
• Use of a modal popup when clicking the button in “Deals” section
• Use of a form in the “Club Rewards” section

🪣 An Ecclectic Mess 🧹

This was not a page assignment in of itself, but rather a series of 10 challenges that I chose to place onto one page.

Assignments contained on this page:

1. Center an image on the page with rounded edges and a filter effect

2. Add a footer to the page with centered text that is bold

3. Create a table and style it

4. Place text over top of an image

5. Create a fixed navigation bar and include a hover effect

6. Create two columns side-by-side and style them

7. Create a hover effect for a <p> element on the page.

8. Create an image overlay fade.

9. Embed a video and have it autoplay on mute on a loop.

10. Place a text overlay on top of a video.