This is a static website for Acme Rockets, a fictional company that builds and sells rockets. The website is built using HTML, Tailwind CSS, and JavaScript.
The website is deployed and can be accessed at https://rideacmerockets.onrender.com.
- Responsive design that adapts to different screen sizes and aspect ratios
- Light and dark mode support
- Animated hamburger menu for mobile devices
- Smooth scrolling between sections
- Contact form for inquiries
- HTML5
- CSS3
- Tailwind CSS (utility-first CSS framework)
- JavaScript (ES6)
index.html
: The main HTML file that contains the website structure and content.tailwind.config.js
: Configuration file for Tailwind CSS.input.css
: The main CSS file where Tailwind directives are imported.style.css
: Output CSS file forinput.css
.main.js
: The JavaScript file that handles the hamburger menu functionality./img
: Directory containing images used on the website.
To run the website locally, you'll need to have Node.js and npm (Node Package Manager) installed on your machine.
- Clone the repository or download the source code.
- Navigate to the project directory in your terminal.
- Install the required dependencies by running
npm install
. - Start the development server with
npm run dev
. - Open your web browser and visit
http://localhost:3000
to see the website.
To generate an optimized production build, run npm run build
. This will create a build
directory containing the compiled HTML, CSS, and JavaScript files, ready for deployment.
The website is currently deployed at https://rideacmerockets.onrender.com. If you need to deploy it to a different hosting service, simply upload the contents of the build
directory to your desired hosting location.
- Rocket illustrations by Vivek Kashyap
- Testimonial quotes inspired by various Looney Tunes characters and Buzz Lightyear from Toy Story.