Collage Website ( Satish Pradhan Dnyanshadhana Collage )

porsonal blog




 HTML 


<!DOCTYPE html>

<html>

<head>

<title>Satish Pradhan Dnyanasadhana College, Thane</title>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

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

<link rel="stylesheet" type="text/css" href="javascript/index.js">

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

<link href="https://fonts.googleapis.com/css?family=Tangerine&display=swap" rel="stylesheet">

</head>

<body>


<!-- header section -->


<header>

<div class="hed">

<img src="img/logo.png">

<h1>Satish Pradhan Dnyanasadhana College, Thane</h1>

</div>

<p>( Arts, Science and Commerce)<br>Formerly known as Dnyanasadhana College</p>

</header>

<!-- header section end -->


<!--Navigation -->


<section id="nav">

<div class="nav">

<ul>

<li><a href="#home" class="active">Home</a></li>

<li class="dropdown"><a href="#" class="dropbtn">About Us</a>

<div class="dropdown-content">

<a href="https://www.dnyanasadhanacollege.org/inspiration.html" class="dp">Our Inspiration</a>

<a href="https://www.dnyanasadhanacollege.org/institute.html" class="dp">Institude</a>

<a href="https://www.dnyanasadhanacollege.org/docs/Core%20Values%20of%20Satish%20Pradhan%20dnyanasadhana%20College.pdf" class="dp">Core Values</a>

<a href="https://www.dnyanasadhanacollege.org/governingbody.html" class="dp">Governing Council</a>

<a href="https://www.dnyanasadhanacollege.org/principalsdesk.html" class="dp">Principle Desk</a>

<a href="https://www.dnyanasadhanacollege.org/annualreport.html" class="dp">Annual Report</a>

<a href="https://www.dnyanasadhanacollege.org/campus.html" class="dp">Campus</a>

<a href="https://www.dnyanasadhanacollege.org/howtoreach.htm" class="dp">How To Reach</a>

</div>

</li>

<li><a href="#JC">Junior College</a></li>

<li><a href="#SC">Senior College</a></li>

<li class="dropdown"><a href="#admission" class="dropbtn">Admission</a>

<div class="dropdown-content">

<a href="https://www.dnyanasadhanacollege.org/undergraduates.html" class="dp">Undergraduate</a>

<a href="https://www.dnyanasadhanacollege.org/postgraduates.html" class="dp">Postgraduate</a>

<a href="https://www.dnyanasadhanacollege.org/phd.html" class="dp">PhD</a>

<a href="https://www.dnyanasadhanacollege.org/scholarships.html" class="dp">Scholarship / Finacial Assistance / Fee Refun Rule</a>

<a href="https://www.dnyanasadhanacollege.org/prospectus.html" class="dp">Prospectus</a>

<a href="https://cms.dnyanasadhanacollege.org/" class="dp">For Admission Click Here</a>

</div>

</li>

<li><a href="#departments">Departments</a></li>

<li class="dropdown"><a href="#naac" class="dropbtn">NAAC</a>

<div class="dropdown-content">

<a href="https://www.dnyanasadhanacollege.org/aqr.html" class="dp">AQAR</a>

<a href="https://www.dnyanasadhanacollege.org/naaccertificate.html" class="dp">Certificates</a>

<a href="https://www.dnyanasadhanacollege.org/iqaccommittee.html" class="dp">IQAS Committee</a>

<a href="https://www.dnyanasadhanacollege.org/iiqadocuments.html" class="dp">llQA Documents</a>

</div>

</li>

<li class="dropdown"><a href="#exams" class="dropbtn">Exams</a>

<div class="dropdown-content">

<a href="https://www.dnyanasadhanacollege.org/halltickets.html" class="dp">Hall Tickets</a>

<a href="https://www.dnyanasadhanacollege.org/examtimetable.html" class="dp">Exam Timetable</a>

<a href="https://www.dnyanasadhanacollege.org/seatingarrangement.html" class="dp">Setting Arrangment</a>

