-
Notifications
You must be signed in to change notification settings - Fork 0
/
club.html
79 lines (79 loc) · 2.74 KB
/
club.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Cycle bike shop world - Club Events</title>
<link rel="stylesheet" href="CSS/normalize.css">
<link rel="stylesheet" href="CSS/style.css">
<script type="text/javascript" src="js/contentt.js"></script>
</head>
<body>
<header>
<nav>
<ul>
<a href="/"><li>home</li></a>
<a href="/shop.html"><li>shop</li></a>
<a href="/club.html"><li>club events</li></a>
<a href="/blog.html"><li>blog</li></a>
<a href="/contact.html"><li>contact</li></a>
</ul>
</nav>
<a href="/"><img src="images/cycleWorld.png" alt="Cycle bike shop world"></a>
</header>
<section id="club">
<article>
<img src="#" alt="large event photo">
<!--left hand corner of photo have tags and possible date -->
<h1><a href="#">Title</a></h1>
<h2>hosted by [name]</h2>
<p>A designer can use default text to simulate what text would look like. After Hours Programming created this application. After Hours Programming created this application. It looks even better with you using this text.</p>
<p>[date]</p>
</article>
<table>
<tr>
<td><!-- Date --></td>
<td><p><!--Details --> </p></td>
<td><!--tag --></td>
</tr>
<tr>
<td><!-- Date --></td>
<td><p><!--Details --> </p></td>
<td><!--tag --></td>
</tr>
</table>
</section>
<footer>
<ul>
<li><a href="#">gift cards</a></li>
<li><a href="#">find a store</a></li>
<li><a href="#">sign up for email</a></li>
<li><a href="#">become a member</a></li>
</ul>
<ul>
<li><a href="#">get help</a></li>
<li><a href="#">order status</a></li>
<li><a href="#">shipping and delivery</a></li>
<li><a href="#">returns</a></li>
<li><a href="#">payment options</a></li>
<li><a href="#">contact us</a></li>
</ul>
<ul>
<li><a href="#">News</a></li>
<li><a href="#">About cycleworld</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Gearup culture & Career</a></li>
<li><a href="#">Investors</a></li>
<li><a href="#">Sustainable innovaction</a></li>
<li><a href="#">CA Supply</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
<ul class="social">
<li><a href="http://www.facebook.com">Facebook</a></li>
<li><a href="http://www.youtube.com">YouTube</a></li>
<li><a href="http://www.plus.google.com">Google Plus</a></li>
<li><a href="http://www.instagram.com">Instagram</a></li>
</ul>
<p id="copyright"></p>
</footer>
</body>
</html>