Skip to content

Commit 03e357c

Browse files
talalye1talalye1
authored
Add files via upload
Signed-off-by: الأيقونة للعطور <147558813+talalye1@users.noreply.github.com>
1 parent c309018 commit 03e357c

1 file changed

Lines changed: 37 additions & 36 deletions

File tree

‎men.html‎

Lines changed: 37 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,17 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<meta property="og:title" content="الأيقونة للعطور - جودة وأصالة">
7-
<meta property="og:description" content="تقدم لكم الأيقونة للعطور مجموعة مميزة من العطور الرجالية والنسائية وأجود أنواع البخور. جربوا منتجاتنا واختبروا الفرق">
8-
<meta property="og:image" content="https://talalye1.github.io/Icon-perfumes/moan4.jpg">
6+
<meta property="og:title" content="الأيقونة للعطور - قسم العطور الرجالية">
7+
<meta property="og:description" content="اكتشف مجموعة من العطور الرجالية التي تعكس القوة والأناقة. ثبات يدوم طويلاً ورائحة تأسر الحواس.">
8+
<meta property="og:image" content="https://talalye1.github.io/Icon-perfumes/men.jpg">
99
<meta property="og:url" content="https://talalye1.github.io/Icon-perfumes/">
1010
<meta property="og:type" content="website">
11-
<meta property="og:site_name" content="الأيقونة للعطور">
12-
<title>الأيقونة للعطور - جودة وأصالة</title>
11+
<meta property="og:site_name" content="الأيقونة للعطور - قسم العطور الجالية">
12+
<title>الأيقونة للعطور - قسم العطور الرجالية</title>
1313
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
1414
<link rel="manifest" href="/manifest.json">
15+
<link rel="icon" href="icon.png" type="image/png">
16+
<link rel="apple-touch-icon" href="icon-192x192.png">
1517
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
1618
<style>
1719
:root {
@@ -91,6 +93,22 @@
9193

9294
main { padding-top: 80px; /* Space for fixed nav */ }
9395

96+
/* --- Navigation Bar2 --- */
97+
.top-bar2 {
98+
position: fixed;
99+
bottom: 520px;
100+
left: 0px;
101+
width: 100%;
102+
display: flex;
103+
justify-content: center;
104+
background: rgba(5, 15, 15, 0.8);
105+
backdrop-filter: blur(10px);
106+
padding: 3px 0;
107+
gap: 1px;
108+
border-bottom: 3px solid var(--gold);
109+
z-index: 995;
110+
}
111+
94112
/* --- Header Section --- */
95113
.header-content { text-align: center; margin-top: 20px; }
96114
.header-content .logo img {
@@ -358,28 +376,35 @@
358376
</style>
359377
</head>
360378
<body>
361-
362379
<div class="top-bar">
363380
<div class="nav-buttons">
364381
<a href="index.html" class="nav-btn">الرئيسية</a>
365-
<a href="female.html" class="nav-btn">عطور نسائي</a>
382+
<a href="index.html" class="nav-btn active">الرجالية</a>
383+
<a href="female.html" class="nav-btn">النسائية</a>
366384
<a href="moan.html" class="nav-btn">بخـور وعود</a>
367385
<a href="makeup.html" class="nav-btn">مستحضرات</a>
368386
</div>
369-
</div>
387+
</div>
388+
<div class="top-bar2">
389+
<h1>قسم العطور الرجالية</h1>
390+
</div>
391+
</div>
392+
</div>
370393

371394
<main>
372395
<div class="container">
373396
<div class="header-content">
374397
<div class="logo">
375398
<!-- (4/8) مربع الصور المتحركة وصور المنتجات المصغرة -->
376-
<div class="products-section" style="padding:0px 0;">
399+
400+
<div class="products-section" style="padding:0px 0;">
377401
<div id="mainSlider" style="width:100%;max-width:100%;margin:0 auto 5px;position:relative;border:4px solid var(--gold);border-radius:10px;overflow:hidden;background:var(--black);display:flex;justify-content:center;align-items:center;min-height:100%;">
378402
<!-- الصورة الكبرى المتغيرة -->
379403
<img id="mainImg" src="men.jpg" alt="منتج مختار" style="width:100%;max-width:100%;height:100%;object-fit:contain;transition:.4s;">
380404
</div>
381405
<!-- صف الصور المصغرة -->
382406
</div>
407+
<div class="container">
383408
<div class="thumbs-row" style="display:flex;justify-content:center;gap:12px;margin-bottom:5px;">
384409
<img class="thumb" src="men1.jpg" alt="منتج 1" data-high="men1.png" style="width:60px;height:60px;border:2px solid var(--gold);border-radius:2px;cursor:pointer;object-fit:cover;">
385410
<img class="thumb" src="men2.jpg" alt="منتج 2" data-high="men2.png" style="width:60px;height:60px;border:2px solid var(--gold);border-radius:2px;cursor:pointer;object-fit:cover;">
@@ -428,8 +453,6 @@ <h3>ضمان الرضا</h3>
428453
</div>
429454
<div class="container">
430455
<h2>منتجاتنا الرجالية المميزة</h2>
431-
<p>عدد زياراتك لهذا القسم: <span id="visitorCount" style="color: gold;"></span></p>
432-
</div>
433456

434457
<div id="products-grid" class="products-grid">
435458
</div>
@@ -589,7 +612,7 @@ <h2>تواصل معنا</h2>
589612
{ id: 'p2', name: 'عطر نسيم البحر', price: 4900, image: 'men2.jpg', rating: 4.5 },
590613
{ id: 'p3', name: 'عطر روح الصحراء', price: 5500, image: 'men3.jpg', rating: 4.9 },
591614
{ id: 'p4', name: 'عطر ليالي الشرق', price: 5200, image: 'men4.jpg', rating: 4.7 },
592-
{ id: 'p5', name: 'غطر خرير الماء', price: 4200, image: 'men5.jpg', rating: 4.6 }
615+
{ id: 'p5', name: 'عطر خرير الماء', price: 4200, image: 'men5.jpg', rating: 4.6 }
593616
];
594617

595618
const productsGrid = document.getElementById('products-grid');
@@ -780,7 +803,7 @@ <h3>${product.name}</h3>
780803
if (productName.includes(searchTerm)) {
781804
product.style.display = 'flex';
782805
} else {
783-
product.style.display = 'none';
806+
product.style.display = 'flex';
784807
}
785808
});
786809
});
@@ -1043,7 +1066,7 @@ <h3>${product.name}</h3>
10431066
chatIcon.onclick = () => { chatPopup.style.display = 'flex'; chatIcon.style.display = 'none'; };
10441067
closeChatBtn.onclick = () => { chatPopup.style.display = 'none'; chatIcon.style.display = 'block'; };
10451068
if (userName) { namePrompt.style.display = 'none'; chatInputArea.style.display = 'flex'; const welcomeBackMsg = `أهلاً بعودتك يا ${userName}! كيف أقدر أساعدك اليوم؟ يمكنك طلب تشغيل الموسيقى اكتب كلمة "تشغيل".`; addMessage(welcomeBackMsg, 'bot'); speak(welcomeBackMsg); } else { const welcomeMsg = "أهلاً بك في متجر الأيقونة! أنا مؤظف خدمة العملاء الذكي. لطفاً، أدخل اسمك للبدء."; addMessage(welcomeMsg, 'bot'); speak(welcomeMsg); }
1046-
sendNameBtn.onclick = () => { const name = nameInput.value.trim(); if (name) { userName = name; localStorage.setItem('perfume_userName', userName); namePrompt.style.display = 'none'; chatInputArea.style.display = 'flex'; addMessage(`رائع يا ${userName}! كيف أقدر أساعدك؟`, 'bot'); } };
1069+
sendNameBtn.onclick = () => { const name = nameInput.value.trim(); if (name) { userName = name; localStorage.setItem('perfume_userName', userName); namePrompt.style.display = 'none'; chatInputArea.style.display = 'flex'; addMessage(`رائع يا ${userName}! كيف أقدر أساعدك؟ يمكنك سماع الموسيقى ارسل كلمة "تشغيل"`, 'bot'); } };
10471070
sendBtn.onclick = handleUserInput;
10481071
chatInput.onkeypress = e => { if (e.key === 'Enter') handleUserInput(); };
10491072
function handleUserInput() { const query = chatInput.value.trim(); if (!query) return; addMessage(query, 'user'); processQuery(query); chatInput.value = ''; }
@@ -1101,28 +1124,6 @@ <h3>${product.name}</h3>
11011124
});
11021125
});
11031126

1104-
// Check for localStorage support
1105-
if (typeof(Storage) !== "undefined") {
1106-
// Get the current visitor count from localStorage
1107-
let count = localStorage.getItem("visitorCount");
1108-
1109-
// If it's the first visit, set the count to 1
1110-
if (count === null) {
1111-
count = 1;
1112-
} else {
1113-
// Otherwise, increment the count by 1
1114-
count = parseInt(count) + 1;
1115-
}
1116-
1117-
// Store the new count in localStorage
1118-
localStorage.setItem("visitorCount", count);
1119-
1120-
// Display the count on the page
1121-
document.getElementById("visitorCount").innerHTML = count;
1122-
} else {
1123-
// Fallback for browsers that don't support localStorage
1124-
document.getElementById("visitorCount").innerHTML = "متصفحك لا يدعم localStorage";
1125-
}
11261127
</script>
11271128

11281129
</body>

0 commit comments

Comments
 (0)