Create a webpage displaying a centered header, main body, and a footer using HTML, CSS, and basic layout and styling techniques. Utilized the power of CSS Grid, Flexbox, and Media Queries to create a responsive layout for a webpage.
This project includes an HTML and CSS file with inline JS that work together to create a simple calculator with a modern and stylish user interface.
Socius is a web application that has been developed using HTML, CSS, and JavaScript. The project utilizes various CSS features, including grid and flex, to ensure that the design is visually appealing and functional.
The main purpose of Socius is to provide a platform for users to create and customize their own websites. The application allows users to choose from a variety of font styles, colors, and backgrounds to make their website unique.
The application is designed to be responsive and is optimized for both large and small screens. This ensures that users can access and use the application regardless of the device they are using.
Socius is built with a user-friendly interface that allows users to easily navigate and customize their website. The application also includes a preview feature that enables users to view their website as they customize it.
The Weather Tracker Application is a weather forecasting application that provides real-time weather information using the OpenWeather API. It allows users to track the current weather conditions, today's highlights, and provides an overview of what the weather will be like later in the day.
-
Current Weather: The application displays the current weather conditions for the specified location, including temperature, weather description, wind speed, and wind direction.
-
Today's Highlights: The application provides important weather highlights for the current day, such as the Air Quality Index (AQI), sunset and sunrise times, humidity, pressure, visibility, and feels-like temperature.
-
5-Day Forecast: The application provides a 5-day weather forecast, displaying the temperature range for each day, allowing users to plan ahead.
-
Weather Forecast: The application offers an overview of what the weather will likely be later in the day, including the temperature range, weather description, and any expected weather changes.
A web browser, such as Chrome, Firefox, or Safari
- Clone the project from GitHub:
git clone https://github.com/sidyr6002/FrontEnd-Projects.git - Open it in VS Code and navigate to the project directory: eg. Social Media
- Open the
index.htmlfile in your web browser.
- Click on the buttons to see some interactive features.
- Modify the HTML, CSS, and JavaScript files to customize the web page.
Please feel free to fork the repository, make changes, and submit pull requests.
This project is licensed under the MIT License. See the LICENSE file for details.