Page 3 contact

.vscode/settings.json

@@ -1,3 +1,3 @@
 {
-    "liveServer.settings.port": 5502
+    "liveServer.settings.port": 5503
 }

Support Wovles.html

@@ -26,13 +26,50 @@ <h1> <a href= "index.html">About Wolve</a> </h1>
     </header>
     <main>
         <h2>Support Wolves</h2>
-        <img alt= "wolf in nature" src= "https://cdn.britannica.com/07/5207-050-5BC9F251/Gray-wolf.jpg?w=400&h=300&c=crop"/>
-
-        <h3>Wolves have been stereotype for a very long time. With this the population has became small. 
-         They are very important to there ecosystem. This website will give you facts about wolves 
-         that not a lot of people that do not know. You can look where the nears pack of wolves that 
-         are near you. Find good charitys that you can support to keep the wolves safe. It is your 
-         one place to find everything you need.</h3>  
+           <div class= charity id="charity">
+                <img alt= "Wolf Haven International" src= "Chartity-1 .png"/>
+                <h6>Wolf Haven International</h6>
+            </div>
+             <h5>Wolf Haven International was founded in 1982 by Steve and Linda Kuntz to provide 
+                life-long sanctuary and care for captive-born wolves. Today, the sanctuary is accredited by
+                 both the Global Federation of Animal Sanctuaries and the American Sanctuary Association and 
+                 works to educate the public on the behavior and needs of wolves.</h5>
+            <h7>https://wolfhaven.org/</h7>
+
+            <div class= charity id="charity">
+                <img alt= "California Wolf Center" src= "Chartiy-2.png"/>
+                <h6>California Wolf Center</h6>
+            </div>
+             <h5>The California Wolf Center was founded in 1977 by Paul and Judy Kenis to assist in the recovery 
+                of wild wolf species through education, conservation, and research. Today, the charity is heavily 
+                involved in captive breeding programs for wolves, including the endangered Mexican gray wolf.</h5>
+            <h7>https://www.californiawolfcenter.org/</h7>
+            <div class= charity id="charity">
+                <img alt= "International Wolf Centerr" src= "Chartiy-3.jpg"/>
+                <h6>International Wolf Center</h6>
+            </div>
+             <h5>The Committee for the International Wolf Center was founded in 1985 by a group of biologists led by 
+                Dr. L. David Mech, after they consulted in a successful ‘Wolves and Humans’ exhibit at the Science Museum 
+                of Minnesota. The International Wolf Center first opened its doors in June 1993 as an education hub to teach 
+                local communities about wolves and to allow visitors to get up close and personal with these enigmatic but 
+                misunderstood animals.</h5>
+            <h7>https://wolf.org/</h7>
+            <div class= charity id="charity">
+                <img alt= "W.O.L.F. Sanctuary" src= "Charty-4.png"/>
+                <h6>W.O.L.F. Sanctuary</h6>
+            </div>
+             <h5>The W.O.L.F. Sanctuary was founded in 1995 by Fred Johnston to improve the lives of wolves and wolf-dogs across 
+                America. Today, the charity manages a successful sanctuary for wolves that have been rescued from unsuitable captive 
+                environments..</h5>
+            <h7>https://wolfsanctuary.co/</h7>
+            <div class= charity id="charity">
+                <img alt= "Wolf Conservation Center" src= "Chartiy-5.png"/>
+                <h6>Wolf Conservation Center</h6>
+            </div>
+             <h5>The Wolf Conservation Center was founded in 1999 by Helene Grimaud to protect two of the most endangered wolf species; 
+                the Mexican gray wolf and the Red wolf. Today, the charity participates heavily in reintroduction programs for both species 
+                and advocates for more protection for them in the wild.</h5>
+            <h7>https://nywolf.org/</h7>
     </main> 
     <footer>
         <p>Copyright ©

styles.css

@@ -24,6 +24,21 @@ header{
     margin-left: 200px;
 }
 
+.charity{
+    align-items: center;
+    display: flex;
+    text-align: center;
+}
+
+#charity img{
+    width: 225px;
+    height: 225px;
+    margin-top: 15px;
+    margin-bottom: 15px;
+    align-items: baseline;
+
+}
+
 main{
     margin: 25px;
     width: 99%;
@@ -84,17 +99,17 @@ h3 {
     text-align: left;
 }
 h4{
-color: #000;
-font-family: Limelight;
-font-size: 20px;
-font-style: normal;
-font-weight: 400;
-line-height: normal;
-margin-left: 150px;
-margin-right: 800px;
-margin-top: 8px;
-margin-bottom: 8px;
-text-align: left;
+    color: #000;
+    font-family: Limelight;
+    font-size: 20px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal;
+    margin-left: 150px;
+    margin-right: 800px;
+    margin-top: 8px;
+    margin-bottom: 8px;
+    text-align: left;
 }
 h5{
     color: #000;
@@ -121,6 +136,17 @@ h6{
     margin-left: 10px;
     margin-top: 15px;
     margin-bottom: 15px;
-    text-align: left;
-
-}
+    text-align: left;    
+}
+
+h7{
+color: #000;
+text-align: center;
+font-family: Limelight;
+font-size: 12px;
+font-style: normal;
+font-weight: 400;
+line-height: normal;
+text-align: center;
+}
+