n.kolosnaj/Globaly-CSS-Practice
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

jun 14

Browse Source
This commit is contained in:
nkolosnjaj
2024-06-14 10:35:47 +02:00
parent 65ba6fad57
commit 235c37f17f
12 changed files with 529 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
about.html
View File

@@ -78,7 +78,7 @@
<div class="horizontal-menu d-none d-md-none d-lg-flex " > <div class="horizontal-menu d-none d-md-none d-lg-flex " >
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0" > <ul class="nav-ul-hor d-md-flex d-md-row s mb-0" >
<a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a> <a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a>
<li class="navs">Pages</li> <a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<li id="li-home" class="navs">About us</li> <li id="li-home" class="navs">About us</li>
<a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a> <a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a>
<a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a> <a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a>
@@ -109,7 +109,7 @@
<div id="myDropdown" class="dropdown-content" > <div id="myDropdown" class="dropdown-content" >
<ul class="nav-ul mb-0" > <ul class="nav-ul mb-0" >
<a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a> <a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a>
<li class="navs">Pages</li> <a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<li id="li-home" class="navs">About us</li> <li id="li-home" class="navs">About us</li>
<a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a> <a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a>
<a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a> <a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a>
@@ -153,7 +153,7 @@
<div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center" > <div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center" >
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);">
<a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a> <a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a>
<li class="navs">Pages</li> <a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<li id="li-home" class="navs">About us</li> <li id="li-home" class="navs">About us</li>
<a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a> <a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a>
<a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a> <a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a>

6
cases.html
View File

@@ -79,7 +79,7 @@
<div class="horizontal-menu d-none d-md-none d-lg-flex "> <div class="horizontal-menu d-none d-md-none d-lg-flex ">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0">
<a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a> <a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a>
<li class="navs">Pages</li> <a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a> <a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a>
<a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a> <a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a>
<li id="li-home" class="navs">Cases</li> <li id="li-home" class="navs">Cases</li>
@@ -110,7 +110,7 @@
<div id="myDropdown" class="dropdown-content"> <div id="myDropdown" class="dropdown-content">
<ul class="nav-ul mb-0"> <ul class="nav-ul mb-0">
<a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a> <a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a>
<li class="navs">Pages</li> <a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a> <a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a>
<a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a> <a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a>
<li id="li-home" class="navs">Cases</li> <li id="li-home" class="navs">Cases</li>
@@ -154,7 +154,7 @@
<div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center"> <div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);">
<a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a> <a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a>
<li class="navs">Pages</li> <a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a> <a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a>
<a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a> <a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a>
<li id="li-home" class="navs">Cases</li> <li id="li-home" class="navs">Cases</li>

6
contacts.html
View File

@@ -78,7 +78,7 @@
<div class="horizontal-menu d-none d-md-none d-lg-flex "> <div class="horizontal-menu d-none d-md-none d-lg-flex ">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0">
<a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a> <a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a>
<li class="navs">Pages</li> <a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a> <a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a>
<a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a> <a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a>
<a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a> <a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a>
@@ -109,7 +109,7 @@
<div id="myDropdown" class="dropdown-content"> <div id="myDropdown" class="dropdown-content">
<ul class="nav-ul mb-0"> <ul class="nav-ul mb-0">
<a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a> <a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a>
<li class="navs">Pages</li> <a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a> <a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a>
<a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a> <a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a>
<a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a> <a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a>
@@ -153,7 +153,7 @@
<div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center"> <div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);">
<a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a> <a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a>
<li class="navs">Pages</li> <a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a> <a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a>
<a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a> <a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a>
<a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a> <a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a>

6
index.html
View File

