diff --git a/contact.html b/contact.html
index 2360498..b185415 100644
--- a/contact.html
+++ b/contact.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>Contact Support</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
     <script src="main.js"></script>
     <style>
@@ -33,6 +34,15 @@
     box-align: left;
     width: 100%;
 }
+.age{
+    border-top: none;
+    padding:30px;
+    border-left: none;
+    border-right: none;
+    margin: 10px;
+    box-align: left;
+    width: 100%;
+}
 #Age{
     border-top: none;
     border-left: none;
@@ -40,6 +50,7 @@
     margin: 10px;
     box-align: left;
     width: 100%;
+    padding: 11px
 }
 .btn{
         position: absolute;
@@ -48,6 +59,7 @@
     width: 225px;
     height: 48px;
     color: black;
+    background-color: #41cca5;
        }
        .Btn{
         position: absolute;
@@ -56,6 +68,7 @@
     width: 225px;
     height: 48px;
     color: black;
+    background-color: #41cca5;
        }
 
     </style>
@@ -69,21 +82,26 @@ <h1>
                     
             </h1>
     </div>
+    <form action = "contact.php" method = "POST">
     <div>
                     <label id="Number-label"></label>
-                    <input id="name"required type="text" min="1" max="120" placeholder ="Your e-mail">
+                    <input id="name"required type="text" min="1" max="120" placeholder ="Your e-mail" required>
                    </div>
                    <div>
                     <label id="Number-label"></label>
-                    <input id="Age"required type="text" min="1" max="120" placeholder ="Please provide a title for your message here">
+                    <input id="Age"required type="text"  placeholder ="Please provide a title for your message here" required>
                    </div>
                    <div>
                     <label id="Number-label"></label>
-                    <input id="Age"required type="text" placeholder ="Enter your message here">
+                    <input class="age"required type="text" placeholder ="Enter your message here" required>
                     </div>
                     <div>
-                            <button type="button" class="btn">SUBMIT</button> </br>
+                        <input type="submit" class="btn" value="SEND REQUEST">
                            <a href="index.html"> <button type="button" class="Btn">BACK TO HOME</button></a>
                     </div>
+                    </form>
+                    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js"></script>
+                    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js"></script>
+                    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 7c7b150..efad994 100644
--- a/index.html
+++ b/index.html
@@ -69,8 +69,9 @@
                 </li>
                 <li class="nav-item mr-5">
                     <a class="nav-link" href="https://www.termsfeed.com/terms-service/63c7e2d102f8f89a4dc18f44ce826b03">Terms of Use</a>
-                </li>
-                <li class="nav-link mr-5"><a class="nav-link" href="contact.html">Contact Us</a>
+            
+                <li>
+                    <li class="nav-link mr-5"><a class="nav-link" href="support.html">Contact support</a>
                 </li>
                 <li class="nav-item mr-5">
                 
diff --git a/support.css b/support.css
new file mode 100644
index 0000000..1ba6768
--- /dev/null
+++ b/support.css
@@ -0,0 +1,31 @@
+body {
+    font-family: 'Lato', sans-serif;
+    background-color: #41cca5;
+}
+
+h1 {
+    margin-bottom: 40px;
+}
+
+label {
+    color: #333;
+}
+
+.btn-send {
+    font-weight: 300;
+    text-transform: uppercase;
+    letter-spacing: 0.2em;
+    margin-bottom: 20px;
+}
+
+.help-block.with-errors {
+    color: #ff5050;
+    margin-top: 5px;
+}
+.home{
+    font-weight: 300;
+    text-transform: uppercase;
+    letter-spacing: 0.2em;
+    margin-bottom: 20px;
+    color: #07770c;
+}
\ No newline at end of file
diff --git a/support.html b/support.html
new file mode 100644
index 0000000..733e5dc
--- /dev/null
+++ b/support.html
@@ -0,0 +1,101 @@
+<html>
+    <head>
+        <title>CONTACT SUPPORT</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
+        <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
+        <link href='support.css' rel='stylesheet' type='text/css'>
+
+
+
+
+
+    </head>
+    <body>
+
+        <div class="container">
+
+            <div class="row">
+
+                <div class="col-lg-8 col-lg-offset-2">
+
+                    <h1>
+            
+                    
+                        <img src="https://res.cloudinary.com/sgnolebagabriel/image/upload/v1569400532/panchat/Group_lv8bea.png" alt="Logo" class="img-fluid">
+                        
+                </h1>
+<p>LEAVE A MESSAGE AND WE WILL GET BACK TO YOU SHORTLY</p>
+
+                    <form id="contact-form" method="post" action="contact-2.php" role="form">
+
+                        <div class="messages"></div>
+
+                        <div class="controls">
+
+                            <div class="row">
+                                <div class="col-md-6">
+                                    <div class="form-group">
+                                        <label for="form_name">Firstname *</label>
+                                        <input id="form_name" type="text" name="name" class="form-control" placeholder="Please enter your firstname *" required="required" data-error="Firstname is required.">
+                                        <div class="help-block with-errors"></div>
+                                    </div>
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="form-group">
+                                        <label for="form_lastname">Lastname *</label>
+                                        <input id="form_lastname" type="text" name="surname" class="form-control" placeholder="Please enter your lastname *" required="required" data-error="Lastname is required.">
+                                        <div class="help-block with-errors"></div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-md-6">
+                                    <div class="form-group">
+                                        <label for="form_email">Email *</label>
+                                        <input id="form_email" type="email" name="email" class="form-control" placeholder="Please enter your email *" required="required" data-error="Valid email is required.">
+                                        <div class="help-block with-errors"></div>
+                                    </div>
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="form-group">
+                                        <label for="form_phone">Phone</label>
+                                        <input id="form_phone" type="tel" name="phone" class="form-control" placeholder="Please enter your phone">
+                                        <div class="help-block with-errors"></div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-md-12">
+                                    <div class="form-group">
+                                        <label for="form_message">Message *</label>
+                                        <textarea id="form_message" name="message" class="form-control" placeholder="Message for me *" rows="4" required="required" data-error="Please,leave us a message."></textarea>
+                                        <div class="help-block with-errors"></div>
+                                    </div>
+                                </div>
+                                <div class="col-md-12">
+                                    <input type="submit" class="btn btn-success btn-send" value="Send message">
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-md-12">
+<a href="index.html" class="home">BACK TO HOME</a>
+                                </div>
+                            </div>
+                        </div>
+
+                    </form>
+
+                </div><!-- /.8 -->
+
+            </div> <!-- /.row-->
+
+        </div> <!-- /.container-->
+
+        <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.min.js" integrity="sha256-dHf/YjH1A4tewEsKUSmNnV05DDbfGN3g7NMq86xgGh8=" crossorigin="anonymous"></script>
+        <script src="contact-3.js"></script>
+    </body>
+</html>