-
Notifications
You must be signed in to change notification settings - Fork 0
/
project.php
89 lines (70 loc) · 2 KB
/
project.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html>
<head>
<title>PRODUCTS</title>
<link rel="stylesheet" type="text/css" href="projcss.css">
<style>
body {
background-image: url("");
background-repeat:no-repeat;
background-size:cover;
}
</head>
<style>
.mySlide
</style>
<body>
<div>
<header>
<img src="tc1.png" width="500" style="display:inline;float:left">
//REGISTER
<form action="register.php">
<button onclick="document.getElementById('id02').style.display='block'"style="width:15%;float:right";>Register</button>
</form>
//END REGISTER
//LOGIN
<form action="login.php">
<button onclick="document.getElementById('id01').style.display='block'"style="width:15%;float:right";>Login</button>
</form>
<div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<nav>
<ul>
<li><button onclick="window.location.href = 'file:///C:/Users/varsh/Desktop/New%20folder%20(2)/wdl.html#';">HOME</button></li>
<li><button onclick="window.location.href = 'product.html';">PRODUCTS</button></li>
<li><button onclick="window.location.href = 'https://w3docs.com';">SERVICES</button></li>
<li><button onclick="window.location.href = 'https://w3docs.com';">EVENTS</button></li>
<li><button onclick="window.location.href = 'https://w3docs.com';">CONTACT US</button></li>
</ul>
</nav>
</div>
<div class="w3-content w3-display-container"class="container">
<img class="mySlide" src="first.jpg" style="width:100%" height="500">
<img class="mySlide" src="funko.jpg" style="width:100%" height="500">
<img class="mySlide" src="marvel.jpg" style="width:100%" height="500">
<img class="mySlide" src="thor.jpg" style="width:100%" height="500">
</div>
<script>
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlide");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
setTimeout(carousel, 5000); // Change image every 5 seconds
}
</script>
</body>
</html>