diff --git a/facto.php b/facto.php
new file mode 100644
index 0000000000000000000000000000000000000000..3a82a1911b05f2ff6784f7dfc0aee38b93a171b4
--- /dev/null
+++ b/facto.php
@@ -0,0 +1,198 @@
+<?php
+
+function head(){
+  echo '<head>
+  	<title>FIND YOUR INFLUENCER</title>
+  	<!-- Meta tag Keywords -->
+  	<meta name="viewport" content="width=device-width, initial-scale=1">
+  	<meta charset="UTF-8" />
+  	<meta name="keywords" content="" />
+  	<script>
+  		addEventListener("load", function () {
+  			setTimeout(hideURLbar, 0);
+  		}, false);
+
+  		function hideURLbar() {
+  			window.scrollTo(0, 1);
+  		}
+  	</script>
+  	<!--// Meta tag Keywords -->
+
+  	<!-- icon -->
+  	<link rel="shortcut icon" href="../images/logo.png" type="image/x-icon">
+  	<!-- Custom-Files -->
+  	<link rel="stylesheet" href="../css/bootstrap.css">
+  	<!-- Bootstrap-Core-CSS -->
+  	<link rel="stylesheet" href="../css/smoothbox.css" type="text/css" media="all" />
+  	<!-- gallery light box -->
+  	<link rel="stylesheet" href="../css/style.css" type="text/css" media="all" />
+  	<!-- Style-CSS -->
+  	<link rel="stylesheet" href="../css/fontawesome-all.css">
+  	<!-- Font-Awesome-Icons-CSS -->
+  	<!-- //Custom-Files -->
+
+  	<!-- Web-Fonts -->
+  	<link href="http://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&amp;subset=latin-ext"
+  	    rel="stylesheet">
+  	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&amp;subset=latin-ext"
+  	    rel="stylesheet">
+  	<!-- //Web-Fonts -->
+    <link rel="stylesheet" href="../css/log.css">
+    <link rel="stylesheet" href="profil.css" type="text/css" media="all">
+
+    <script src="../js/jquery-2.2.3.min.js"></script>
+    <script src="../js/jquery.leanModal.min_.js"></script>
+
+
+  </head>';
+}
+
+function header2($where){
+  echo '<!-- header -->
+	<header>
+		<nav class="navbar navbar-expand-lg navbar-light py-4">
+			<div class="container">
+				<h1 style="margin: auto">
+					<a class="navbar-brand" href="'.$where.'">
+						<!-- <i class="fas fa-utensils"></i> -->
+						<img width="50" height="50" src="../images/ll.png" alt="logo">
+						&nbsp;Know Your Influencer
+					</a>
+				</h1>
+				<button class="navbar-toggler ml-md-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
+				    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+					<span class="navbar-toggler-icon"></span>
+				</button>
+
+				<div class="collapse navbar-collapse" id="navbarSupportedContent">
+
+					<ul class="navbar-nav mx-auto text-center">
+						<li class="nav-item active">
+							<a class="nav-link" href="'.$where.'">Home
+								<span class="sr-only">(current)</span>
+							</a>
+						</li>
+						<li class="nav-item">
+							<a class="nav-link scroll" href="#semaine">Influencer</a>
+						</li>
+					</ul>
+					<div class="forms-w3ls-agilesm text-center mt-lg-0 mt-4">
+						<ul>
+							<li class="login-list-w3ls d-inline border-right pr-3 mr-3">';
+                 if (!$_SESSION['username'])
+                        echo '<a id="modal_trigger" href="#modal" class="text-white">Login | Register</a>';
+                      else {
+                        echo '<span style="color: #fff; letter-spacing: 2px; font-size: 15px; padding: 0.5em 0; font-family: "Source Sans Pro", sans-serif"><a href="userpage.php" style="color: #fff; letter-spacing: 2px; font-size: 15px; padding: 0.5em 0; font-family: "Source Sans Pro", sans-serif">'.$_SESSION['username'] .'</a> | <a href="logout.php" style="color: #fff; letter-spacing: 2px; font-size: 15px; padding: 0.5em 0; font-family: "Source Sans Pro", sans-serif">Log out</a></span>';
+                      }
+            echo '
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</nav>
+	</header>
+	<!-- //header -->';
+
+  echo '<div id="modal" class="popupContainer" style="display:none;">
+      <header class="popupHeader">
+          <span class="header_title">Login</span>
+          <span class="modal_close"><i class="fa fa-times"></i></span>
+      </header>
+
+      <section class="popupBody">
+          <!-- Social Login -->
+          <div class="social_login">
+              <!-- <div class="">
+                  <a href="#" class="social_box fb">
+                      <span class="icon"><i class="fa fa-facebook"></i></span>
+                      <span class="icon_title">Connect with Facebook</span>
+
+                  </a>
+
+                  <a href="#" class="social_box google">
+                      <span class="icon"><i class="fa fa-google-plus"></i></span>
+                      <span class="icon_title">Connect with Google</span>
+                  </a>
+              </div>
+
+              <div class="centeredText">
+                  <span>Or use your Email address</span>
+              </div> -->
+
+              <div class="action_btns">
+                  <div class="one_half"><a href="#" id="login_form" class="btn">Login</a></div>
+                  <div class="one_half last"><a href="#" id="register_form" class="btn">Sign up</a></div>
+              </div>
+          </div>
+
+          <!-- Username & Password Login form -->
+          <div class="user_login">
+              <form action="login.php" method="post">
+                  <label>Username</label>
+                  <input type="text" name="username"/>
+                  <br />
+
+                  <label>Password</label>
+                  <input type="password" name="password"/>
+                  <br />
+
+                  <!-- <div class="checkbox">
+                      <input id="remember" type="checkbox" />
+                      <label for="remember">Remember me on this computer</label>
+                  </div> -->
+
+                  <div class="action_btns">
+                      <div class="one_half"><a href="#" class="btn back_btn"><i class="fa fa-angle-double-left"></i> Back</a></div>
+                      <div class="one_half last"><input type="submit" class="btn btn_red" name="login" value="Login" style="border:none"/></div>
+                  </div>
+              </form>
+
+              <a href="#" class="forgot_password">Forgot password?</a>
+          </div>
+
+          <!-- Register Form -->
+          <div class="user_register">
+              <form action="register.php" method="post">
+                  <!-- <label>First name</label>
+                  <input type="text" name="firstname" />
+                  <br />
+
+                  <label>Last name</label>
+                  <input type="text" name="lastname"/>
+                  <br /> -->
+
+                  <label>User name</label>
+                  <input type="text" name="username"/>
+                  <br />
+
+                  <label>Email Address</label>
+                  <input type="email" name="email"/>
+                  <br />
+
+                  <label>Password</label>
+                  <input type="password" name="password1"/>
+                  <br />
+
+                  <label>Confirm password</label>
+                  <input type="password" name="password2"/>
+                  <br />
+
+                  <!-- <label>Birthday</label>
+                  <input type="date" name="birthday"/>
+                  <br/>
+                  <br/> -->
+
+                  <div class="action_btns">
+                      <div class="one_half"><a href="#" class="btn back_btn"><i class="fa fa-angle-double-left"></i> Back</a></div>
+                      <div class="one_half last"><input type="submit" class="btn btn_red" name="register" value="Register" style="border:none"/></div>
+                  </div>
+              </form>
+          </div>
+      </section>
+    </div>
+	<!-- banner -->
+	';
+}
+
+?>
diff --git a/page_profile/profil.css b/page_profile/profil.css
index 014f41301430c00358f06d9ef2ce07876d371046..6479734c8de162554c33bca70c1a9fc02f8b45da 100644
--- a/page_profile/profil.css
+++ b/page_profile/profil.css
@@ -8,9 +8,6 @@ nav.navbar {
     background: rgba(140, 140, 140, 0.63);
 }
 
