├── 1.jpg ├── 33.jpg ├── 55.jpg ├── 111.mp4 ├── images └── texture.jpg ├── old-london.regular.ttf ├── README.md ├── style.css └── index.html /1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hamzamamdouh298/NEWPAPER/HEAD/1.jpg -------------------------------------------------------------------------------- /33.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hamzamamdouh298/NEWPAPER/HEAD/33.jpg -------------------------------------------------------------------------------- /55.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hamzamamdouh298/NEWPAPER/HEAD/55.jpg -------------------------------------------------------------------------------- /111.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hamzamamdouh298/NEWPAPER/HEAD/111.mp4 -------------------------------------------------------------------------------- /images/texture.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hamzamamdouh298/NEWPAPER/HEAD/images/texture.jpg -------------------------------------------------------------------------------- /old-london.regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hamzamamdouh298/NEWPAPER/HEAD/old-london.regular.ttf -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # NEWSPAPER for saddam Hussein 🕊️ 2 | # click here to see the website 👇 https://hamzamamdouh298.github.io/NEWPAPER/ 3 | # ![Black Minimalist Website Mockup Instagram Post (1)](https://github.com/user-attachments/assets/7fa7e4d7-d330-4e4d-9f9b-347bec47d710) 4 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap"); 2 | 3 | * { 4 | margin: 0; 5 | padding: 5px; 6 | box-sizing: border-box; 7 | } 8 | 9 | @font-face { 10 | font-family: "Old London"; 11 | src: url("old-london.regular.ttf") format("truetype"); 12 | } 13 | 14 | html{ 15 | scroll-behavior: smooth; 16 | } 17 | 18 | ::-webkit-scrollbar{ 19 | display: none; 20 | } 21 | 22 | body { 23 | font-family: "Times New Roman", sans-serif; 24 | min-height: 100vh; 25 | width: 100vw; 26 | background: url(images/texture.jpg) repeat; 27 | overflow-x: hidden; 28 | } 29 | 30 | h1, 31 | h2, 32 | h3 { 33 | font-family: "Old London", sans-serif; 34 | } 35 | 36 | main { 37 | height: 100%; 38 | width: 100vw; 39 | display: flex; 40 | flex-direction: column; 41 | justify-content: center; 42 | align-items: center; 43 | padding: 20px; 44 | } 45 | 46 | .heading { 47 | width: 100%; 48 | display: flex; 49 | flex-direction: column; 50 | justify-content: center; 51 | align-items: center; 52 | padding: 10px 0; 53 | margin: 10px 0; 54 | border-top: 5px solid #000; 55 | border-bottom: 5px solid #000; 56 | position: relative; 57 | } 58 | 59 | .heading::before { 60 | width: 100%; 61 | content: ""; 62 | height: 2px; 63 | background: #000; 64 | margin-top: -8px; 65 | } 66 | 67 | .heading::after { 68 | width: 100%; 69 | content: ""; 70 | height: 2px; 71 | background: #000; 72 | margin-bottom: -8px; 73 | } 74 | 75 | .heading h1 { 76 | font-size: 100px; 77 | } 78 | 79 | .heading h1 b{ 80 | display: inline-block; 81 | } 82 | 83 | .heading span { 84 | background: url(images/texture.jpg); 85 | display: block; 86 | position: absolute; 87 | top: -20px; 88 | font-size: 30px; 89 | padding: 0 10px; 90 | font-family: "Old London"; 91 | color: #b93c12; 92 | } 93 | 94 | .heading p { 95 | font-size: 18px; 96 | margin-bottom: 10px; 97 | margin-top: 10px; 98 | word-spacing: 5px; 99 | letter-spacing: 1px; 100 | font-weight: 500; 101 | } 102 | 103 | nav { 104 | display: flex; 105 | width: 100%; 106 | align-items: center; 107 | justify-content: center; 108 | padding: 10px 0; 109 | font-size: 20px; 110 | gap: 20px; 111 | } 112 | 113 | nav a { 114 | text-decoration: none; 115 | color: #000; 116 | font-family: "Dela Gothic One"; 117 | } 118 | 119 | nav .logo { 120 | margin-right: auto; 121 | font-family: "Dela Gothic One"; 122 | font-size: 30px; 123 | color: #b93c12; 124 | } 125 | 126 | .section-1 { 127 | width: 100%; 128 | min-height: 100vh; 129 | border: 5px solid #000; 130 | padding: 20px 0; 131 | display: flex; 132 | flex-direction: column; 133 | justify-content: center; 134 | align-items: center; 135 | padding-bottom: 0; 136 | position: relative; 137 | } 138 | 139 | .section-1 h2 { 140 | font-size: 100px; 141 | text-align: center; 142 | margin-bottom: 20px; 143 | } 144 | 145 | .section-1 .content { 146 | display: flex; 147 | height: 100%; 148 | width: 100%; 149 | overflow: hidden; 150 | padding: 20px; 151 | position: relative; 152 | } 153 | 154 | .section-1 .content .text { 155 | width: 50%; 156 | height: 100%; 157 | display: flex; 158 | text-align: justify; 159 | gap: 20px; 160 | padding-bottom: 50px; 161 | } 162 | 163 | .text .left, 164 | .text .right { 165 | width: 50%; 166 | } 167 | 168 | .video { 169 | width: 50%; 170 | min-height: 100%; 171 | overflow: hidden; 172 | margin-left: 20px; 173 | } 174 | 175 | .video video { 176 | width: 100%; 177 | height: 100%; 178 | object-fit: cover; 179 | } 180 | 181 | .section-1 .text p span { 182 | font-size: 80px; 183 | float: left; 184 | margin-right: 6px; 185 | font-weight: bold; 186 | line-height: 1; 187 | background: #000; 188 | color: #d3cfc6; 189 | padding: 5px; 190 | } 191 | 192 | .side-heading { 193 | font-size: 47px; 194 | font-weight: 600; 195 | position: absolute; 196 | left: 20px; 197 | bottom: 2px; 198 | font-family: "Dela Gothic One", sans-serif; 199 | text-transform: uppercase; 200 | float: left; 201 | font-weight: bold; 202 | background: #000; 203 | color: #d3cfc6; 204 | background-clip: text; 205 | padding: 0 10px; 206 | } 207 | 208 | .last { 209 | margin-top: 5px; 210 | } 211 | 212 | .last span { 213 | writing-mode: vertical-rl; 214 | text-transform: uppercase; 215 | font-size: 45px !important; 216 | font-family: Verdana, sans-serif; 217 | } 218 | 219 | .circle { 220 | position: relative; 221 | left: 0.5em; 222 | font-family: Libre Franklin; 223 | font-size: 20px; 224 | font-weight: 500; 225 | margin-right: 10px; 226 | } 227 | 228 | .circle:before { 229 | content: ""; 230 | z-index: -1; 231 | left: -0.5em; 232 | top: -0.1em; 233 | border-width: 2px; 234 | border-style: solid; 235 | border-color: #b93c12; 236 | position: absolute; 237 | border-right-color: transparent; 238 | width: 100%; 239 | height: 1em; 240 | transform: rotate(2deg); 241 | opacity: 0.7; 242 | border-radius: 50%; 243 | padding: 0.1em 0.25em; 244 | } 245 | 246 | .circle:after { 247 | content: ""; 248 | z-index: -1; 249 | left: -0.5em; 250 | top: 0.1em; 251 | padding: 0.1em 0.25em; 252 | border-width: 2px; 253 | border-style: solid; 254 | border-color: #b93c12; 255 | border-left-color: transparent; 256 | border-top-color: transparent; 257 | position: absolute; 258 | width: 100%; 259 | height: 1em; 260 | transform: rotate(-1deg); 261 | opacity: 0.7; 262 | border-radius: 50%; 263 | } 264 | .section-2 .content { 265 | display: flex; 266 | gap: 20px; 267 | flex-direction: row-reverse; /* Add this line to reverse the order */ 268 | } 269 | 270 | .section-2 .content .text { 271 | width: 50%; 272 | line-height: 1.6; 273 | } 274 | 275 | .section-2 .content .text p { 276 | text-align: justify; 277 | } 278 | 279 | .section-2 .content .text h2 { 280 | width: 100%; 281 | font-size: 60px; 282 | color: #000; 283 | margin-bottom: 30px; 284 | text-align: center; 285 | position: relative; 286 | border-top: 5px solid #000; 287 | border-bottom: 5px solid #000; 288 | } 289 | 290 | .section-2 .content .text h2::before { 291 | width: 100%; 292 | content: ""; 293 | height: 2px; 294 | background: #000; 295 | position: absolute; 296 | left: 0; 297 | top: 2px; 298 | } 299 | 300 | .section-2 .content .text h2::after { 301 | width: 100%; 302 | content: ""; 303 | height: 2px; 304 | background: #000; 305 | position: absolute; 306 | left: 0; 307 | bottom: 2px; 308 | } 309 | 310 | .section-2 .content .image { 311 | width: 50%; 312 | height: 700px; 313 | filter: grayscale(100%); 314 | } 315 | 316 | .image img { 317 | width: 100%; 318 | height: 100%; 319 | object-fit: cover; 320 | } 321 | 322 | 323 | .tagline { 324 | width: 100%; 325 | text-align: center; 326 | font-size: 25px; 327 | font-family: "Dela Gothic One", sans-serif; 328 | background: #000; 329 | margin-block: 20px; 330 | color: #d3cfc6; 331 | padding: 20px; 332 | text-transform: uppercase; 333 | } 334 | 335 | .marquee-container { 336 | overflow: hidden; 337 | white-space: nowrap; 338 | width: 100%; 339 | font-size: 50px; 340 | border-top: 2px solid #000; 341 | border-bottom: 2px solid #000; 342 | margin-top: 20px; 343 | padding: 20px; 344 | font-family: "Dela Gothic One"; 345 | } 346 | 347 | .marquee { 348 | animation: marquee 10s linear infinite; 349 | } 350 | 351 | .marquee:hover { 352 | animation-play-state: paused; 353 | } 354 | 355 | .marquee a { 356 | text-decoration: none; 357 | background: #000; 358 | padding: 20px; 359 | color: #d3cfc6; 360 | } 361 | 362 | @keyframes marquee { 363 | 0% { 364 | transform: translateX(100%); 365 | } 366 | 100% { 367 | transform: translateX(-100%); 368 | } 369 | } 370 | 371 | .box { 372 | position: absolute; 373 | width: 100px; 374 | height: 100px; 375 | transform: translate(-50%, -50%); 376 | pointer-events: none; 377 | display: none; 378 | place-content: center; 379 | background: #b93c12; 380 | color: #fff; 381 | font-family: "Dela Gothic One",sans-serif; 382 | font-size: 30px; 383 | opacity: 0; 384 | } 385 | 386 | .box:nth-child(1) { 387 | z-index: -1; 388 | } 389 | 390 | .box:nth-child(2) { 391 | z-index: -2; 392 | } 393 | 394 | .box:nth-child(3) { 395 | z-index: -3; 396 | } 397 | 398 | .box:nth-child(4) { 399 | z-index: -4; 400 | } 401 | 402 | .box:nth-child(5) { 403 | z-index: -5; 404 | } 405 | 406 | 407 | 408 | .mouse-trail{ 409 | position: fixed; 410 | pointer-events: none; 411 | top: 0; 412 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Saddam Hussein 9 | 10 | 11 |
12 |
13 | He is 14 |

