Updated contact.php

contact.php

@@ -4,97 +4,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>Contact</title>
   <link rel="stylesheet" type="text/css" href="css2.css">
-
-  <style>
-  #contact input[type="text"],
-  #contact input[type="email"],
-  #contact textarea,
-  #contact button[type="submit"] {
-    font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
-  }
-
-  #contact {
-    background: #F9F9F9;
-    padding: 25px;
-    margin: 15px 0;
-    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
-  }
-
-  #contact h3 {
-    display: block;
-    font-size: 30px;
-    font-weight: 300;
-    margin-bottom: 10px;
-  }
-
-  #contact h4 {
-    margin: 5px 0 15px;
-    display: block;
-    font-size: 13px;
-    font-weight: 400;
-  }
-
-  fieldset {
-    border: medium none !important;
-    margin: 0 0 10px;
-    min-width: 100%;
-    padding: 0;
-    width: 100%;
-  }
-
-  #contact input[type="text"],
-  #contact input[type="email"],
-  #contact textarea {
-    width: 100%;
-    border: 1px solid #ccc;
-    background: #FFF;
-    margin: 0 0 5px;
-    padding: 10px;
-  }
-
-  #contact input[type="text"]:hover,
-  #contact input[type="email"]:hover,
-  #contact textarea:hover {
-    -webkit-transition: border-color 0.3s ease-in-out;
-    -moz-transition: border-color 0.3s ease-in-out;
-    transition: border-color 0.3s ease-in-out;
-    border: 1px solid #aaa;
-  }
-
-  #contact textarea {
-    height: 100px;
-    max-width: 100%;
-    resize: none;
-  }
-
-  #contact button[type="submit"] {
-    cursor: pointer;
-    width: 100%;
-    border: none;
-    background: #4CAF50;
-    color: #FFF;
-    margin: 0 0 5px;
-    padding: 10px;
-    font-size: 20px;
-  }
-
-  #contact button[type="submit"]:hover {
-    background: #43A047;
-    -webkit-transition: background 0.3s ease-in-out;
-    -moz-transition: background 0.3s ease-in-out;
-    transition: background-color 0.3s ease-in-out;
-  }
-
-  #contact button[type="submit"]:active {
-    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
-  }
-
-  #contact input:focus,
-  #contact textarea:focus {
-    outline: 0;
-    border: 1px solid #aaa;
-  }
-  </style>
+  <link rel="stylesheet" type="text/css" href="css/contact_style.css">
 
 </head>
 
@@ -175,27 +85,7 @@
     ?>
 
     <?php
-    // connect to the database
-    $con = mysqli_connect("anysql.itcollege.ee", "WT16", "iLtQlUerkT", "WT16");
-
-    // Check connection
-    if (mysqli_connect_errno())
-       {
-       echo "Failed to connect to MySQL: " . mysqli_connect_error();
-       }
-
-    $data = mysqli_query($con, "INSERT INTO Contact (Contact_Name, Email, Subject, Message)
-    VALUES ('$Contact_Name', '$Email', '$Subject', '$Message')");
-
-    mysqli_close($con);
-
-
-    echo "Your input:::::::::<br>";
-    echo "".$Contact_Name. "<br>";
-    echo "".$Email. "<br>";
-    echo "".$Subject. "<br>";
-    echo "".$Message. "<br>";
-
+    include("php_files/contact_database.php");
     ?>
   </div>
   <!-- social media block -->