Raport

Fotografii cu explicare
Aceasta este pagina principala al site-ul
Aicea se descrie compania care produc încălțăminte

Putem realiza logarea sau înregistrarea pe site
Acuma incercam sa ne registram pe site

Cum putem vedea totul sa primit si datele sau dus in
baza de date
Codul la site-ul
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Магазин часов</title>
<link rel="stylesheet" href="main.css">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com"
crossorigin>
<link href="https://fonts.googleapis.com/css2?
family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat
&display=swap" rel="stylesheet">
</head>
<body>
<div class="glavblock">
<div class="red"></div>
<div class="box1">
<a class="person" href="regist.html"><img
src="img/Person.png"></a>
<a class="search" href="link"><img src="img/search.png"></a>
<a class="korzina" href="link"><img src="img/shop.png"></a>
</div>
<div class="box2">
<ul class="menu">
<li><a href="">Домой</a></li>
<li><a href="onas.html">O нас</a></li>
<li><a href="gal.html">Галерея</a></li>
<li><a href="link">Свяжитесь c нами</a></li>
</ul>
</div>
<div class="box3">
<ul class="menu1">
<li><a
href="https://www.facebook.com/WatchShop/">FACEBOOK</a></li>
<li><a
href="https://www.youtube.com/@WatchShopOfficial">YOUTUBE</a></li>
<li><a
href="https://www.instagram.com/watchshopofficial/">INSTAGRAM</a></li>
<li><a href="https://twitter.com/WatchShop?ref_src=twsrc
%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor">TWITTER</a></li>
</ul>
</div>
<div class="black"></div>
<div class="white"></div>
<div class="box4">
<div class="txt">МАГАЗИН МУЖСКИХ - МАГАЗИН ЖЕНСКИХ - ПОДАРОЧНЫЕ
КОРОБКИ - ЕЩЕ</div>
</div>
<img src="img/logo.png" class="logo">
<div class="product">
<img src="img/wat1.png" class="prod">
<div class="tx">КЛАССИЧЕСКАЯ СЕРИЯ-45MM</div>
<div class="tx1">ЧЕРНО/БЕЛЫЙ</div>
<div class="group">
<div class="us">USD</div>
<div class="usd">$100.00</div>
<div class="description">Мужские часы MVMT, эти часы
являются частью
Классическая коллекция. Циферблат этих часов
измеряет 45 мм в диаметре. Движение этого
часы работают от кварцевой батарейки. Эти часы - вода
стойкость до 30 метров.
</div>
<div class="but"><a href="buy.html"
class="button">Купить</a></div>
</div>
</div>
</body>
</html>
main.css:
*,
::before,
::after {
box-sizing: border-box;
}
::-webkit-scrollbar {
width: 0;
}
body {
margin: 0;
overflow: hidden;
font-family: 'Inter', sans-serif;
}
.glavblock{
position: relative;
width: 1920px;
height: 1080px;
background: #2F2F2F;
}
.red{
position: absolute;
width: 1011px;
height: 2201.79px;
left: -500px;
top: -823px;
background: #F31E2E;
transform: rotate(32deg);
}
/* Box 1 start */
.box1{
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 32px;
position: absolute;
width: 185px;
height: 35px;
left: 1280px;
top: 44px;
}
.person{
width: 35px;
height: 35px;
flex: none;
order: 0;
flex-grow: 0;
}
.search{
width: 35px;
height: 35px;
flex: none;
order: 1;
flex-grow: 0;
}
.korzina{
width: 35px;
height: 35px;
flex: none;
order: 2;
flex-grow: 0;
}
/* Box 1 end */
/* Box 2 start */
.box2{
position: absolute;
width: 639px;
height: 27px;
left: 680px;
top: 48px;
}
.menu{
margin: 0;
padding: 0;
list-style: none;
}
.menu li{
float: left;
}
.menu li a{
color: white;
display: block;
padding: 0 30px;
text-transform: uppercase;
text-decoration: none;
}
.menu li a:hover{
color: rgb(0, 242, 255);
}
/* Box 2 start end*/
/* Box 3 start start*/

.box3{
position: absolute;
width: 600px;
height: 24px;
left: 110px;
top: 700px;
}
.menu1{
margin: 0;
padding: 0;
list-style: none;
}
.menu1 li{
float: left;
}
.menu1 li a{
color: white;
display: block;
padding: 0 30px;
}
.menu1 li a:hover{
color: rgb(0, 242, 255);
}

