HTML_and_CSS/index.html at master · nitingupta220/HTML_and_CSS · 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
<!DOCTYPE html>
<html>
   <head>
      <title>Index3(exercise9).html</title>
      <link rel="stylesheet" href="style(exercise9).css">
   </head>
   <body>
      <div>
        <div class="flex-container-header">
        <div class="flex-item-1-header">
        <a href="index.html"><img src="logo.png" class="logoImg"/></a>
      </div>
      <div class="flex-item-3-header">
         <h1 class="one">Equality</h1>
       </div>
         <div class="flex-item-2-header">
         <ul class="flex-container-ul-top">
            <li><a href="kindness3(exercise9).html">Kindness</a></li>
            <li><a href="Activism.html">Activism</a></li>
            <li><a href="empathy.html">Empathy</a></li>
            <li><a href="Contact us.html">Contact us</a></li>
         </ul>
       </div>
       </div>
       <br><br>
         <img src="equality.jpg">
         <br><br>
         <div class="flex-container3">
            <div class="flex-item">
               <p class="four"><strong>World is full of inequalities. Sometimes, we are the ones who engage in it. At other times, we are the recipients. It exists in various forms like below:</strong>
               </p>
               <ol>
                  <li>Gender</li>
                  <li>Race</li>
                  <li>Age</li>
                  <li>Sexual Orientation</li>
                  <li>Origin</li>
                  <li>Caste or Class</li>
                  <li>Income or proerty</li>
                  <li>Language</li>
                  <li>Religion</li>
                  <li>Convictions</li>
                  <li>Opinions</li>
                  <li>Health or disability</li>
               </ol>
            </div>
            <div class="flex-item">
               <h2>Should equality exist?</h2>
               <img src="hands.jpg">
               <h3>Is it okay for us to not do anything about it?</h3>
            </div>
         </div>
         <div class="flex-container4">
         <h2>Let's Pledge</h2>
         <p class="six">Let's pledge that we will not practice inequality in any form. Let's pledge that we will think about our behavior and be emphatic to others</p>
       </div>
         <hr>
         <div class="flex-container-footer">
         <ul class="flex-container2">
           <li><a href="Index3(exercise9).html">Home</a></li>
           <li><a href="kindness3(exercise9).html">Kindness</a></li>
           <li><a href="Activism.html">Activism</a></li>
           <li><a href="empathy.html">Empathy</a></li>
           <li><a href="Contact us.html">Contact us</a></li>

         </ul>
       </div>
      </div>
   </body>
</html>