SAFOG

<!DOCTYPE html> <html> <head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title> SAFOG </title><meta name="description" /><meta name="keywords" />  <link rel="shortcut icon" href="images/favicon/favicon.ico" type="image/x-icon" />  <link rel="stylesheet" href="fontawesome-free-5.15.4-web/css/all.min.css" />  <link rel="stylesheet" href="css/bootstrap.min.css" />  <link rel="stylesheet" href="css/style.css" />  <link rel="stylesheet" href="css/responsive.css" /><link rel="stylesheet" href="assets/vendor/aos/aos.css" /> <style> .project-child{ background-image: linear-gradient(45deg, #b9badf, #c8e9f9); padding:10px; transition:all 0.3s; box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 10%); margin:0px; border:2px solid #2d2e8b; border-radius:10px } .mainpageheading{ text-align: center; color: #2d2e8b; } .btn-blue { background-color: #2d2e8b; border: 1px solid transparent; transition: 0.5s; color: white; } .btn-blue:hover { background-color: white; color: #2d2e8b !important; border: 1px solid #2d2e8b !important; } .image-cont{ display:grid; gap:20px; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)) !important; } @media(min-width:574px) { .image-cont { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)) !important; grid-auto-rows: 200px } } .image-child{ overflow:hidden; border-radius:10px } .image-cont img{ height:100%; object-fit:cover } .image-cont a{ display:block; overflow:hidden; border-radius:10px; transition:all 0.3s; box-shadow:0px 0px 5px 3px rgba(0,0,0,0.1) } .image-cont a:hover{ transform:scale(1.05); } </style> <link rel="stylesheet" href="js/dist/css/spotlight.min.css">  <style> .YGA:hover a{ color:#313291; } .d-grid{ display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); grid-gap: 20px; } footer li{ margin-bottom:5px; } footer li a,footer p{ font-size:14px !important } footer li a:hover{ color:#30318e !important; } @media(max-width:991px){ .d-grid{ display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); grid-gap: 20px; } } @media (min-width: 1200px){ header .menu>li { margin-left: 5px; font-size:16px !important } } .menuincommittee,.menuincongresses ,.menuincongresses{ padding:10px !important } @media(max-width:992px){ nav .menu li { border-bottom: 1px solid white; padding: 10px 0px; cursor: pointer; color: white; transition: 0.5s; font-size:14px } nav .menu li .dropdown li{ font-size:14px; white-space: normal; } } @media(max-width:1200px){ header .container-fluid{ width:100%; max-width:100%; } header .menu>li { margin-left: 5px; font-size:16px !important } } /*header .menu .dropdown{ background-color:#e6f7ff; }*/ /*header .menu .dropdown ul span i { background-color: transparent; color: white; padding: 3px 5px; margin-left: 5px; }*/ /*header .menu li a { text-decoration: none; color: white !important; transition: 0.5s; cursor: pointer; }*/ header .menu .dropdown ul span i{ background-color: transparent !important; color: black; } header .fa-angle-down{ display:inline } @media (max-width: 991px) { header .menu .dropdown ul span i { background-color: transparent !important; } header .fa-angle-down{ display:none } header .menu li { list-style: none; padding: 10px 10px 12px 10px; font-family: 'poppins'; font-size: 16px; font-family: 'Poppins-SemiBold'; margin: 0px 10px 0px 5px; cursor: pointer; } } @media (min-width: 992px) { header .menu .dropdown { border: 2px solid white; min-width:200px; } header .menu .dropdown ul{ width:100% } header .menu .dropdown ul li { margin-top: 5px; height: auto; padding:5px !important; position: relative; width: auto; font-size: 14px; width:100% !important; transition:all 0.3s } header .menu .dropdown ul li a{ display:block } header .menu .dropdown ul li:hover { background-color:#ebebeb; } } header .menu .dropdownlast{ min-width:initial; } @media(min-width: 992px) and (max-width:1199px){ header .menu .dropdownlast{ left: -61px; } } </style> </head> <body> <form name="aspnetForm" method="post" action="./Gallery.aspx" id="aspnetForm"> <div> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="gZufYVx0DGnzjS1Ca2QZktlDGt77bMN4ao3bXBmiI07/dOYiQhs/j3DTH2WXESlVyvhfrGWDbFbcvO3YRK7HCJJz2jfn1B2grSGUU8DWLxA=" /> </div> <div> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="5EAD16E3" /> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="QqKP/5uWVZD7ogRUrbdE4Mypiy5KKICmzZFuD/z+IDL7I/lFSTOI2zuIgIkooKuleWe82yMxg+0OXw2CAavNqSpHsYc25gv3vsdKMbTfSmcfT18z3wh5vvL2BmllQwSi" /> </div> <header>  <nav class=" container-fluid container-lg h-100 d-flex align-items-center"> <div class="navleft"> <a class="logo" href="Default.aspx"><img class="w-h-100 d-block" src="images/sofog.jpg" alt="logo"></a> </div> <div class="navright d-flex align-self-right h-100"> <ul class="menu ml-lg-5 ml-0 d-lg-flex pl-lg-5 pl-xl-0 justify-content-center ">  <ul class="homelogin"> <li><a href="Default.aspx">Home</a></li> <li><a href="Login.aspx">Login</a></li> <li><a href="Contact_Us.aspx">Contact</a></li> </ul> <li class="menu-item">About Us <i class="fa fa-angle-down"></i> <div class="dropdown"> <ul> <li><a href="Objective.aspx">Objectives</a></li> <li><a href="Constitution.aspx">Constitution</a></li> <li><a href="members.aspx">Members</a></li> <li><a href="History.aspx">History</a></li> <li><a href="Gallery.aspx">Gallery</a></li> <li><a href="Committee_Webinar.aspx">Webinar</a></li> </ul> </div> <div class="d-lg-none dropicon"> <i class="fa fa-plus"></i> <i class="fa fa-minus"></i> </div> </li> <li class="menu-item">Officers & Committee Members <i class="fa fa-angle-down"></i> <div class="dropdown"> <div> <ul> <li><a href="Advisor.aspx">Advisors</a></li> <li><a href="Executive_Board.aspx">Executive Board</a></li> </ul> <ul class="left"> <li style="color:black; font-weight:initial !important; cursor:pointer; font-size:14px;" class=" menuchairs" ><a style="color:black; font-weight:initial !important; font-size:14px;"><span style="color:black; font-weight:initial !important; font-size:14px;cursor:pointer">Committee Chairs <i class="fa fa-caret-down"></i> </span> <div class="dropdown2"> <ul class="right menuinchairs border p-lg-2 mt-1" style="display:none;padding: 5px !important;background-color:white"> <li><a href="Chairs.aspx">Committee Chairs</a></li> <li><a href="AD_HOC_COMMITTEE.aspx">AD-HOC Committee Chairs</a></li> </ul> </div> </a></li> </ul> <ul class=" "> <li><a href="#">National Society Representatives</a></li> </ul> <ul> <li><a href="Committee_Members.aspx">Committee Members</a></li> <li><a href="Past_Presidents.aspx">Past Presidents</a></li> <li><a href="past_secretory.aspx">Past Secretory</a></li> </ul> </div> <div class="ml-lg-5 d-none"> <ul class="left"> <li> <ul class="mt-lg-4"> </ul> </li> </div> </div> <div class="d-lg-none dropicon"> <i class="fa fa-plus"></i> <i class="fa fa-minus"></i> </div> </li> <li class="menu-item">Congresses & Events <i class="fa fa-angle-down"></i> <div class="dropdown"> <ul class="left"> <li style="color:black; font-weight:initial !important; font-size:14px; cursor:pointer" class=" menucongresses"><a style="color:black; font-weight:initial !important; font-size:14px;"><span style="color:black; font-weight:initial !important; font-size:14px;cursor:pointer;">Congress Reports <i class="fa fa-caret-down"></i> </span> <div class="dropdown2"> <ul class="right menuincongresses border p-lg-2 mt-1" style="display:none;padding: 5px !important;background-color:white"> <li><a href="SILVER_JUBLIEE.aspx">Silver Jubliee</a></li> <li><a href="Report_of_14th_SAFOG_conference.aspx">Report of 14th SAFOG conference</a></li> </ul> </div> </a></li> <li style="cursor:pointer" class=" menucommittee"><a ><span style="color:black;font-size:14px; font-weight:initial !important; font-weight:bold;cursor:pointer">Committee Activities <i class="fa fa-caret-down"></i> </span> <div class="dropdown2"> <ul class="right menuincommittee border p-lg-2 mt-1" style="display:none;padding: 5px !important;background-color:white"> <li> <a href="Reproductive_endocrinology.aspx">Reproductive Endocrinology Sub Committee SAFOG </a></li> <li><a href="EducationCommittee.aspx">Education Committee </a></li> <li><a href="NCD_commitee.aspx">Non Communicable Disease Committee </a></li> <li><a href="Clinical Research.aspx">Clinical Research And Good Practice Committee</a></li> <li><a href="MaternalHealthCommitte.aspx"> Maternal & Peinatal Health Committee </a></li> <li><a href="Oncology_committee.aspx">Oncology Committee</a></li> </ul> </div> </a> <li><a href="Events.aspx">Upcoming Events</a></li> </ul> </div> <div class="d-lg-none dropicon"> <i class="fa fa-plus"></i> <i class="fa fa-minus"></i> </div> </li> <li class="menu-item" >News & Publication <i class="fa fa-angle-down"></i> <div class="dropdown"> <ul> <li><a href="Newsletter.aspx">Newsletter</a></li> <li><a href="Journal.aspx">Journal</a></li> <li><a href="Publication.aspx">Publication</a></li> <li><a href="newsfrommember.aspx">News From Member Societies</a></li> </ul> </div> <div class="d-lg-none dropicon"> <i class="fa fa-plus"></i> <i class="fa fa-minus"></i> </div> </li> <li class="menu-item ">Projects <i class="fa fa-angle-down"></i> <div class="dropdown dropdownlast"> <ul> <li><a href="YoungGAward.aspx">YGA</a></li> <li><a href="UNICEF.aspx">UNICEF</a></li> <li><a href="who_report.aspx">WHO SEARO</a></li> </ul> </div> <div class="d-lg-none dropicon"> <i class="fa fa-plus"></i> <i class="fa fa-minus"></i> </div> </li> </ul> <div class="topside d-lg-flex justify-content-center"> <div class="topsideinner d-sm-flex align-items-center"> <div class="position-relative"><input name="ctl00$TextBox1" type="text" id="ctl00_TextBox1" placeholder="Search" /> <i class=" fa fa-search position-absolute" style="right: 10px; top: 50%; transform: translateY(-50%);" ></i> </div> <ul class="homelogin d-sm-flex align-items-center"> <li><a href="Default.aspx">Home</a></li> <li><a href="Login.aspx">Login</a></li> <li><a href="Contact_Us.aspx">Contact</a></li> <li><a href="#"><i title="facebook" class="fab fa-facebook-f"></i></a></li> <li><a href="#"><i title="instagram" class="fab fa-instagram"></i></a></li> <li><a href="#"><i title="twitter" class="fab fa-twitter"></i></a></li> </ul> </div> </div> </div> </nav>   <div class="bar" onclick="togglenav()"> <span></span> <span></span> <span></span> </div>  <div class="follow d-flex d-lg-none"> <a href="https://www.facebook.com/isccmnational/" target="_blank"><i title="facebook" class="fab fa-facebook-f"></i></a> <a href="https://twitter.com/isccmsociety" target="_blank"><i title="twitter" class="fab fa-twitter"></i></a> <a href="https://www.linkedin.com/in/isccm-isccm/" target="_blank"> <i title="linkedin" class="fab fa-linkedin"></i></a> <a href="https://www.youtube.com/channel/UCtyEfqIGqVNaLDwBzS4sgcw" target="_blank"><i title="youtube" class="fab fa-youtube"></i></a> </div> </header>  <section class="slider"> <div class="container my-5"> <h2 class="mainpageheading mb-5">Gallery</h2> <div class="Gallery-cont"> <h4>SAFOG Council</h4> <div class="image-cont" id="demo"> <a class="spotlight" href="images/gallery/SAFOG_Council_meeting_2022.JPG"> <img data-src="images/gallery/SAFOG_Council_meeting_2022.JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/SAFOG_Council_Meeting_2022_1.JPG"> <img data-src="images/gallery/SAFOG_Council_Meeting_2022_1.JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/SAFOG_Council_Meeting_2022_2.JPG"> <img data-src="images/gallery/SAFOG_Council_Meeting_2022_2.JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/SAFOG_COUNCIL_2021.JPG"> <img data-src="images/gallery/SAFOG_COUNCIL_2021.JPG" style="width:100%" class="lozad"> </a> </div> <h4 class="mt-5">SAFOG SLCOG</h4> <div class="image-cont" id="demo"> <a class="spotlight" href="images/gallery/SAFOG_SLCOG.JPG"> <img data-src="images/gallery/SAFOG_SLCOG.JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/SAFOG_SLCOG_conf.JPG"> <img data-src="images/gallery/SAFOG_SLCOG_conf.JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/SAFOG_SLCOG_Conf2.JPG"> <img data-src="images/gallery/SAFOG_SLCOG_Conf2.JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/SAFOG_SLCOG_Conf2.JPG" style="visibility:hidden"> <img data-src="images/gallery/SAFOG_SLCOG_Conf2.JPG" style="width:100%" class="lozad"> </a> </div> <h4 class="mt-5">Inaugration</h4> <div class="image-cont" id="demo"> <a class="spotlight" href="images/gallery/Inaugaration/Inaugaration/New_folder/(1).JPG"> <img data-src="images/gallery/Inaugaration/Inaugaration/New_folder/(1).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Inaugaration/New_folder/(2).JPG"> <img data-src="images/gallery/Inaugaration/Inaugaration/New_folder/(2).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Inaugaration/New_folder/(3).JPG"> <img data-src="images/gallery/Inaugaration/Inaugaration/New_folder/(3).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Inaugaration/New_folder/(4).JPG"> <img data-src="images/gallery/Inaugaration/Inaugaration/New_folder/(4).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Inaugaration/New_folder/(5).JPG"> <img data-src="images/gallery/Inaugaration/Inaugaration/New_folder/(5).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Inaugaration/New_folder/(6).JPG"> <img data-src="images/gallery/Inaugaration/Inaugaration/New_folder/(6).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Inaugaration/New_folder/(7).JPG"> <img data-src="images/gallery/Inaugaration/Inaugaration/New_folder/(7).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Inaugaration/New_folder/(8).JPG"> <img data-src="images/gallery/Inaugaration/Inaugaration/New_folder/(8).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Inaugaration/New_folder/(9).JPG"> <img data-src="images/gallery/Inaugaration/Inaugaration/New_folder/(9).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Inaugaration/New_folder/(10).JPG"> <img data-src="images/gallery/Inaugaration/Inaugaration/New_folder/(10).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Inaugaration/New_folder/(11).JPG"> <img data-src="images/gallery/Inaugaration/Inaugaration/New_folder/(11).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Inaugaration/New_folder/(12).JPG"> <img data-src="images/gallery/Inaugaration/Inaugaration/New_folder/(12).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/New_folder_(4)/(1).JPG"> <img data-src="images/gallery/Inaugaration/New_folder_(4)/(1).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/New_folder_(4)/(2).JPG"> <img data-src="images/gallery/Inaugaration/New_folder_(4)/(2).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/New_folder_(4)/(3).JPG"> <img data-src="images/gallery/Inaugaration/New_folder_(4)/(3).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/New_folder_(4)/(4).JPG"> <img data-src="images/gallery/Inaugaration/New_folder_(4)/(4).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/New_folder_(4)/(5).JPG"> <img data-src="images/gallery/Inaugaration/New_folder_(4)/(5).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/New_folder_(4)/(6).JPG"> <img data-src="images/gallery/Inaugaration/New_folder_(4)/(6).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/New_folder_(4)/(7).JPG"> <img data-src="images/gallery/Inaugaration/New_folder_(4)/(7).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/New_folder_(4)/(8).JPG"> <img data-src="images/gallery/Inaugaration/New_folder_(4)/(8).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/New_folder_(4)/(9).JPG"> <img data-src="images/gallery/Inaugaration/New_folder_(4)/(9).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/New_folder_(4)/(10).JPG"> <img data-src="images/gallery/Inaugaration/New_folder_(4)/(10).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/New_folder_(4)/(11).JPG"> <img data-src="images/gallery/Inaugaration/New_folder_(4)/(11).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/New_folder_(4)/(12).JPG"> <img data-src="images/gallery/Inaugaration/New_folder_(4)/(12).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/New_folder_(4)/(13).JPG"> <img data-src="images/gallery/Inaugaration/New_folder_(4)/(13).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/New_folder_(4)/(14).JPG"> <img data-src="images/gallery/Inaugaration/New_folder_(4)/(14).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/New_folder_(4)/(15).JPG"> <img data-src="images/gallery/Inaugaration/New_folder_(4)/(15).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/New_folder_(4)/(16).JPG"> <img data-src="images/gallery/Inaugaration/New_folder_(4)/(16).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/New_folder_(4)/(17).JPG"> <img data-src="images/gallery/Inaugaration/New_folder_(4)/(17).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/New_folder_(4)/(18).JPG"> <img data-src="images/gallery/Inaugaration/New_folder_(4)/(18).JPG" style="width:100%" class="lozad"> </a> </div> <h4 class="mt-5">Inaugration (Council meeting)</h4> <div class="image-cont" id="demo"> <a class="spotlight" href="images/gallery/Inaugaration/Council_meeting/(1).JPG"> <img data-src="images/gallery/Inaugaration/Council_meeting/(1).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Council_meeting/(2).JPG"> <img data-src="images/gallery/Inaugaration/Council_meeting/(2).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Council_meeting/(3).JPG"> <img data-src="images/gallery/Inaugaration/Council_meeting/(3).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Council_meeting/(4).JPG"> <img data-src="images/gallery/Inaugaration/Council_meeting/(4).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Council_meeting/(5).JPG"> <img data-src="images/gallery/Inaugaration/Council_meeting/(5).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Council_meeting/(6).JPG"> <img data-src="images/gallery/Inaugaration/Council_meeting/(6).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Council_meeting/(7).JPG"> <img data-src="images/gallery/Inaugaration/Council_meeting/(7).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Council_meeting/(8).JPG"> <img data-src="images/gallery/Inaugaration/Council_meeting/(8).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Council_meeting/(9).JPG"> <img data-src="images/gallery/Inaugaration/Council_meeting/(9).JPG" style="width:100%" class="lozad"> </a> </div> <h4 class="mt-5">Inaugration (Dinner)</h4> <div class="image-cont" id="demo"> <a class="spotlight" href="images/gallery/Inaugaration/Dinner/(1).JPG"> <img data-src="images/gallery/Inaugaration/Dinner/(1).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Dinner/(2).JPG"> <img data-src="images/gallery/Inaugaration/Dinner/(2).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Dinner/(3).JPG"> <img data-src="images/gallery/Inaugaration/Dinner/(3).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Dinner/(4).JPG"> <img data-src="images/gallery/Inaugaration/Dinner/(4).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Dinner/(5).JPG"> <img data-src="images/gallery/Inaugaration/Dinner/(5).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Dinner/(6).JPG"> <img data-src="images/gallery/Inaugaration/Dinner/(6).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Dinner/(7).JPG"> <img data-src="images/gallery/Inaugaration/Dinner/(7).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Dinner/(8).JPG"> <img data-src="images/gallery/Inaugaration/Dinner/(8).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Dinner/(9).JPG"> <img data-src="images/gallery/Inaugaration/Dinner/(9).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Dinner/(10).JPG"> <img data-src="images/gallery/Inaugaration/Dinner/(10).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Dinner/(11).JPG"> <img data-src="images/gallery/Inaugaration/Dinner/(11).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Dinner/(12).JPG"> <img data-src="images/gallery/Inaugaration/Dinner/(12).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Dinner/(13).JPG"> <img data-src="images/gallery/Inaugaration/Dinner/(13).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/Dinner/(14).JPG"> <img data-src="images/gallery/Inaugaration/Dinner/(14).JPG" style="width:100%" class="lozad"> </a> </div> <h4 class="mt-5">Inaugration (Program)</h4> <div class="image-cont" id="demo"> <a class="spotlight" href="images/gallery/Inaugaration/program/(1).JPG"> <img data-src="images/gallery/Inaugaration/program/(1).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/program/(2).JPG"> <img data-src="images/gallery/Inaugaration/program/(2).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/program/(3).JPG"> <img data-src="images/gallery/Inaugaration/program/(3).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/program/(4).JPG"> <img data-src="images/gallery/Inaugaration/program/(4).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/program/(5).JPG"> <img data-src="images/gallery/Inaugaration/program/(5).JPG" style="width:100%" class="lozad"> </a> <a class="spotlight" href="images/gallery/Inaugaration/program/(6).JPG"> <img data-src="images/gallery/Inaugaration/program/(6).JPG" style="width:100%" class="lozad"> </a> </div> </div> </div> </section> <script src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="js/dist/js/spotlight.min.js"></script> <script> $("#demo").jdbpopup({ // transition speed when the lightbox opens timeOpen: 1200, // transition speed when the lightbox closes timeClose: 800, // easing options. // refer to http://ricostacruz.com/jquery.transit/ for more information easing: "snap", // animations // 'fade', 'scale', 'flipX', 'flipY', 'slide', 'translateX', 'translateY', 'translateXY' effect: "scale", // enable image captions caption: false, // enable responsive layout responsive: true, preload: true, spinner: true, }) const observer = lozad(); observer.observe(); </script>  <footer> <div class=" container py-5"> <div class=" pb-0 mt-3 "> <div> <div class="pt-2 text-center follow d-flex justify-content-center "> <a href="#" target="_blank"><i title="facebook" class="fab fa-facebook-f"></i></a> <a href="#" target="_blank"><i title="instagram" class="fab fa-instagram"></i></a> <a href="#" target="_blank"><i title="twitter" class="fab fa-twitter"></i></a> </div> </div> </div> </div> </footer>  <div class=" copyright" style="background: #2f2f97;"> <div class="container py-3"> <div class="row"> <div class=" col-md-6 text-center text-md-left"> <small style="color:white">Copyright @ 2022 All rights with SAFOG</small> </div> <div class="col-md-6 text-md-right text-center" style="color:white">Powered by <a target="_blank" style="text-decoration:none" href="https://ngauge.co.in/"><span class="text-white">nGauge</span></a></div> </div> </div> </div> </form>  <script src="assets/vendor/jquery/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="assets/vendor/aos/aos.js"></script> <script> AOS.init({ once:true, duration: 1000, }); </script> <script> if (window.matchMedia("(min-width: 992px)").matches) { $(".menucommittee").click(function () { $(".menuincommittee").toggle() }) $(".menucongresses").click(function () { $(".menuincongresses").toggle() }) $(".menuchairs").click(function () { $(".menuinchairs").toggle() }) } if (window.matchMedia("(max-width: 992px)").matches) { $(".menuincommittee").show(); $(".menuincongresses").show(); $(".menuinchairs").show(); } </script> <script src="js/main.js"></script> </body> </html>

CINXE.COM

SAFOG