This repository is an excellent resource for both beginners looking to understand the fundamentals and experienced developers seeking inspiration for their next project.
This is a display of sample websites that I made using HTML and CSS.
This page is an example home page for a Travelling company. It’s styled using CSS and contains general styles, navbar, video and overlay, image containers, table, two-column layout, hover text, overlay image and footer.
This page is an example home page for a Movie theater that is styled using Bootstrap 4. It contains many Bootstrap components including but not limited to a navbar, jumbotron, form, cards, and dropdowns.
This page is an example home page for an aspiring model. This CSS creates a stylish, responsive webpage with a fixed navbar, sections for content, an image gallery, and a video container.
This page is an example home page for a Cat Adoption Shelters. This CSS creates a webpage with a navbar, a grid-based gallery with image overlays, and a centered contact section with clear typography.
###My Portfolio This page is an example home page for an aspiring developer. This page contains many components but not limited to navbar, hoover effects, links set to blue, image containers, video and overlay,
These are some small projects I made using JavaScript.
This project is a menu used to order pizza with a various selection of toppings. It takes the input information and calculates a price for the order.
- Topping selection with real-time price updates
- Form validation to ensure all required fields are filled
- Order summary display
calculatePrice(toppings): Calculates the total price based on selected toppings.validateOrder(form): Validates the user's order form inputs.submitOrder(orderDetails): Processes and submits the order.addTopping(topping): Adds a selected topping to the pizza.removeTopping(topping): Removes a selected topping from the pizza.updateOrderSummary(order): Updates the displayed summary of the order.
The classic game of tic-tac-toe. Users can decide which token each player wants to use and the winner is celebrated with music and flashing lights.
- Two-player game functionality
- Win detection and celebration
rollDice(): Rolls a dice to determine which player starts the game.makeMove(player, position): Records a player's move on the board.checkWinner(board): Checks the board for a winning combination.resetGame(): Resets the game board for a new game.switchPlayer(): Switches the turn to the other player.highlightWinningCombination(combination): Highlights the winning combination on the board.
A basic 4-function calculator. Users can add, subtract, multiply, and divide on a sleek web version of a calculator.
- Basic arithmetic operations (addition, subtraction, multiplication, division)
- Clear display functionality
- Responsive design for different screen sizes
add(a, b): Adds two numbers.subtract(a, b): Subtracts the second number from the first.multiply(a, b): Multiplies two numbers.divide(a, b): Divides the first number by the second.clearDisplay(): Clears the calculator display.updateDisplay(value): Updates the calculator display with the given value.handleInput(input): Processes user input for the calculator.