web site my hobby

this project must be built on or functioning in a stack, such as XAMPP. note:check the file attached. 1. public home page 1.1 an article 1.2 databases review 1.3 report of this project web design CSS HTML DATABASES JQUERY XAMMP JAVASCRIPT detail of this project : in file attached P1: Public Homepage 1. This page acts as an introductory page to your site, which will explain your hobby with text, some images and at least one video from YouTube. 2. On this page add a login in link (can initially be just a placeholder. In the second stage, the user should need to Login to access pages P2, P3, and P4.) P2: Article 1. Use the grid to create at least three content areas on this page. a. The top part should contain a number of columns with images, or content that links you down into sections of the article content (internal page links). b. The middle and bottom part are the articles. The article should be about the hobby, so provide two paragraphs (or more) with some background information on your chosen hobby. 2. Create an article about the hobby using CSS to style the pages in a manner that fits the theme of the chosen hobby 3. Add two jQuery components to the page that is relevant to the hobby and the content being presented, for example a carousel slider or slideshow. P3: Database Review On this page, you will be required to connect to the human_resources database and perform some queries on it. The credentials are as follows: Host: [login to view URL] Port: 3306 Username: johnstudent Password: cct19 Database name: human_resources The information retrieved from the database should be displayed in a table (with appropriate headings) in your page. The following functions are required: 1. a button named 'departments' that will display the following information from the departments table: dept_no and dept_name. For example: 2. an input text field for employee number that will list all the departments that particular employee works for and the dates they worked in this department. From the dept_emp table the following information should be retrieved: emp_no, dept_no, from_date, and to_date. For example: P4: A report on the design of this website 1. Introduction: Your name, Email and Student ID 2. Goals of site: What hobbie the site is about 3. A brief explanation of the technology used and how it was implemented 4. The list of browsers the application was tested against 5. Future features predicted (e.g., if you had another six months to work on this, what else would you do with it?) 6. Reflection: a. What did you learn from building this web application b. What would you do differently if you had to build it again Stage 2 For the second stage, the P1: Public Homepage is accessible to the public without the need for logging in, while the three other pages are only accessible for members, so user authentication is required to access these. A separate login page is optional--you may choose either to create an independent page for login or you can choose to include it as part of the main homepage. Login credentials for site members must be stored in database table called users. There should be at least one user with the credentials: a. Username: admin b. Password: cct2 Note: these credentials will be used to test your login system, so ensure that you have these in your database. If these credentials do not work it assumed you didn't get your login system to work. The following diagram is the a website map that demonstrates P1 as a public page and P2, P3, and P4 accessible only after the user has logged in. Advanced features please check the file attached