<a href="https://www.dnyanasadhanacollege.org/examnotice.html" class="dp">Notices</a>

<a href="https://www.dnyanasadhanacollege.org/results.html" class="dp">Results</a>

</div>

</li>

<li><a href="#alumni">Alumni</a></li>

<li><a href="#committes">Committes</a></li>

<li><a href="#CC">Certificate Courses</a></li>

<li><a href="#library">Library</a></li>

<li><a href="#contact">Contact Us</a></li>

<li><a href="#nirf">NIRF</a></li>

</ul>

</div>

</section>



<!--Navigation End -->


<!-- Image Slider -->


  <div id="slider"></div>


<!-- Image Slider end -->


<!-- moving text -->

<marquee behavior="scroll" direction="left" scrollamount="80" scrolldelay="2000">

Phd Admission notice please check notice board. | Mock Test for all FY Students of Senior college will be conducted online on 2 Jan 2021 from 10am to 1pm | M.Sc. (By Research) Chemistry Admission started. For more details see the Notice Board. | Mock test on 17/12/2020 for Sem V students has been rescheduled on 18/12/2020 from 10am to 6pm | For Sem IV ATKT results Nov 2020 see in Exam / Results Tab | FY/SY/TY BA/BCom/BSc/BSc CS/BSc IT/ BAF/BBI/BMS/BMM/BA FTNMP Semester I/Ill/V Regular and ATKT Exams started from 9/12/2020 | Sem ll/lV/VI ATKT Exams started from 9/12/2020

</marquee>


<footer>

<p>devloped by <i class="fa fa-code"></i> <a href="https://github.com/borgekiran/">kiran borge</a></p>

</footer>

</body>

</html>



CSS

*
{
  margin:0;
  padding: 0;
  box-sizing: border-box;
}

/* header part */

header {
  top: 0;
  position: absolute;
  justify-content: center;
  width: 100%;
  height: 120px;
  font-family: arial;
  padding-top: 10px;
  margin-top: -10px;
  z-index: 10;
}
.hed img
{
justify-content: center;
padding-left: 11%;
padding-top: 20px;
}
.hed h1
{
text-align: center;
padding-left: 65px;
margin-top:-6.8%;
font-size: 32.3px;
}
header p
{
text-align:center;
color: #80000d;
padding-left: 5%;
padding-top: 2px;
font-size: 17px;
}

/* header part end */



/* navigation section part */

#nav{
width: 100%;
}
.nav ul
{
margin-top: 8%;
width: 100%;
height: 40%;
    list-style-type: none;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    background-color: #0d0a4f;
}
.nav li
{
float: left;
}
.nav li a 
{
display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    font-family: arial;
    text-align: center;
    padding: 20px 12px;
    text-decoration: none;
}
.nav li a:hover
{
background-color: #940f1a;
color: #fff;
}
.nav li a.active{
background-color: #940f1a;
}


/* About dropdown  */

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  color: #111;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content .dp{
  padding: 10px;
  text-decoration: none;
  display: block;
  color: #111;
  text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}


/* image slider */


#slider
{
    background-image: url('../img/1.png');
    width: 100%;
    height: 300px;
    background-size: 100% 100%;
    position: absolute;
    top: 48.6%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%);
    animation: slideshow infinite linear;
    animation-duration: 40s;
 }


@keyframes slideshow {
    25% {
        background-image: url('../img/2.png');
    }
    50% {
        background-image: url('../img/3.png');
    }
    65% {
        background-image: url('../img/4.png');
    }
    85% {
        background-image: url('../img/5.png');
    }
    100% {
        background-image: url('../img/6.png');
    }
}


/* end  */

marquee{
  margin-top: 295px;
  height: 36px;
  color: #fff;
  font-size: 20px;
  padding: 10px;
  font-weight: bold;
  font-family: arial;
  background-color: #940f1a;
}


footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 50px;
   background-color: #333;
   color: white;
   text-align: center;
}
footer p{
  padding:14px;
}
footer p a
{
  color: red;
  text-decoration: none;
}

0 Comments

Oldest