@@ -80,7 +80,7 @@
<div class="horizontal-menu d-none d-md-none d-lg-flex "> <div class="horizontal-menu d-none d-md-none d-lg-flex ">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0">
<li id="li-home" class="navs">Home</li> <li id="li-home" class="navs">Home</li>
<li class="navs">Pages</li> <a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<a href="about.html" style="text-decoration: none;"><li class="navs"> About US</li></a> <a href="about.html" style="text-decoration: none;"><li class="navs"> About US</li></a>
<a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a> <a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a>
<a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a> <a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a>
@@ -112,7 +112,7 @@
<div id="myDropdown" class="dropdown-content" > <div id="myDropdown" class="dropdown-content" >
<ul class="nav-ul mb-0" > <ul class="nav-ul mb-0" >
<li id="li-home" class="navs">Home</li> <li id="li-home" class="navs">Home</li>
<li class="navs">Pages</li> <a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<a href="about.html" style="text-decoration: none;"><li class="navs"> About US</li></a> <a href="about.html" style="text-decoration: none;"><li class="navs"> About US</li></a>
<a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a> <a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a>
<a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a> <a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a>
@@ -156,7 +156,7 @@
<div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center"> <div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0">
<li id="li-home" class="navs">Home</li> <li id="li-home" class="navs">Home</li>
<li class="navs">Pages</li> <a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<a href="about.html" style="text-decoration: none;"><li class="navs"> About US</li></a> <a href="about.html" style="text-decoration: none;"><li class="navs"> About US</li></a>
<a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a> <a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a>
<a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a> <a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a>

38
login.html
View File

@@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -16,9 +17,23 @@
<link rel="stylesheet" href="style/style.css"> <link rel="stylesheet" href="style/style.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://kit.fontawesome.com/4bb6479073.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/4bb6479073.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
crossorigin="anonymous"></script>
<title>Globaly - Full Cycle Business Management & Consulting Responsive WordPress Theme</title> <title>Globaly - Full Cycle Business Management & Consulting Responsive WordPress Theme</title>
<style>
.fa-solid {
position: absolute;
right: 3%;
top: 63%;
cursor: pointer;
}
</style>
</head> </head>
<body> <body>
<div class="form d-flex flex-column align-items-center justify-content-center my-md-5 mb-5 mb-lg-0"> <div class="form d-flex flex-column align-items-center justify-content-center my-md-5 mb-5 mb-lg-0">
<div class="headline-card d-flex flex-column align-items-center justify-content-center mt-4"> <div class="headline-card d-flex flex-column align-items-center justify-content-center mt-4">
@@ -29,9 +44,11 @@
<form action="php/login.php" method="post"> <form action="php/login.php" method="post">
<div class="form-container-bot d-flex flex-column align-items-start justify-content-center"> <div class="form-container-bot d-flex flex-column align-items-start justify-content-center">
<input class="input-text" type="text" placeholder="Email" name="email"> <input class="input-text" type="text" placeholder="Email" name="email">
<input class="input-text" type="password" placeholder="Password" name="password"> <input class="input-text" type="password" id="password" placeholder="Password" name="password">
<i id="togglePassword" class="fa-solid fa-eye"></i>
</div> </div>
<input class="view-more" type="submit" value="Login" > <input class="view-more" type="submit" value="Login">
</form> </form>
<h6 style="margin-top: 100px;">Don't have an account yet? Sign Up!</h6> <h6 style="margin-top: 100px;">Don't have an account yet? Sign Up!</h6>
<input class="view-more" type="submit" id="signup-button" value="Signup"> <input class="view-more" type="submit" id="signup-button" value="Signup">
@@ -42,6 +59,23 @@
location.href = "signup.php"; location.href = "signup.php";
}; };
$(document).ready(function () {
// Toggle Password show
$("#togglePassword").removeClass("fa-solid fa-eye").addClass("fa-solid fa-eye-slash");
$("#togglePassword").click(function () {
const passwordInput = $("#password");
const type = passwordInput.attr("type");
if (type === "password") {
passwordInput.attr("type", "text");
$("#togglePassword").removeClass("fa-solid fa-eye-slash").addClass("fa-solid fa-eye");
} else {
passwordInput.attr("type", "password");
$("#togglePassword").removeClass("fa-solid fa-eye").addClass("fa-solid fa-eye-slash");
}
});
});
</script> </script>
</body> </body>

6
news.html
View File

