<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<title>GALLERY</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>

<body>
<div class="container">
<header>

<img src="images/image.jpg" style="border-radius:4px;border-color: gray; display:inline-block;vertical-align: top;"/>
<img src="images/banner1.jpg" style="border-radius:4px;border-color:gray; display:inline-block;vertical-align: top; width:835px;height:220px;"/>
 <div class="wrapper">
 
          <nav>
            <a href="index.php">Home</a>
            <a href="Aboutcollege.php">About College</a>
            <a href="gallery.php">Gallery</a>
            <a href="Aboutportal.php">About Portal</a>
            <a href="#contact">Contact Us</a>
          </nav>

    </div>
   </header>
   <section id="free" style="background-image: url(images/giphy.gif)";>
   <center><label><h1><center>Gallery</span></h1></label></center>
   <div id="note" style="height:1000px;margin-left:100px;margin-right:100px; margin-bottom:10px;background-image: url(images/port2.jpg);">
  <div class="container1">
    	<div id="carousel">
			<figure><img src="images/first.jpg" style="width:300px;height:188px;" alt=""></figure>
			<figure><img src="images/second.jpg" style="width:300px;height:188px;" alt=""></figure>
			<figure><img src="images/third.jpg"  style="width:300px;height:188px;"alt=""></figure>
			<figure><img src="images/fourth.jpg"  style="width:300px;height:188px;"alt=""></figure>
			<figure><img src="images/fifth.jpg"  style="width:300px;height:188px;" alt=""></figure>
			<figure><img src="images/six.jpg"   style="width:300px;height:188px;" alt=""></figure>
			<figure><img src="images/seven.jpg"  style="width:300px;height:188px;" alt=""></figure>
			<figure><img src="images/eight.jpg"  style="width:300px;height:188px;" alt=""></figure>
			<figure><img src="images/nine.jpg"  style="width:300px;height:188px;" alt=""></figure>
		</div>
	</div><br/><br/><br/><br/><br/><br/><br/><br/>
	 <div class="container2" style="margin-top: 100px;">
    	<div id="carousel">
			<figure><img src="images/ten.jpg" style="width:300px;height:188px;" alt=""></figure>
			<figure><img src="images/11.jpg" style="width:300px;height:188px;" alt=""></figure>
			<figure><img src="images/e12.jpg"  style="width:300px;height:188px;"alt=""></figure>
			<figure><img src="images/e13.jpg"  style="width:300px;height:188px;"alt=""></figure>
			<figure><img src="images/14.jpg"  style="width:300px;height:188px;" alt=""></figure>
			<figure><img src="images/15.jpg"   style="width:300px;height:188px;" alt=""></figure>
			<figure><img src="images/16.jpg"  style="width:300px;height:188px;" alt=""></figure>
			<figure><img src="images/17.jpg"  style="width:300px;height:188px;" alt=""></figure>
			<figure><img src="images/e18.jpg"  style="width:300px;height:188px;" alt=""></figure>
		</div>
	</div>
	<img src="images/about.jpg" style="width:960px;padding:10px;margin-top:170px;margin-right:20px;" />
	</div>
	 <footer id ="contact"><br /><br/>

<center>&copy communicationportal/rkgit.gq<br />

Developed By:-Tanay Sen</center>
</footer></div></body></body></html>