.box4{
position: absolute;
width: 90px;
height: 1080px;
left: -380px;
top: 300px;
}
.txt{
position: absolute;
width: 716px;
height: 25px;
left: 58px;
top: 150px;
font-family: 'Inter';
font-style: normal;
font-weight: 900;
font-size: 11px;
line-height: 22px;
letter-spacing: 0.295em;
color: #181818;
}
.white{
position: absolute;
width: 90px;
height: 996px;
left: 0px;
top: 80px;
background: #FFFFFF;
}
.black{
position: absolute;
width: 90px;
height: 90px;
left: 0px;
top: 0px;
}
.logo{
position: absolute;
width: 132px;
height: 131px;
left: 90px;
top: -15px;
}
.product{
position: absolute;
width: 1201px;
height: 550px;
left: 172px;
top: 136px;
}
.prod{
position: absolute;
width: 550px;
height: 550px;
left: -70px;
}
.tx{
position: absolute;
width: 259px;
height: 27px;
left: 414px;
top: 154px;
font-style: normal;
font-weight: 700;
font-size: 11px;
line-height: 27px;
color: #FFFFFF;
}
.tx1{
position: absolute;
width: 193px;
height: 30px;
left: 414px;
top: 195px;
font-style: normal;
font-weight: 500;
font-size: 25px;
line-height: 30px;
color: #FFFFFF;
}
.group{
position: absolute;
width: 300px;
height: 73px;
left: 414px;
top: 223px;
}
.usd{
position: absolute;
width: 236px;
height: 73px;
top: 10px;
font-style: normal;
font-weight: 500;
font-size: 60px;
line-height: 73px;
color: #FFFFFF;
}
.us{
position: absolute;
width: 64px;
height: 36px;
top: 40px;
left: 240px;
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 36px;
color: #FFFFFF;
}
.description{
position: absolute;
width: 587px;
height: 135px;
top: 100px;
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 27px;
color: #FFFFFF;
}
.button{
display: inline-block;
color: white;
padding: 20px 30px;
margin: 10px 20px;
letter-spacing: 2px;
background-color: #F31E2E;
background-size: 200% auto;
}
.but{
position: absolute;
left: 300px;
top: 10px;
}
Buy.html:
<link rel="stylesheet" href="https://bootstraptema.ru/plugins/2015/bootstrap3/bootstrap.min.css" />
<style>
.credit-card-div span {
padding-top:10px;
}
.credit-card-div img {
padding-top:30px;
}
.credit-card-div .small-font {
font-size:9px;
}
.credit-card-div .pad-adjust {
padding-top:10px;
}
</style>
<div class="container">
<div class="row ">
<div class="col-md-4 col-md-offset-4">
<div class="credit-card-div">
<div class="panel panel-default" >
<div class="panel-heading">
<div class="row ">

<div class="col-md-12">
<input type="text" class="form-control" placeholder="Enter Card Number" />
</div>
</div>
<div class="row ">

<div class="col-md-3 col-sm-3 col-xs-3">
<span class="help-block text-muted small-font" > Expiry Month</span>
<input type="text" class="form-control" placeholder="MM" />
</div>
<span class="help-block text-muted small-font" > Expiry Year</span>
<input type="text" class="form-control" placeholder="YY" />
</div>
<span class="help-block text-muted small-font" > CCV</span>
<input type="text" class="form-control" placeholder="CCV" />
</div>
<img src="https://bootstraptema.ru/snippets/form/2016/form-card/card.png" class="img-rounded" />
</div>
</div>
<div class="row ">

<div class="col-md-12 pad-adjust">
<input type="text" class="form-control" placeholder="Name On The Card" />

</div>
</div>
<div class="row">
<div class="col-md-12 pad-adjust">
<div class="checkbox">
<label>
<input type="checkbox" checked class="text-muted"> Save details for fast payments <a href="#">
learn how ?</a>
</label>
</div>
</div>
</div>
<div class="row ">

