-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·111 lines (111 loc) · 3.13 KB
/
index.html
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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!-- Homepage-->
<!DOCTYPE html>
<html>
<head>
<!-- Title that appears on the tab bar-->
<title>Uxbridge Trainer Shop</title>
<!-- Meta tags for the homepage-->
<meta charset="UTF-8">
<meta name="description" content="Homepage of Uxbridge Trainer Shop">
<meta name="keywords" content="NUS Card, Sale, 10% off, Adidas, Nike, Christmas">
<meta name="author" content="Rayhan Chowdhury">
<!-- External Stylesheets for every page-->
<link rel="stylesheet" type="text/css" href="layout.css">
<link rel="stylesheet" type="text/css" href="nav.css">
<link rel="stylesheet" type="text/css" href="slider.css">
<!-- External JavaScript File-->
<script src="slider.js"></script>
</head>
<body>
<!-- Wrapper containing the whole pages contents-->
<div id="wrapper">
<header>
<!-- Logo for Uxbridge Trainer Shop for Every Page-->
<h1><a href="index.html">Uxbridge Trainer Shop</a></h1>
<p>Tel: 018955 433242</p>
</header>
<!-- Main navigation links for every page-->
<nav>
<ul>
<li><a title="Homepage" class="main_links" href="index.html">Home</a></li>
<li><a title="Mens" class="main_links" href="mens.html">Mens</a></li>
<li><a title="Womens" class="main_links" href="womens.html">Womens</a></li>
<li><a title="Accessories" class="main_links" href="accessories.html">Accessories</a></li>
<!-- Inline styling-->
<li><a title="Sale" style="color:#f61010;" class="main_links" href="sale.html">Sale</a></li>
<li><a title="Contact Us" class="main_links" href="contact.html">Contact Us</a></li>
</ul>
</nav>
<!-- Banner-->
<div id="banner">
<ul>
<li>Free Delivery over £100</li>
<li>Free Returns</li>
<li>100% Customer Satisfaction</li>
</ul>
</div>
<section>
<!-- JavaScript Slideshow-->
<article id="slider">
<!-- Displays the first image of the slideshow -->
<img alt="offers" src="images/slider1.jpg" id="DisplaySlide" /></a>
<br />
<!-- The slideshow decrements by one -->
<a href="#" id="left_button" onclick="showSlides(-1)"><<a />
<!-- The slideshow increments by one -->
<a href="#" id="right_button" onclick="showSlides(1)">><a />
</article>
<br />
<br />
<!-- Advertisement banners-->
<article id="banner1">
<img alt="Banner 1" src="images/banner1.jpg"/>
</article>
<article id="banner2">
<img alt="Banner 2" src="images/banner2.jpg"/>
</article>
<article id="banner3">
<img alt="Banner 3" src="images/banner3.jpg"/>
</article>
</section>
<aside>
<!-- Opening Times for the shop for every page-->
<h3>Opening Times</h3>
<table id="opening_times">
<tr>
<td>Monday:</td>
<td>09:00 to 18:00</td>
</tr>
<tr>
<td>Tuesday:</td>
<td>09:00 to 18:00</td>
</tr>
<tr>
<td>Wednesday:</td>
<td>09:00 to 18:00</td>
</tr>
<tr>
<td>Thursday:</td>
<td>09:00 to 18:00</td>
</tr>
<tr>
<td>Friday:</td>
<td>09:00 to 18:00</td>
</tr>
<tr>
<td>Saturday:</td>
<td>10:00 to 17:00</td>
</tr>
<tr>
<td>Sunday:</td>
<td>Closed</td>
</tr>
</table>
</aside>
<!--Website footer for every page-->
<footer>
<p>© Rayhan Chowdhury 2014</p>
</footer>
</div>
</body>
</html>