initial commit

2026-06-25 21:30:32 +00:00
commit 328faf6251
220 changed files with 162103 additions and 0 deletions
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+* {
+  margin: 0;
+  padding: 0;
+  border: none;
+  font-family: Arial, sans-serif;
+}
+
+body {
+  font-size: 14px;
+}
+</style>
+</head>
+<body>
+
+  <h1>Template</h1>
+  
+  <p>This is a blank template for a web page.</p>
+  olikhjladsfhoiknllfadsnljkafsdlknhfadsnlk
+  
+  
+  <a href="raven.jpg" download>download</a>
+  
+</body>
+</html>
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>W3.CSS Template</title>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+<style>
+body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
+body, html {
+  height: 100%;
+  color: #777;
+  background-color : transparent;
+  line-height: 1.8;
+}
+
+/* Create a Parallax Effect */
+.bgimg-1, .bgimg-2, .bgimg-3 {
+  background-attachment: fixed;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+/* First image (Logo. Full height) */
+.bgimg-1 {
+  background-image: url('/raven.jpg');
+  min-height: 100%;
+}
+.w3-wide {letter-spacing: 10px;}
+.w3-hover-opacity {cursor: pointer;}
+
+/* Turn off parallax scrolling for tablets and phones */
+@media only screen and (max-device-width: 1600px) {
+  .bgimg-1, .bgimg-2, .bgimg-3 {
+    background-attachment: scroll;
+    min-height: 400px;
+  }
+}
+</style>
+</head>
+<body>
+<!-- First Parallax Image with Logo Text -->
+<div class="bgimg-1 w3-display-container w3-opacity-min" id="home">
+  <div class="w3-display-middle" style="white-space:nowrap;">
+    <span class="w3-center w3-padding-large w3-black w3-xlarge w3-wide w3-animate-opacity">RAVENHOUSE</span>
+  </div>
+</div>
+<iframe src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23D50000&ctz=America%2FChicago&src=cXVvdGh0aGVyYXZlbm52cm1vcmVAZ21haWwuY29t&color=%23000000" allowtransparency="true" style="border-width:0" width="600" height="600" frameborder="0" scrolling="no"></iframe>
+</body>
+</html>
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+
+<head>
+    <title>Example 1</title>
+</head>
+
+<body>
+    <h1 style="color: green;">
+        GeeksforGeeks
+    </h1>
+    <h3>
+        Using Inline Styling
+    </h3>
+    <button style=
+        "background-color: blue; 
+        color: white;" onclick="colorFn(this)">
+        Click me
+    </button>
+    <button style=
+        "background-color: red; 
+        color: white;" onclick="colorFn(this)">
+        Click me
+    </button>
+    <button style=
+        "background-color: green; 
+        color: white;" onclick="colorFn(this)">
+        Click me
+    </button>
+    <script>
+        function colorFn(element) {
+            const color = randomFn();
+            element.style.backgroundColor = color;
+        }
+        function randomFn() {
+            const l = '0123456789ABCDEF';
+            let color = '#';
+            for (let i = 0; i < 6; i++) {
+                color += l[Math.floor(Math.random() * 16)];
+            }
+            return color;
+        }
+    </script>
+</body>
+
+</html>