Saddam Hussein

15 |

Uncovering stories and revealing facts

16 |
17 | 23 |
24 |

Show some facts and some stories.

25 |
26 |
27 |
28 |

? 29 | 〆Saddam Hussein thought the U.S.A gave him the green light to invade Kuwait 30 | President Bush 41's Ambassador to Iraq, April Glaspie, told Hussein the U.S. did not want a trade war with Iraq. Saddam committed to peace, so long as the Kuwaitis agreed to meet OPEC production standards. Glaspie replied: 31 | "We have no opinion on the Arab-Arab conflicts, like your border disagreement with Kuwait... The instruction we had during this period was that we should express no opinion on this issue and that the issue is not associated with America." 32 | The Kuwaitis did not meet OPEC's standards so Iraqi tanks rolled across the border. The Iraqi leader was surprised when President Bush condemned the invasion. 33 | 34 |

35 |
36 |
37 |

38 | 39 |

40 |
41 |
42 |

43 | 44 | Osirak 45 | 〆The assassination of Yahya El-Meshad, 46 | ascientist who was working on the nuclear reactor. On June 14, 1980, the French authorities found Yahya El-Meshad dead at the Le Méridien Hotel in Paris. Yahya El-Meshad's body was found with a knife wound to the neck, and a number of stab wounds were also found in various parts of his body. Following this incident, French investigators spoke about the Israeli Mossad being behind the assassination. 47 |

