account setting

<!DOCTYPE html>
<html >
<head>
  <title>Portfolio</title>
  <link href='https://fonts.googleapis.com/css?family=Titillium+Web:400,300,600' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
  <link rel="stylesheet" type="text/css" href="../css/font-awesome.css">
      <link rel="stylesheet" href="../css/Otherstyle.css">
      <meta charset="utf-8">  <!-- Charset Definition-->
      <meta name="viewport" content="width=device-width"> <!-- To Make Website Responsive to look good on all devices-->
      <meta name="description" content="Fitness Fuel ">  <!-- SEO Purposes-->
      <meta name="keywords" content="Fitness, Fuel, Gym, Health"> <!-- SEO Purposes-->
      <meta name="Author" content="Alisa Hodge, Vanisha Munroe, Travon Sheoprashad, Cleadon Brummel">  <!-- SEO Purposes-->

    <style>
        .head{
            font-family: Arial;
            font-size:90px;
            text-rendering: auto;

        }

    </style>

</head>

<body>


  <!--                                             Branding Area                                    -->
  <header>
  <div class="container">
   <div id="BrandingArea">
    <h1><span class="highlight"><a href="Index.html" style="padding-left: 20px;">The Fitness</a></span> <a href="#"><span style="color: white; padding: -20px;">Fuel</span></a></h1>
   </div>
   <nav>
    <ul>
     <li><a href="Home.html">Home</a></li>
      <li><a href="Find-a-plan.html">Find a Plan</a></li>
      <li class="current"><a href="#">Portfolio</a></li>
     <li><a href="Nutrition.html">Nutrition</a></li>
     <li><a href="#">Community</a></li>

     </li>
    </ul>
   </nav>
  </div>
  </header>
  <!--                                             Branding Area End                               -->

  <!--                                            Showcase Image area                               -->
  <section id="showcase-portfolio">

      <div class="container">
        <h1 class="head">PROGRESS/PORTFOLIO PAGE</h1>
      </div>
  </section>
  <!--                                                Showcase End                                     -->


  <!--                                            News Letter Section                                   -->
  <section id="newsletter">
    <div class="container">
      <h1 style="position:relative; top: 20px;">Subscribe To Our Newsletter</h1>
      <form>
        <input type="email" placeholder="Enter Email">
        <button type="submit" class ="btn btn-primary my-btn" onclick="SubScribeAlert()">Subscribe</button>
      </form>
    </div>
  </section>

  <!--                                            News Letter Section End                                   -->

  <!--                                            Boxes on the Bottom-Font awesome Elements                 -->
  <section id="boxes">
    <div class="container">


<?php
//require ("../includes/config.php");
require ("../includes/constants.php");
require ("../includes/functions.php");

$servername = "localhost";
$username = "root";
$password = "";
$dbname = "fitnessfuel";

// Create connection
$conn = mysqli_connect($servername, $username, $password, $dbname);


if ($_SERVER["REQUEST_METHOD"] == "GET") {
      // else render form
      render("acc_form.php", array("title" => "Setting"));
  }


// if form was submitted
if ($_SERVER["REQUEST_METHOD"] == "POST"){
  if (empty($_POST["weight"]) || empty($_POST["Tweight"])){

          echo("Please enter new weight or new Target weight.");

}
      $result = query("UPDATE users (weight, target_weight) VALUES(?, ?)", $_POST["weight"], $_POST["Tweight"]);


        if($result == false) {
            $error_message = "Try again!";}

            else {$success_message = "Updated!";}


}

 ?>

<center>

  <h2><a href="logout.php" class="btn btn-primary my-btn" style="font-weight: bold; text-decoration:none;text-transform:uppercase;position:relative;">Log Out</a></h2>
</center>


      </div>
    </div>
  </section>

  <!--                                            Boxes on the Bottom-Font awesome Elements End                 -->

  <!--                                            Footer Begin                                                  -->
  <footer>

  <ul class="social-media"
 <li><a><span class="fa fa-phone"></span></a></li><a style="font-family:Raleway; font-weight: normal; position:relative; bottom: 5px; left: 5px;font-size: 15px">5922272216</a>
  <li><a><span class="fa fa-phone"></span></a></li><a style="font-family:Raleway; font-weight: normal; position:relative; bottom: 5px; left: 5px;font-size: 15px">5922272229</a>

  </ul>

  <ul class="social-media">
      <li><a href="https://www.facebook.com/" target="_blank"><span class="fa fa-facebook"></span></a></li>
      <li><a href="https://twitter.com/?lang=en" target="_blank"><span class="fa fa-twitter"></span></a></li>
      <li><a href="https://www.pinterest.com/" target="_blank"><span class="fa fa-pinterest"></span></a></li>
      <li><a href="https://plus.google.com/" target="_blank"><span class="fa fa-google-plus"></span></a></li>
      <li><a href="https://dribbble.com/" target="_blank"><span class="fa fa-dribbble"></span></a></li>
      <li><a href="https://www.behance.net/" target="_blank"><span class="fa fa-behance"></span></a></li>
  </ul>
  <p>Lorem ipsum dolor sit amet &copy; 2017</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed sem nulla.</p>
  <div class="links">
  <a href="#">Something |</a>
  <a href="#">Something Else |</a>
  <a href="#">Another Something |</a>
  <a href="#">Yet another something |</a>
  <a href="#">Something 2.0 |</a>
  <a href="#">Log In / Register |</a>
  <a>Business ID: 7705551</a>
  </div>
  </footer>
  <!--                                            Footer  End                                                  -->


  <script>


      var acc = document.getElementsByClassName("accordion");
      var i;

      for (i = 0; i < acc.length; i++) {
         acc[i].onclick = function(){
             this.classList.toggle("active");
             var panel = this.nextElementSibling;
             if (panel.style.display === "block") {
                 panel.style.display = "none";
             } else {
                 hideAll();
                 panel.style.display = "block";
             }
         }
     }

     function hideAll(){
         var panels = document.getElementsByClassName("panel");

         for (var i = 0; i < panels.length; i++) {
           panels[i].style.display = "none";
         }
     }
 </script>


</body>


</html>