diff options
Diffstat (limited to 'workouts/index.html')
| -rwxr-xr-x | workouts/index.html | 93 |
1 files changed, 93 insertions, 0 deletions
diff --git a/workouts/index.html b/workouts/index.html new file mode 100755 index 0000000..aadf057 --- /dev/null +++ b/workouts/index.html @@ -0,0 +1,93 @@ +<!DOCTYPE html> +<html lang="de"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Workouts</title> + <link rel="icon" type="image/x-icon" href="/style/avocado.png"> + <link rel="stylesheet" type="text/css" href="/style/style.css"> +</head> +<body> +<nav class="medium_box"> + <ul class="hor_spacing"> + <li class="hor_spacing_item"> + <a class="small_box color_inverse_on_hover" href="/login">Login</a> + </li> + <li class="hor_spacing_item"> + <a class="small_box color_inverse_on_hover" href="/kalorien_rechner">Kalorien-rechner</a> + </li> + <li class="hor_spacing_item"> + <a class="small_box color_inverse_on_hover" href="/kalorien_zaehler">Kalorien-zähler</a> + </li> + <li class="hor_spacing_item"> + <a class="small_box color_inverse_on_hover" href="/rezepte">Rezepte</a> + </li> + <li class="hor_spacing_item"> + <a class="small_box tertiary_color_style" href="/workouts">Workouts</a> + </li> + </ul> +</nav> +<main class="big_box"> + <h1>Workouts</h1> + <div class="hor_spacing"> + + <div class="flexbox hor_spacing_item"> + <a class="medium_box color_inverse_on_hover" style="height: 100%; flex: 1" href="./plank_to_shoulder_tap"> + <h2>Plank to shoulder tap</h2> + <img class="small_box" style="padding: 0; width: 100%" src="./plank_to_shoulder_tap/tim.gif" placeholder="tim.gif"> + </a> + <a class="medium_box color_inverse_on_hover" style="height: 100%; flex: 1" href="./ausfallschritte_mit_sprung"> + <h2>Ausfallschritte mit Sprung</h2> + <img class="small_box" style="padding: 0; width: 100%" src="./ausfallschritte_mit_sprung/tim.gif" placeholder="tim.gif"> + </a> + <a class="medium_box color_inverse_on_hover" style="height: 100%; flex: 1" href="./breite_liegestuetze"> + <h2>Breite Liegestütze</h2> + <img class="small_box" style="padding: 0; width: 100%" src="./breite_liegestuetze/tim.gif" placeholder="tim.gif"> + </a> + <a class="medium_box color_inverse_on_hover" style="height: 100%; flex: 1" href="./enge_liegestuetze"> + <h2>Enge Liegestütze</h2> + <img class="small_box" style="padding: 0; width: 100%" src="./enge_liegestuetze/tim.gif" placeholder="tim.gif"> + </a> + </div> + + <div class="flexbox hor_spacing_item"> + <a class="medium_box color_inverse_on_hover" style="height: 100%; flex: 1" href="./burpees"> + <h2>Burpees</h2> + <img class="small_box" style="padding: 0; width: 100%" src="./burpees/tim.gif" placeholder="tim.gif"> + </a> + <a class="medium_box color_inverse_on_hover" style="height: 100%; flex: 1" href="./high_knees"> + <h2>High Knees</h2> + <img class="small_box" style="padding: 0; width: 100%" src="./high_knees/tim.gif" placeholder="tim.gif"> + </a> + <a class="medium_box color_inverse_on_hover" style="height: 100%; flex: 1" href="./kniebeugesprung"> + <h2>Kniebeugesprung</h2> + <img class="small_box" style="padding: 0; width: 100%" src="./kniebeugesprung/tim.gif" placeholder="tim.gif"> + </a> + <a class="medium_box color_inverse_on_hover" style="height: 100%; flex: 1" href="./mountain_climbers"> + <h2>Mountain Climbers</h2> + <img class="small_box" style="padding: 0; width: 100%" src="./mountain_climbers/tim.gif" placeholder="tim.gif"> + </a> + </div> + <div class="flexbox hor_spacing_item"> + <a class="medium_box color_inverse_on_hover" style="height: 100%; flex: 1" href="./plank_jacks"> + <h2>Plank Jacks</h2> + <img class="small_box" style="padding: 0; width: 100%" src="./plank_jacks/tim.gif" placeholder="tim.gif"> + </a> + <a class="medium_box color_inverse_on_hover" style="height: 100%; flex: 1" href="./plank_punches"> + <h2>Plank Punches</h2> + <img class="small_box" style="padding: 0; width: 100%" src="./plank_punches/tim.gif" placeholder="tim.gif"> + </a> + <a class="medium_box color_inverse_on_hover" style="height: 100%; flex: 1" href="./schattenboxen_jab"> + <h2>Schattenboxen Jab</h2> + <img class="small_box" style="padding: 0; width: 100%" src="./schattenboxen_jab/tim.gif" placeholder="tim.gif"> + </a> + <a class="medium_box color_inverse_on_hover" style="height: 100%; flex: 1" href="./schattemboxen_uppercut"> + <h2 style="white-space: nowrap">Schattenboxen Uppercut</h2> + <img class="small_box" style="padding: 0; width: 100%" src="./schattenboxen_uppercut/tim.gif" placeholder="tim.gif"> + </a> + </div> + + </div> +</main> +</body> +</html> |