Blog-Template/index.html at main · Muhammad-Cyber-security/Blog-Template · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="images.jpg" type="image/x-icon">
    <link href="style.css" rel="stylesheet">
    <title>Freedom for Palestine</title>
</head>
<body>
    <header class="header">
        <h1>Freedom and Hope</h1>
        <h2>The Struggle for Palestinian Liberation</h2>
    </header>

    <section class="content">
        <div class="card">
            <img src="download.jpg" alt="Image of Hope" class="main-image">
            <h2>Introduction</h2>
            <p>The ongoing conflict in Palestine remains one of the most significant humanitarian issues in modern history. Palestinians continue to seek freedom, justice, and the right to self-determination in their ancestral homeland.</p>
        </div>

        <div class="card">
            <h3>The Historical Context</h3>
            <p>The struggle for Palestinian independence began in the mid-20th century, following the establishment of Israel in 1948. The displacement of Palestinians during the Nakba ("Catastrophe") marked the start of decades-long conflict.</p>
            <img src="download.png" alt="Historical Context" class="small-image">
        </div>

        <div class="card">
            <h3>Present-Day Realities</h3>
            <p>Palestinians in the West Bank, Gaza, and East Jerusalem face challenges such as restricted movement, limited access to resources, and military occupation. International efforts for peace continue but progress remains slow.</p>
            <div class="video-container">
                <video src="I want to die  - a Palestinian child in Gaza says due to war.mp4" controls class="video-element">
                    Your browser does not support the video tag.
                </video>
                <p class="video-caption">A Palestinian child expressing the impact of war.</p>
            </div>
                    </div>
    </section>

    <section class="table-section">
        <h3>Key Milestones</h3>
        <table>
            <thead>
                <tr>
                    <th>Year</th>
                    <th>Event</th>
                    <th>Description</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1948</td>
                    <td>Nakba</td>
                    <td>Displacement of Palestinians during Israel's formation.</td>
                </tr>
                <tr>
                    <td>1967</td>
                    <td>Six-Day War</td>
                    <td>Israel occupied the West Bank, Gaza, and East Jerusalem.</td>
                </tr>
                <tr>
                    <td>1993</td>
                    <td>Oslo Accords</td>
                    <td>A framework for peace was established but not fulfilled.</td>
                </tr>
                <tr>
                    <td>2005</td>
                    <td>Israeli Withdrawal</td>
                    <td>Israel evacuated settlers but maintained border control.</td>
                </tr>
                <tr>
                    <td>Ongoing</td>
                    <td>Struggle for Independence</td>
                    <td>Palestinian efforts through diplomacy and protests.</td>
                </tr>
            </tbody>
        </table>
    </section>

    <div class="login-section">
        <h2>Login</h2>
        <form class="login-form">
            <label for="email">Email</label>
            <input type="email" id="email" placeholder="Enter your email" required>
            <label for="password">Password</label>
            <input type="password" id="password" placeholder="Enter your password" required>
            <button type="submit">Login</button>
        </form>
    </div>
</body>
</html>