Hello I need help with this assignment. In this assignment, you have to integrate the database with your project code and show database results on the front$-$end HTML pages. You have to implement the following:

Write code to invoke the database programmatically.

Process and send database results to HTML pages.

From the HTML page, send user data to the server, process them, and add them to the database.

You have to complete this for all HTML pages in the project. It's okay if its not polished for final submission or presentation.

What to submit: A zip file containing the following:

HTML$,$ CSS pages $($if any$),$ and Python server code.

A Word$/$PDF containing the screenshots of the HTML pages with results from the database.

This are the a html$.$

Welcome page:

DOCTYPE html$>$

$$ html lang$="$en$">$

$$ head$>$

$=1\mathrm{.}0^(\text{'}\text{'})>$

$$ h$1>$Welcome to Your E$-$Commerce Site Title

$$ div class$=$"buttons"$>$

$$ a href$="$#$">$Create Account $>$ div$>$

Login page:

DOCTYPE $html>$

$<mtext></mtext><mi>h</mi><mi>t</mi><mi>m</mi><mi>l</mi>$ lang$="en">$

$$ head$>$

$$ form action$="$#$">$

$$ label for$=$"username"$>$Username:

Password:

Login

$a>$

div$>$

Login page:

DOCTYPE $html>$

$<mtext></mtext><mi>h</mi><mi>t</mi><mi>m</mi><mi>l</mi>$ lang$="en">$

$$ head$>$

$={1\mathrm{.}0}^{\text{'}\text{'}}>$

Login $-$ Your $E-$Commerce Site Title

$$ body$>$

Login $h>$

$$ form action$="$#$">$

$$ label for$=$"username"$>$Username:

Password:

Login

Product Listing page:

DOCTYPE html$>$

$$ html lang$="$en$">$

$$ head$>$

$=1\mathrm{.}0^(\text{'}\text{'})>$

$$ head $>$

$$ body$>$

$$ div class$=$"product$-$list"$>$

$$ div$>$

$<mtext></mtext><mi>/</mi>$body$>$

$$ html$>$

Product Description page:

DOCTYPE html$>$

$$ html lang$="$en$">$

$$ head $>$

$$ meta name$=$"viewport" content$=$"width$=$device$-$width, initial$-$scale $=1\mathrm{.}0">$

$$ head $>$

$$ body$>$

$$ h$1>$ Your E$-$Commerce Site Title

$$ h$2>$Product Name

Product Description $<mtext></mtext><mi>/</mi>$p $>$

$$ div class$=$"buttons"$>$

$$ a href$="$#$">$Add to Cart

$$ a href$="$#$">$Buy Now

$$ div$>$

$$ body$>$

Checkout and Shipping page:

DOCTYPE html$>$

$$ html lang$="$en$">$

$$ head $>$

$$ meta charset$=$"UTF$-8">$

$=1\mathrm{.}0^(\text{'}\text{'})>$

$$ head $>$

$$ body$>$

$$ h$1>$Your E$-$Commerce Site Title

$$ h$3>$ Shipping Address

$$ form action$="$#$">$

$$ form$>$

Billing Address

$$ form action$="$#$">$

$$ form$>$

Your Order

$$ body$>$

Order Confirmation page:

DOCTYPE $html>$

$<mtext></mtext><mi>h</mi><mi>t</mi><mi>m</mi><mi>l</mi>$ lang$="en">$

$$ head $>$

$$ meta charset$=$"UTF$-8">$

$$ p $>$ Your order details:

Product Name: Product Description

Order Number: $123456li$

This is the tables.