css effect 01

index.html

@@ -0,0 +1,27 @@
+
+<!DOCTYPE html>
+<html>
+
+<head>
+    <!-- Remote style sheet -->
+    <link rel="stylesheet"
+          href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
+    
+    <!-- Local style sheet relative to workspace folder -->
+    <link rel="stylesheet" href="styles/style.css">
+    
+</head>
+
+<body>
+    <div class="container">
+        <ul>
+            <li><a class="slidinglink" href="#">Sliding Link</a></li>
+            <li><a href="#" class="swappinlink" data-replace="See"><span>Go</span></a></li>
+        </ul>
+        
+     </div>
+</body>
+
+<script src="script/index.js" ></script>
+
+</html>