Skip to content

Instantly share code, notes, and snippets.

@suriyadeepan

suriyadeepan/index.html

Created June 23, 2015 06:58
Show Gist options
  • Save suriyadeepan/91dd393d3284a2087179 to your computer and use it in GitHub Desktop.
Save suriyadeepan/91dd393d3284a2087179 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<html>
<head>
<title>SAMPLE2</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/css/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/style.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie/v9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie/v8.css" /><![endif]-->
<!--[if lte IE 8]><script src="assets/css/ie/respond.min.js"></script><![endif]-->
</head>
<body class="landing" onload="myFunction()">
<div id="topdiv" class="button special"> <a href="#page-wrapper" class="goto-next scrolly"></a></div>
<div id="page-wrapper">
<!-- Header -->
<p id="#demo1"></p>
<img id="dateimage1" src="./images/100.jpg" alt="Loading..." width="75%" />
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h2>BITS PILANI GOA </h2>
<p>And there are no hoverboards or flying cars.
<br /> Just apps. Lots of mother flipping apps.</p>
</header>
<span>
<p id="#demo2"></p>
<!-- image tag working -->
<img id="dateimage2" src="./images/100.jpg" alt="Loading..." width="75%" />
</span>
</div>
<a href="#one" class="goto-next scrolly">Next</a>
</section>
<!-- One -->
<section id="one" class="spotlight style1 bottom">
<span class="image fit main">
<p id="#demo3"></p>
<!-- image tag not working -->
<img id="dateimage3" src="./images/100.jpg" alt="Loading..." width="75%" />
</span>
<div class="content">
<div class="container">
<div class="row">
<div class="4u 12u$(medium)">
<header>
<h2>Odio faucibus ipsum integer consequat</h2>
<p>Nascetur eu nibh vestibulum amet gravida nascetur praesent</p>
</header>
</div>
<div class="4u 12u$(medium)">
<p>Feugiat accumsan lorem eu ac lorem amet sed it orci porttitor semper. aliquet augue varius tempus lobortis porttitor accumsan consequat adipiscing lorem dolor.</p>
</div>
<div class="4u$ 12u$(medium)">
<p>Morbi enim nascetur et placerat lorem sed iaculis neque ante adipiscing adipiscingmassa. Blandit orci porttitor semper. Arcu phasellus tortor enim mi mi </p>
</div>
</div>
</div>
</div>
<a href="#two" class="goto-next scrolly">Next</a>
</section>
<!-- change the image depending on Date -->
<!-- dateimage1 2 3 4 5 6 7 8 are image Tags -->
<script language="Javascript">
function myFunction() {
// alert("Page is loaded");
var d = new Date();
var n = d.getDay()
var img1=
document.getElementById("#demo1").innerHTML = n;
document.getElementById("#demo2").innerHTML = n;
document.getElementById("#demo3").innerHTML = n;
if (n==2)
{
document.getElementById("dateimage1").src = "./images/103.jpg";
document.getElementById("dateimage2").src = "./images/103.jpg";
document.getElementById("dateimage3").src = "./images/103.jpg";
}
else if (n==1)
{
document.getElementById("dateimage1").src = "./images/104.jpg";
document.getElementById("dateimage2").src = "./images/104.jpg";
document.getElementById("dateimage3").src = "./images/104.jpg";
}
// print ";
//var str1 = '103.jpg';
// document.getElementById("logo").src = str1;
}
</script>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment