Skip to content

Commit

Permalink
Add existing file
Browse files Browse the repository at this point in the history
izzeldeenn committed Nov 4, 2023
1 parent c5ef0f3 commit 0f87bc3
Showing 5 changed files with 317 additions and 22 deletions.
2 changes: 1 addition & 1 deletion css/styles.css
Original file line number Diff line number Diff line change
@@ -62,7 +62,7 @@
--bs-body-font-weight: 500;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-bg: #fff;
--bs-body-bg: #dadada;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
97 changes: 97 additions & 0 deletions php/css/styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
body{
background-color: rgb(248, 248, 248);
}
.result{
margin-bottom: 40px;
}
.card {
max-width: 1000px;
border-radius: 1rem;
background-color: rgb(255, 255, 255);
padding: 1rem;
height: auto;
}

.infos {
display: flex;
flex-direction: row;
align-items: flex-start;
grid-gap: 1rem;
gap: 1rem;
height: auto;
}

.image {
height: 7rem;
width: 7rem;
border-radius: 0.5rem;
background-color: rgb(118, 36, 194);
background: linear-gradient(to bottom right, rgb(118, 36, 194), rgb(185, 128, 240));
}
.image img{
height: 7rem;
width: 7rem;
border-radius: 0.5rem;
}
.info {
height: 7rem;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.name {
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 500;
color: rgb(0, 0, 0);
}

.function {
font-size: 0.75rem;
line-height: 1rem;
color: rgb(0, 0, 0);
}

.stats {
width: 100%;
border-radius: 0.5rem;
background-color: rgb(205, 205, 205);
padding: 0.5rem;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 0.75rem;
line-height: 1rem;
color: rgba(0, 0, 0, 1);
}

.flex {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 4px;
}

.state-value {
font-weight: 700;
color: rgb(0, 60, 255);
}

.request {
margin-top: 1.5rem;
width: 100%;
border: 1px solid transparent;
border-radius: 0.5rem;
padding: 0.5rem 1rem;
font-size: 1rem;
line-height: 1.5rem;
transition: all .3s ease;
}

.request:hover {
background-color: rgb(118, 36, 194);
color: #fff;
}

Binary file added php/img/co.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added php/img/pepsi.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
240 changes: 219 additions & 21 deletions php/search.php
Original file line number Diff line number Diff line change
@@ -1,24 +1,222 @@

<?php
// الخطوة 2: الاتصال بقاعدة البيانات والبحث فيها
// تعيين متغيرات الاتصال
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "mokataaa";

// إنشاء اتصال
$conn = new mysqli($servername, $username, $password, $dbname);

// التحقق من الاتصال
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}

// تعيين الترميز
$conn->set_charset("utf8");

// الحصول على الكلمة الرئيسية من صندوق البحث
$keyword = $_GET["text"];

// كتابة استعلام SQL للبحث عن البيانات التي تحتوي على الكلمة الرئيسية
$sql = "SELECT * FROM company WHERE stutes or country or name or type or dis LIKE '%$keyword%'";

// تنفيذ الاستعلام والحصول على النتائج
$result = $conn->query($sql);

// إغلاق الاتصال
$conn->close();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="spinner">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>مقاطعة | مقاطعة المنتجات الإسرائيلية</title>
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Google fonts-->
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,600;1,600&amp;display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,500;0,600;0,700;1,300;1,500;1,600;1,700&amp;display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,400;1,400&amp;display=swap" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="../css/styles.css" rel="stylesheet" />
<link href="css/styles.css" rel="stylesheet" />

</head>
<body>
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top shadow-sm" id="mainNav">
<div class="container px-5">
<a class="navbar-brand fw-bold" href="#page-top">مقاطعة</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
القائمة
<i class="bi-list"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto me-4 my-3 my-lg-0">
<li class="nav-item"><a class="nav-link me-lg-3" href="#features">الشركات</a></li>
<li class="nav-item"><a class="nav-link me-lg-3" href="#download">تحميل التطبيق</a></li>
</ul>
<button class="btn btn-primary rounded-pill px-3 mb-2 mb-lg-0" data-bs-toggle="modal" data-bs-target="#feedbackModal">
<span class="d-flex align-items-center">
<i class="bi-chat-text-fill me-2"></i>
<span class="small">ارسال تعليق</span>
</span>
</button>
</div>
</div>
</nav>
<style>



.input {
width: 100%;
height: 40px;
padding: 10px;
transition: .2s linear;
border: 2.5px solid black;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
}

.input:focus {
outline: none;
border: 0.5px solid black;
box-shadow: -5px -5px 0px black;
}

.input-container:hover > .icon {
animation: anim 1s linear infinite;
}

@keyframes anim {
0%,
100% {
transform: translateY(calc(-50% - 5px)) scale(1);
}

50% {
transform: translateY(calc(-50% - 5px)) scale(1.1);
}
}
.button {
background-color: #ffffff00;
color: #000;
width: 8.5em;
height: 2.9em;
border: #3654ff 0.2em solid;
border-radius: 11px;
text-align: right;
transition: all 0.6s ease;
transform: translateX(250px);
margin-top:10px
}

.button:hover {
background-color: #3654ff;
cursor: pointer;
color: #fff;
}

.button svg {
width: 1.6em;
margin: -0.2em 0.8em 1em;
position: absolute;
display: flex;
transition: all 0.6s ease;
}

.button:hover svg {
transform: translateX(5px);
}

.text {
margin: 0 1.5em
}

</style>
<header class="masthead">
<div class="container px-5">
<div class="row gx-5 justify-content-center">
<div class="col-xl-8">
<div class="h1 fs-1 text-black mb-4 text-center">اعثر على الشركة الداعمة للاحتلال الصهيوني</div>
<form action="" method="get">

<input type="text" name="text" class="input" placeholder="بحث ......">

<button class="button">


<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75"></path>
</svg>


<div class="text">
بحث
</div>
</body>
</html>

</button>
</form>
<?php
// الخطوة 2: عرض النتائج كصفوف في الجدول
// التحقق من وجود نتائج
if ($result->num_rows > 0) {
// عرض كل صف كمصفوفة مقترنة
while($row = $result->fetch_assoc()) {
?>
<div class="result">
<div class="card">
<div class="infos">
<div class="image">
<img src="img/<?php echo $row['photo'] ?>" alt="">
</div>
<div class="info">
<div>
<p class="name">
<?php echo $row['name'] ?>
</p>
<p class="function">
<?php echo $row['dis'] ?>
</p>
</div>
<div class="stats">
<p class="flex flex-col">
المقر الرئيسي
<span class="state-value">
<?php echo $row['country'] ?>
</span>
</p>
<p class="flex">
الحالة
<span class="state-value">
<?php echo $row['stutes'] ?>
</span>
</p>

</div>
</div>
</div>

</div>
</div>
<?php
}
}
?>
</div>
</div>
</div>
</header>
</body>
</html>

0 comments on commit 0f87bc3

Please sign in to comment.