-
Notifications
You must be signed in to change notification settings - Fork 0
/
credits.html
124 lines (109 loc) · 7.58 KB
/
credits.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
112
113
114
115
116
117
118
119
120
121
122
123
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Photo credits</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='http://fonts.googleapis.com/css?family=Cabin+Condensed:500' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://necolas.github.io/normalize.css/">
<link rel="stylesheet" href="css/styles.css">
<link href='https://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<script src="js/images2.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="container">
<header id="header1"><span id="headline">Play Tennis Like Roger Federer <img src="images/hamb.png" id="hamburger" alt="hamburger"></span>
<span id="ball"> (</span>
</header>
<div id="header">
</div>
<div id="smallnav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="backhand.html">Backhand</a></li>
<li><a href="forehand.html">Forehand</a></li>
<li><a href="serve.html">Serve</a></li>
<li><a class="actlink" href="credits.html">Credits</a></li>
</ul>
</div>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="backhand.html">Backhand</a></li>
<li><a href="forehand.html">Forehand</a></li>
<li><a href="serve.html">Serve</a></li>
<li><a class="actlink" href="credits.html">Credits</a></li>
</ul>
</nav>
<div class="title"><h2>Photo Credits</h2></div>
<div class="middle">
<div class="third"><img class="space serveImg" src="images/serveCred.jpg" data-small="images/serveCred.jpg" data-large="images/serveCred.jpg" data-med="images/serveMed.jpg" alt="tennis1">
</div>
<div class="third bord"><p>Roger Federer serving September 11, 2013. Note that he is looking up at the ball and keeping his left hand pointed at the ball. He is porably about to drop his racquet behind his head at this point. See <a href="https://www.youtube.com/watch?v=FBkFgS3e4QY" target="_blank">youtube</a></p>
</div>
<div class="third"><p>Federer serving: From wikimedia free to use. [CC BY-SA 2.0 (<a href="http://creativecommons.org/licenses/by-sa/2.0)">creative commons</a>], via Wikimedia Commons <a href="https://commons.wikimedia.org/wiki/File:Roger_Federer_(9617329716).jpg" target="_blank">Photo</a> </p>
</div>
</div>
<div class="middle">
<div class="third"><img alt="tennis photo" class="space serveImg" src="images/foreCred.jpg" data-small="images/foreCred.jpg" data-large="images/foreCred.jpg" data-med="images/forehandMed.jpg">
</div>
<div class="third bord"><p>Roger Federer against Guillermo García-López in the 2009 Wimbledon Championships second round.</p>
</div>
<div class="third"><p>From wikimedia free to use. By Justin Smith. This file is licensed under the Creative Commons Attribution-Share Alike 2.0 Generic license. <a href="https://commons.m.wikimedia.org/wiki/File:Roger_Federer_at_the_2009_Wimbledon_Championships_07.jpg" target="_blank">Photo</a></p>
</div>
</div>
<div class="middle">
<div class="third"><img alt="tennis photo2" class="space serveImg" src="images/backhandCred.jpg" data-small="images/backhandCred.jpg" data-large="images/backhandCred.jpg" data-med="images/backhandMed.jpg">
</div>
<div class="third bord"><p>Roger Federer September 18, 2013. Preparing his backhand. Note the grip and stance. This is the right way to set up for a one-hand backhand. Note hpw Federer cradles the throat of the racquet in his left hand.</p>
</div>
<div class="third"><p>From wikimedia free to use. <a href="https://commons.wikimedia.org/wiki/File:Federer_RG13_(62)_(9410842993).jpg" target="_blank">Photo</a></p>
</div>
</div>
<div class="middle">
<div class="third"><img alt="tennis photo3" class="space serveImg" src="images/fedAndNadalCred.png" data-small="images/fedAndNadalCred.png" data-large="images/fedAndNadalCred.png"
data-med="images/fedAndNadalMed.jpg">
</div>
<div class="third bord"><p>Roger Federer and Rafael Nadal before the start of the 2008 Wimbledon final. These tennis greats have faced each other many times and the matches are a great learning experience for fans.</p>
</div>
<div class="third"><p>Nadal and Federer. From wikimedia free to use. <a href="https://commons.wikimedia.org/w/index.php?curid=44734173" target="_blank">Photo</a></p>
</div>
</div>
<div class="middle">
<div class="third"><img alt="tennis photo4" class="space serveImg" src="images/nadalCred.jpg" data-small="images/nadalCred.jpg" data-large="images/nadalCred.jpg" data-med="images/nadalMed.jpg">
</div>
<div class="third bord"><p>Rafael Nadal. See his grip very low at the end of the racquet. Nadal uses the double-handed backhand. <br>Unfortunately, he is made mostly of sports tape.</p>
</div>
<div class="third"><p>Rafael Nadal. From wikimedia free to use. <a href="https://commons.wikimedia.org/wiki/File:Rafael_Nadal_(18403716400).jpg" target="_blank">Photo</a></p>
</div>
</div>
<div class="middle">
<div class="third"><img alt="tennis photo5" class="space serveImg" src="images/ballCred.jpg" data-small="images/ballCred.jpg" data-large="images/ballCred.jpg" data-med="images/ballMed.jpg">
</div>
<div class="third bord"><p>A photo of tennis balls to use as the header on a phone-sized screen. The photo was chosen to add color and because it does not require fine detail or high resolution to look good on small screens.</p>
</div>
<div class="third"><p>A group of tennis balls. From wikimedia free to use. <a href="https://commons.wikimedia.org/wiki/File:Tennisball.jpg" target="_blank">Photo</a></p>
</div>
</div>
<div class="middle">
<div class="third"><img alt="tennis photo6" class="space serveImg" src="images/shakeCred.jpg" data-small="images/shakeCred.jpg" data-large="images/shakeCred.jpg" data-med="images/shakeMed.jpg">
</div>
<div class="third bord"><p>Traditional handshake over the net at the end of a match. Both professional players and amateur club players are expected to shake hands thusly after a match. It is one of the strictly held traditions in tennis, like wearing only white on the court at Wimbledon.</p>
</div>
<div class="third"><p>Shaking hands. From wikimedia free to use. <a href="https://commons.wikimedia.org/wiki/File:Tennis_shake_hands_after_match.jpg" target="_blank">Photo</a></p>
</div>
</div>
<div class="middle">
<div class="third"><img alt="tennis photo7" class="space serveImg" src="images/rgCred.jpg" data-small="images/rgCred.jpg" data-large="images/rgCred.jpg" data-med="images/rgMed.jpg">
</div>
<div class="third bord"><p>Roland Garros, Paris. Venue of the French Open. The surface is clay. This stuff gets everywhere. Feels like sand. Turns your socks red. But it is wonderful to play on, at least for your knees and feet. Bounce is less predictable than US hard surfaces though.</p>
</div>
<div class="third"><p>By Mathieu Marquer from Paris, FRANCE (IMG_4626) [CC BY-SA 2.0 (<a href="http://creativecommons.org/licenses/by-sa/2.0)">creative commons</a>], via Wikimedia Commons <a href="https://commons.wikimedia.org/wiki/File%3ARoland_Garros%2C_10_June_2012_(104).jpg" target="_blank">Photo</a></p>
</div>
</div>
<footer id="footer">©2016 Completely Fictitious Tennis Inc.
</footer>
</div>
</body></html>