Create a new page called puzzle.html.
Create an image from the Veteran’s History section from the Library of Congress site, and trim it into 4 pieces or more. Save each piece as a separate image. You can use most graphic editors like GIMP (free) to do this.
Instead of one target to frag the image to, create 4 squares!
Allow the user to drag and drop the pieces of the image, to each of the squares, and put it together, like a puzzle. You can optionally have the background image as a faded version of the image so you can give the user an idea of what the finished image would look like.
When the user has all 4 matching, let them know by alerting them with a message.
Create an external JS file named login.js.
Create a new page called login.html. Again, you can copy the template.html page. Link the login.js file to the login.html file.
Create a new page called private.html. Again, you can copy the template.html page.
Add an ordered list of your 5 recommended books from the Gutenberg Project.
Open the login.html page. The user must fill out their username and password.
If the information is correct, then:
Write out a cookie called Library.
In the cookie set the expiration date for 14 days from today, (so you have to calculate the date) and assign values from the form to the cookie for the username, current date and password).
Use the alert method to let the user know that the cookie was written to their computer.
If the information is not correct, then:
Use the alert method to let them know there was an error.
Redirect the user to the home.html page.
Open the recommended.html page.
Link the login.js file to the private.html file.
PLACE THIS ORDER OR A SIMILAR ORDER WITH US TODAY AND GET A GOOD DISCOUNT