Design a web application for "Muscat Road Runners" with the following specifications (Use Bootstrap in all the pages). This project aims at maintaining all the information pertaining to the site's runners, their details available in the system website. Design a Homepage which contains a navigation bar in the header. The header should be shown in all pages, navigation bar contains items for About Us Contact Us Login, Add Runner and Search Runner. The navigation bar should show which menu item is currently active. Include three images with the same shape. Include a footer using "well" containing the message "Copyright 2021". Use glyphicon for the copyright symbol. The footer should also be visible in all pages. 2. Design a Login Page with username and password and apply necessary validations. Once logged in this page should contain a navigation bar in the header. The navigation bar should contain items for Home, View Runners and logout - The View Runners page should allow the user to view all the records in a Bootstrap table and sorted according to runner nationality in descending order. It should only show the primary key or ID, runner name, and two (2) other fields. The links for update and delete should be included in the view page. There should be a link to go back to the Home b. Allow the user to update a record. Provide a message for successful updating of record. There should be a link to go back to the View Runners page. Allow the user to delete a record. Provide messages for confirmation and successful deleting of record. There should be a link to go back to the View Runners page Design Add Runner page which should contain a form and a table that should allow the user to enter details for the runner username, password and other runner details. The form should include different input form elements such as text boxes, drop down, check box and radio button. The items should be validated if it is empty. It should also be validated according to the type of input elements. There should be a navigation link to go back to the Homepage 2. When the Submit button is clicked, it will proceed to another page that will save the runner details in a database. There should be at least one condition and one computation. Then display the output on the screen. Format dates accordingly. There should be a link to go back to the Homepage . The data should be saved in a database table. Provide a message for successful saving of the record. Design the table accordingly. The data should be saved in a database table. Provide a message for successful saving of the record. Design the table accordingly. Insert three (3) records into the designed table through the Add Runner form, 4 Design Search Runner page which will include a form that will allow the user to search for specific information (ex: list of all runners who live in Muscat city). The form should include different form clements similar to add runner page. The items should be validated if it is empty. It should also be validated according to the type of input elements. There should be a navigation link to go back to the Homepage The About us page should contain paragraph about the website, A responsive image should be added, the page should include hyperlink to go back to Homepage. The Contact us page should contain the telephone number, email, Instagram, twitter of the business, use glyphicon for the telephone, email, Instagram and twitter, the page should include hyperlink to go back to Homepage AB Applicatie traitin Concepts Llompa CON Layout, bootstrap talles 35 0.35 Glyphicon Lagle Page La Form design and 2 2.Vire Venlige Links for En platea L'pdide the catch with 1 |2eDalits | 0.75 Ideen with Low 1 ok 2 pale page update pdate the 2. Delete diete Deleted with View La form resign from with the file Kadele Phone vide with Nem LRI 13 | Kreation of Sawda od pply Search Design and de About Paragraph Repen Contact type Supom TOTAL Note: Topics for self-study tasks are given in bold and italic letters in the above rubric, which have a total of 5.0 marks. Microsoft Expression Web 4 2010 Microsoft Corporation
