Pages on pages on pages (2)

Artemis-Fowl-2nd · Jul 24, 2024 · 0738bf5 · 0738bf5
1 parent bcc921e
commit 0738bf5
Show file tree

Hide file tree

Showing 4 changed files with 115 additions and 13 deletions.
diff --git a/site/homepage.html b/site/homepage.html
@@ -10,9 +10,9 @@
     <header>
 
             <menu>
-            <li class="home"><a href="#">Home</a></li>
-            <li class="mission"><a href="#">Mission</a></li>
-            <li class="article"><a href="#">Article</a></li>
+            <li class="home"><a href="homepage.html">Home</a></li>
+            <li class="mission"><a href="page2.html">Mission</a></li>
+            <li class="article"><a href="page3.html">Article</a></li>
             </menu>
 
 
@@ -31,9 +31,9 @@ <h2>Keep on top of things!</h2>
     <footer>
         <p class="disclaimer">We do not accept personal information</p>
         <p class="social">Social media!</p>
-        <img class="socialed" src="images/face.png" alt="facebook icon">
-        <img class="socialed" src="images/link.png" alt="linkedin icon">
-        <img class="socialed" src="images/tube.png" alt="youtube icon">
+        <a href="www.facebook.com"><img class="socialed" src="images/face.png" alt="facebook icon"></a>
+        <a href="www.instagram.com"><img class="socialed" src="images/link.png" alt="linkedin icon"></a>
+        <a href="https://www.youtube.com"><img class="socialed" src="images/tube.png" alt="youtube icon"></a>
 
     </footer>
 </body>

diff --git a/site/page2.html b/site/page2.html
@@ -3,10 +3,43 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>Mission</title>
+    <link rel="stylesheet" href="styles/style.css">
 </head>
+<header>
+
+    <menu>
+    <li class="home"><a href="homepage.html">Home</a></li>
+    <li class="mission"><a href="page2.html">Mission</a></li>
+    <li class="article"><a href="page3.html">Article</a></li>
+    </menu>
+
+
+<h1>FRIENDLY REMINDERS</h1>
+</header>
 <body>
-
+    <full>
+    <p class="white1">Our mission is to bring order to your life.<br>
+    <p class="white2">
+        <br>
+        <br>
+        As a college student, I struggled with leaving simple tasks undone, because even though I knew they where important, I never had a critical point where they had to happen.
+        <br>
+        <br>
+        After plenty of research into this, I decided to share with anyone who cares to look. 
+        <br>
+        <br><br></p>
+
+    <p class="white2">    The purpose of this website is to help you know when to perform those simple, non urgent tasks that really should be done at some point, but never have a right now.<br><br> </p>
+    <img class="glove" src="images/pexels-karolina-grabowska-4239032-2.jpg" alt="cleaning">
+    </full>
 </body>
-<footer></footer>
+<footer>
+    <p class="disclaimer">We do not accept personal information</p>
+    <p class="social">Social media!</p>
+    <a href="www.facebook.com"><img class="socialed" src="images/face.png" alt="facebook icon"></a>
+    <a href="www.instagram.com"><img class="socialed" src="images/link.png" alt="linkedin icon"></a>
+    <a href="https://www.youtube.com"><img class="socialed" src="images/tube.png" alt="youtube icon"></a>
+
+</footer>
 </html>
diff --git a/site/page3.html b/site/page3.html
@@ -3,9 +3,43 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <link rel="stylesheet" href="styles/style.css">
+    <title>article</title>
 </head>
+<header>
+
+    <menu>
+    <li class="home"><a href="homepage.html">Home</a></li>
+    <li class="mission"><a href="page2.html">Mission</a></li>
+    <li class="article"><a href="page3.html">Article</a></li>
+    </menu>
+
+
+<h1>FRIENDLY REMINDERS</h1>
+</header>
 <body>
+    <full>
+    <p class="white1">Weekly activities</p>
+    <p class="white3">Laundry, Mop floors, Clean bathroom, Vacuum, Wipe inside of microwave, Check fridge for bad food. </p> 
+    <p class="white1">Monthly Activities </p>
+    <p class="white3">Dust vents, Empty Vacuum, Dust blinds, Clean out bottom of dishwasher, Check laundry machine</p>
 
+    <p class="white1">Yearly activities</p>
+    <p class="white3"> Deep clean furniture and carpets, clean drapes and curtains, clear gutters, replace vent filters.</p>
+    <img src="images/pexels-pixabay-434163-2.jpg" alt="toy sweeping dandylion fronds">
+    </full>
 </body>
-</html>
+<footer>
+    <p class="disclaimer">We do not accept personal information</p>
+    <p class="social">Social media!</p>
+    <a href="www.facebook.com"><img class="socialed" src="images/face.png" alt="facebook icon"></a>
+    <a href="www.instagram.com"><img class="socialed" src="images/link.png" alt="linkedin icon"></a>
+    <a href="https://www.youtube.com"><img class="socialed" src="images/tube.png" alt="youtube icon"></a>
+
+</footer>
+</html>
+
+
+
+
+
diff --git a/site/styles/style.css b/site/styles/style.css
@@ -68,10 +68,14 @@ body {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
+    margin: 0;
+    padding: 0;
+
 }
 
 main {
     flex: 1;
+    background-color: #69443C;
 }
 
 p{
@@ -100,7 +104,6 @@ padding: 0;}
 
 .social{
     float: right;
-
 }
 
 menu{display: flex;}
@@ -118,4 +121,36 @@ li {
     text-decoration: none; 
     font-size: 14px; 
     text-align: center; 
-}
+}
+
+.white1{color: white;
+background-color: #69443C;
+text-align: center;
+margin-bottom: 0;
+font-size: 70px;
+}
+
+
+.white2{color: white;
+
+text-align: center;
+margin-top: 0;
+margin-bottom: 0;
+
+}
+
+img{float: left;
+border-radius: 20px;
+max-width: 20%;
+
+margin-top: 0;
+margin-bottom: 0;
+text-align: center;
+}
+.white3{background-color: aliceblue;
+text-align: center;
+font-size: 43px;
+margin-left: 50px;
+margin-right: 50px;}
+
+full{background-color: #69443C;}