48 |

49 | sick 50 | 〆Barzan Ibrahim Al-Tikriti had cancer and was sick during the trial. 51 | It is not permissible to imprison a person with such a sick disease, but they did not release him and the trial was very slow for him and he did not receive treatment, which makes the matter worse.

52 |
53 |
54 | 55 |

56 | 57 |

58 | 〆He escaped from prison 59 | A change in government led Saddam to return to Iraq in the early 1960s, although he was arrested in late 1964. He then spent the next two years in prison before escaping in 1966. 60 |

61 |

62 | 〆He earned a UNESCO award 63 | 64 | In the years that preceded his presidency, Saddam served as the vice-chairman of the Ba'ath Party. He used his position to modernise the Iraqi economy and nationalise the country’s oil industry. As profits rose, Saddam used the funds to improve education in the country. With literacy levels skyrocketing in Iraq as a result of Saddam’s programmes, UNESCO (The United Nations Educational, Scientific and Cultural Organisation) gave him an award. 65 | 66 |

67 |

68 | 〆1980–81: Iraqi offensive and Iranian pushback 69 | In September 1980 the Iraqi army carefully advanced along a broad front into Khūzestān, taking Iran by surprise. Iraq’s troops captured the city of Khorramshahr but failed to take the important oil-refining centre of Ābādān. By December 1980 the Iraqi offensive had bogged down about 50–75 miles (80–120 km) inside Iran after meeting unexpectedly strong Iranian resistance. The zeal of the Islamic Revolutionary Guards Corps (IRGC), an Iranian state militia initially tasked with safeguarding the Islamic Revolution