@@ -79,7 +79,7 @@
<div class="horizontal-menu d-none d-md-none d-lg-flex "> <div class="horizontal-menu d-none d-md-none d-lg-flex ">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0">
<a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a> <a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a>
<li class="navs">Pages</li> <a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a> <a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a>
<a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a> <a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a>
<a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a> <a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a>
@@ -110,7 +110,7 @@
<div id="myDropdown" class="dropdown-content"> <div id="myDropdown" class="dropdown-content">
<ul class="nav-ul mb-0"> <ul class="nav-ul mb-0">
<a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a> <a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a>
<li class="navs">Pages</li> <a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a> <a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a>
<a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a> <a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a>
<a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a> <a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a>
@@ -154,7 +154,7 @@
<div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center"> <div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);">
<a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a> <a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a>
<li class="navs">Pages</li> <a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a> <a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a>
<a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a> <a href="services.html" style="text-decoration: none;"><li class="navs">Services</li></a>
<a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a> <a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a>

394
people.php Normal file
View File

@@ -0,0 +1,394 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.rtl.min.css" integrity="sha384-gXt9imSW0VcJVHezoNQsP+TNrjYXoGcrqBZJpry9zJt8PCQjobwmhMGaDHTASo9N" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style/style.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://kit.fontawesome.com/4bb6479073.js" crossorigin="anonymous"></script>
<title>Globaly - Full Cycle Business Management & Consulting Responsive WordPress Theme</title>
<style>
.table-container-others{
display: flex;
justify-content: space-between;
}
.table-others{
font-size: 13px;
border: 1px solid ;
}
.th-others{
color: #15c1cb;
padding: 0;
border: 1px solid;
border-color: #333333;
}
.td-others{
padding: 0;
border: 1px solid;
border-color: #333333;
}
@media screen and (min-width:768px) {
.table-others{
font-size: 20px;
}
.th-others{
padding: 0 10px;
}
.td-others{
padding: 0 10px;
}
}
@media screen and (min-width:992px) {
.table-others{
font-size: 25px;
}
.th-others{
padding: 0 25px;
}
.td-others{
padding: 0 25px;
}
}
</style>
</head>
<?php
require 'php/connect.inc.php';
$query = "SELECT `id`,`name`, `surname`, `email`, `birth_day`, `birth_month`, `birth_year` FROM `globaly_accounts`";
$query_run = mysqli_query($con, $query);
$data = array();
$query_num_rows = mysqli_num_rows($query_run);
if ($query_num_rows > 0) {
while ($query_row = mysqli_fetch_assoc($query_run)) {
$id = $query_row['id'];
// Store the data in an associative array with $id as key
$data[$id] = array(
'name' => $query_row['name'],
'surname' => $query_row['surname'],
'email' => $query_row['email'],
'birth_day' => $query_row['birth_day'],
'birth_month' => $query_row['birth_month'],
'birth_year' => $query_row['birth_year']
);
}
}
?>
<body>
<!-- nav bar -->
<nav class="navbar clearfix d-flex justify-content-center d-md-flex justify-content-md-end">
<ul class="socials-ul clearfix d-none d-md-flex align-items-md-center pb-0 mt-0 mb-0">
<li id="socials">
<a href="https://www.facebook.com">
<i class="fa-brands fa-facebook-f"></i>
</a>
</li>
<li id="socials">
<a href="https://x.com">
<i class="fa-brands fa-twitter"></i>
</a>
</li>
<li id="socials">
<a href="https://www.google.com">
<i class="fa-brands fa-google-plus-g"></i>
</a>
</li>
<li id="socials">
<a href="https://www.pinterest.com">
<i class="fa-brands fa-pinterest"></i>
</a>
</li>
<li id="socials">
<a href="https://rs.linkedin.com">
<i class="fa-brands fa-linkedin-in"></i>
</a>
</li>
</ul>
<div class="form-container">
<form class="form-search d-flex align-items-center d-sm-flex justify-content-sm-between" role="search">
<input id="src-input" class="form-control rounded-0 border-0" type="search" placeholder="Search ...">
<button class="btn" type="submit" style="padding-bottom: 0px;padding-top: 0px;">
<span class="material-icons">
search
</span>
</button>
</form>
</div>
</nav>
<!-- header -->
<header class="d-flex flex-column d-md-flex flex-md-row-reverse justify-content-md-between align-items-center justify-content-sm-center mx-lg-0 my-lg-0 mt-4 mx-0 mt-md-4 mb-md-3 mx-md-3">
<div class="contact d-flex flex-column">
<div class="number d-inline">
<span id="phone-img" class="material-icons">
phone
</span>
<a class="phone" href="#">800-2345-6789</a>
</div>
<a id="mail" href="#" class="mt-1">globaly@demolink.org</a>
</div>
<div class="horizontal-menu d-none d-md-none d-lg-flex ">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0">
<a href="index.html" style="text-decoration: none;">
<li class="navs"> Home</li>
</a>
<li id="li-home" class="navs">People</li>
<a href="about.html" style="text-decoration: none;">
<li class="navs">About us</li>
</a>
<a href="services.html" style="text-decoration: none;">
<li class="navs">Services</li>
</a>
<a href="cases.html" style="text-decoration: none;">
<li class="navs">Cases</li>
</a>
<a href="news.html" style="text-decoration: none;">
<li class="navs">News</li>
</a>
<a href="contacts.html" style="text-decoration: none;">
<li class="navs">Contacts</li>
</a>
</ul>
</div>
<img src="assets/images/logo.webp" class="logo-img mt-3 mt-lg-0 mt-md-0" alt="">
<div class="register">
<a class="register-link" href="login.html">Log in</a>
<a class="register-link" href="signup.php">Sign up</a>
</div>
<!-- site navigation-->
<nav class="menu d-flex d-md-none justify-content-center align-items-center w-100 " style="background-color: white; height: 68px; box-shadow: 2px 8px 24px rgba(0,0,0,.1);">
<div class="container-fluid ">
<button class="navbar-toggler d-flex justify-content-center align-items-center" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="material-icons">menu
</span><span>Menu</span>
</button>
</div>
</nav>
<div class="collapse" id="navbarToggleExternalContent">
<div id="myDropdown" class="dropdown-content">
<ul class="nav-ul mb-0">
<a href="index.html" style="text-decoration: none;">
<li class="navs"> Home</li>
</a>
<li id="li-home" class="navs">People</li>
<a href="about.html" style="text-decoration: none;">
<li class="navs">About us</li>
</a>
<a href="services.html" style="text-decoration: none;">
<li class="navs">Services</li>
</a>
<a href="cases.html" style="text-decoration: none;">
<li class="navs">Cases</li>
</a>
<a href="news.html" style="text-decoration: none;">
<li class="navs">News</li>
</a>
<a href="contacts.html" style="text-decoration: none;">
<li class="navs">Contacts</li>
</a>
</ul>
<div class="links d-inline-block w-100">
<ul class="socials-ul d-flex align-items-center justify-content-left mb-0">
<li id="socials">
<a href="https://www.facebook.com">
<i class="fa-brands fa-facebook-f"></i>
</a>
</li>
<li id="socials">
<a href="https://x.com">
<i class="fa-brands fa-twitter"></i>
</a>
</li>
<li id="socials">
<a href="https://www.google.com">
<i class="fa-brands fa-google-plus-g"></i>
</a>
</li>
<li id="socials">
<a href="https://www.pinterest.com">
<i class="fa-brands fa-pinterest"></i>
</a>
</li>
<li id="socials">
<a href="https://rs.linkedin.com">
<i class="fa-brands fa-linkedin-in"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
<div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);">
<a href="index.html" style="text-decoration: none;">
<li class="navs"> Home</li>
</a>
<li id="li-home" class="navs">People</li>
<a href="about.html" style="text-decoration: none;">
<li class="navs">About us</li>
</a>
<a href="services.html" style="text-decoration: none;">
<li class="navs">Services</li>
</a>
<a href="cases.html" style="text-decoration: none;">
<li class="navs">Cases</li>
</a>
<a href="news.html" style="text-decoration: none;">
<li class="navs">News</li>
</a>
<a href="contacts.html" style="text-decoration: none;">
<li class="navs">Contacts</li>
</a>
</ul>
</div>
<div class="breadcrumb">
<div class="breadcrumb-item"><a href="index.html">Home</a></div>
<div class="breadcrumb-item-sep">/</div>
<div class="breadcrumb-item-about" aria-current="page">People</div>
</div>
</div>
<!-- Fourth part -->
<div class="fourth-part-au d-flex align-items-center justify-content-center flex-column my-5 pb-4 mx-md-5">
<div class="headline d-flex align-items-center justify-content-center flex-column">
<h3 class="headline-h3">Meet</h3>
<h2 class="headline-h2">the Main Team</h2>
</div>
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth-au" src="assets/images/team1.jpg" alt="">
<div class="card-text4 d-flex align-items-center justify-content-start flex-column">
<h4 class="h4-fourth"><?php echo $data[1]['name'] . ' ' . $data[1]['surname']; ?></h4>
<p class="p-fourth"><?php echo $data[1]['email'] . '<br>' . $data[1]['birth_day'] . '.' . $data[1]['birth_month'] . '.' . $data[1]['birth_year'] . '.'; ?></p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth-au" src="assets/images/team2.jpg" alt="">
<div class="card-text4 d-flex align-items-center justify-content-start flex-column">
<h4 class="h4-fourth"><?php echo $data[2]['name'] . ' ' . $data[2]['surname']; ?></h4>
<p class="p-fourth"><?php echo $data[2]['email'] . '<br>' . $data[2]['birth_day'] . '.' . $data[2]['birth_month'] . '.' . $data[2]['birth_year'] . '.'; ?></p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth-au" src="assets/images/team3.jpg" alt="">
<div class="card-text4 d-flex align-items-center justify-content-start flex-column">
<h4 class="h4-fourth"><?php echo $data[3]['name'] . ' ' . $data[3]['surname']; ?></h4>
<p class="p-fourth"><?php echo $data[3]['email'] . '<br>' . $data[3]['birth_day'] . '.' . $data[3]['birth_month'] . '.' . $data[3]['birth_year'] . '.'; ?></p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth-au" src="assets/images/team4.jpg" alt="">
<div class="card-text4 d-flex align-items-center justify-content-start flex-column">
<h4 class="h4-fourth"><?php echo $data[4]['name'] . ' ' . $data[4]['surname']; ?></h4>
<p class="p-fourth"><?php echo $data[4]['email'] . '<br>' . $data[4]['birth_day'] . '.' . $data[4]['birth_month'] . '.' . $data[4]['birth_year'] . '.'; ?></p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth-au" src="assets/images/team7.jpg" alt="">
<div class="card-text4 d-flex align-items-center justify-content-start flex-column">
<h4 class="h4-fourth"><?php echo $data[5]['name'] . ' ' . $data[5]['surname']; ?></h4>
<p class="p-fourth"><?php echo $data[5]['email'] . '<br>' . $data[5]['birth_day'] . '.' . $data[5]['birth_month'] . '.' . $data[5]['birth_year'] . '.'; ?></p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth-au" src="assets/images/team6.jpg" alt="">
<div class="card-text4 d-flex align-items-center justify-content-start flex-column">
<h4 class="h4-fourth"><?php echo $data[6]['name'] . ' ' . $data[6]['surname']; ?></h4>
<p class="p-fourth"><?php echo $data[6]['email'] . '<br>' . $data[6]['birth_day'] . '.' . $data[6]['birth_month'] . '.' . $data[6]['birth_year'] . '.'; ?></p>
</div>
</div>
</div>
</div>
<div class="headline d-flex align-items-center justify-content-center flex-column">
<h3 class="headline-h3">Meet</h3>
<h2 class="headline-h2">Others</h2>
</div>
<div class="table-container-others">
<table class="table-others">
<thead>
<tr>
<th class="th-others">Name</th>
<th class="th-others">Surname</th>
<th class="th-others">Email</th>
<th class="th-others">Birth Date</th>
</tr>
</thead>
<tbody>
<?php
for ($id = 7; $id <= max(array_keys($data)); $id++) {
if (isset($data[$id])) {
echo "<tr>";
// Combine key and value for birth date into a formatted string
$birthDate = "{$data[$id]['birth_day']}.{$data[$id]['birth_month']}.{$data[$id]['birth_year']}.";
echo "<td class='td-others'>{$data[$id]['name']}</td>";
echo "<td class='td-others'>{$data[$id]['surname']}</td>";
echo "<td class='td-others'>{$data[$id]['email']}</td>";
echo "<td class='td-others'>$birthDate</td>";
echo "</tr>";
} else {
echo "<tr><td colspan='4'>No data found for ID $id</td></tr>";
}
}
?>
</tbody>
</table>
</div>
</div>
</section>
<!-- footer -->
<footer class="d-flex flex-column justify-content-center align-items-center pb-4 py-lg-5 py-md-5">
<img src="assets/images/footer-logo.webp" class="mt-3 mt-md-0" alt="">
<div class="footer-copyright">
(c)2024 Globaly. All rights reserved. |
<a href="#">Privacy Policy</a>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>

