Che-population-website/Population.html at main · Janvee31/Che-population-website · 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="population.css">
    <title>Population Website</title>
    <style>
        body, h1, h2, p, ul, li {
    margin: 10px;
    padding: 0;
}

body {
    font-family: Arial, sans-serif;
}

header {
    background-color: #3498db;
    color: #fff;
    text-align: center;
    padding: 20px;
}

.imggg{
    width: 500px;
    height: auto;
    align-items: center;
    margin-left: 500px;
}

.img1{
    width: 1000px;
    height: auto;
    margin-left: 300px;
}
.fig{
    font-size: 25px;
    margin-left: 635px;
}
#about{
    background-image: url(https://i.pinimg.com/564x/c9/50/48/c95048db846683464a21ccfccea99d2d.jpg);
    color:rgb(31, 29, 31);
    background-size: cover;
    font-size: 25px;
}
.gene{
    background-image: url(https://i.pinimg.com/564x/de/b6/41/deb6418998ce23aebbeec6b15ac8cd8e.jpg);
    background-size: cover;
}
#statistics{
    background-image: url(https://i.pinimg.com/564x/dc/8b/59/dc8b59e5248f885b2d111495c127e971.jpg);
    background-size: cover;
    font-size: 20px;
}

.pop{
    background-image: url(https://i.pinimg.com/564x/bc/3c/18/bc3c18dcdc1ef72f3dbc9c5ebe5e4d1d.jpg);
    background-size: cover;
}
.bck{
    background-image: url(https://i.pinimg.com/564x/ba/53/b6/ba53b64304a78f1937f69013626c9627.jpg);
    background-size: cover;
}
nav {
    background-color: #333;
    color: #fff;
    text-align: center;
}

nav ul {
    list-style-type: none;
    padding: 0;
}

nav li {
    display: inline;
    margin-right: 20px;
}

nav a {
    text-decoration: none;
    color: #fff;
}

section {
    padding: 20px;
}


footer {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 10px;
}
    </style>
</head>
<body>
    <header>
        <h1>Welcome to the Website</h1>
        <img src="https://imgs.search.brave.com/6b-RBydtTG_uJMsj5Uub8SUSgMgQilPZKc1b281Hw7I/rs:fit:860:0:0/g:ce/aHR0cHM6Ly91cGxv/YWQud2lraW1lZGlh/Lm9yZy93aWtpcGVk/aWEvZW4vMy8zYS9M/b3ZlbHlfUHJvZmVz/c2lvbmFsX1VuaXZl/cnNpdHlfbG9nby5w/bmc" style="margin-left: 1200px;">
       <b><figcaption style="margin-left: 1200px; font-size: 25px; font-style: oblique; color: black;">Lovely Professional University</figcaption></b>
    </header>
    <nav>
        <ul>
            <li><a href="#about">About</a></li>
            <li><a href="#statistics">Statistics</a></li>
            <li><a href="#Kerala">Kerala Story</a></li>
            <li><a href="Aboutus.html">About Us</a></li>

        </ul>
    </nav>
    <section id="about">
        <div class="gene">
            <div style="text-align: center;">
                <h2>Population</h2>
            </div>
                <br><br><br>
            <p>
                <img class="imggg"src="https://imgs.search.brave.com/hyv1KbbT8eLB3JgkoMnPtKG9-Mgz4jbRVChcAyFvMCQ/rs:fit:860:0:0/g:ce/aHR0cHM6Ly9tZWRp/YS5pc3RvY2twaG90/by5jb20vaWQvMTc4/MzEwOTYwL3ZlY3Rv/ci9kZW1vZ3JhcGhp/Yy1pbmZvZ3JhcGhp/Yy1lbGVtZW50cy5q/cGc_cz02MTJ4NjEy/Jnc9MCZrPTIwJmM9/b3c1LW9GeG91cmtk/a1VKREdteXFIS1dP/Yk5CZXhNM1Z4TFJ2/VmdlOHduWT0" alt="Population Image"><br><br>
                <figcaption class="fig">Global Demographic Info</figcaption><br><br>
                Population is the term typically used to refer to the number of people in a single area. Governments conduct a census to quantify the size of a resident population within a given jurisdiction. The term is also applied to animals, microorganisms, and plants, and has specific uses within such fields as ecology and genetics
            </p>
         </div>
</section>

<section class="pop">
    <div class="bck">

        <section id="statistics">
            <h2>Population Statistics</h2>
            <br><br>
                <p>
                Here you can find some statistics about population trends, growth, and more.
            </p>
        </section>
        <br><br><br>
        <section>
            <h2>World human population</h2>
            <p>
                According to the UN the world's population surpassed 8 billion on 15 November 2022, a gain of 1 billion since 12 March 2012. According to a separate estimate by the United Nations, Earth's population exceeded seven billion in October 2011. According to UNFPA, growth to such an extent offers unprecedented challenges and opportunities to all of humanity.

                According to papers published by the United States Census Bureau, the world population hit 6.5 billion on 24 February 2006. The United Nations Population Fund designated 12 October 1999 as the approximate day on which world population reached 6 billion. This was about 12 years after the world population reached 5 billion in 1987, and six years after the world population reached 5.5 billion in 1993. The population of countries such as Nigeria is not even known to the nearest million, so there is a considerable margin of error in such estimates.

                Researcher Carl Haub calculated that a total of over 100 billion people have probably been born in the last 2000 years.
            </p>
        </section>
        <section>
            <h2>Predicted growth and decline</h2>
            <br><br>
            <p>
                Population growth increased significantly as the Industrial Revolution gathered pace from 1700 onwards. The last 50 years have seen a yet more rapid increase in the rate of population growth due to medical advances and substantial increases in agricultural productivity, particularly beginning in the 1960s, made by the Green Revolution. In 2017 the United Nations Population Division projected that the world's population will reach about 9.8 billion in 2050 and 11.2 billion in 2100.
                <br><br>
                In the future, the world's population is expected to peak, after which it will decline due to economic reasons, health concerns, land exhaustion and environmental hazards. According to one report, it is very likely that the world's population will stop growing before the end of the 21st century. Further, there is some likelihood that population will actually decline before 2100. Population has already declined in the last decade or two in Eastern Europe, the Baltics and in the Commonwealth of Independent States
                <br><br>
                The population pattern of less-developed regions of the world in recent years has been marked by gradually declining birth rates. These followed an earlier sharp reduction in death rates. This transition from high birth and death rates to low birth and death rates is often referred to as the demographic transition.
            </p>
        </section>
        <section>
            <h2>Population planning</h2><br>
            <p>
                Human population planning is the practice of altering the rate of growth of a human population. Historically, human population control has been implemented with the goal of limiting the rate of population growth. In the period from the 1950s to the 1980s, concerns about global population growth and its effects on poverty, environmental degradation, and political stability led to efforts to reduce population growth rates. While population control can involve measures that improve people's lives by giving them greater control of their reproduction, a few programs, most notably the Chinese government's one-child per family policy, have resorted to coercive measures.

                In the 1970s, tension grew between population control advocates and women's health activists who advanced women's reproductive rights as part of a human rights-based approach. Growing opposition to the narrow population control focus led to a significant change in population control policies in the early 1980s.
            </p>
        </section>
    </div>
        <section>
            <img class="imggg" src="https://imgs.search.brave.com/j1MrDu_Q7ukYKv-fyi7L-eF8zMA4vmwmT5EP3ceDVPY/rs:fit:860:0:0/g:ce/aHR0cHM6Ly93d3cu/cG9wdWxhdGlvbnB5/cmFtaWQubmV0L3N0/YXRpYy9wb3AtZ3Jv/d3RoLnBuZw">
            <figcaption class="fig">Population Growth Map per Year</figcaption><br><br>
           <img class="img1" src="https://imgs.search.brave.com/88cABtOC7p3CKeVePW0itABs3ZJdlV35hZ1POoKHSzg/rs:fit:860:0:0/g:ce/aHR0cHM6Ly9hc3Nl/dHMucGV3cmVzZWFy/Y2gub3JnL3dwLWNv/bnRlbnQvdXBsb2Fk/cy9zaXRlcy8xMS8y/MDE1LzA0L1BGXzE1/LjA0LjAyX1Byb2pl/Y3Rpb25zT3ZlcnZp/ZXdfcHJvamVjdGVk/Q2hhbmdlNjQwcHgu/cG5n" alt="Population graph">
            <figcaption class="fig">Population Graph</figcaption>
        </section>
</section>
<section id = "Kerala" style="background-color: lavender;">
    <h1>The Kerala Story</h1>
    <p>Kerala, a state in India, is often cited as a unique case study in population dynamics. Despite its relatively high population density, Kerala has achieved notable success in social indicators, including health and education.

        One key aspect is the state's focus on healthcare and education, leading to improved literacy rates and better health outcomes. The emphasis on women's education and empowerment has also contributed to a decline in birth rates.

        Additionally, Kerala has implemented effective land reforms, which have influenced population distribution and reduced pressure on urban areas. The state's approach to decentralization and local governance has played a role in community development.

        While Kerala's demographic transition showcases positive trends, it also faces challenges such as an aging population and issues related to emigration. Studying Kerala's population dynamics provides insights into the interplay of socio-economic factors in shaping demographic patterns.</p>
</section>
    <footer>
        <p>&copy; 2023 Population Website</p>
        <a href="https://www.instagram.com/your_instagram_profile" >
            <img class = "social" src="https://imgs.search.brave.com/42KFvzvc6BIbH38AvNUabVJ3ZhjiT2aLFZ7kn9MbbBk/rs:fit:860:0:0/g:ce/aHR0cHM6Ly90My5m/dGNkbi5uZXQvanBn/LzAzLzEzLzc2LzA0/LzM2MF9GXzMxMzc2/MDQyMV90eFM2eHJU/YmEwcVdzaHZtYXNz/UWJDWGJTbEJwVzVs/Ry5qcGc" alt="Instagram" style="width: 80px; height: 80px; margin-right: 50px;" >
        </a>

        <!-- Twitter Icon -->
        <a href="https://twitter.com/your_twitter_profile" >
            <img class = "social" src="https://imgs.search.brave.com/i4fMTegxlfTiztVWbsw0Xplr1u2aE05eEPKUqAgftlI/rs:fit:860:0:0/g:ce/aHR0cHM6Ly9jZG4t/aWNvbnMtcG5nLmZs/YXRpY29uLmNvbS8x/MjgvMzI1Ni8zMjU2/MDEzLnBuZw" alt="Twitter" style="width: 80px; height: 80px; margin-right: 50px;">
        </a>

        <!-- Facebook Icon -->
        <a href="https://www.facebook.com/your_facebook_page" >
            <img class = "social" src="https://imgs.search.brave.com/jJCoPasn2serH2FU-dHJQycakDfaNS7AZ2vE_CuAUNg/rs:fit:860:0:0/g:ce/aHR0cHM6Ly90NC5m/dGNkbi5uZXQvanBn/LzA1LzMyLzIwLzAz/LzM2MF9GXzUzMjIw/MDM1NV9vZEtOOU91/M1dCNmlIV0pURklF/bEZ0SmJUdXpKc3BZ/Ni5qcGc" alt="Facebook" style="width: 80px; height: 80px; margin-right: 50px;">
        </a>
    </footer>
</body>
</html>