macaws/conservation.html at main · deanajackson/macaws · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hyacinth Macaw</title>
    <meta name="author" content="Deana Jackson">
    <meta name="description" content="Hyacinth Macaw - Conservation">
    <!-- The below link is to the Bootstrap 3.3.5 default CSS -->
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <!-- Bootstrap 3.3.5 core JavaScript -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=RocknRoll+One&family=Shippori+Mincho&display=swap" rel="stylesheet">
    <link href="css/reset.css" rel="stylesheet" type="text/css">
    <link href="css/helper.css" rel="stylesheet" type="text/css">
    <link href="css/grid.css" rel="stylesheet" type="text/css">
    <link href="css/styles.css" rel="stylesheet" type="text/css">

</head>

<body>
    <nav class="navbar navbar-default" id="navbar-override">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">Hyacinth Macaw</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="funfacts.html">Fun Facts</a></li>
                    <li><a href="#">Conservation</a></li>
                </ul>
            </div>
            <!--/.nav-collapse -->
        </div>
        <!--/.container-fluid -->
    </nav>
    <header>
        <img src="images/pexels-david-ria%C3%B1o-cort%C3%A9s-975771-narrowjpg.jpg" alt="two happy macaws" />
        <p><a href="https://www.pexels.com/photo/rainforest-during-foggy-day-975771/" target="_blank">Photo by David Riaño Cortés from Pexels</a></p>

    </header>
    <main>
        <div id="text-content">
            <h2>Conservation</h2>
            <br>
            <p>The Hyacinth macaw is a brilliant, cobalt blue bird that is longer than any other species of parrot, measuring up to one meter from its head to the tip of its tail. It lives in semi-open, forested habitat primarily in the Pantanal of Brazil, a floodplain wetland region, and central South America. It is also one of nearly 1500 bird species protected by the Convention on International Trade in Endangered Species of Wild Fauna and Flora (CITES), an agreement between 173 governments.</p>
            <br>
            <p>The species is listed as vulnerable, in part because of habitat loss due to agriculture and ranching, and hunting by indigenous peoples for food and headdress decoration. But the primary cause of their population decline is the pet trade. It is thought that 10,000 birds were illegally collected in the 1980s – with the price of a captive bird reaching up to $12,000 USD. Less than 7,000 Hyacinth macaw still exist in the wild, while three other related species of macaw are extinct or believed to be extinct.</p>
            <br>
            <p>One Brazilian funded conservation initiative, the Hyacinth Macaw Project, has been monitoring the A. hyacinthinus population and its nesting sites in the Pantanal for nearly 20 years, working closely with researchers and local ranchers to ensure proper conservation, management and increased awareness. As a result, the population of hyacinth macaw has doubled in the 12 years the project has been running.</p>
            <br>
            <p>Information from <a href="https://www.extinction.photo/species/hyacinth-macaw/" target="_blank">extinction.photo</a></p>

        </div>
        <figure class="desktop-on">
            <img src="images/Hyacinth_area.png" alt="Hyacinth Macaw perched on a branch">
            <figcaption>
                <a href="https://en.wikipedia.org/wiki/Hyacinth_macaw#/media/File:Hyacinth_area.png" target="_blank">Image by Webbotwill CC BY-SA 4.0</a>
            </figcaption>
        </figure>
    </main>
    <footer>
        <ul>
            <li><a href="#">Terms and Conditions</a></li>
            <li><a href="#">Privacy Policy</a></li>
        </ul>
        <p>&copy; Hyacinth Macaws</p>
        <figure class="desktop-off">
            <img src="images/macaw-hyacinth-2659041_640.jpg" alt="head shot of a hyacinth macaw" />
            <figcaption>Image by <a href="https://pixabay.com/users/angietoh-2481562/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=2659041" target="_blank">Angie Toh</a> from <a href="https://pixabay.com/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=2659041" target="_blank">Pixabay</a></figcaption>
        </figure>
    </footer>
</body>

</html>