<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
Skuast Jammu <title>Skuast Jammu</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="logos/SKUAST-J_logo.png" rel="icon">
<link href="logos/SKUAST-J_logo.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/css/animate.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<script src="https://kit.fontawesome.com/2ae9d36cdf.js" crossorigin="anonymous"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1772943799933511"
crossorigin="anonymous"></script>
<style>
@media only screen and (min-width: 100px)and (max-width:540px) {
.dropdown .dropdown-content{
width:auto !important;
margin-left:auto !important;
}
}
@media only screen and (min-width: 541px)and (max-width:719px) {
.dropdown .dropdown-content{
width:600px;
}
}
@media only screen and (min-width: 720px) and (max-width:920px) {
.dropdown.dropdown-content{
width:600px !important;
}
}
@media only screen and (min-width: 921px) and (max-width:2050px) {
.dropdown .dropdown-content{
width:600px !important ;
}
}
#img1 img{
padding:0px 10px;
}
</style>
<!-- =======================================================
* Template Name: Mentor - v4.7.0
* Template URL: https://bootstrapmade.com/mentor-free-education-bootstrap-theme/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
<body style="overflow-x:hidden">
<div id="web">
<div class="container " style="max-width:1350px">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#linkIncrease').click(function () {
modifyFontSize('increase');
});
$('#linkDecrease').click(function () {
modifyFontSize('decrease');
});
$('#linkReset').click(function () {
modifyFontSize('reset');
})
function modifyFontSize(flag) {
var divElement = $('#web');
var currentFontSize = parseInt(divElement.css('font-size'));
if (flag == 'increase')
currentFontSize += 3;
else if (flag == 'decrease')
currentFontSize -= 3;
else
currentFontSize = 15;
divElement.css('font-size', currentFontSize);
}
});
</script>
<script>
function myFunction() {
document.getElementById("web").style.backgroundColor = "black";
document.body.style.color = 'yellow';
}
function myFunction1() {
document.getElementById("web").style.backgroundColor = "";
document.getElementById("web").style.color = "black";
}
function myFunction2() {
document.getElementById("web").style.backgroundColor = "blue";
document.getElementById("web").style.color = "white";
}
function myFunction3() {
document.getElementById("web").style.backgroundColor = "grey";
document.getElementById("web").style.color = "white";
}
</script>
<div class="row" style="float:center;background:#D2691E;color:white;max-width:1350px;font-family:'Poppins', sans-serif">
<div class="col-md-7 col-xs-12">
<a href="javascript:;" id="English" onclick="translateLanguage(this.id);">
<span style="color:#Ffff;padding-top:5px;font-family:'Poppins', sans-serif">English</a> </span>
<a href="javascript:;" id="Hindi" onclick="translateLanguage(this.id);"><span style="color:#Ffff;padding-top:5px;font-family:'Poppins', sans-serif">
Hindi</a></span>
<a id="linkIncrease" href="#" style="color:#ffff">A+</a>
<a id="linkDecrease" href="#" style="color:#ffff">A-</a>
<a id="linkReset" href="#" style="color:#ffff"> A</a> </div>
<div class="col-md-5 col-xs-12">
<button type="button" onclick="myFunction()" style="background:black;color:#ffff">A</button>
<button type="button" onclick="myFunction1()" style="background:#ffff;color:#040404;text-align:right">A</button>
<button type="button" onclick="myFunction2()" style="background:blue;color:#ffff">A</button>
<button type="button" onclick="myFunction3()" tyle="background:grey;color:#ffff">A</button> ||
<a href="https://www.nvaccess.org/download/" target="_blank" style="color:#ffff">Screen Reader Access</a>
</div>
</div>
<div class="row" style="background-image:-webkit-linear-gradient( 45deg,#fff 15%,#a81c00 15%)">
<div class="col-md-5"> </div>
<div class="col-md-7" >
<div class="row">
<div class="col-md-3">
<div class="dropdown" >
<div style="border: 1px solid grey;
padding: 8px;background:#950d0d;color:#ffff;background-image: url(shad3.png);min-width:100%;width:200px;height:41px;position: inherit;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;" > <i class="fa-solid fa-user-tie"></i> Administration</div>
<div class="dropdown-content" style="border: 1px solid grey;
background:#33269D;color:#ffff;background-image: url(shad3.png);width:300px;color:#ffff;
padding: 20px;z-index:50;;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;transform: translate3d(0px,0px,0px)!important;float: right;">
<div class="row">
<div class="col-md-7">
<img src="images/admin1.jpg" style="width:100%"/>
<p style="color:#ffff" align="justify">
</p>
</div>
<div class="col-md-5">
<a href="directoreducation.php?administration=VC Secretariat" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Vice Chancellor's Secretariat</a>
<a href="research.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Directorate of Research</a>
<a href="extension.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Directorate of Extension</a>
<a href="directoreducation.php?administration=Director Education" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Directorate of Education</a>
<a href="directoreducation.php?administration=Directorate Planning" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Directorate of Planning & Monitoring</a>
<a href="directoreducation.php?administration=Registrar Office" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Registrar's Office</a>
<a href="directoreducation.php?administration=Comptroller Office" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Comptroller's Office</a>
<a href="directoreducation.php?administration=Estate Office" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Estate Office</a>
<a href="student_center.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Dean Student's Welfare</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3" >
<div class="dropdown">
<div style="border: 1px solid grey;
padding: 8px;background:#2DBF64;color:#ffff;background-image: url(shad3.png);min-width:100%;width:200px;height:41px;position: inherit;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;"> <i class="fa-solid fa-briefcase"></i> Faculties</div>
<div class="dropdown-content" style="border: 1px solid grey;
padding: 20px;background:#2DBF64;color:#ffff;background-image: url(shad3.png);width:300px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;margin-left:-400px">
<div class="row">
<div class="col-md-7">
<img src="images/foa1.jpg" width="100%"/>
<p style="color:#ffff" align="justify">
</p>
</div>
<div class="col-md-5" id="img1">
<a href="faculties.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Faculty of Agriculture</a></li>
<a href="facultyvety.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Faculty of Veterinary sciences & Animal Husbandry</a>
<a href="facultybasic.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Faculty of Basic Sciences</a>
<a href=" dairy_tech.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Faculty of Dairy Technology<img src="images/new1.gif"></a>
<a href="Agri_eng.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Faculty of Agricultural Engineering<img src="images/new1.gif"></a>
<a href="Horticulture.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Faculty of Horticulture & Forestry<img src="images/new1.gif"></a>
<a href="school_biotech.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">School of Bio Technology</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="dropdown">
<div style="border: 1px solid grey;
padding: 8px;background:maroon;color:#ffff;background-image: url(shad3.png);min-width:100%;width:200px;height:41px;position: inherit;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;"> <i class="fa-solid fa-book"></i> Research</div>
<div class="dropdown-content" style="border: 1px solid grey;
padding: 20px;background:maroon;color:#ffff;background-image: url(shad3.png);width:300px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;margin-left:-400px">
<div class="row">
<div class="col-md-7">
<img src="images/dresearch.jpg" width="100%"/>
<p style="color:#ffff" align="justify">
</p>
</div>
<div class="col-md-5">
<a href="research.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Research</a>
<a href="researchactivities.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Research Activities</a>
<a href="team.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Team</a>
<a href="pdf/research-flag.pdf" target="_blank" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Flagship of Research</a>
<a href="pdf/research-organisation.pdf" target="_blank" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Research Organization and Administration</a>
<a href="varietiesdeveloped.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Varieties Developed</a>
<a href="researchpublications.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Research Publications</a>
<a href="researchprojects.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Research projects</a>
<a href="photogallery_research.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Research Photogallery</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="dropdown">
<div style="border: 1px solid grey;
padding: 8px;background:#2DBF64;color:#ffff;background-image: url(shad3.png);min-width:100%;width:200px;height:40px;position: inherit;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;" > <i class="fa-solid fa-graduation-cap"></i> Extension</div>
<div class="dropdown-content" style="border: 1px solid grey;
padding: 20px;background:#2DBF64;color:#ffff;background-image: url(shad3.png);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;margin-left:-500px">
<div class="row">
<div class="col-md-7">
<img src="images/Director extension.jpg" width="100%"/>
<p style="color:#ffff" align="justify">
</p>
</div>
<div class="col-md-5">
<a href="extension.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">About Directorate</a>
<a href="extension.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Training Programs</a>
<a href="extension.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Month wise action plan of KVK’s</a>
<a href="extension.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">KVK’s</a>
<a href="extension.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Links for Farmers</a>
<!-- <li class="dropdown"><a href="#"><span>Deep Drop Down</span> <i class="bi bi-chevron-right"></i></a>
<ul>
<li><a href="#">Deep Drop Down 1</a></li>
<li><a href="#">Deep Drop Down 2</a></li>
<li><a href="#">Deep Drop Down 3</a></li>
<li><a href="#">Deep Drop Down 4</a></li>
<li><a href="#">Deep Drop Down 5</a></li>
</ul>
</li>-->
<a href="publications.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Publications</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" >
<div class="col-md-7 col-xs-12 col-sm-5">
<a href="accreditation-2021.pdf" class="logo me-auto"><img src="images/logoskuast1.jpg" alt="" class="img-fluid" style="padding-left:10px;"></a>
</div>
<!--<div class="col-md-6 col-xs-5 col-sm-5" id="logo1" >
<span>Sher-e-Kashmir University of</span>
<span>Agricultural Sciences & Technology of Jammu</span>
<span id="icar">Accredited by ICAR</span>
</div>-->
<div class="col-md-2 col-xs-12 col-sm-6 d-flex justify-content-center">
<img src="images/75.png" width="200px" height="120px"/>
</div>
<div class="col-md-3 col-xs-12 col-sm-12">
<style>
.dropdown {
}
.dropdown-content {
display: none;
position: relative;
width: 1200px;
float:left;
overflow: auto;
box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
background:maroon;
color:#ffff;
transform: translate3d(0px,0px,0px)!important;
}
.dropdown:hover .dropdown-content {
display: block;
width:1200px;;
z-index:50;
float:left;
position:absolute;
transform: translate3d(0px,0px,0px)!important;
}
.dropdown-content a {
display: block;
color: #000000;
padding: 5px;
text-decoration: none;
transform: translate3d(0px,0px,0px)!important;
}
.dropdown-content a:hover {
color: #FFFFFF;
background-color: #00A4BD;
}
#logo1 span{
text-align:left;
text-shadow:3px 3px 2px #D8D8D8;
color: #232526;
font-size:22px;
padding:0;
margin:0;
font-weight: 1000;
letter-spacing:1px;
word-spacing: 3px;
font-family: "Times New Roman", Times, serif;
}
#logo1 #icar{
text-align:right !important;
background:#1f1c2c;
font-size:16px;
color:white;
text-shadow:2px 3px 2px #D8D8D8 !important;
align-content: right;
}
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1772943799933511"
crossorigin="anonymous"></script>
<!-- yy -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1772943799933511"
data-ad-slot="1325727130"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class="row">
<div class="col-md-12">
<a href="pdf/certificate-accredition.pdf" target="_blank"><h6 style="font-family:Raleway, sans-serif;color:green;padding: 10px;
box-shadow: 5px 10px 18px #33269D;background:green;color:#ffff;background-image: url(shad3.png);width:230px">Certificate of Accreditation </h6></a>
<div id="google_translate_element" style="display: none"></a>
</div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({ pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false }, 'google_translate_element');
}
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"
type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
function translateLanguage(lang) {
var $frame = $('.goog-te-menu-frame:first');
if (!$frame.size()) {
alert("Error: Could not find Google translate frame.");
return false;
}
$frame.contents().find('.goog-te-menu2-item span.text:contains(' + lang + ')').get(0).click();
return false;
}
</script>
</div>
</div>
<style>
form.example input[type=text] {
padding: 4px;
font-size: 17px;
border: 1px solid grey;
float: left;
width: 80%;
background: #f1f1f1;
}
form.example button {
float: left;
width: 20%;
padding: 4px;
background: #2196F3;
color: white;
font-size: 17px;
border: 1px solid grey;
border-left: none;
cursor: pointer;
}
form.example button:hover {
background: #0b7dda;
}
form.example::after {
content: "";
clear: both;
display: table;
}
</style>
</div>
</div>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top" style="position:initial;border: 1px solid grey;background:#33269D;color:#ffff;background-image: url(shad3.png);min-width:100%;100%">
<div class="container d-flex align-items-center" style="margin-left:-18px">
<!-- <h1 class="logo me-auto"><a href="index.php">Mentor</a>-->
<!-- Uncomment below if you prefer to use an image logo -->
<nav id="navbar" class="navbar order-last order-lg-0 " >
<ul>
<li><a href="index.php" style="color:#fff;">Home</a></li>
<li class="dropdown"><a href="#" style="color:#ffff"><span>About</span> <i class="bi bi-chevron-down"></i></a>
<ul style="background:#33269D;color:#ffff;background-image: url(shad3.png);">
<li><a href="about-us.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Introduction</a></li>
<li><a href="chancellor.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Chancellor</a></li>
<li><a href="vice_chancellor.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Vice Chancellor</a></li>
<li><a href="message_vicechancellor.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Vice Chancellor's Message</a></li>
<li><a href="University-Council.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">University Council</a></li>
<li><a href="Mandate.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Mandate</a></li>
<li><a href="pdf/certificate-accredition.pdf" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Certificate of Accreditation</a></li>
<li><a href="former_vicechancellor.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Former Vice Chancellors</a></li>
<li><a href="pdf/skuastglance2018.pdf" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">SKUAST at a Glance</a></li>
<li><a href="pdf/organogram.pdf" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Organization Chart</a></li>
</ul>
</li>
<li class="dropdown"><a href="#" style="color:#ffff"><span>Academics</span> <i class="bi bi-chevron-down"></i></a>
<ul style="background:#33269D;color:#ffff;background-image: url(shad3.png);">
<li><a href="admission-procedure.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Admission Procedure</a></li>
<li><a href="academiccalender.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Academic Calender</a></li>
<li><a href="examinationcell.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Examination Cell</a></li>
</ul>
</li>
<li><a href="admissionnotices.php" style="color:#fff;">Admission Notices</a></li>
<li class="dropdown"><a href="#" style="color:#ffff"><span>Students</span> <i class="bi bi-chevron-down"></i></a>
<ul style="background:#33269D;color:#ffff;background-image: url(shad3.png);">
<li><a href="course.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Courses Offered</a></li>
<li><a href="student_center.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Student Centre</a></li>
<li><a href="facility.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Student Facilities</a></li>
<li><a href="nss.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">NSS</a></li>
</ul>
</li>
<li><a href="photogallery.php" style="color:#fff;">Events</a></li>
<li><a href="LIBRARY.php" style="color:#fff;">Library</a></li>
<li><a href="orders.php" style="color:#fff;">Orders & Circulars</a></li>
<li><a href="../farmer/farmer-corner.php" target="_blank" style="color:#fff;">Farmers’ Corner</a></li>
<li><a href="https://skuast.org/skuastalumni/" target="_blank" style="color:#fff;">Alumni</a></li>
<li class="dropdown" ><a href="#" style="color:#ffff"><span>Miscellaneous</span> <i class="bi bi-chevron-down"></i></a>
<ul style="background:#33269D;color:#ffff;background-image: url(shad3.png);">
<li><a href="Right_information.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Right to Information</a></li>
<li><a href="reservation.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">SC/ST/OBC Cell</a></li>
<li><a href="skuast_taj.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">SKUAST-TAJ</a></li>
<li><a href="skuast_jalumni.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">SKUAST-J Alumni</a></li>
<li><a href="monitoring-cell.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Monitoring Cell</a></li>
<li><a href="grievance_cell.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Grievance Cell</a></li>
<li><a href="guest_house.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Guest House</a></li>
<li><a href="photogallery.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Photo gallery</a></li>
<li><a href="baba_auditorium.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;">Baba Jitto Auditorium</a></li> <li><a href="nknlab.php" style="color:#fff;border-bottom:1px solid white ;border-bottom-style: dashed;"> NKN Lab & Data Centre</a></li>
</ul>
</li>
</li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
<!--
<a href="https://skuast.org/skuastalumni/" target="_blank" class="get-started-btn">Alumni</a>-->
</div>
</header><!-- End Header -->
<div class="icon-bar">
<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
<a href="https://twitter.com/SKUASTJammu" target="_blank" class="twitter"><i class="fa fa-twitter"></i></a>
<!-- <a href="#" class="google"><i class="fa fa-google"></i></a>
<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>-->
<a href="https://www.youtube.com/channel/UClumBGMZPdE9uBTWejLaJAg" target="_blank" class="youtube"><i class="fa fa-youtube"></i></a>
</div>
<style>
.icon-bar {
position: fixed;
top: 60%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index:50;
}
.icon-bar a {
display: block;
text-align: center;
padding: 16px;
transition: all 0.3s ease;
color: white;
font-size: 20px;
}
.icon-bar a:hover {
background-color: #000;
}
.facebook {
background: #3B5998;
color: white;
}
.twitter {
background: #55ACEE;
color: white;
}
.google {
background: #dd4b39;
color: white;
}
.linkedin {
background: #007bb5;
color: white;
}
.youtube {
background: #bb0000;
color: white;
}
</style>
<div class="row" style="background:900px solid rgba(52, 73, 94, .9);">
<div class="col-md-12">
<!DOCTYPE html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<body style="padding:0px; margin:0px; background-color:#fff;font-family:arial,helvetica,sans-serif,verdana,'Open Sans'">
<!-- #region Jssor Slider Begin -->
<!-- Generator: Jssor Slider Maker -->
<!-- Source: https://www.jssor.com -->
<script src="js/jssor.slider-27.5.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
jssor_1_slider_init = function() {
var jssor_1_SlideoTransitions = [
[{b:0,d:600,y:-290,e:{y:27}}],
[{b:0,d:1000,y:185},{b:1000,d:500,o:-1},{b:1500,d:500,o:1},{b:2000,d:1500,r:360},{b:3500,d:1000,rX:30},{b:4500,d:500,rX:-30},{b:5000,d:1000,rY:30},{b:6000,d:500,rY:-30},{b:6500,d:500,sX:1},{b:7000,d:500,sX:-1},{b:7500,d:500,sY:1},{b:8000,d:500,sY:-1},{b:8500,d:500,kX:30},{b:9000,d:500,kX:-30},{b:9500,d:500,kY:30},{b:10000,d:500,kY:-30},{b:10500,d:500,c:{x:125.00,t:-125.00}},{b:11000,d:500,c:{x:-125.00,t:125.00}}],
[{b:0,d:600,x:535,e:{x:27}}],
[{b:-1,d:1,o:-1},{b:0,d:600,o:1,e:{o:5}}],
[{b:-1,d:1,c:{x:250.0,t:-250.0}},{b:0,d:800,c:{x:-250.0,t:250.0},e:{c:{x:7,t:7}}}],
[{b:-1,d:1,o:-1},{b:0,d:600,x:-570,o:1,e:{x:6}}],
[{b:-1,d:1,o:-1,r:-180},{b:0,d:800,o:1,r:180,e:{r:7}}],
[{b:0,d:1000,y:80,e:{y:24}},{b:1000,d:1100,x:570,y:170,o:-1,r:30,sX:9,sY:9,e:{x:2,y:6,r:1,sX:5,sY:5}}],
[{b:2000,d:600,rY:30}],
[{b:0,d:500,x:-105},{b:500,d:500,x:230},{b:1000,d:500,y:-120},{b:1500,d:500,x:-70,y:120},{b:2600,d:500,y:-80},{b:3100,d:900,y:160,e:{y:24}}],
[{b:0,d:1000,o:-0.4,rX:2,rY:1},{b:1000,d:1000,rY:1},{b:2000,d:1000,rX:-1},{b:3000,d:1000,rY:-1},{b:4000,d:1000,o:0.4,rX:-1,rY:-1}]
];
var jssor_1_options = {
$AutoPlay: 1,
$Idle: 10000,
$CaptionSliderOptions: {
$Class: $JssorCaptionSlideo$,
$Transitions: jssor_1_SlideoTransitions,
$Breaks: [
[{d:2000,b:1000}]
]
},
$ArrowNavigatorOptions: {
$Class: $JssorArrowNavigator$
},
$BulletNavigatorOptions: {
$Class: $JssorBulletNavigator$
}
};
var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
/*#region responsive code begin*/
var MAX_WIDTH = 1370;
function ScaleSlider() {
var containerElement = jssor_1_slider.$Elmt.parentNode;
var containerWidth = containerElement.clientWidth;
if (containerWidth) {
var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);
jssor_1_slider.$ScaleWidth(expectedWidth);
}
else {
window.setTimeout(ScaleSlider, 2);
}
}
ScaleSlider();
$Jssor$.$AddEvent(window, "load", ScaleSlider);
$Jssor$.$AddEvent(window, "resize", ScaleSlider);
$Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
/*#endregion responsive code end*/
};
</script>
<link href="//fonts.googleapis.com/css?family=Oswald:200,300,regular,500,600,700&subset=latin-ext,vietnamese,latin,cyrillic" rel="stylesheet" type="text/css" />
<style>
/* jssor slider loading skin spin css */
.jssorl-009-spin img {
animation-name: jssorl-009-spin;
animation-duration: 11s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes jssorl-009-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.jssorb052 .i {position:absolute;cursor:pointer;}
.jssorb052 .i .b {fill:#000;fill-opacity:0.3;}
.jssorb052 .i:hover .b {fill-opacity:.7;}
.jssorb052 .iav .b {fill-opacity: 1;}
.jssorb052 .i.idn {opacity:.3;}
.jssora053 {display:block;position:absolute;cursor:pointer;}
.jssora053 .a {fill:none;stroke:#fff;stroke-width:640;stroke-miterlimit:10;}
.jssora053:hover {opacity:.8;}
.jssora053.jssora053dn {opacity:.5;}
.jssora053.jssora053ds {opacity:.3;pointer-events:none;}
</style>
<div id="jssor_1" style="position:relative;margin:0 auto;top:-23px;left:0px;width:980px;height:400px;overflow:hidden;visibility:hidden;">
<!-- Loading Screen -->
<div data-u="loading" class="jssorl-009-spin" style="position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);">
<img style="margin-top:-24pxpx;position:relative;top:%;width:38px;height:38px;" src="spin.png" />
</div>
<div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:980px;height:400px;overflow:hidden;">
<div data-p="170" id="slidert" class="text text--swapsies" data-scroll="out" data-splitting="">
<img data-u="image" data-aos="flip-up" src="admin/backend/news/1652082131nutrition-day.jpg.jpg" />
<div class="animate__animated animate__fadeInUp"><h2 class="text-effect">Nutrition day celebration</div>
</div>
<div data-p="170" id="slidert" class="text text--swapsies" data-scroll="out" data-splitting="">
<img data-u="image" data-aos="flip-up" src="admin/backend/news/1651042446farm.jpg.jpg" />
<div class="animate__animated animate__fadeInUp"><h2 class="text-effect">Research Fields</div>
</div>
<div data-p="170" id="slidert" class="text text--swapsies" data-scroll="out" data-splitting="">
<img data-u="image" data-aos="flip-up" src="admin/backend/news/1650365373slider3.jpg.jpg" />
<div class="animate__animated animate__fadeInUp"><h2 class="text-effect"> Prof. J.P.Sharma, Hon'ble Vice Chancellor</div>
</div>
<div data-p="170" id="slidert" class="text text--swapsies" data-scroll="out" data-splitting="">
<img data-u="image" data-aos="flip-up" src="admin/backend/news/1650365332Library (1).jpg.jpg" />
<div class="animate__animated animate__fadeInUp"><h2 class="text-effect">University Library</div>
</div>
<div data-p="170" id="slidert" class="text text--swapsies" data-scroll="out" data-splitting="">
<img data-u="image" data-aos="flip-up" src="admin/backend/news/1649675159Faculty of Agriculture.jpg.jpg" />
<div class="animate__animated animate__fadeInUp"><h2 class="text-effect">Campus</div>
</div>
<div data-p="170" id="slidert" class="text text--swapsies" data-scroll="out" data-splitting="">
<img data-u="image" data-aos="flip-up" src="admin/backend/news/1649675133nkk.jpg.jpg" />
<div class="animate__animated animate__fadeInUp"><h2 class="text-effect">Laboratory</div>
</div>
<div data-p="170" id="slidert" class="text text--swapsies" data-scroll="out" data-splitting="">
<img data-u="image" data-aos="flip-up" src="admin/backend/news/1649675096main gate.jpg.jpg" />
<div class="animate__animated animate__fadeInUp"><h2 class="text-effect">SKUAST Jammu Main Gate</div>
</div>
<div data-p="170" id="slidert" class="text text--swapsies" data-scroll="out" data-splitting="">
<img data-u="image" data-aos="flip-up" src="admin/backend/news/1649675058new1.jpg.jpg" />
<div class="animate__animated animate__fadeInUp"><h2 class="text-effect">Inauguration of Krishi Mela-2022 by Hon'ble Lt. Governor</div>
</div>
<div data-p="170" id="slidert" class="text text--swapsies" data-scroll="out" data-splitting="">
<img data-u="image" data-aos="flip-up" src="admin/backend/news/1649675050new4.jpg.jpg" />
<div class="animate__animated animate__fadeInUp"><h2 class="text-effect"></div>
</div>
<div data-p="170" id="slidert" class="text text--swapsies" data-scroll="out" data-splitting="">
<img data-u="image" data-aos="flip-up" src="admin/backend/news/1649675039new3.jpg.jpg" />
<div class="animate__animated animate__fadeInUp"><h2 class="text-effect"></div>
</div>
<div data-p="170" id="slidert" class="text text--swapsies" data-scroll="out" data-splitting="">
<img data-u="image" data-aos="flip-up" src="admin/backend/news/1649675013auditorium.jpg.jpg" />
<div class="animate__animated animate__fadeInUp"><h2 class="text-effect">Baba Jitto Auditorium</div>
</div>
<!-- <div data-t="4" style="position:absolute;top:220px;left:30px;width:550px;height:100px;font-family:Oswald,sans-serif;font-size:32px;font-weight:200;line-height:1.2;text-align:center;background-color:rgba(255,188,5,0.8);">Republic Day Celebration</div>
-->
<!--
<div data-p="170">
<img data-u="image" src="img/9.jpg" />
<div data-t="4" style="position:absolute;top:30px;left:30px;width:;height:;font-family:Oswald,sans-serif;font-size:32px;font-weight:200;line-height:1.2;text-align:center;background-color:rgba(255,188,5,0.8);"></div>
</div>
<div data-p="170">
<img data-u="image" src="img/7.jpg" />
<div data-t="4" style="position:absolute;top:30px;left:30px;width:;height:;font-family:Oswald,sans-serif;font-size:32px;font-weight:200;line-height:1.2;text-align:center;background-color:rgba(255,188,5,0.8);"></div>
</div>
<div data-p="170">
<img data-u="image" src="img/6.jpg" />
<div data-t="4" style="position:absolute;top:30px;left:30px;width:;height:;font-family:Oswald,sans-serif;font-size:32px;font-weight:200;line-height:1.2;text-align:center;background-color:rgba(255,188,5,0.8);"></div>
</div>
<div data-p="170">
<img data-u="image" src="img/5.jpg" />
<div data-t="4" style="position:absolute;top:30px;left:30px;width:;height:;font-family:Oswald,sans-serif;font-size:32px;font-weight:200;line-height:1.2;text-align:center;background-color:rgba(255,188,5,0.8);"></div>
</div>
<div data-p="170">
<img data-u="image" src="img/4.jpg" />
<div data-t="4" style="position:absolute;top:30px;left:30px;width:;height:;font-family:Oswald,sans-serif;font-size:32px;font-weight:200;line-height:1.2;text-align:center;background-color:rgba(255,188,5,0.8);"></div>
</div>
<div data-p="170">
<img data-u="image" src="img/3.jpg" />
<div data-t="4" style="position:absolute;top:30px;left:30px;width:;height:;font-family:Oswald,sans-serif;font-size:32px;font-weight:200;line-height:1.2;text-align:center;background-color:rgba(255,188,5,0.8);"></div>
</div>
<div data-p="170">
<img data-u="image" src="img/2.jpg" />
<div data-t="4" style="position:absolute;top:30px;left:30px;width:;height:;font-family:Oswald,sans-serif;font-size:32px;font-weight:200;line-height:1.2;text-align:center;background-color:rgba(255,188,5,0.8);"></div>
</div>
<div data-p="170">
<img data-u="image" src="img/1.jpg" />
<div data-t="4" style="position:absolute;top:30px;left:30px;width:;height:;font-family:Oswald,sans-serif;font-size:32px;font-weight:200;line-height:1.2;text-align:center;background-color:rgba(255,188,5,0.8);"></div>
</div>
<div data-p="170">
<img data-u="image" src="img/10.jpg" />
<div data-t="4" style="position:absolute;top:30px;left:30px;width:;height:;font-family:Oswald,sans-serif;font-size:32px;font-weight:200;line-height:1.2;text-align:center;background-color:rgba(255,188,5,0.8);"></div>
</div>
<div data-p="170">
<img data-u="image" src="img/11.jpg" />
<div data-t="4" style="position:absolute;top:30px;left:30px;width:;height:;font-family:Oswald,sans-serif;font-size:32px;font-weight:200;line-height:1.2;text-align:center;background-color:rgba(255,188,5,0.8);"></div>
</div>
<div data-p="170">
<img data-u="image" src="img/12.jpg" />
<div data-t="4" style="position:absolute;top:30px;left:30px;width:;height:;font-family:Oswald,sans-serif;font-size:32px;font-weight:200;line-height:1.2;text-align:center;background-color:rgba(255,188,5,0.8);"></div>
</div>
<div data-p="170">
<img data-u="image" src="img/13.jpg" />
<div data-t="4" style="position:absolute;top:30px;left:30px;width:;height:;font-family:Oswald,sans-serif;font-size:32px;font-weight:200;line-height:1.2;text-align:center;background-color:rgba(255,188,5,0.8);"></div>
</div>
<div data-p="170">
<img data-u="image" src="img/14.jpg" />
<div data-t="4" style="position:absolute;top:30px;left:30px;width:;height:;font-family:Oswald,sans-serif;font-size:32px;font-weight:200;line-height:1.2;text-align:center;background-color:rgba(255,188,5,0.8);"></div>
</div>-->
</div>
<!-- Bullet Navigator -->
<div data-u="navigator" class="jssorb052" style="position:absolute;bottom:12px;right:12px;" data-autocenter="1" data-scale="0.5" data-scale-bottom="0.75">
<div data-u="prototype" class="i" style="width:16px;height:16px;">
<svg viewbox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
<circle class="b" cx="8000" cy="8000" r="5800"></circle>
</svg>
</div>
</div>
<!-- Arrow Navigator -->
<div data-u="arrowleft" class="jssora053" style="width:55px;height:55px;top:0px;left:25px;" data-autocenter="2" data-scale="0.75" data-scale-left="0.75">
<svg viewbox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
<polyline class="a" points="11040,1920 4960,8000 11040,14080 "></polyline>
</svg>
</div>
<div data-u="arrowright" class="jssora053" style="width:55px;height:55px;top:0px;right:25px;" data-autocenter="2" data-scale="0.75" data-scale-right="0.75">
<svg viewbox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
<polyline class="a" points="4960,1920 11040,8000 4960,14080 "></polyline>
</svg>
</div>
</div>
<script type="text/javascript">jssor_1_slider_init();</script>
<!-- #endregion Jssor Slider End -->
<style>
.text-effect{
color: #fff;
font-family: Georgia, serif;
font-size:25px;
text-transform: uppercase;
letter-spacing: 2px;
margin-top: 330px;
animation: 12s zoomInDown ease-in-out infinite;
text-shadow:3px 3px 30px red;
background-color: rgba(0, 0, 0, 0.5);
padding:0;
}
@keyframes zoomInDown{
0%{
opacity: 1;
transform: translateX(1000px);
}
}
60%{
opacity: 1;
transform: translateX(-1000px);
}
}
@media only screen and (max-width: 990px){
.text-effect{ font-size: 30px; }
}
@media only screen and (max-width: 767px){
.text-effect{ font-size: 30px; }
}
@media only screen and (max-width: 576px){
.text-effect{ font-size: 30px; }
}
@media only screen and (max-width: 479px){
.text-effect{
font-size: 30px;
line-height: 17px;
}
}
}
</style>