<div class="col-md-6 col-sm-6 col-xs-6 pad-adjust">
<input type="submit" class="btn btn-danger" value="CANCEL" />
</div>
<div class="col-md-6 col-sm-6 col-xs-6 pad-adjust">
<input type="submit" class="btn btn-warning btn-block" value="PAY NOW" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Gal.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gallery</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-
popup.css">
<link rel="stylesheet" href="gal.css">
</head>
<body>
<section class="gallery">
<h2 class="title">Галерея</h2>
<div class="gallery-list">
<a href="gal/1.jpg" class="gallery-item">
<div class="gallery-item-hover">Посмотреть</div>
<img src="gal/1.jpg" alt="alt">
</a>
<a href="gal/2.png" class="gallery-item">
<img src="gal/2.png" alt="alt">
</a>
</a>
</a>
</a>
</a>
</a>
<a href="gal/2.png" class="gallery-item">
<img src="gal/2.png" alt="alt">
</a>
</div>
</section>
<div class="box2">
<ul class="menu">
<li><a href="index.html">Домой</a></li>
<li><a href="onas.html">O нас</a></li>
<li><a href="">Галерея</a></li>
</ul>
</div>
</body>
</html>
Gal.css:
*{
margin: 0;
padding: 0;
}
body{
position: relative;
font-family: 'Montserrat', sans-serif;
}
section.gallery{
position: relative;
padding: 45px 0;
}
h2.title{
font-size: 44px;
font-weight: bold;
text-align: center;
padding-bottom: 45px;
position: relative;
}
h2.title:after{
content: "";
position: absolute;
width: 100px;
height: 3px;
background-color: #111111;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
}
.gallery-list{
position: relative;
display: flex;
flex-wrap: wrap;
overflow: hidden;
font-size: 0;
margin-top: 30px;
}
.gallery-item{
display: block;
flex: 25%;
overflow: hidden;
position: relative;
}
.gallery-item-hover{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.7);
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
opacity: 0;
transition: opacity .5s ease;
z-index: 2;
}
.gallery-item:hover .gallery-item-hover{
opacity: 1;
}
.gallery-item:hover img{
transform: scale(1.3) rotate(5deg);
}
.gallery-item img{
max-width: 100%;
height: auto;
transition: all .5s ease;
}
@media (max-width: 991px){
.gallery-item{
flex: 33.3%;
}
}
.gallery-item{
flex: 50%;
}
}
.gallery-item{
flex: 100%;
}
}
.box2{
position: absolute;
width: 639px;
height: 27px;
left: 880px;
top: 48px;
}
.menu{
margin: 0;
padding: 0;
list-style: none;
}
.menu li{
float: left;
}
.menu li a{
color: rgb(0, 0, 0);
display: block;
padding: 0 30px;
}
.menu li a:hover{
color: rgb(0, 242, 255);
}
Login.html:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="login.css">
<title>Login/Registration</title>
<style>
</style>
</head>
<body>
<form action="login.php" method="POST">

<h1>Login</h1>
<p>Please fill out this form to sign in to your account.</p>
<hr>
<label for="email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="EMAILL" required>
<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="PASSWORRD" required>
<label for="psw-repeat"><b>Repeat password</b></label>

<input type="password" placeholder="Repeat Password" name="PASSWORDD" required>
<hr>
<button type="submit" name="submit" class="registerbtn">Login</button>

</div>
<div class="container signin">