-header{
-  background-image: url('ciel.png');
-}
 div a:link{
   color:#99c1ff;
 }
@@ -19,7 +16,7 @@ div a:link{
   padding: 115px 10px 10px;
   text-align: left;
   height: 547px;
-  background: url(../page_welcome/images/2.jpg);
+  background: url(../images/2.jpg);
 }
 
 #photoprofil{
@@ -120,7 +117,7 @@ a:link {
 #stats{
   padding: 10px 20px;
   text-align:center;
-  background: url(../page_welcome/images/1.jpg)repeat;
+  background: url(../images/1.jpg)repeat;
 }
 
 .flex{
diff --git a/page_profile/profil.php b/page_profile/profil.php
index 8a68b010f77e5646d437962944cb789799dd37bf..590c5fa72df9f31ab8e6b29e15d61ce86901aa80 100644
--- a/page_profile/profil.php
+++ b/page_profile/profil.php
@@ -1,5 +1,6 @@
 <?php
 require_once('../API_Twitter/userInfosFunctions.php');
+require_once('../facto.php');
 session_start();
 
 if (isset($_POST['username'])) {
@@ -21,166 +22,11 @@ else {
 <!DOCTYPE html>
 <html lang="zxx">
 
-<head>
-	<title>FIND YOUR INFLUENCER</title>
-	<!-- Meta tag Keywords -->
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta charset="UTF-8" />
-	<meta name="keywords" content="" />
-	<script>
-		addEventListener("load", function () {
-			setTimeout(hideURLbar, 0);
-		}, false);
-
-		function hideURLbar() {
-			window.scrollTo(0, 1);
-		}
-	</script>
-	<!--// Meta tag Keywords -->
-
-	<!-- icon -->
-	<link rel="shortcut icon" href="../page_welcome/images/logo.png" type="image/x-icon">
-	<!-- Custom-Files -->
-	<link rel="stylesheet" href="../page_welcome/css/bootstrap.css">
-	<!-- Bootstrap-Core-CSS -->
-	<link rel="stylesheet" href="../page_welcome/css/smoothbox.css" type='text/css' media="all" />
-	<!-- gallery light box -->
-	<link rel="stylesheet" href="../page_welcome/css/style.css" type="text/css" media="all" />
-	<!-- Style-CSS -->
-	<link rel="stylesheet" href="../page_welcome/css/fontawesome-all.css">
-	<!-- Font-Awesome-Icons-CSS -->
-	<!-- //Custom-Files -->
-
-	<link rel="stylesheet" href="profil.css" type="text/css" media="all">
-
-	<!-- Web-Fonts -->
-	<link href="http://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&amp;subset=latin-ext"
-	    rel="stylesheet">
-	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&amp;subset=latin-ext"
-	    rel="stylesheet">
-	<!-- //Web-Fonts -->
-<link rel="stylesheet" href="../page_welcome/css/log.css">
-
-</head>
+<?php head(); ?>
 
 <body>
-	<!-- header -->
-	<header>
-		<nav class="navbar navbar-expand-lg navbar-light py-4">
-			<div class="container">
-				<h1 style="margin-top:0;">
-					<a class="navbar-brand" href="../page_welcome/index.php">
-						<!-- <i class="fas fa-utensils"></i> -->
-						<img width="50" height="50" src="../page_welcome/images/ll.png" alt="logo">
-						&nbsp;Know Your Influencer
-					</a>
-				</h1>
-				<button class="navbar-toggler ml-md-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
-				    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-					<span class="navbar-toggler-icon"></span>
-				</button>
-
-				<div class="collapse navbar-collapse" id="navbarSupportedContent">
-
-					<ul class="navbar-nav mx-auto text-center">
-						<li class="nav-item active">
-							<a class="nav-link" href="../page_welcome/index.php">Home
-								<span class="sr-only">(current)</span>
-							</a>
-						</li>
-						<li class="nav-item">
-							<a class="nav-link scroll" href="#semaine">Influencer</a>
-						</li>
-					</ul>
-					<div class="forms-w3ls-agilesm text-center mt-lg-0 mt-4">
-						<ul>
-							<li class="login-list-w3ls d-inline border-right pr-3 mr-3">
-								<a href="#" class="text-white" data-toggle="modal" data-target="#exampleModalCenter1">Login</a>
-							</li>
-							<li class="login-list-w3ls d-inline">
-								<a href="#" class="text-white" data-toggle="modal" data-target="#exampleModalCenter2">Register</a>
-							</li>
-						</ul>
-					</div>
-				</div>
-			</div>
-		</nav>
-	</header>
-	<!-- login -->
-	<div class="modal fade" id="exampleModalCenter1" tabindex="-1" role="dialog" aria-hidden="true">
-		<div class="modal-dialog modal-dialog-centered" role="document">
-			<div class="modal-content">
-				<div class="modal-header text-center">
-					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-						<span aria-hidden="true">&times;</span>
-					</button>
-				</div>
-				<div class="modal-body">
-					<div class="login px-sm-4 mx-auto mw-100">
-						<h5 class="text-center mb-4">Login Now</h5>
-						<form action="#" method="post">
-							<div class="form-group">
-								<label>Your Name</label>
-								<input type="text" class="form-control" name="name" placeholder="" required="">
-							</div>
-							<div class="form-group">
-								<label class="mb-2">Password</label>
-								<input type="password" class="form-control" name="password" placeholder="" required="">
-							</div>
-							<button type="submit" class="btn btn-primary submit mb-4">Login</button>
-							<p class="text-center pb-4">
-								<a href="#">Forgot your password?</a>
-							</p>
-							<p class="text-center pb-4 create-w3ls">
-								Don't have an account?
-								<a href="#" data-toggle="modal" data-target="#exampleModalCenter2">Create one now</a>
-							</p>
-						</form>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-	<!-- //login -->
-	<!-- register -->
-	<div class="modal fade" id="exampleModalCenter2" tabindex="-1" role="dialog" aria-hidden="true">
-		<div class="modal-dialog modal-dialog-centered" role="document">
-			<div class="modal-content">
-				<div class="modal-header text-center">
-					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-						<span aria-hidden="true">&times;</span>
-					</button>
-				</div>
-				<div class="modal-body">
-					<div class="login px-sm-4 mx-auto mw-100">
-						<h5 class="text-center mb-4">Register Now</h5>
-						<form action="#" method="post">
-							<div class="form-group">
-								<label>Your Name</label>
-								<input type="text" class="form-control" name="name" placeholder="" required="">
-							</div>
-							<div class="form-group">
-								<label>Email</label>
-								<input type="email" class="form-control" name="email" placeholder="" required="">
-							</div>
-							<div class="form-group">
-								<label class="mb-2">Password</label>
-								<input type="password" class="form-control" name="password" id="password1" placeholder="" required="">
-							</div>
-							<div class="form-group">
-								<label>Confirm Password</label>
-								<input type="password" class="form-control" name="password" id="password2" placeholder="" required="">
-							</div>
-							<button type="submit" class="btn btn-primary submit mb-4">Register</button>
 
-						</form>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-	<!-- //register -->
-	<!-- //header -->
+<?php header2('../page_welcome/index.php'); ?>
 
 <div id='profile'>
 
diff --git a/page_welcome/index.js b/page_welcome/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..4dc20a93f1aa9cb4e8a74c8c87cd3aa970e00e60
--- /dev/null
+++ b/page_welcome/index.js
@@ -0,0 +1,68 @@
+<!-- Js files -->
+<!-- JavaScript -->
+
+<!-- Default-JavaScript-File -->
+
+<!-- banner slider -->
+<script src="js/responsiveslides.min.js"></script>
+<script>
+  // You can also use "$(window).load(function() {"
+  $(function () {
+    // Slideshow 4
+    $("#slider3").responsiveSlides({
+      auto: true,
+      pager: true,
+      nav: false,
+      speed: 500,
+      namespace: "callbacks",
+      before: function () {
+        $('.events').append("<li>before event fired.</li>");
+      },
+      after: function () {
+        $('.events').append("<li>after event fired.</li>");
+      }
+    });
+
+  });
+</script>
+<!-- //banner slider -->
+
+<!-- password-script -->
+<script>
+  window.onload = function () {
+    document.getElementById("password1").onchange = validatePassword;
+    document.getElementById("password2").onchange = validatePassword;
+  }
+
+  function validatePassword() {
+    var pass2 = document.getElementById("password2").value;
+    var pass1 = document.getElementById("password1").value;
+    if (pass1 != pass2)
+      document.getElementById("password2").setCustomValidity("Passwords Don't Match");
+    else
+      document.getElementById("password2").setCustomValidity('');
+    //empty string means no validation error
+  }
+</script>
+<!-- //password-script -->
+
+<script src="js/login.js"></script>
+
+<!-- gallery light box -->
+<script src="js/smoothbox.jquery2.js"></script>
+<!-- //gallery light box -->
+
+<!-- smooth scrolling -->
+<script src="js/SmoothScroll.min.js"></script>
+<!-- //smooth scrolling -->
+
+<!-- move-top -->
+<script src="js/move-top.js"></script>
+<!-- easing -->
+<script src="js/easing.js"></script>
+<!--  necessary snippets for few javascript files -->
+<script src="js/snacks.js"></script>
+
+<script src="js/bootstrap.js"></script>
+<!-- Necessary-JavaScript-File-For-Bootstrap -->
+<!-- //Js files -->
diff --git a/page_welcome/index.php b/page_welcome/index.php
index 415fd3b0a1b4433bed85b6e14bd930f3ffdebeb2..228ed8df330beb5c58768d91e606851568988f8e 100644
--- a/page_welcome/index.php
+++ b/page_welcome/index.php
@@ -1,235 +1,28 @@
 <?php
+ini_set('display_errors', 1);
+ini_set('display_startup_errors', 1);
+error_reporting(E_ALL);
+
 require_once('../API_Twitter/requestsFunctions.php');
+require_once('../js/recherche.js');
+require_once('../facto.php');
+
+require_once('index.js');
 session_start();
 ?>
 
-<script>
-	// function for suggestions of the research
-    function showSuggestions(){
-        var field = document.getElementById("searchField");
-        var keyword = field.value;
-
-        var xhttp;
-        if (keyword.length == 0) {
-            document.getElementById('usernames').innerHTML = "";
-            return;
-        }
-        xhttp = new XMLHttpRequest();
-        xhttp.onreadystatechange = function() {
-            if (this.readyState == 4 && this.status == 200) {// 4 = request finished and response is ready, 200 = "OK"
-
-                var tab = JSON.parse(this.responseText);
-                //document.getElementById("h1").innerHTML = tab;
-
-                var options = "";
-                for(var i = 0; i < tab.length; i++) {
-                    options += '<button id="userSuggesBtn" class="suggestionButton" onclick="window.location.href=\'../page_profile/profil.php?username='+tab[i].username+'\'"><img src="'+
-                    	tab[i].profile_image +
-                    	'" alt="icone" style="vertical-align:middle; position:relative;  width:50px; height: 50px;" /><span style="margin-left:10px;">'+
-                    	tab[i].username +
-                    	'</span></button>';
-                }
-
-                document.getElementById('suggestionButtons').innerHTML = options;
-            }
-        };
-        xhttp.open("GET", "../API_Twitter/userSuggestions.php?w="+keyword, true);
-        xhttp.send();
-    }
-</script>
 
 <!DOCTYPE html>
 <html lang="zxx">
 
-<head>
-	<title>FIND YOUR INFLUENCER</title>
-	<!-- Meta tag Keywords -->
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta charset="UTF-8" />
-	<meta name="keywords" content="" />
-	<script>
-		addEventListener("load", function () {
-			setTimeout(hideURLbar, 0);
-		}, false);
-
-		function hideURLbar() {
-			window.scrollTo(0, 1);
-		}
-	</script>
-	<!--// Meta tag Keywords -->
-
-	<!-- icon -->
-	<link rel="shortcut icon" href="images/logo.png" type="image/x-icon">
-	<!-- Custom-Files -->
-	<link rel="stylesheet" href="css/bootstrap.css">
-	<!-- Bootstrap-Core-CSS -->
-	<link rel="stylesheet" href="css/smoothbox.css" type='text/css' media="all" />
-	<!-- gallery light box -->
-	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
-	<!-- Style-CSS -->
-	<link rel="stylesheet" href="css/fontawesome-all.css">
-	<!-- Font-Awesome-Icons-CSS -->
-	<!-- //Custom-Files -->
-
-	<!-- Web-Fonts -->
-	<link href="http://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&amp;subset=latin-ext"
-	    rel="stylesheet">
-	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&amp;subset=latin-ext"
-	    rel="stylesheet">
-	<!-- //Web-Fonts -->
-  <link rel="stylesheet" href="css/log.css">
-
-  <script src="js/jquery-2.2.3.min.js"></script>
-  <script src="js/jquery.leanModal.min_.js"></script>
-
-
-</head>
+<?php head();
+?>
 
 <body>
-	<!-- header -->
-	<header>
-		<nav class="navbar navbar-expand-lg navbar-light py-4">
-			<div class="container">
-				<h1 style="margin: auto">
-					<a class="navbar-brand" href="index.php">
-						<!-- <i class="fas fa-utensils"></i> -->
-						<img width="50" height="50" src="images/ll.png" alt="logo">
-						&nbsp;Know Your Influencer
-					</a>
-				</h1>
-				<button class="navbar-toggler ml-md-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
-				    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-					<span class="navbar-toggler-icon"></span>
-				</button>
-
-				<div class="collapse navbar-collapse" id="navbarSupportedContent">
-
-					<ul class="navbar-nav mx-auto text-center">
-						<li class="nav-item active">
-							<a class="nav-link" href="index.php">Home
-								<span class="sr-only">(current)</span>
-							</a>
-						</li>
-						<li class="nav-item">
-							<a class="nav-link scroll" href="#semaine">Influencer</a>
-						</li>
-					</ul>
-					<div class="forms-w3ls-agilesm text-center mt-lg-0 mt-4">
-						<ul>
-							<li class="login-list-w3ls d-inline border-right pr-3 mr-3">
-                <?php if (!$_SESSION['username'])
-                        echo '<a id="modal_trigger" href="#modal" class="text-white">Login | Register</a>';
-                      else {
-                        echo '<span style="color: #fff; letter-spacing: 2px; font-size: 15px; padding: 0.5em 0; font-family: "Source Sans Pro", sans-serif"><a href="userpage.php" style="color: #fff; letter-spacing: 2px; font-size: 15px; padding: 0.5em 0; font-family: "Source Sans Pro", sans-serif">'.$_SESSION['username'] .'</a> | <a href="logout.php" style="color: #fff; letter-spacing: 2px; font-size: 15px; padding: 0.5em 0; font-family: "Source Sans Pro", sans-serif">Log out</a></span>';
-                      }
-                 ?>
-							</li>
-						</ul>
-					</div>
-				</div>
-			</div>
-		</nav>
-	</header>
-	<!-- //header -->
-  <div id="modal" class="popupContainer" style="display:none;">
-      <header class="popupHeader">
-          <span class="header_title">Login</span>
-          <span class="modal_close"><i class="fa fa-times"></i></span>
-      </header>
-
-      <section class="popupBody">
-          <!-- Social Login -->
-          <div class="social_login">
-              <!-- <div class="">
-                  <a href="#" class="social_box fb">
-                      <span class="icon"><i class="fa fa-facebook"></i></span>
-                      <span class="icon_title">Connect with Facebook</span>
-
-                  </a>
-
-                  <a href="#" class="social_box google">
-                      <span class="icon"><i class="fa fa-google-plus"></i></span>
-                      <span class="icon_title">Connect with Google</span>
-                  </a>
-              </div>
-
-              <div class="centeredText">
-                  <span>Or use your Email address</span>
-              </div> -->
-
-              <div class="action_btns">
-                  <div class="one_half"><a href="#" id="login_form" class="btn">Login</a></div>
-                  <div class="one_half last"><a href="#" id="register_form" class="btn">Sign up</a></div>
-              </div>
-          </div>
-
-          <!-- Username & Password Login form -->
-          <div class="user_login">
-              <form action="login.php" method="post">
-                  <label>Username</label>
-                  <input type="text" name="username"/>
-                  <br />
-
-                  <label>Password</label>
-                  <input type="password" name="password"/>
-                  <br />
-
-                  <!-- <div class="checkbox">
-                      <input id="remember" type="checkbox" />
-                      <label for="remember">Remember me on this computer</label>
-                  </div> -->
-
-                  <div class="action_btns">
-                      <div class="one_half"><a href="#" class="btn back_btn"><i class="fa fa-angle-double-left"></i> Back</a></div>
-                      <div class="one_half last"><input type="submit" class="btn btn_red" name="login" value="Login" style="border:none"/></div>
-                  </div>
-              </form>
-
-              <a href="#" class="forgot_password">Forgot password?</a>
-          </div>
-
-          <!-- Register Form -->
-          <div class="user_register">
-              <form action="register.php" method="post">
-                  <!-- <label>First name</label>
-                  <input type="text" name="firstname" />
-                  <br />
-
-                  <label>Last name</label>
-                  <input type="text" name="lastname"/>
-                  <br /> -->
-
-                  <label>User name</label>
-                  <input type="text" name="username"/>
-                  <br />
-
-                  <label>Email Address</label>
-                  <input type="email" name="email"/>
-                  <br />
-
-                  <label>Password</label>
-                  <input type="password" name="password1"/>
-                  <br />
-
-                  <label>Confirm password</label>
-                  <input type="password" name="password2"/>
-                  <br />
-
-                  <!-- <label>Birthday</label>
-                  <input type="date" name="birthday"/>
-                  <br/>
-                  <br/> -->
-
-                  <div class="action_btns">
-                      <div class="one_half"><a href="#" class="btn back_btn"><i class="fa fa-angle-double-left"></i> Back</a></div>
-                      <div class="one_half last"><input type="submit" class="btn btn_red" name="register" value="Register" style="border:none"/></div>
-                  </div>
-              </form>
-          </div>
-      </section>
-    </div>
-	<!-- banner -->
-	<div class="callbacks_container">
+	<?php header2('index.php');
+  ?>
+
+  <div class="callbacks_container">
 		<ul class="rslides" id="slider3">
 			<li>
 				<div class="slider-info bg1">
@@ -244,23 +37,23 @@ session_start();
 									<!-- <input type="submit" value="Search"> -->
 									<div style="display: inline-flex;">
 									    <input class="img" type="radio" id="radio_1" name="radio[]" value="1" />
-									    <label for="radio_1"><img src="images/ins.png" width="50" height="50"/></label>
+									    <label for="radio_1"><img src="../images/ins.png" width="50" height="50"/></label>
 
 									    <input class="img" type="radio" id="radio_2" name="radio[]" value="2" />
-									    <label for="radio_2"><img src="images/youtube.jpeg" width="50" height="50"/></label>
+									    <label for="radio_2"><img src="../images/youtube.jpeg" width="50" height="50"/></label>
 
 									    <input class="img" type="radio" id="radio_3" name="radio[]" value="3" />
-									    <label for="radio_3"><img src="images/twitter.png" width="50" height="50"/></label>
+									    <label for="radio_3"><img src="../images/twitter.png" width="50" height="50"/></label>
 
 									    <input class="img" type="radio" id="radio_4" name="radio[]" value="4" />
-									    <label for="radio_4"><img src="images/facebook.png" width="50" height="50"/></label>
+									    <label for="radio_4"><img src="../images/facebook.png" width="50" height="50"/></label>
 									</div>
 									<input id="searchField" style="height: 50px; font-size: 20px;" list="usernames" name="username" type="text" size="40" maxlength="100" autocomplete="off" placeholder="Search here..." onkeyup="
 										if (this.value === '') {
 											document.getElementById('suggestionButtons').innerHTML = '';
 										} else {
 											showSuggestions();
-										}">
+										}" autofocus>
 						            <datalist id="usernames">
 
 
@@ -282,6 +75,7 @@ session_start();
 	</div>
 	<!-- //banner -->
 
+
 	<!-- semaine -->
 	<div class="w3ls-middle pt-5" id="semaine">
 		<div class="container py-xl-5 py-lg-3">
@@ -299,7 +93,7 @@ session_start();
 	<!-- Default-JavaScript-File -->
 
 	<!-- banner slider -->
-	<script src="js/responsiveslides.min.js"></script>
+	<script src="../js/responsiveslides.min.js"></script>
 	<script>
 		// You can also use "$(window).load(function() {"
 		$(function () {
@@ -341,24 +135,24 @@ session_start();
 	</script>
 	<!-- //password-script -->
 
-  <script src="js/login.js"></script>
+  <script src="../js/login.js"></script>
 
 	<!-- gallery light box -->
-	<script src="js/smoothbox.jquery2.js"></script>
+	<script src="../js/smoothbox.jquery2.js"></script>
 	<!-- //gallery light box -->
 
 	<!-- smooth scrolling -->
-	<script src="js/SmoothScroll.min.js"></script>
+	<script src="../js/SmoothScroll.min.js"></script>
 	<!-- //smooth scrolling -->
 
 	<!-- move-top -->
-	<script src="js/move-top.js"></script>
+	<script src="../js/move-top.js"></script>
 	<!-- easing -->
-	<script src="js/easing.js"></script>
+	<script src="../js/easing.js"></script>
 	<!--  necessary snippets for few javascript files -->
-	<script src="js/snacks.js"></script>
+	<script src="../js/snacks.js"></script>
 
-	<script src="js/bootstrap.js"></script>
+	<script src="../js/bootstrap.js"></script>
 	<!-- Necessary-JavaScript-File-For-Bootstrap -->
 	<!-- //Js files -->