Edit index.html, contactpage, stylesheet

pepemanuel62 · pepemanuel62 · commit 84a691ed9677 · 2025-03-04T07:59:45.000-05:00
diff --git a/contactpepe.html b/contactpepe.html
@@ -6,6 +6,7 @@
     <title>Contact Pepe</title>
   </head>
     <body>
+      <div class="box-4">
         <h1>Reach Out To Pepe</h1>
          
           <p>Expexting an email form or something similar huh?</p>
@@ -18,9 +19,15 @@ <h1>Reach Out To Pepe</h1>
         <div>
           <a href="./index.html">HOME</a>
         </div>
-            
-            <img src="./images/clubpepe.GIF" alt="club pepe gif">
-
+      </div>
+          <div class="container-2">
+            <img src="./images/clubpepe.GIF" alt="club pepe gif" height="auto" width="600">
+          </div>
+        <div class="box-3"
+          
+        </div>
+          
+         
         
    </body>
    <script>
diff --git a/index.html b/index.html
@@ -6,7 +6,7 @@
       <title>Pepes House of Horrors</title>
     </head>
   <body>
-    <div class="container">
+    <div class="container-1">
       <div class="box-1">
         <div class="box-2">
           <h1>Pepes HTML Majik</h1>
diff --git a/styles.css b/styles.css
@@ -40,11 +40,17 @@ a:hover{
 
 
   
-.container{
+.container-1{
     width: 90%;
     margin:auto;
 }
 
+.container-2{
+    width: 600px;
+    margin: 0 auto;
+}
+
+
 .box-1{
     background-color: #ff9900;
     border: 10px #00952d solid;
@@ -65,10 +71,23 @@ a:hover{
 
 .box-3{
     text-align: center;
+    margin: 50px;
+}
+
+.box-4{
+    background-color:#fff;
+    text-align: center;
+    width: 100%;
+    margin: 0 auto;
+    padding: 25px;
 }
 
 
 
+
+
+
+
     
 
 
