after finalizing work

maamounhajnajeeb · maamounhajnajeeb · commit 17d9c2a6824a · 2025-06-27T18:08:22.000+03:00
diff --git a/index.html b/index.html
@@ -6,7 +6,7 @@
     <link rel="stylesheet" href="./styles/index.css">
     <link rel="stylesheet" href="https://fonts.xz.style/serve/inter.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@exampledev/new.css@1.1.2/new.min.css">
-    <title>Poycott</title>
+    <title>Boycott From Syria</title>
 </head>
 <body>
     <div class="landing-img">
@@ -59,9 +59,9 @@
 
     </div>
 
-    <div class="pages-bar">
-        <a href="" class="btn">1</a>
-        <a href="" class="btn">2</a>
+    <div class="pages-bar" id="pages-bar">
+        <!-- <a class="btn">1</a>
+        <a class="btn">2</a> -->
     </div>
 
     <div class="boycott-from-syria-section">
diff --git a/scripts/main.js b/scripts/main.js
@@ -30,7 +30,5 @@ function displayBoycottList(items) {
     `).join('');
 }
 
-// 
-
 // Load data when page loads
 document.addEventListener('DOMContentLoaded', loadBoycottData);
diff --git a/styles/index.css b/styles/index.css
@@ -50,7 +50,7 @@ ul {
     flex-direction: row-reverse;
 }
 
-.pages-bar a {
+.pages-bar a{
     color: black;
     background-color: hsl(172, 52%, 92%);
     padding: 0.5% 1%;
@@ -61,6 +61,7 @@ ul {
 .pages-bar a:hover {
     background-color: #0070f3;
     color: white;
+    cursor: pointer;
 }
 
 .boycott-from-syria-section {
@@ -78,6 +79,16 @@ ul {
     align-items: center;
 }
 
+.boycott-from-syria-images {
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap-reverse;
+}
+
+.boycott-from-syria-images img{
+    /* margin: 0.3%; */
+}
+
 .boycott-from-syria-social-media a img {
     border: 1px solid white;
     transition: all 0.3s ease;

Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,5 @@ function displayBoycottList(items) {`
`30`	`30`	`).join('');
`31`	`31`	`}`
`32`	`32`
`33`		`-//`
`34`		`-`
`35`	`33`	`// Load data when page loads`
`36`	`34`	`document.addEventListener('DOMContentLoaded', loadBoycottData);`