learning/gallery.html at master · SridharManikandan/learning · 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
<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="./styles.css" />
</head>

<body>
    <div>
        <div id="header">
            <div class="header-bg">
                <img src="./images/header-bg.jpeg" alt="Snow" style="width:100%;height: 250px;">
                <div class="top-left">உலகத் தமிழர் திறன் வளர் சங்கம்</div>
            </div>
            <div id="header-nav">
                <ul id="header-nav-li">
                    <li><a href="./index.html">Home</a></li>
                    <li><a href="./schemes.html">Schemes</a></li>
                    <li> <a href="./achievements.html">Achievements</a></li>
                    <li><a href="./gallery.html">Gallery</a></li>
                    <li><a href="./contact.html">Contact us</a></li>
                </ul>
            </div>
        </div>
        <div id="content">
            <h1 class="heading">Gallery : </h1>
            <div class="w3-content w3-section" style="max-width:500px">
                <img class="mySlides" src="./images/1.jpg">
                <img class="mySlides" src="./images/2.jpg">
                <img class="mySlides" src="./images/3.jpg">
                <img class="mySlides" src="./images/4.jpg">
                <img class="mySlides" src="./images/5.jpg">
                <img class="mySlides" src="./images/6.jpg">
                <img class="mySlides" src="./images/7.png">
                <img class="mySlides" src="./images/8.jpg">
                <img class="mySlides" src="./images/9.jpg">
                <img class="mySlides" src="./images/10.jpg">
                <img class="mySlides" src="./images/11.jpg">
                <img class="mySlides" src="./images/12.png">
                <img class="mySlides" src="./images/13.jpg">
                <img class="mySlides" src="./images/14.png">
                <img class="mySlides" src="./images/15.jpg">
                <img class="mySlides" src="./images/16.jpg">
                <img class="mySlides" src="./images/17.png">
                <img class="mySlides" src="./images/18.jpg">
                <img class="mySlides" src="./images/19.png">
                <img class="mySlides" src="./images/20.jpg">
                <img class="mySlides" src="./images/21.jpg">
                <img class="mySlides" src="./images/22.jpg">
                <img class="mySlides" src="./images/23.jpg">

            </div>
        </div>
        <div id="footer">
            <div id="footer-content">
                <p><span id="copyright_text">Copyright © 2022 <a href="#"> Ettercap.</a> All
                        rights reserved</span><span id="social-media"> <a
                            href="https://www.facebook.com/111729478102577/photos/a.111731024769089/111731031435755/?type=3&app=fbl"
                            class="fa fa-facebook"></a>
                        <a href="https://twitter.com/SachinLokesh18?t=3-TZdsz0F8hwjGAvzbLo8A&s=09"
                            class="fa fa-twitter"></a>
                        <a href="https://instagram.com/sachin.lokesh?utm_medium=copy_link" class="fa fa-instagram"></a>
                        <a href="https://www.youtube.com/channel/UCOl0rO5Oi0B74DV1X5nX9sA"
                            class="fa fa-youtube"></a></span></p>
            </div>
        </div>
    </div>

</body>

</html>