Cleaned Formatting, added links

DipRRai · Jun 28, 2022 · 84c6575 · 84c6575
1 parent 9577523
commit 84c6575
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 8 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -25,7 +25,7 @@ h1, h2, a {
 } 
 
 .photos div p {
-    color: black;
+    color: #1F2937;
 }
 
 .photos div p a {
@@ -146,8 +146,8 @@ h2 {
 .donation-outer {
     background-color: white;
     border-radius: 25px;
-    padding: 10px;
-    height: 30px;
+    height: 50px;
+    width: 150px;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -156,8 +156,27 @@ h2 {
 .donation-inner {
     background-color: #3882f6;
     border-radius: 25px;
-    height: 25px;
+    height: 85%;
+    width: 95%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.donation-inner a {
+    font-size: 25px;
+}
+
+.endtag {
+    height: 80px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
-.donation-inner h2 {
-    font-size: 10px;
+
+.endtag h1, .endtag a {
+    color: #1F2937;
+    font-size: 20px;
 }
+.endtag a {
+    text-decoration: underline;
+}
diff --git a/index.html b/index.html
@@ -22,7 +22,7 @@ <h1 class="header-title">Floppa</h1>
         <div class="subheader-info">
             <div class="left-subheader">
                 <h1>Floppa facts</h1>
-                <h2>This is a picture of a caracal cat, more commonly known as "floppa". Although this cute specimen seems like a welcome addition to the home, it is unfortunately banned from private ownership in Australia.</h2>
+                <h2>This is a picture of a caracal cat, more commonly known as "floppa". Although this cute specimen seems like a welcome addition to the home, they are unfortunately banned from private ownership in Australia.</h2>
             </div>
             <div class="right-subheader">
                 <img class="floppa-subheader"src="./images/mario-esposito-9E2AztouXeM-unsplash.jpg">
@@ -60,10 +60,13 @@ <h1>- Wise Cat</h1>
             <h1>Please consider donating to wildlife preservation!</h1>
             <div class="donation-outer">
                 <div class="donation-inner">
-                    <h2>donate</h2>
+                    <a href="https://donate.wwf.org.au/#gs.4t43iu">Donate</a>
                 </div>
             </div>
         </div>
     </div>
+    <div class="endtag">
+        <h1>More about me <a href="https://github.com/superderped?tab=repositories">Dip Raj Rai</a> 2022</h1>
+    </div>
 </body>
 </html>