s

sinnyye · Jan 8, 2024 · 4ae779c · 4ae779c
1 parent 3d5d2dd
commit 4ae779c
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 42 deletions.
diff --git a/index.html b/index.html
@@ -25,11 +25,12 @@
 
 
   <div class=home-page>
+
     <p> welcome to my website </p>
     <br>
-    <button id="cow-button">
-      <img src="cow.jpeg" alt="cow">
-    </button>
+      <button id="cow-button">
+        <img src="cow.jpeg" alt="cow">
+      </button>
     <br>
     <p> click here to see it</p>
 

diff --git a/main.html b/main.html
@@ -40,45 +40,7 @@ <h2>Main Content</h2>
         <p>Footer content goes here.</p>
     </footer>
 
-    <style>
-        body {
-            margin: 0;
-            padding: 0;
-            font-family: Arial, sans-serif;
-        }
-
-        header {
-            background-color: #333;
-            color: white;
-            text-align: center;
-            padding: 1em;
-        }
-
-        main {
-            display: flex;
-        }
-
-        aside {
-            width: 200px;
-            background-color: #f4f4f4;
-            padding: 1em;
-        }
-
-        section {
-            flex: 1;
-            padding: 1em;
-        }
-
-        footer {
-            background-color: #333;
-            color: white;
-            text-align: center;
-            padding: 1em;
-            position: fixed;
-            bottom: 0;
-            width: 100%;
-        }
-    </style>
+
 
 
     <script src="scripts/jquery-3.7.1.js"></script>

diff --git a/styles/site.css b/styles/site.css
@@ -8,6 +8,8 @@ body{
   font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
   color:#ff9193;
   text-align: center;
+  font-size: 20px;
+  margin: 5px;
 }
 
 .home-page button{
@@ -31,4 +33,36 @@ body{
   height:auto;
 }
 
+header {
+  background-color: #333;
+  color: white;
+  text-align: center;
+  padding: 1em;
+}
+
+main {
+  display: flex;
+}
+
+aside {
+  width: 200px;
+  background-color: #f4f4f4;
+  padding: 1em;
+}
+
+section {
+  flex: 1;
+  padding: 1em;
+}
+
+footer {
+  background-color: #333;
+  color: white;
+  text-align: center;
+  padding: 1em;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+}
+