Lord Of The Ring Anniversary

First Capstone for Microverse Bootcamp! I choose a topic about the Lord Of The Ring, and create a fictitious website of his Anniversary.

I have this example to follow DESIGN.

This Capstone was made in 3 days. The next features are created.

In this case I will create the Home page and the About page for mobile (up to 768px wide) and Desktop (768px or wider) versions.

• Home page

• About page

✅ The home page has a link in the menu to the about page.

✅ The logo of the page (ring) links to the home page

Mobile menu

✅ The hamburger button when is clicked shows the menu over the page

✅ The mobile menu has a close button, that closes the menu

Dynamic page

✅ The section "Featured Actors" was created dynamically in JavaScript

✅ An object in JavaScript was created to store the information of the cars

Build With

Technologies

🔷HTML

🔷CSS

🔷JAVASCRIPT

Tools

💠VISUAL STUDIO CODE

💠GITHUB-DESKTOP

💠GITHUB-ACTIONS

💠LINTERS

💠LOOM

Live Demo

LOTR CAPSTONE MODULE 1

Getting Started

This is my first capstone. I'm using Linters to have a check of my code

To get a local copy up and running follow these simple example steps.

Prerequisites

• You need to have a code editor to be able to run the code. VSCode is most preferred.

Setup

• To clone the code press in the green button at the top right corner in this page
• Select the method that you want to clone

Install

• Run it in your code editor

Usage

• You can download an extension for VSCode named "Live Server" so you can see the actual project working in the browser

Authors

👤 Julio Miguel Gagliardi

• GitHub: @BregornOriginal
• Twitter: @Bregorn
• LinkedIn: @LinkedIn

I want to say thank you to Cindy Shin in Behance for share her design

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!