gallery.github.io/index.html at main · Khitishgithub/gallery.github.io · 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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"><meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE-edge">
    <meta name="viewport" content="width=device-width,initial-scale-1.0">
    <link rel="stylesheet" href="style.css" media="all">
    <title>Photos Gallery</title>
</head>
<h1>Gallery...</h1>
<body>
<div class="container">
  <div class="gallery-container">
    <div class="gallery-item">
      <div class="image">
        <h3>LION</h3>
        <span>
          "Be like a Warrior. Dont give up without trying your best.Everyone wants to eat but few are willing to hunt ."
        </span>
        <img src="img2.jpg" alt="image of Lion" id="p1">
    </div>
   </div>
  </div>

   <div class="gallery-container">
     <div class="gallery-item">
       <div class="images">
        <h3>TIGER</h3>
        <span>
          "A Brave man is a man who dares to look the Devil in the face and tell him he is a Devil ."
        </span>
         <img src="img3.jpg" alt="image of a Tiger" id="p1">
     </div>
    </div>
  </div>

    <div class="gallery-container">
      <div class="gallery-item">
        <div class="images">
          <h3>HORSE</h3>
          <span>
            "If one has Courage nothing can dim the light which Shines from within .They lend us the wing we lack ."
          </span>
          <img src="img8.jpg" alt="image of a Horse"  id="p1">
      </div>
     </div>
    </div>

     <div class="gallery-container">
       <div class="gallery-item">
         <div class="images">
          <h3>GIRAFFE</h3>
          <Span>
            "Keep your Chin up and smile . it's going to be a wonderful day .Stand tall and be Strong ."
          </Span>
           <img src="img6.jpg" alt="image of a Giraffe" id="p1">
       </div>
      </div>
    </div>

      <div class="gallery-container">
        <div class="gallery-item">
          <div class="images">
            <h3>WOLF</h3>
            <span>
              "The Lion and Tiger might be more powerful but the Wolf never dances in a circus."
            </span>
            <img src="img5.jpg" alt="image of a Wolf" id="p1">
          </div>
        </div>
      </div>


       <div class="gallery-container">
         <div class="galley-item">
           <div class="images">
            <h3>ELEPHANT</h3>
            <span>
              "Every experiences,no matter how Bad it seems ,holds within it a Blessing of some kind.The goal is to find it ."
            </span>
             <img src="img4.jpg" alt="image of a Elephant" id="p1">
         </div>
        </div>
      </div>

        <div class="gallery-container">
          <div class="gallery-item">
            <div class="images">
              <h3>DEER</h3>
              <span>
                "The musk is inside the deer ,but the deer do not look for it .It wanders around looking for grass ."
              </span>
              <img src="img9.jpg" alt="image of a deer" id="p1">
           </div>
          </div>
        </div>

        <div class="gallery-container">
          <div item="gallery-item">
            <div class="images">
              <h3>RHINOSORES</h3>
              <span>
                "True beauty doesn't come from Make up and clothing . It Comes from Love,Compassion and Gratitude ."
              </span>
              <img src="img13.jpg" alt="image of Rhinosores" id="p1">
            </div>
           </div>
        </div>

        <div class="gallery-container">
          <div item="gallery-item">
            <div class="images">
              <h3>CROCODILE</h3>
              <span>
                "An appeaser is one who feeds a crocodile,hoping it will eat him. Love is to giving someone the power to destroy you but trusting them not to."
              </span>
              <img src="crocodile.jpg" alt="image of crocodile" id="p1">
            </div>
           </div>
        </div>

        <div class="gallery-container">
          <div item="gallery-item">
            <div class="images">
              <h3>BEAR</h3>
              <span>
                "IF it Scares you it's a Sign you need to do it .Everyone wants to be a Beast until it's time to do what Beast do .They are nice as long as you are nice to them."
              </span>
              <img src="img21.jpg" alt="image of bear" id="p1">
            </div>
           </div>
        </div>

        <div class="gallery-container">
          <div item="gallery-item">
            <div class="images">
              <h3>CHEETAH</h3>
              <span>
                "Two fundamentals of cool life . Walk like you are a King or Walk like you don't care who is King ."
              </span>
              <img src="img22.jpg" alt="image of cheetah" id="p1">
            </div>
           </div>
        </div>

        <div class="gallery-container">
          <div item="gallery-item">
            <div class="images">
              <h3>ANACONDA</h3>
              <span>
                "It's not about who is Real to your Face, It's about who stays Real behind your Back ."</span>
              <img src="img23.jpg" alt="image of anaconda" id="p1">
            </div>
           </div>
        </div>

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