The document outlines the creation of two index websites with HTML, JavaScript, and CSS, emphasizing navigation between index1.html and index2.html. It details functionalities for four buttons on index2, including displaying 'your name', moving squares, showing the letters 'ynd', and clearing the canvas. The required CSS styling for buttons is specified, ensuring they have specific colors, fonts, and rounded shapes.

1. Create two index websites and four buttons using HTML, javascript and CSS
FIrst, when a person accesses your website, it will start on the index1.html page. I
n the HTML page, Index1 is a title and header "Index1" and a link that sends the user to index 2.
The user may click that link to view the index2.html.
There should be links on both index.html pages that should allow the user to navigate back and
forth between both of the index.html pages.
Overview of Index 2:
Consists of a canvas element with four buttons.
Index 2 has a link back to index 1.
"Your name" will show in the canvas element when you press button one.
Button 1: When button one is first clicked, "your name" will appear in the canvas element,
starting in the top left corner. For each subsequent click, when button one is clicked again, "your
name" will appear below its previous position, but the previous name won't appear. When button
one reaches the bottom of the canvas element, "your name" will reappear in the top left corner.
You must specify the font type and color.
Button 2: Two moving squares will emerge when you press button two. When button two is
pressed, two squares will emerge one in the top left and one in the bottom right corner of the
canvas element, respectively. These two squares will travel across the canvas in opposite
directions without the need to press any additional buttons. it reappears from its starting place.
Make sure clicking is not necessary to move the squares, and that each one has unique design
elements.
Button 3: The letters "YND" will appear when you press button three. Use lines and paths to
build the letters "YND"; each letter should appear in three seconds intervals; ensure that each
line is thick and has a distinct color; each letter in "YND" should be at least one-fourth the size
of the canvas.
Button 4: The canvas element is cleared and the squares are stopped by button number four.
Next, for button four the canvas should be cleared when the clear button (Button Four) is clicked,
and all timers should be stopped.
ButtonStyle.css
For the CSS styling page buttons must have a color and a font and must be rounded-shaped.
ButtonStyle.css is used to style only your buttons.