<html>

<head>
    <title>फोटो गैलरी </title>
    <meta charset="utf-8" />
    <link rel="shortcut icon" type="image/png" href="mediaImage/upgovlogo.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css" />
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css" />
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


<style>
.button {
  padding: 15px 25px;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: maroon;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.button:hover {background-color: F5A998}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
    @media screen and (max-width: 480px) {
        .logo {
            font-size: 150px;
        }
    }

    .custom-shadow {
        box-shadow: 0px 0px 3px #999;
    }

    header .logo {
        padding: 7px 40px 0px 40px;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 0;
        margin-top: 2px;
    }

        header .logo img {
            width: 65px;
        }

    .float-left {
        float: left;
    }

    .float-right {
        float: right;
    }

    .float-clear {
        clear: both;
    }

    .center {
        text-align: center;
    }
</style>
<script>
       
        document.addEventListener("DOMContentLoaded", function () {
            window.location = "Gallery_category.aspx";
        });
       
    </script>
</head>

<body >
    <!--Header Starts--->
    <header class="custom-shadow" style="background-color: #4f0b0b; box-shadow: 0px 2px 3px #999;">
        <div class=" logo">
            <div class="float-left">
                <img src="mediaImage/upgovlogo.png" />
            </div>
            <div class="center" style="margin-left: 10px; margin-top: 3px; font-size: 20px;">राजस्व परिषद, उत्तर प्रदेश<div style="font-size: 20px;">Photo Gallery</div></div>
            <div class="float-clear"></div>
        </div>
        <div class="float-clear"></div>
    </header>
    <!--Header Ends--->
    <center>
  
        <div class="container">
            <center><h2>Photo Gallery</h2></center>

            <div class="list-group">
                <a href="2015.htm" class="list-group-item list-group-item-info" style="font-size: larger"><strong>वर्ष 2015</strong></a>
                <a href="2016.htm" class="list-group-item list-group-item-danger" style="font-size: larger"><strong>वर्ष 2016</strong></a>
                <a href="2017.htm" class="list-group-item list-group-item-info"  style="font-size: larger"><strong>वर्ष 2017</strong></a>
                <a href="2018.html" class="list-group-item list-group-item-danger"  style="font-size: larger"><strong>वर्ष 2018</strong></a>
                <a href="2019.html" class="list-group-item list-group-item-info"  style="font-size: larger"><strong>वर्ष 2019</strong></a>
				 <a href="2020.html" class="list-group-item list-group-item-danger"  style="font-size: larger"><strong>वर्ष 2020</strong></a>
                 <a href="2021.html" class="list-group-item list-group-item-info"  style="font-size: larger"><strong>वर्ष 2021</strong></a>
<a href="year_category.aspx" class="list-group-item list-group-item-info"  style="font-size: larger"><strong>वर्ष 2022</strong></a>
				 
            </div>
        </div>
    </center>
    &nbsp;

</body>

</html>