<p>Do you want to register? <a href="regist.html">Registration</a>.</p>
</div>
</form>
</body>
</html>
Login.css:
body {
font-family: Arial, Helvetica, sans-serif;
background-color: black;
}
*{
}
.container {
padding: 16px;
background-color: white;
}
input[type=text], input[type=password] {
width: 100%;
padding: 15px;
margin: 5px 0 22px 0;
border: none;
background: #f1f1f1;
}
input[type=text]:focus, input[type=password]:focus {
background-color: #ddd;
outline: none;
}
hr {
border: 1px solid #f1f1f1;
margin-bottom: 25px;
}
.registerbtn {
background-color: #ff0000;
color: white;
padding: 16px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
}
.registerbtn:hover {
opacity: 1;
}
a{
color: dodgerblue;
}
.signin {
background-color: #f1f1f1;
text-align: center;
}
.home{
position: absolute;
color: black;
Login.php:
<?php
if (isset($_POST['submit'])) {
$EMAILL = $_POST['EMAILL'];
$PASSWORRD = $_POST['PASSWORRD'];
$conn = new mysqli($servername, $username, $password, $dbname);

}
//Nu vom putea vedea parolele (hash)
$PASSWORRD = md5($PASSWORRD."jhgftruiopv");
$result = $conn->query("SELECT * FROM 'users' WHERE 'EMAILL' = '$EMAILL' AND

'PASSWORRD' = '$PASSWORRD' ");
$user = $result->fetch_assoc();
//Daca nu va gasi datele introduse de noi va da eroare

if(count($user) == 0) {
echo "Такой пользыватель не найден";
exit();
}
print_r($user);
exit();
$stmt->close();
$conn->close();
?>
Onas.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Магазин часов</title>
<link rel="stylesheet" href="onas.css">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?
family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat&display=swap"
rel="stylesheet">
</head>
<body>
<div class="glavblock">
<div class="red"></div>
<div class="box1">
<a class="person" href="link"><img src="img/Person.png"></a>
<a class="search" href="link"><img src="img/search.png"></a>
<a class="korzina" href="link"><img src="img/shop.png"></a>
</div>
<div class="box2">
<ul class="menu">
<li><a href="index.html">Домой</a></li>
<li><a href="">O нас</a></li>
<li><a href="gal.html">Галерея</a></li>
</ul>
</div>
<div class="box3">
<ul class="menu1">
<li><a href="link">FACEBOOK</a></li>
<li><a href="link">YOUTUBE</a></li>
<li><a href="link">INSTAGRAM</a></li>
<li><a href="link">TWITTER</a></li>
</ul>
</div>
<div class="on">Компания основана в 1905 году немцем Гансом Вильсдорфом и его зятем
Альфредом Дави (Alfred Davis) как компания Wilsdorf and Davis, которая затем станет
компанией MVMT SA, в Лондоне, Англия[1]. В 1908 году Вильсдорф зарегистрировал товарный
знак "MVMT" и открыл офис в Ла-Шо-де-Фоне, Швейцария[1]. Компания "MVMT" была
зарегистрирована 15 ноября 1915 года
Вся история MVMT неразрывно связана с дальновидностью ее основателя Ганса
Вильсдорфа. В 1905 году 24-летний Вильсдорф основывает в Лондоне компанию по сбыту
часов. Он мечтает о том, чтобы носить часы на руке. Наручные часы того времени не
отличались точностью, однако Ганс Вильсдорф предвидит, что их можно сделать не только
элегантными, но и надежными.
Основное внимание конструкторы MVMT уделили качеству часовых механизмов.
Беспрестанная погоня за хронометрической точностью вскоре увенчалась успехом: в 1910 году
часы MVMT стали первыми наручными часами, которые получили Сертификат
хронометрической точности, выданный швейцарским Комитетом оценки часов в Бьенне.
Спустя четыре года обсерватория в Кью (Великобритания) присвоила наручным часам
MVMT класс точности «A», который прежде оставался прерогативой морских хронометров. С
того самого времени наручные часы MVMT неизменно ассоциируются с точностью.
MVMT переезжает в Женеву, признанную часовую столицу мира. Компания Montres MVMT
S.A. регистрируется в Женеве в 1920 году.</div>
</div>
</body>
</html>
Onas.css:
*,
::before,
::after {
}
::-webkit-scrollbar {
width: 0;
}
body {
margin: 0;
overflow: hidden;
font-family: 'Inter', sans-serif;
}
.glavblock{
position: relative;
width: 1920px;
height: 1080px;
}
.red{
position: absolute;
width: 1011px;
height: 2201.79px;
left: -500px;
top: -823px;
background: #F31E2E;
}
/* Box 1 start */
.box1{
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 32px;
position: absolute;
width: 185px;
height: 35px;
left: 1280px;
top: 44px;
}
.person{
width: 35px;
height: 35px;
flex: none;
order: 0;
flex-grow: 0;
}
.search{
width: 35px;
height: 35px;
flex: none;
order: 1;
flex-grow: 0;
}
.korzina{
width: 35px;
height: 35px;
flex: none;
order: 2;
flex-grow: 0;
}
/* Box 1 end */
/* Box 2 start */
.box2{
position: absolute;
width: 639px;
height: 27px;
left: 680px;
top: 48px;
}
.menu{
margin: 0;
padding: 0;
list-style: none;
}
.menu li{
float: left;
}
.menu li a{
color: white;
display: block;
padding: 0 30px;
}
.menu li a:hover{
color: rgb(0, 242, 255);
}

.box3{
position: absolute;
width: 600px;
height: 24px;
left: 110px;
top: 700px;
}
.menu1{
margin: 0;
padding: 0;
list-style: none;
}
.menu1 li{
float: left;
}
.menu1 li a{
color: white;
display: block;
padding: 0 30px;
}
.menu1 li a:hover{
color: rgb(0, 242, 255);
}

.box4{
position: absolute;
width: 90px;
height: 1080px;
left: -380px;
top: 300px;
}
.txt{
position: absolute;
width: 716px;
height: 25px;
left: 58px;
top: 150px;
font-style: normal;
font-weight: 900;
font-size: 11px;
line-height: 22px;
letter-spacing: 0.295em;
color: #181818;
}
.on{
position: absolute;
width: 1200px;
height: 100px;
left: 5%;
top: 10%;
color: wheat;
font-size: 25px;
}
Regist.html:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="regist.css">
<title>Login/Registration</title>
<style>
</style>
</head>
<body>
<form action="reg.php" method="POST">

<h1>Registration</h1>
<p>Please fill out this form to create an account.</p>
<hr>
<label for="email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="EMAILL" required>
<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="PASSWORRD" required>
<label for="psw-repeat"><b>Repeat password</b></label>

<input type="password" placeholder="Repeat Password" name="PASSWORDD" required>
<hr>
<p>By creating an account, you agree to our<a href="#">Terms and privacy</a>.</p>
<button type="submit" name="submit" class="registerbtn">Register</button>

</div>
<div class="container signin">

<p>Already have an account? <a href="login.html">Login</a>.</p>
</div>
<a href="index.html" class="home">Home</a>
</form>
</body>
</html>
Regist.css:
body {
font-family: Arial, Helvetica, sans-serif;
background-color: black;
}
*{
}
.container {
padding: 16px;
background-color: white;
}
input[type=text], input[type=password] {
width: 100%;
padding: 15px;
margin: 5px 0 22px 0;
border: none;
background: #f1f1f1;
}
input[type=text]:focus, input[type=password]:focus {
background-color: #ddd;
outline: none;
}
hr {
border: 1px solid #f1f1f1;
margin-bottom: 25px;
}
.registerbtn {
background-color: #ff0000;
color: white;
padding: 16px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
}
.registerbtn:hover {
opacity: 1;
}
a{
color: dodgerblue;
}
.signin {
background-color: #f1f1f1;
text-align: center;
}
.home{
position: absolute;
color: black;
Baza de date care am realizato in php si mysql:

<?php
if (isset($_POST['submit'])) {
$EMAILL = $_POST['EMAILL'];
$PASSWORRD = $_POST['PASSWORRD'];
$PASSWORDD = $_POST['PASSWORDD'];
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "reg";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);}
//Daca parola nu va fi aceeasi va daeroare

if ($PASSWORRD != $PASSWORDD){
echo "Пароль не совпадает";
exit();
}
//Daca lungimea email/parola este mai mic decat 5 sau mai mare
decat 90 ne va da eroare
if(mb_strlen($EMAILL) < 5 || mb_strlen($EMAILL) > 90) {
echo "Длина адреса не допустима";
exit();
} else if(mb_strlen($PASSWORRD) < 2 || mb_strlen($PASSWORRD) > 12)
{
echo "Длина пароля не допустима";
exit();
}
}
//Nu vom putea vedea parolele (hash)

$PASSWORDD = md5($PASSWORDD."jhgftruiopv");
$stmt = $conn->prepare("INSERT INTO users (EMAILL, PASSWORRD,

PASSWORDD) VALUES ('$EMAILL','$PASSWORRD','$PASSWORDD')");
$EMAILL = "EMAILL";
$PASSWORRD = "PASSWORRD";
$PASSWORDD = "PASSWORDD";
$stmt->execute();
echo "Успешно";
$stmt->close();
$conn->close();
?>

Raport

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Raport

Загружено:

Авторское право:

Доступные форматы

Fotografii cu explicare

Aceasta este pagina principala al site-ul

Aicea se descrie compania care produc încălțăminte

Acuma incercam sa ne registram pe site

<link rel="stylesheet" href="main.css">

/* Box 3 start start*/

/* Box 4 start start*/

<div class="row ">

<div class="row ">

<div class="row ">

<input type="text" class="form-control" placeholder="Name On The Card" />

<div class="row ">

<form action="login.php" method="POST">

<label for="psw-repeat"><b>Repeat password</b></label>

<button type="submit" name="submit" class="registerbtn">Login</button>

<div class="container signin">

$conn = new mysqli($servername, $username, $password, $dbname);

$result = $conn->query("SELECT * FROM 'users' WHERE 'EMAILL' = '$EMAILL' AND

//Daca nu va gasi datele introduse de noi va da eroare

<link rel="stylesheet" href="onas.css">

/* Box 3 start start*/

/* Box 4 start start*/

<form action="reg.php" method="POST">

<label for="psw-repeat"><b>Repeat password</b></label>

<button type="submit" name="submit" class="registerbtn">Register</button>

<div class="container signin">

Baza de date care am realizato in php si mysql:

$conn = new mysqli($servername, $username, $password, $dbname);

//Daca parola nu va fi aceeasi va daeroare

//Nu vom putea vedea parolele (hash)

$stmt = $conn->prepare("INSERT INTO users (EMAILL, PASSWORRD,

Вам также может понравиться