70 | 71 |

72 | 〆Israel's attempted assassination of Saddam Hussein 73 | 74 | I fired a missile during training to kill him, I did not expect the soldier who plays the role of Saddam Hussein. When I entered the place designated for him, and he started waving his hands "to the audience" in the manner of Saddam, I expected it to fall from him and hit him in a shot, but he did not expect it 75 |

76 | 77 |

〆All this information is from official websites and not from me.

78 |

〆Saddam was executed 79 | It is not permissible to execute a president by hanging; the appropriate method is a military execution by firing squad, which honors the gravity and respect due to the office. Executing any person on Eid day is not only legally questionable but also morally and culturally insensitive, as Eid is a sacred day of joy, forgiveness, and reconciliation. Carrying out an execution on such a day disregards the values of mercy and compassion that are central to the occasion, making the act profoundly inappropriate and disrespectful to the spirit of the celebration.

80 |
81 |
82 |
83 | 84 | 85 | 99 |
100 |
101 | 102 |
103 |
104 |
105 |
106 |

His last trial 2006

107 |

〆There were many comments about Saddam's trial from the Dujail case and the occupation of Kuwait and Iran, but America had no right to intervene in this violent way, killing his three sons and bombing the people of Basra because they defended their country. In the court, they executed his brother Barzan by shooting him while he was sick with cancer, and they executed all his comrades, but Saddam used to say, "I am not afraid of execution. I have presented myself for execution three times since I was a high school student."

108 |

Some of the main names in the story

109 |
110 | Saddam Hussein 111 |
112 |
113 | Barzan Al-Tikriti 114 |
115 |
116 | Bushra Al-Khalil 117 |
118 |
119 |
120 | 121 |
122 |
123 |
124 |
125 |
126 | send message to my email EMAIL ME 127 |
128 |
129 |
130 | 133 | 182 | 183 | 184 | 185 | --------------------------------------------------------------------------------