i got below code here together with the Tasks.php code and its working as expected

improve the estatics of below images

$1.$ change colour of add task button to be blue

$2.$ Visualise the added task in a table similar to the one in mysql table, e$.$g change heading Task to Description

$3.$ add backgroud colur to the webpage to be light blue and modern

Create a PHP file named inde tox.php and add the following code:

setAttribute$($PDO::ATTR$\_$ERRMODE, PDO::ERRMODE$\_$EXCEPTION$)$;

$\}$ catch $($PDOException $e$)\{$

die$("$Could not connect to the database: $".$ $e$->$getMessage$())$;

$\}$

$//$ Handling form submission to add a new task

if $($$$\_$SERVER$[\text{'}$REQUEST$\_$METHOD'$]==$ 'POST' && isset$($$$\_$POST$[\text{'}$task$\_$description'$]))\{$

$description $=$ $$\_$POST$[\text{'}$task$\_$description'$]$;

$task $=$ new Task$($$description$)$;

$stmt $=$ $pdo$->$prepare$("$INSERT INTO tasks $($description$)$ VALUES $($:description$)")$;

$stmt$->$execute$([\text{'}$description$\text{'}=>$ $task$->$getDescription$()])$;

header$("$Location: index.php$")$;

exit$()$;

$\}$

$//$ Handling task completion

if $($isset$($$$\_$POST$[\text{'}$task$\_$id$\text{'}])$ && isset$($$$\_$POST$[\text{'}$completed$\text{'}]))\{$

$taskId $=$ $$\_$POST$[\text{'}$task$\_$id$\text{'}]$;

$completed $=$ $$\_$POST$[\text{'}$completed$\text{'}]==\text{'}1\text{'}?$ true : false;

$stmt $=$ $pdo$->$prepare$("$UPDATE tasks SET completed $=$ :completed WHERE id $=$ :id$")$;

$stmt$->$execute$([\text{'}$completed$\text{'}=>$ $completed, $\text{'}$id$\text{'}=>$ $taskId$])$;

header$("$Location: index.php$")$;

exit$()$;

$\}$

$//$ Fetching existing tasks

$stmt $=$ $pdo$->$query$("$SELECT $*$ FROM tasks"$)$;

$tasks $=$ $stmt$->$fetchAll$($PDO::FETCH$\_$ASSOC$)$;

$?>$

To$-$Do List