software_dev/Lab3.html at main · muthu813/software_dev · 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Destruction in Gaza</title>
</head>
<body>

  <!-- Header -->
  <header>
    <h1 align="center">Destruction in Gaza</h1>
  </header>

  <!-- Main Content -->
  <main>

    <!-- Image Section -->
    <section>
      <table border="0" align="center" cellpadding="10">
        <tr>
          <td align="center">
            <figure>
              <a href="https://www.aljazeera.com/" target="_blank">
                <img src="download.jpg" width="250" height="250" alt="Destroyed buildings in Gaza">
              </a>
              <figcaption>Image source: Al Jazeera</figcaption>
            </figure>
          </td>
          <td align="center">
            <figure>
              <a href="https://www.aljazeera.com/" target="_blank">
                <img src="download (1).jpg" width="250" height="250" alt="Aftermath of airstrikes in Gaza">
              </a>
              <figcaption>Image source: Al Jazeera</figcaption>
            </figure>
          </td>
          <td align="center">
            <figure>
              <a href="https://www.aljazeera.com/" target="_blank">
                <img src="download (2).jpg" width="250" height="250" alt="Smoke and rubble in Gaza streets">
              </a>
              <figcaption>Image source: Al Jazeera</figcaption>
            </figure>
          </td>
          <td align="center">
            <figure>
              <a href="https://www.aljazeera.com/" target="_blank">
                <img src="download (3).jpg" width="250" height="250" alt="Collapsed infrastructure in Gaza">
              </a>
              <figcaption>Image source: Al Jazeera</figcaption>
            </figure>
          </td>
        </tr>
      </table>
    </section>

    <!-- News Links -->
    <section>
      <h3 align="center">Related Articles</h3>
      <p align="center">
        <a href="https://www.aljazeera.com/news/2025/4/4/palestinian-aid-workers-likely-shot-execution-style-forensic-expert-says" target="_blank">
          Palestinian aid workers likely shot execution-style
        </a>
      </p>
      <p align="center">
        <a href="https://www.aljazeera.com/news/liveblog/2025/4/4/live-israel-kills-mostly-children-as-33-massacred-in-gaza-school-attacks" target="_blank">
          Israel kills mostly children in Gaza school attacks
        </a>
      </p>
      <p align="center">
        <a href="https://www.aljazeera.com/news/2025/4/4/israel-has-turned-two-thirds-of-gaza-into-no-go-land-un-says" target="_blank">
          Two-thirds of Gaza turned into no-go land: UN says
        </a>
      </p>
    </section>

    <!-- Description -->
    <section>
      <h2>Description</h2>
      <dl>
        <dt><b><i>Gaza Conflict</i></b></dt>
        <dd>An ongoing crisis involving humanitarian, political, and military struggles between Israel and Palestine, especially affecting civilians in Gaza.</dd>
      </dl>
    </section>

    <!-- Impact Table -->
    <section>
      <h2>Impact Summary</h2>
      <table border="1" cellpadding="10">
        <tr>
          <th colspan="2"><b>Damage Overview</b></th>
        </tr>
        <tr>
          <td bgcolor="lightgray"><b>Region</b></td>
          <td bgcolor="lightblue">Northern Gaza</td>
        </tr>
        <tr>
          <td bgcolor="lightgray"><b>Deaths</b></td>
          <td bgcolor="lightyellow">2,000+</td>
        </tr>
        <tr>
          <td bgcolor="lightgray"><b>Destroyed Homes</b></td>
          <td bgcolor="lightgreen">Over 300</td>
        </tr>
      </table>
    </section>

    <!-- Needs List -->
    <section>
      <h2>Urgent Needs</h2>
      <ul>
        <li>Food Supplies</li>
        <li>Clean Water</li>
        <li>Medical Aid</li>
        <li>Shelter Materials</li>
      </ul>
    </section>

    <!-- Google Maps External Links -->
    <section>
      <h2>Location on Google Maps</h2>
      <p>
        <a href="https://www.google.com/maps/place/Gaza" target="_blank">
          View Gaza on Google Maps
        </a>
      </p>
      <p>
        <a href="https://www.google.com/maps/place/Northern+Gaza" target="_blank">
          Northern Gaza Region
        </a>
      </p>
    </section>

  </main>

  <!-- Footer -->
  <footer>
    <p align="center">© 2025 Muthu's Web Project | All information is for educational use.</p>
  </footer>

</body>
</html>