Skip to content

luchit / post-search-project

Go to a project
Commit 941b2d9c by luchit
Options

First commit

parents
Inline Side-by-side
Showing with 1097 additions and 0 deletions
authenticate.php 0 → 100644
<?php
session_start();
$DATABASE_HOST = 'localhost';
$DATABASE_USER = 'root';
$DATABASE_PASS = '';
$DATABASE_NAME = 'complete';
$con = mysqli_connect($DATABASE_HOST, $DATABASE_USER, $DATABASE_PASS, $DATABASE_NAME);
if (mysqli_connect_errno()){
die ('Failed to connect to MySQL: ' . mysqli_connect_error());
}
if ( !isset($_POST['username'], $_POST['password']) ) {
die ('Fill All Fields');
}
if ($stmt = $con->prepare('SELECT id, password FROM accounts WHERE username = ?')) {
$stmt->bind_param('s', $_POST['username']);
$stmt->execute();
$stmt->store_result();
if ($stmt->num_rows > 0) {
$stmt->bind_result($id, $password);
$stmt->fetch();
if ($_POST['password'] === $password) {
session_regenerate_id();
$_SESSION['loggedin'] = TRUE;
$_SESSION['name'] = $_POST['username'];
$_SESSION['id'] = $id;
header("Location: mypage.php");
}else{
echo ("<SCRIPT LANGUAGE='JavaScript'>
window.alert('Incorrect Password')
window.location.href='profile.php';
</SCRIPT>");;
}
}else{
echo ("<SCRIPT LANGUAGE='JavaScript'>
window.alert('Incorrect Username')
window.location.href='profile.php';
</SCRIPT>");;
}
$stmt->close();
}
\ No newline at end of file
backsearch.php 0 → 100644
<?php
$link = mysqli_connect("localhost", "root", "", "complete");
if($link === false){
die("ERROR: Could not connect. " . mysqli_connect_error());
}
if(isset($_REQUEST["term"])){
$sql = "SELECT * FROM accounts WHERE name LIKE ?";
if($stmt = mysqli_prepare($link, $sql)){
mysqli_stmt_bind_param($stmt, "s", $param_term);
$param_term = $_REQUEST["term"] . '%';
if(mysqli_stmt_execute($stmt)){
$result = mysqli_stmt_get_result($stmt);
if(mysqli_num_rows($result) > 0){
while($row = mysqli_fetch_array($result, MYSQLI_ASSOC)){
echo "<p>" . $row["Name"] . "</p>";
}
} else{
echo "<p>No matches found</p>";
}
} else{
echo "ERROR: Could not able to execute $sql. " . mysqli_error($link);
}
}
mysqli_stmt_close($stmt);
}
mysqli_close($link);
?>
crud.php 0 → 100644
<?php
$conn = mysqli_connect('localhost', 'root', '', 'complete');
if (!$conn) {
die('Connection failed ' . mysqli_error($conn));
}
if (isset($_POST['save'])) {
$name = $_POST['name'];
$comment = $_POST['comment'];
$sql = "INSERT INTO comments (name, comment) VALUES ('{$name}', '{$comment}')";
if (mysqli_query($conn, $sql)) {
$id = mysqli_insert_id($conn);
$saved_comment = '<div class="comment_box">
<span class="delete" data-id="' . $id . '" >delete</span>
<span class="edit" data-id="' . $id . '">edit</span>
<div class="display_name">'. $name .'</div>
<div class="comment_text">'. $comment .'</div>
</div>';
echo $saved_comment;
}else {
echo "Error: ". mysqli_error($conn);
}
exit();
}
if (isset($_GET['delete'])) {
$id = $_GET['id'];
$sql = "DELETE FROM comments WHERE id=" . $id;
mysqli_query($conn, $sql);
exit();
}
if (isset($_POST['update'])) {
$id = $_POST['id'];
$name = $_POST['name'];
$comment = $_POST['comment'];
$sql = "UPDATE comments SET name='{$name}', comment='{$comment}' WHERE id=".$id;
if (mysqli_query($conn, $sql)) {
$id = mysqli_insert_id($conn);
$saved_comment = '<div class="comment_box">
<span class="delete" data-id="' . $id . '" >delete</span>
<span class="edit" data-id="' . $id . '">edit</span>
<div class="display_name">'. $name .'</div>
<div class="comment_text">'. $comment .'</div>
</div>';
echo $saved_comment;
}else {
echo "Error: ". mysqli_error($conn);
}
exit();
}
$sql = "SELECT * FROM comments";
$result = mysqli_query($conn, $sql);
$comments = '<div id="display_area">';
while ($row = mysqli_fetch_array($result)) {
$comments .= '<div class="comment_box">
<span class="delete" data-id="' . $row['id'] . '" >delete</span>
<span class="edit" data-id="' . $row['id'] . '">edit</span>
<div class="display_name">'. $row['name'] .'</div>
<div class="comment_text">'. $row['comment'] .'</div>
</div>';
}
$comments .= '</div>';
?>
\ No newline at end of file
index.php 0 → 100644
<?php
session_start();
?>
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script src="scripts.js"></script>
<?php include('crud.php');?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Home</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<style>
.wrapper {
width: 45%;
height: auto;
margin: 10px auto;
border: 1px solid #cbcbcb;
background: white;
}
.comment_form {
width: 80%;
margin: 100px auto;
border: 1px solid green;
background: #fafcfc;
padding: 20px;
}
.comment_form label {
display: block;
margin: 5px 0px 5px 0px;
}
.comment_form input, textarea {
padding: 5px;
width: 95%;
}
#submit_btn, #update_btn {
padding: 8px 15px;
color: white;
background: #339;
border: none;
border-radius: 4px;
margin-top: 10px;
}
#update_btn {
background: #1c7600;
}
#display_area {
width: 90%;
padding-top: 15px;
margin: 10px auto;
}
.comment_box {
cursor: default;
margin: 5px;
border: 1px solid #cbcbcb;
padding: 5px 10px;
position: relative;
}
.delete {
position: absolute;
top: 0px;
right: 3px;
color: red;
display: none;
cursor: pointer;
}
.edit {
position: absolute;
top: 0px;
right: 45px;
color: green;
display: none;
cursor: pointer;
padding: 5px;
}
.comment_box:hover .edit, .comment_box:hover .delete {
display: block;
}
.comment_text {
text-align: justify;
}
.display_name {
color: blue;
padding: 0px;
margin: 0px 0px 5px 0px;
}
#out-btn{
width: 150px;
padding: 15px;
margin-top: 20px;
margin-left: 45%;
background-color: #3274d6;
border: 0;
cursor: pointer;
font-weight: bold;
color: #ffffff;
transition: background-color 0.2s;
}
#out-btn:hover{
background-color: #2868c7;
transition: background-color 0.2s;
}
</style>
<body>
<header>
<div class="container1">
<img src="img/main.png" alt="logo" class="logo">
<nav>
<ul>
<?php
if(isset($_SESSION['loggedin'])){
echo '<li><a href="mypage.php">My Page</a></li>';
}
?>
<li><a href="index.php">Home</a></li>
<li><a href="search.php">Search</a></li>
<li><a href="profile.php">Profile</a></li>
</ul>
</nav>
</div>
</header>
<div class="wrapper">
<?php echo $comments; ?>
<form class="comment_form">
<div>
<label for="name">Name:</label>
<input type="text" name="name" id="name">
</div>
<div>
<label for="comment">Comment:</label>
<textarea name="comment" id="comment" cols="30" rows="5"></textarea>
</div>
<button type="button" id="submit_btn">POST</button>
<button type="button" id="update_btn" style="display: none;">UPDATE</button>
</form>
</div>
<form action="logout.php" class="log-out" method="post">
<button class="submit" id=out-btn>Log Out</button>
</form>
</body>
</html>
jquery-3.4.1.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
login.php 0 → 100644
<?php
session_start()
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Login</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<style>
.login {
width: 400px;
background-color: #ffffff;
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
margin: 100px auto;
}
.login h1 {
text-align: center;
color: #5b6574;
font-size: 24px;
padding: 20px 0 20px 0;
border-bottom: 1px solid #dee0e4;
}
.login form {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-top: 20px;
}
.login form input[type="password"], .login form input[type="text"] {
width: 310px;
height: 50px;
border: 1px solid #dee0e4;
margin-bottom: 20px;
padding: 0 15px;
}
.login form input[type="submit"] {
width: 100%;
padding: 15px;
margin-top: 20px;
background-color: #3274d6;
border: 0;
cursor: pointer;
font-weight: bold;
color: #ffffff;
transition: background-color 0.2s;
}
.login form input[type="submit"]:hover {
background-color: #2868c7;
transition: background-color 0.2s;
}
</style>
<body>
<header>
<div class="container1">
<img src="img/main.png" alt="logo" class="logo">
<nav>
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="search.php">Search</a></li>
<li><a href="profile.php">Profile</a></li>
</ul>
</nav>
</div>
</header>
<div class="login">
<h1>Login</h1>
<form action="authenticate.php" method="post">
<input type="text" name="username" placeholder="Username" id="username" required>
<input type="password" name="password" placeholder="Password" id="password" required>
<input type="submit" value="Login">
</form>
</div>
</body>
</html>
\ No newline at end of file
logout.php 0 → 100644
<?php
session_start();
session_destroy();
header("Location: index.php");
?>
\ No newline at end of file
mypage.php 0 → 100644
<?php
session_start();
if (!isset($_SESSION['loggedin'])) {
header('Location: index.html');
exit();
}else{
$_SESSION['name'];
?>
<?php
if(isset($_POST['submit'])){
if(file_exists($_FILES['file']['tmp_name']) || is_uploaded_file($_FILES['file']['tmp_name'])) {
move_uploaded_file($_FILES['file']['tmp_name'], "img/".$_FILES['file']['name']);
$conn = mysqli_connect("localhost", "root", "", "complete");
$q = mysqli_query($conn, "UPDATE accounts SET Image = '".$_FILES['file']['name']."' WHERE username = '".$_SESSION['name']."'");
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My Page</title>
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="">
</head>
<style>
p{
color: #2868c7;
margin-left: 20px;
}
.userinfo{
width: 100%;
background-color: #ffffff;
height: 300px;
}
#sbmt{
width: 150px;
padding: 5px;
margin-top: 10px;
margin-left: 40px;
background-color: #3274d6;
border: 0;
cursor: pointer;
font-weight: bold;
color: #ffffff;
transition: background-color 0.2s;
}
#post{
margin-left: auto;
margin-right: auto;
margin-top: 10px;
width: 600px;
background-color: white;
height: 200px;
}
#post_body{
width: 595px;
height: 160px;
}
#submitp{
width: 600px;
padding: 25px;
margin-top: 0px;
background-color: #3274d6;
border: 0;
cursor: pointer;
font-weight: bold;
color: #ffffff;
transition: background-color 0.2s;
}
#out-btn{
width: 150px;
padding: 15px;
margin-top: 10px;
margin-left: 40px;
background-color: #3274d6;
border: 0;
cursor: pointer;
font-weight: bold;
color: #ffffff;
transition: background-color 0.2s;
}
#out-btn:hover{
background-color: #2868c7;
transition: background-color 0.2s;
}
#sbmt:hover{
background-color: #2868c7;
transition: background-color 0.2s;
}
#file{
margin-left: 17px;
}
#image{
display: block;
margin-left: 10px;
padding: 8px;
}
</style>
<body>
<header>
<div class="container1">
<img src="img/main.png" alt="logo" class="logo">
<nav>
<ul>
<li><a href="mypage.php">My Page</a></li>
<li><a href="index.php">Home</a></li>
<li><a href="search.php">Search</a></li>
<li><a href="profile.php">Profile</a></li>
</ul>
</nav>
</div>
</header>
<p>Welcome back, <?=$_SESSION['name']?>!</p>
<div class="fullcontainer">
<form action="" class="userinfo" method="post" enctype="multipart/form-data">
<?php
$con = mysqli_connect("localhost", "root", "", "complete");
$qq = mysqli_query($con, "SELECT * FROM accounts WHERE username = '".$_SESSION['name']."'");
while($row = mysqli_fetch_assoc($qq)){
if($row['Image'] == ""){
echo "<img id='image' width='200' height='200' src='img/default.png' alt='Default Image'";
}else{
echo "<img id='image' width='200' height='200' src='img/".$row['Image']."' alt='Profile'";
}
}
?>
<br>
<input type="file" id="file" name="file"><br>
<input type="submit" id="sbmt" name="submit">
</form>
<form action="logout.php" class="log-out" method="post">
<button class="submit" id=out-btn>Log Out</button>
</form>
</div>
</body>
</html>
<?php
}
?>
profile.php 0 → 100644
<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Home</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<style>
.mainButtons{
display: flex;
justify-content: center;
align-items: center;
height: 100%;
margin-top: 300px;
}
#signButton,
#logButton{
width: 350px;
background-color: #0052cc;
height: 60px;
text-align: center;
line-height: 60px;
text-transform: uppercase;
color: white;
font-weight: bold;
letter-spacing: 2px;
cursor: pointer;
}
</style>
<body>
<header>
<div class="container1">
<img src="img/main.png" alt="logo" class="logo">
<nav>
<ul>
<?php
if(isset($_SESSION['loggedin'])){
echo '<li><a href="mypage.php">My Page</a></li>';
}
?>
<li><a href="index.php">Home</a></li>
<li><a href="search.php">Search</a></li>
<li><a href="profile.php">Profile</a></li>
</ul>
</nav>
</div>
</header>
<div class="mainButtons">
<button id="signButton" class="float-left submit-button">Sign Up</button>
<script type="text/javascript">
document.getElementById("signButton").onclick = function () {
location.href = "signup.html";
};
</script>
<button id="logButton" class="float-right submit-button" >Login</button>
<script type="text/javascript">
document.getElementById("logButton").onclick = function () {
location.href = "login.php";
};
</script>
</div>
</body>
</html>
scripts.js 0 → 100644
$(document).ready(function(){
$(document).on('click', '#submit_btn', function(){
var name = $('#name').val();
var comment = $('#comment').val();
$.ajax({
url: 'crud.php',
type: 'POST',
data: {
'save': 1,
'name': name,
'comment': comment,
},
success: function(response){
$('#name').val('');
$('#comment').val('');
$('#display_area').append(response);
}
});
});
$(document).on('click', '.delete', function(){
var id = $(this).data('id');
$clicked_btn = $(this);
$.ajax({
url: 'crud.php',
type: 'GET',
data: {
'delete': 1,
'id': id,
},
success: function(response){
$clicked_btn.parent().remove();
$('#name').val('');
$('#comment').val('');
}
});
});
var edit_id;
var $edit_comment;
$(document).on('click', '.edit', function(){
edit_id = $(this).data('id');
$edit_comment = $(this).parent();
var name = $(this).siblings('.display_name').text();
var comment = $(this).siblings('.comment_text').text();
$('#name').val(name);
$('#comment').val(comment);
$('#submit_btn').hide();
$('#update_btn').show();
});
$(document).on('click', '#update_btn', function(){
var id = edit_id;
var name = $('#name').val();
var comment = $('#comment').val();
$.ajax({
url: 'crud.php',
type: 'POST',
data: {
'update': 1,
'id': id,
'name': name,
'comment': comment,
},
success: function(response){
$('#name').val('');
$('#comment').val('');
$('#submit_btn').show();
$('#update_btn').hide();
$edit_comment.replaceWith(response);
}
});
});
});
\ No newline at end of file
search.php 0 → 100644
<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My Page</title>
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="">
</head>
<style type="text/css">
.search-box{
width: 300px;
position: relative;
display: inline-block;
font-size: 14px;
}
.search-box input[type="text"]{
height: 32px;
padding: 5px 10px;
border: 1px solid #CCCCCC;
font-size: 14px;
}
.result{
position: absolute;
z-index: 999;
top: 100%;
left: 0;
}
.search-box input[type="text"], .result{
width: 100%;
box-sizing: border-box;
}
.result p{
margin: 0;
padding: 7px 10px;
border: 1px solid #CCCCCC;
border-top: none;
cursor: pointer;
}
.result p:hover{
background: #f2f2f2;
}
</style>
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.search-box input[type="text"]').on("keyup input", function(){
var inputVal = $(this).val();
var resultDropdown = $(this).siblings(".result");
if(inputVal.length){
$.get("backsearch.php", {term: inputVal}).done(function(data){
resultDropdown.html(data);
});
} else{
resultDropdown.empty();
}
});
$(document).on("click", ".result p", function(){
$(this).parents(".search-box").find('input[type="text"]').val($(this).text());
$(this).parent(".result").empty();
});
});
</script>
<body>
<header>
<div class="container1">
<img src="img/main.png" alt="logo" class="logo">
<nav>
<ul>
<?php
if(isset($_SESSION['loggedin'])){
echo '<li><a href="mypage.php">My Page</a></li>';
}
?>
<li><a href="index.php">Home</a></li>
<li><a href="search.php">Search</a></li>
<li><a href="profile.php">Profile</a></li>
</ul>
</nav>
</div>
</header>
<div class="search-box">
<input type="text" autocomplete="off" placeholder="Search..." />
<div class="result"></div>
</div>
</body>
</html>
\ No newline at end of file
signup.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sign Up</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<style>
.register{
width: 400px;
background-color: #ffffff;
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
margin: 100px auto;
height: 700px;
}
.register form{
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-top: 20px;
}
h1{
text-align: center;
color: #5b6574;
font-size: 24px;
padding: 20px 0 20px 0;
border-bottom: 1px solid #dee0e4;
}
#username,
#name,
#surname,
#mail,
#password,
#code,
#age{
width: 310px;
height: 50px;
border: 1px solid #dee0e4;
margin-bottom: 20px;
padding: 0 15px;
}
#btn-submit{
width: 100%;
padding: 15px;
margin-top: 20px;
background-color: #3274d6;
border: 0;
cursor: pointer;
font-weight: bold;
color: #ffffff;
transition: background-color 0.2s
}
#btn-submit:hover{
background-color: #2868c7;
transition: background-color 0.2s;
}
</style>
<body>
<header>
<div class="container1">
<img src="img/main.png" alt="logo" class="logo">
<nav>
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="search.php">Search</a></li>
<li><a href="profile.php">Profile</a></li>
</ul>
</nav>
</div>
</header>
<div class="register">
<form action="signup.php" method="post">
<h1>Sign Up</h1>
<div>
<input type="text" pattern="[a-zA-Z0-9]{1,20}" id="username" name="username" placeholder="Username" required>
</div>
<div>
<input type="text" pattern="[a-zA-Z]{1,20}" id="name" name="name" placeholder="Name" required>
</div>
<div>
<input type="text" pattern="[a-zA-Z]{1,30}" id="surname" name="surname" placeholder="Surname" required>
</div>
<div>
<input type="email" id="mail" name="mail" placeholder="E-Mail" required>
</div>
<div>
<input type="password" pattern="[a-zA-Z0-9]{6,20}" id="password" name="password" placeholder="Password" required>
</div>
<div>
<input type="text" name="code" id="code" required pattern="[0-9]{11}" placeholder="ID Code">
</div>
<div>
<input type="number" name="age" id="age" required pattern="[0-9]" min="14" placeholder="Age">
</div>
<div>
<input type="radio" name="gender" value="female" checked>Female
<input type="radio" name="gender" value="male" checked>Male<br><br>
</div>
<button type="submit" id="btn-submit">Register</button>
</form>
</div>
</body>
</html>
\ No newline at end of file
signup.php 0 → 100644
<?php
$username = filter_input(INPUT_POST, 'username');
$name = filter_input(INPUT_POST, 'name');
$surname = filter_input(INPUT_POST, 'surname');
$mail = filter_input(INPUT_POST, 'mail');
$password = filter_input(INPUT_POST, 'password');
$code = filter_input(INPUT_POST, 'code');
$age = filter_input(INPUT_POST, 'age');
$gender = filter_input(INPUT_POST, 'gender');
if(!empty($username) or !empty($name) or !empty($surname) or !empty($mail) or !empty($password) or !empty($code) or !empty($age)){
$ok = true;
$messages = array();
$host = "localhost";
$dbusername = "root";
$dbpassword = "";
$dbname = "complete";
$conn = new mysqli($host, $dbusername, $dbpassword, $dbname);
if(mysqli_connect_error()){
die('Connection Error ('. mysqli_connect_errno() .') '
. mysqli_connect_error());
}
else{
$sql = "INSERT INTO accounts (username, name, surname, mail, password, code, age, gender) values('$username', '$name' , '$surname' , '$mail' , '$password' , '$code' , $age, '$gender')";
if($conn->query($sql)){
echo ("<SCRIPT LANGUAGE='JavaScript'>
window.alert('Succesfully Registered')
window.location.href='login.php';
</SCRIPT>");
}
else{
("<SCRIPT LANGUAGE='JavaScript'>
window.alert('Something Went Wrong, Try Again!')
window.location.href='signup.html';
</SCRIPT>");
}
$conn->close();
}
}
else{
echo "Error";
}
?>
style.css 0 → 100644
body{
margin: 0;
padding: 0;
font-family: 'Work Sans', sans-serif;
font-weight: 300;
user-select: none;
}
.container1{
width: 80%;
margin: 0 auto;
}
header{
background-color: #2868c7;
}
header::after{
content: '';
display: table;
clear: both;
}
.logo{
float: left;
padding: 10px 0;
}
nav{
float: right;
}
nav ul{
margin: 0;
padding: 0;
list-style: none;
}
nav li{
display: inline-block;
margin-left: 70px;
padding-top: 35px;
position: relative;
}
nav a{
color: #012b4f;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
}
nav a:hover{
color: #28AA1A;
}
nav a::before{
content: '';
display: block;
height: 8px;
width: 0%;
background-color: #012b4f;
position: absolute;
top: 0;
transition: all ease-in-out 250ms;
}
nav a:hover::before{
width: 100%;
}
.container2{
width: 450px;
margin: 50px auto;
color: #24E7B9;
font-size: 18px;
}
.signup{
width: 100%;
background-color: white;
height: 60px;
float: left;
text-align: center;
line-height: 60px;
cursor: pointer;
text-transform: uppercase;
}
.signup-form,
.login-form{
background-color: white;
box-sizing: border-box;
padding: 40px;
clear: both;
width: 100%
height: 400px;
}
.container3{
width: 450px;
margin: 50px auto;
color: #24E7B9;
font-size: 18px;
}
.login-form2{
background-color: white;
box-sizing: border-box;
padding: 40px;
clear: both;
width: 100%
height: 400px;
}
.orlog{
font-size: 24px;
text-align: center;
margin-bottom: 75px;
}
.input{
width: 100%;
box-sizing: border-box;
padding: 20px;
margin-bottom: 25px;
border: 2px solid #24E7B9;
color: black;
font-size: 16px;
outline: none;
transition: all 0.5s ease;
}
.input:focus{
border: 2px solid green;
}
.btn{
width: 100%;
background-color: #24E7B9;
height: 60px;
text-align: center;
line-height: 60px;
text-transform: uppercase;
color: white;
font-weight: bold;
letter-spacing: 1px;
margin-bottom: 10px;
cursor: pointer;
}
.btn2{
width: 100%;
background-color: #24E7B9;
height: 60px;
text-align: center;
line-height: 60px;
text-transform: uppercase;
color: white;
font-weight: bold;
letter-spacing: 1px;
margin-bottom: 10px;
cursor: pointer;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment