Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> CS GROUP SIX </title>
  <link rel="stylesheet" type="text/css" href="main.css" />
  <style type="text/css">
  .menutitle{
  cursor:pointer;
  margin-bottom: 5px;
  background: url('') no-repeat;
  color:#000000;
  width:650px;
  padding: 7px 2px 7px 16px;
  text-align:left;
  font-weight:bold;
  border-style: solid;
  border-radius: 15px 50px;
  }
  .submenu{
  margin-bottom: 0.5em;
  font-size: 15px;
  width:625px;
  border-style: solid;
  border-radius: 15px 15px 15px 15px;
  padding: 7px 2px 7px 16px;
  margin-left: 25px;
  }
  </style>
  <script type="text/javascript" src="menu.js">
  /***********************************************
  * Switch Menu script- by Martial B of http://getElementById.com/
  * Modified by Dynamic Drive for format & NS4/IE4 compatibility
  * Visit http://www.dynamicdrive.com/ for full source code
  ***********************************************/
  </script>


 </head>
 <body>

 <div id="wrapper">


		<div id="leftcol">

			<div class="smid">

			<div id="masterdiv">
        <img src="crap.png" alt="img">
<br /> <br />
				<div class="menutitle" onclick="SwitchMenu('task1')">Task 1</div>
				<span class="submenu" id="task1">
					<?php


$host = "db.dcs.aber.ac.uk";
$user = "csgpadm_6";
$pass = "vg2VTiba";
$db = "csgp_6_15_16";


$mysqli = mysqli_connect( $host, $user, $pass, $db);
    if (mysqli_connect_errno($mysqli)){
        echo "Failed to connect to MySQL: " . mysqli_connect_error();
        } else {
        echo "connected to sql server";
        }


$sql = "SELECT TaskID FROM Tasks";
$result = mysqli_query($mysqli, $sql);

if (mysqli_num_rows($result) > 0) {

    while($row = mysqli_fetch_assoc($result)) {
        echo "TaskID: " . $row["TaskID"];
        }
    } else {

        echo "0 results";
        }

            ?>
<form action="demo_form.asp" method="get">
  <input type="checkbox" name="Subtask1" value="Subtask1" checked><strong><em><s>Sub-Task 1</s></em></strong></form>
					<em>a really boring sub task like making this sub task section lol tick box but i already did it so strikey</em>

<form action="demo_form.asp" method="get">
  <input type="checkbox" name="Subtask2" value="Subtask2"><strong>Sub-Task 2</strong></form>
					another boring sub task like adding progression bars

				</span>

				<div class="menutitle" onclick="SwitchMenu('task2')">Task 2</div>
				<span class="submenu" id="task2">
					<strong>Task:</strong> other boring task<br />
					<strong>Date created:</strong> 22/09/2016 <br />
					<strong>Due Date:</strong> 17/05/2017<br />
					<strong>Team member(s) assigned:</strong> lae19<br />

					Full description of task: task is boring<br />
				</span>


			</div>


			</div>

			</div>
		</div>


 </body>
</html>