diff --git a/rotace/index.html b/rotace/index.html
new file mode 100644
index 0000000..c084297
--- /dev/null
+++ b/rotace/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8" http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>rotace</title>
+  <style>
+  @keyframes rotate {
+    from { transform: rotate(0deg);   }
+    to   { transform: rotate(360deg); }
+  }
+  .rotimg {
+    animation-name:            rotate;
+    animation-duration:        4.0s;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+  }
+  body { width: 96%; margin: 0; padding: 10px;  background-color: #FFFFC0; border: 10px solid #F0C0F0; }
+  </style>
+</head>
+<body>
+  <p align="center"><img class="rotimg" src="spiral.png"></p>
+</body>
+</html>
diff --git a/rotace/spiral.png b/rotace/spiral.png
new file mode 100644
index 0000000..0eb06a9
Binary files /dev/null and b/rotace/spiral.png differ
