Merge pull request #14 from kcs1959/feature/honenashi

74rina · web-flow · commit 04ad232ecc6d · 2025-08-07T18:53:47.000+09:00
fix_event_page
diff --git a/events.html b/events.html
@@ -2,7 +2,77 @@
 
 <head>
     <title>Git & GitHub 講習会</title>
+
+    <link rel="stylesheet" href="styles7.css">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="KCSのイベント情報ページです。">
+
+    <style>
+        .list1 {
+            position: relative;
+            padding-left: 30px;
+            margin-bottom: 12px;
+            font-size: 16px;
+            color: #c21e1e;
+            border: 2px solid #333;
+            max-width: 600px;
+            background-color: #f9f9f9;
+            border-radius: 8px;
+        }
+
+        .janken {
+            font-size: 20px;
+            color: #1e90ff;
+            margin-top: 20px;
+            font-family: 'Times New Roman', Times, serif;
+            font-weight: bold;
+        }
+
+        .button1 {
+            background-color: #4CAF50;
+            /* 緑色 */
+            border: none;
+            color: white;
+            padding: 10px 20px;
+            text-align: center;
+            text-decoration: none;
+            display: inline-block;
+            font-size: 16px;
+            margin: 4px 2px;
+            cursor: pointer;
+        }
+
+        .img{
+
+            border: 2px solid #ccc;
+            border-radius: 10px;
+            transition: transform 0.5s ease;
+            position: relative;
+            animation: moveRight 2s linear infinite alternate;
+            
+        }
+
+        .img:hover {
+            transform: translateX(100px);
+            transform: rotate(90deg);
+            
+        }
+
+        @keyframes moveRight {
+            from {
+                left: 0;
+            }
+
+            to {
+                left: 200px;
+            }
+        }
+
+    </style>
+
     <link rel="stylesheet" href="style.css">
+
 </head>
 
 <body>