2
php/login.php
View File

@@ -20,7 +20,7 @@ if (isset($_POST['email']) && isset($_POST['password'])) {
$user_id = $row['id']; $user_id = $row['id'];
$_SESSION['user_id'] = $user_id; $_SESSION['user_id'] = $user_id;
header('Location: index.php'); header('Location: ../index.html');
} }
} else { } else {
} }

5
php/register.php
View File

@@ -4,11 +4,12 @@ require 'core.inc.php';
if (!loggedin()) { if (!loggedin()) {
if ( if (
isset($_POST['name']) && isset($_POST['email']) isset($_POST['name']) && isset($_POST['surname']) && isset($_POST['email'])
&& isset($_POST['password']) && isset($_POST['password_again']) && isset($_POST['birth_day']) && isset($_POST['password']) && isset($_POST['password_again']) && isset($_POST['birth_day'])
&& isset($_POST['birth_month']) && isset($_POST['birth_year']) && isset($_POST['birth_month']) && isset($_POST['birth_year'])
) { ) {
$name = $_POST['name']; $name = $_POST['name'];
$surname = $_POST['surname'];
$email = $_POST['email']; $email = $_POST['email'];
$password = $_POST['password']; $password = $_POST['password'];
$password_again = $_POST['password_again']; $password_again = $_POST['password_again'];
@@ -45,7 +46,7 @@ if (!loggedin()) {
echo 'The email ' . $email . 'already exists'; echo 'The email ' . $email . 'already exists';
} else { } else {
$query = "INSERT INTO `globaly_accounts` VALUES (NULL ,'" . mysqli_real_escape_string($con, $name) . $query = "INSERT INTO `globaly_accounts` VALUES (NULL ,'" . mysqli_real_escape_string($con, $name) .
"','" . mysqli_real_escape_string($con, $email) . "','" . mysqli_real_escape_string($con, $password_hash) . "','" . "','" . mysqli_real_escape_string($con, $surname) ."','" . mysqli_real_escape_string($con, $email) . "','" . mysqli_real_escape_string($con, $password_hash) . "','" .
mysqli_real_escape_string($con, $birth_day) . "','" . mysqli_real_escape_string($con, $birth_month) . "','" . mysqli_real_escape_string($con, $birth_year) . "')"; mysqli_real_escape_string($con, $birth_day) . "','" . mysqli_real_escape_string($con, $birth_month) . "','" . mysqli_real_escape_string($con, $birth_year) . "')";
if ($query_run = mysqli_query($con, $query)) { if ($query_run = mysqli_query($con, $query)) {
echo '<script>alert("You are registerd!")</script>'; echo '<script>alert("You are registerd!")</script>';

5
php/register_success.php
View File

@@ -1,5 +0,0 @@
<?php
echo 'Registered!'
?>

6
services.html
View File

@@ -79,7 +79,7 @@
<div class="horizontal-menu d-none d-md-none d-lg-flex "> <div class="horizontal-menu d-none d-md-none d-lg-flex ">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0">
<a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a> <a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a>
<li class="navs">Pages</li> <a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a> <a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a>
<li id="li-home" class="navs">Services</li> <li id="li-home" class="navs">Services</li>
<a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a> <a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a>
@@ -110,7 +110,7 @@
<div id="myDropdown" class="dropdown-content"> <div id="myDropdown" class="dropdown-content">
<ul class="nav-ul mb-0"> <ul class="nav-ul mb-0">
<a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a> <a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a>
<li class="navs">Pages</li> <a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a> <a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a>
<li id="li-home" class="navs">Services</li> <li id="li-home" class="navs">Services</li>
<a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a> <a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a>
@@ -154,7 +154,7 @@
<div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center"> <div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);">
<a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a> <a href="index.html" style="text-decoration: none;"><li class="navs"> Home</li></a>
<li class="navs">Pages</li> <a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a> <a href="about.html" style="text-decoration: none;"><li class="navs">About us</li></a>
<li id="li-home" class="navs">Services</li> <li id="li-home" class="navs">Services</li>
<a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a> <a href="cases.html" style="text-decoration: none;"><li class="navs">Cases</li></a>

46
signup.php
View File

@@ -16,9 +16,16 @@
<title>Globaly - Full Cycle Business Management & Consulting Responsive WordPress Theme</title> <title>Globaly - Full Cycle Business Management & Consulting Responsive WordPress Theme</title>
<style> <style>
.fa-solid{
position: absolute;
right: 3%;
top: 46%;
cursor: pointer;
}
#pswd_info { #pswd_info {
position: absolute; position: absolute;
bottom: 35%; bottom: 25%;
bottom: -115px\9; bottom: -115px\9;
/* IE Specific */ /* IE Specific */
right: 1%; right: 1%;
@@ -66,17 +73,26 @@
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.fa-solid{
top: 46%;
}
#pswd_info { #pswd_info {
bottom: 42%; bottom: 35%;
right: 30%; right: 30%;
} }
} }
@media screen and (min-width: 992px) { @media screen and (min-width: 992px) {
.fa-solid{
top: 45%;
}
#pswd_info { #pswd_info {
bottom: 22%; bottom: 15%;
right: 38%; right: 38%;
} }
} }
@@ -84,7 +100,8 @@
.date-container { .date-container {
width: 100%; width: 100%;
display: flex; display: flex;
span{
span {
margin-right: 20px; margin-right: 20px;
} }
} }
@@ -101,9 +118,12 @@
<form action="php/register.php" method="post"> <form action="php/register.php" method="post">
<div class="form-container-bot d-flex flex-column align-items-start justify-content-center"> <div class="form-container-bot d-flex flex-column align-items-start justify-content-center">
<input class="input-text" type="text" placeholder="Name" name="name"> <input class="input-text" type="text" placeholder="Name" name="name">
<input class="input-text" type="text" placeholder="Surname" name="surname">
<input class="input-text" type="text" placeholder="Email" name="email"> <input class="input-text" type="text" placeholder="Email" name="email">
<input class="input-text" type="password" id="password" placeholder="Password" name="password"> <input class="input-text" type="password" id="password" placeholder="Password" name="password">
<i id="togglePassword" class="fa-solid fa-eye"></i>
<input class="input-text" type="password" placeholder="Confirm Password" name="password_again"> <input class="input-text" type="password" placeholder="Confirm Password" name="password_again">
<h6>Date of birth:</h6>
<div class="date-container"> <div class="date-container">
<span> <span>
<select name="birth_day"> <select name="birth_day">
@@ -129,7 +149,7 @@
<select name="birth_year"> <select name="birth_year">
<?php <?php
$year = date('Y'); $year = date('Y');
$min = $year - 60; $min = $year - 100;
$max = $year; $max = $year;
for ($i = $max; $i >= $min; $i--) { for ($i = $max; $i >= $min; $i--) {
echo '<option value=' . $i . '>' . $i . '</option>'; echo '<option value=' . $i . '>' . $i . '</option>';
@@ -203,6 +223,22 @@
$('#password').blur(function() { $('#password').blur(function() {
$('#pswd_info').hide(); $('#pswd_info').hide();
}); });
// Toggle Password show
$("#togglePassword").removeClass("fa-solid fa-eye").addClass("fa-solid fa-eye-slash");
$("#togglePassword").click(function() {
const passwordInput = $("#password");
const type = passwordInput.attr("type");
if (type === "password") {
passwordInput.attr("type", "text");
$("#togglePassword").removeClass("fa-solid fa-eye-slash").addClass("fa-solid fa-eye");
} else {
passwordInput.attr("type", "password");
$("#togglePassword").removeClass("fa-solid fa-eye").addClass("fa-solid fa-eye-slash");
}
});
}); });
</script> </script>