JMI_WEBSITE_PROJECT
JMI Website Project
I made the JMI updates website.
So, I like to share this with you all.
Front-end structure of JMI website is made by the help of HTML 5, CSS.
You can see in this video, the structure of website.
I have created a jmi_updates.html file in this I have written these codes or syntax.
The code of front-end of the JMI project is given below :-
<!Doctype html>
<html>
<title>Info_Hub</title>
<body>
<a href="jmi.html"><img src="Info_hub.jpg" width="100%" height="150"></a>
<table style= "width:100%">
<tr>
<th><img src="welcome.jpg"></th>
</tr>
</table>
<style>
div.a {
text-align: right;
}
div.b {
text-align: center;
}
div.c {
text-align: center;
}
</style>
<div class="a">
<h3 style="color:red;">Here, we update informative information.</h3>
</div><br>
<div class="b">
<h2>Today, We update about <a href="http://jmicoe.in/index.html">Jamia Millia Islamia</a>.</h2>
</div>
<div class="c">
<h2>Our updates are given below:-</h2>
</div>
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<marquee direction="up" scrollamount="4" style="height:auto" onmouseover="this.stop();" onmouseout="this.start();">
<a href="CLASS-VI-SELECTED" target="_blank">
<p style="font-size:22px; color:#FF0000; font-weight:bold;" align="center">
1st list of selected candidates class 6th (2020-21)</p></a>
<a href="2ND-LIST-CLASS-VI-SELECTED.pdf" target="_blank">
<p style="font-size:22px; color:#FF0000; font-weight:bold;" align="center">
2nd list of selected candidates class 6th (2020-21).</p></a>
<a href="2ND-LIST-CLASS-IX-SELECTED.pdf" target="_blank">
<p style="font-size:22px; color:#FF0000; font-weight:bold;" align="center">
1st list of selected candidates class 9th (2020-21)</p></a>
<a href="CLASS-IX-2ND-LIST-OF-SELECTED-CANDIDATES.pdf" target="_blank">
<p style="font-size:22px; color:#FF0000; font-weight:bold;" align="center">
2nd list of selected candidates class 9th (2020-21)</p>
</marquee>
</div>
</div>
</div>
<h1 style="color:red;">Click on this button for download 2020 jmi <u>class 6th</u> question paper.<br> ⇨ Free of cost!!!</h1>
<a href="question_paper.pdf" target="_blank">
<img src="click_me.jpg" alt="need strong internet." width="200" height="100" target="_blank">
</a>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
}
#myBtn {
display: none;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 99;
border: none;
outline: none;
background-color: red;
color: white;
cursor: pointer;
padding: 15px;
border-radius: 4px;
}
#myBtn:hover {
background-color: black;
}
</style>
<body>
<button onclick="topFunction()" id="myBtn" title="Go to top"><span style='font-size:50px;'>↑</span></button>
<script>
//Get the button
var mybutton = document.getElementById("myBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</body>
</html>
Comments
Post a Comment