<!DOCTYPE html>
<html>
<head>
<title>map</title>
<link href="https://fonts.googleapis.com/css?family=Oxygen|Roboto:100" rel="stylesheet">

</head>
<body>
   <divã€€color="pink">
    <h1 class="lw">Gender Equality</h1>
     <button class="tablink" ><a href="/home.html">Home</a></button>
      <button class="tablink"><a href="/aboutus.html">About Us</a></button>
      <button class="tablink"><a href="/globalimpact.html">Global Impact</a></button>
      <button class="tablink"><a href="/howtohelp.html">How to Help</a></button>
    </div>
    <div id="homepage"
    </div>
  <div>
    <br/><br/>
    <h2 class="jc">Worldwide Gender Inequality</h2>
    <p>Women all around the world suffer from gender inequality in varying degrees. Some places have it harder than others, such as the Middle East and South Asia, but inequality such as the wage gap exists everywhere. Globally, one in three women will experience some kind of sexual violence or partner violence in her lifetime. Additionally, 62 million girls worldwide do not have access to an education, dooming them to a life of poverty. This interactive map shows you the struggles of women in various countries around the world.
</p>
   <div class="image"> <img src="https://www.clker.com/cliparts/r/N/5/b/3/s/world-map-transparent.svg"/>
    
     <div class="usbutton" onclick="us()">
    <button></button>
      <span class="usd" id="usa"><h3>United States</h3>Employers are not mandated to give maternal leave to pregnant women, paid or unpaid.<br><a href="https://www.globalcitizen.org/en/content/x-stories-explore-women-girls-equality/">Learn More</a></span></div>
  
     <div class="mxbutton" onclick="mex()">
       <button></button>
       <span class="mxd" id="mexico"><h3>Mexico</h3>Disappearances and murders of women are common and the offenders are often not prosecuted.<br><a href="https://www.theguardian.com/global-development/ng-interactive/2014/feb/04/womens-rights-country-by-country-interactive">Learn More</a></span></div>

<div class="gmbutton" onclick="guat()">
       <button></button>
       <span class="gmd" id="guatemala"><h3>Guatemala</h3>The illiteracy rate in indigenous women is 60%, meaning only 40% can read and write.<br><a href="https://genderstats.un.org/#/countries">Learn More</a></span></div>
     
     <div class="pubutton" onclick="pru()">
       <button></button>
       <span class="pud" id="peru"><h3>Peru</h3>61% of women have been victims of physical abuse.<br><a href="http://data.worldbank.org/topic/gender">Learn More</a></span></div>
     
    <div class="blbutton" onclick="brz()">
      <button></button>
      <span class="bld" id="brazil"><h3>Brazil</h3>10 women die from domestic violence each day.<br><a href="http://www.womanstats.org/">Learn More</a></span></div>
     
    <div class="agbutton" onclick="arg()">
      <button></button>
      <span class="agd" id="argentina"><h3>Argentina</h3>Women can earn 12% less than men for doing the same job.<br><a href="http://www.latimes.com/world/global-development/la-fg-global-womens-rights-story.html">Learn More</a></span></div>
     
    <div class="ilbutton" onclick="irl()">
      <button></button>
      <span class="ild" id="ireland"><h3>Ireland</h3>Women make up only 15% of Parliament.<br><a href="https://revolting-europe.com/data/gender-inequality/ ">Learn More</a></span></div>
     
    <div class="esbutton" onclick="est()">
      <button></button>
      <span class="esd" id="estonia"><h3>Estonia</h3>Women can earn up to 27% less than men for doing the same job.<br><a href="https://www.peacecorps.gov/educators/resources/global-issues-gender-equality-and-womens-empowerment/">Learn More</a></span></div>
     
    <div class="vcbutton" onclick="vat()">
      <button></button>
      <span class="vcd" id="vatican"><h3>Vatican City</h3>The only country where women cannot vote because women cannot become leaders of the Catholic Church.<br><a href="=http://www.un.org/sustainabledevelopment/gender-equality/">Learn More</a></span></div>
     
    <div class="mlbutton" onclick="mli()">
      <button></button>
      <span class="mld" id="mali"><h3>Mali</h3>A healthy womanâ€™s life expectancy is only 48 years.<br><a href="https://www.unicef.org/gender/">Learn More</a></span></div>
     
    <div class="cgbutton" onclick="con()">
      <button></button>
      <span class="cgd" id="congo"><h3>Democratic Republic of the Congo</h3>About 1,000 women are raped each day.<br><a href="https://www.globalcitizen.org/en/content/shocking-facts-gender-inequality-international-wom/">Learn More</a></span></div>
     
    <div class="smbutton" onclick="som()">
      <button></button>
      <span class="smd" id="somalia"><h3>Somalia</h3>95% of women experience genital mutilation in their childhood.<br><a href="http://datatopics.worldbank.org/gender/">Learn More</a></span></div>
     
     <div class="sabutton" onclick="sau()">
 <button></button>
       <span class="sad" id="saudi"><h3>Saudi Arabia</h3>Women are not allowed to drive or leave their house without a male guardian.<br><a href="https://www.makers.com/blog/21-facts-you-never-knew-about-international-gender-inequality">Learn More</a></span></div>
     
   <div class="inbutton" onclick="ind()"> 
     <button></button>
     <span class="ind" id="india"><h3>India</h3>48% of law judges believe it is justifiable for a man to beat his wife.<br><a href="https://www.womankind.org.uk/policy-and-campaigns/women's-rights/facts-about-women's-rights">Learn More</a></span></div>
     
   <div class="cnbutton" onclick="chn()">
     <button></button>
     <span class="cnd" id="china"><h3>China</h3>Poor families left their baby girls in the mountains to die during time of the One Child Policy.<br><a href="http://www.unwomen.org/en/what-we-do/economic-empowerment/facts-and-figures">Learn More</a></span></div>
    <div class="aubutton" onclick="aus()">
      <button></button>
      <span class="aud" id="australia"><h3>Australia</h3>Women make up only 15% of engineering and technology classes.<br><a href="http://www.oecd.org/gender/data/">Learn More</a></span></div>
     
     <br/><br/><br/>
     <h2 class="jc"> Gender Influenced Countries</h2>

<p> <h3> Education </h3>
		<li> Many countries have limited awareness of what females are entitled to. </li>
		<li> â…” of the worldâ€™s illiterate adults are women. The women are kept out of school for chores, forced through an arranged marriage, or the family uses money for the boyâ€™s education. </li>
		<li> Eg.: Afghanistan - Groups opposing female education attack schools. </li>
</p> 
	<br>

<p><h3>Political Participation</h3>
		<li> Women hold 15.6% of parliamentary seats in the world because people believe that women cannot get the job done, simply because they are women -- not because of their qualifications. </li>
		<li> Women, as the â€˜weaker genderâ€™, are not allowed to take on big roles in battle. </li>
		<li> Eg.: Turkey/Slovakia - Women are not allowed to serve the army in frontline combat. </li>
	<br>
</p>

<p><h3>Mobility</h3>
		<li> With Islamic law, some countries prohibit women from leaving their house without a manâ€™s permission. If granted permission, the female may not drive, or ride a bicycle on public roads. Doing so requires removal of the veil, which is forbidden. </li>
		<li>Some countries restrict women from traveling overseas. </li>
		<li> Eg.: Saudi Arabia - While women are allowed to own cars, they are not permitted to drive at any time. </li>
</p>
	<br>

<p> <h3>Marriage/Divorce</h3>
		<li> Many women, because of culture, are forced to get an arranged marriage to men 2-3 times older, before the age of 18. </li>
		<li> Eg.: Pakistan - Women must agree to an arranged marriage, otherwise will probably be killed. </li>
		<li> Eg.: Lebanon - Men are allowed to get away with a divorce through an oral renunciation. Women must have an eyewitness to testify, and wait up to years to get in front of a judge. </li>
     </p>
	<br>

<p> <h3>Health Care</h3>
		<li> Mothers in developing countries are not granted aid or health care through childbirth. As a result, most of these women die during labor. </li>
		<li> Eg.: Bahrain - Mothers may not get custody of their child and do not receive financial support. </li>

</p>
	<br>

<p> <h3>Jobs/Lands</h3>
		<li> Women earn about 77% of what men earn for the same amount of work</li>
		<li> More than 1.5 billion people in the world live on less than $1 per day, most of whom are women. Due to a lack of financial support, women also do not have a say in land ownership. </li>
		<li> Eg.: Zambia - Women may not acquire land without approval of their husband. </li>
</p>
	<br>

<p> <h3>Violence</h3>
		<li> In some countries, a male child is more valuable than a female. With genetic testing, parents are able to find out the gender of their child. </li>
		<li> Eg.: India - A female child might be aborted before birth or killed right after birth. </li>
		<li> Many countries hold rape laws, yet some require several men to testify whether the rape of a female occurred or not. Often, these females are questioned and blamed without any questioning of the attacker. </li>
		<li> Eg.: India - Rape laws do not apply to married women, which leave them exposed to violence. </li>
</p>
     
    </div></div>
</body>
</html>

.lw { font-size: 40px; text-align: center;border-color: #3364FF;font-family:"Roboto";}
.tablink {background-color: #FFC0CB;color: white;float: left;border: none;outline: none;cursor: pointer;padding: 14px 16px;font-size: 17px; width: 25%;}
.jc {text-align: center;font-family: "Oxygen";}
.tablink:hover {background-color: #6495ED;}
h1 {border-style: solid;font-size: 50px;}
.image {position: relative;}

.usbutton {position: absolute;left: 220;top: 220;}
.usbutton .usd {visibility: hidden;border-radius: 10px; position: absolute;background-color: #E0FFFF;padding: 10px;font-size: 15px;width: 150px;}
.usbutton .usd::after {content: "";position: absolute;}
.usbutton .show {position: absolute;visibility: visible; -webkit-animation: fadeIn 1s;animation: fadeIn 1s;}
@-webkit-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity:1 ;}}

.mxbutton {position: absolute;left: 200;top: 270;}
.mxbutton .mxd {visibility: hidden;border-radius: 10px; position: absolute;background-color: #E0FFFF;padding: 10px;font-size: 15px;width: 150px;}
.mxbutton .mxd::after {content: "";position: absolute;}
.mxbutton .show {position: absolute;visibility: visible; -webkit-animation: fadeIn 1s;animation: fadeIn 1s;}
@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity:1 ;}}

.gmbutton {position: absolute;left: 245;top: 305;}
.gmbutton .gmd {visibility: hidden;border-radius: 10px; position: absolute;background-color: #E0FFFF;padding: 10px;font-size: 15px;width: 150px;}
.gmbutton .gmd::after {content: "";position: absolute;}
.gmbutton .show {position: absolute;visibility: visible; -webkit-animation: fadeIn 1s;animation: fadeIn 1s;}
@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity:1 ;}}

.pubutton {position: absolute;left: 275;top: 360;}
.pubutton .pud {visibility: hidden;border-radius: 10px; position: absolute;background-color: #E0FFFF;padding: 10px;font-size: 15px;width: 150px;}
.pubutton .pud::after {content: "";position: absolute;}
.pubutton .show {position: absolute;visibility: visible; -webkit-animation: fadeIn 1s;animation: fadeIn 1s;}
@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity:1 ;}}

.blbutton {position: absolute;left: 370;top: 380;}
.blbutton .bld {visibility: hidden;border-radius: 10px; position: absolute;background-color: #E0FFFF;padding: 10px;font-size: 15px;width: 150px;}
.blbutton .bld::after {content: "";position: absolute;}
.blbutton .show {position: absolute;visibility: visible; -webkit-animation: fadeIn 1s;animation: fadeIn 1s;}
@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity:1 ;}}

.agbutton {position: absolute;left: 335;top: 450;}
.agbutton .agd {visibility: hidden;border-radius: 10px; position: absolute;background-color: #E0FFFF;padding: 10px;font-size: 15px;width: 150px;}
.agbutton .agd::after {content: "";position: absolute;}
.agbutton .show {position: absolute;visibility: visible; -webkit-animation: fadeIn 1s;animation: fadeIn 1s;}
@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity:1 ;}}

.ilbutton {position: absolute;left: 465;top: 164;}
.ilbutton .ild {visibility: hidden;border-radius: 10px; position: absolute;background-color: #E0FFFF;padding: 10px;font-size: 15px;width: 150px;}
.ilbutton .ild::after {content: "";position: absolute;}
.ilbutton .show {position: absolute;visibility: visible; -webkit-animation: fadeIn 1s;animation: fadeIn 1s;}
@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity:1 ;}}

.esbutton {position: absolute;left: 570;top: 140;}
.esbutton .esd {visibility: hidden;border-radius: 10px; position: absolute;background-color: #E0FFFF;padding: 10px;font-size: 15px;width: 150px;}
.esbutton .esd::after {content: "";position: absolute;}
.esbutton .show {position: absolute;visibility: visible; -webkit-animation: fadeIn 1s;animation: fadeIn 1s;}
@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity:1 ;}}

.vcbutton {position: absolute;left: 528;top: 206;}
.vcbutton .vcd {visibility: hidden;border-radius: 10px; position: absolute;background-color: #E0FFFF;padding: 10px;font-size: 15px;width: 150px;}
.vcbutton .vcd::after {content: "";position: absolute;}
.vcbutton .show {position: absolute;visibility: visible; -webkit-animation: fadeIn 1s;animation: fadeIn 1s;}
@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity:1 ;}}

.mlbutton {position: absolute;left: 500;top: 290;}
.mlbutton .mld {visibility: hidden;border-radius: 10px; position: absolute;background-color: #E0FFFF;padding: 10px;font-size: 15px;width: 150px;}
.mlbutton .mld::after {content: "";position: absolute;}
.mlbutton .show {position: absolute;visibility: visible; -webkit-animation: fadeIn 1s;animation: fadeIn 1s;}
@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity:1 ;}}

.cgbutton {position: absolute;left: 560;top: 320;}
.cgbutton .cgd {visibility: hidden;border-radius: 10px; position: absolute;background-color: #E0FFFF;padding: 10px;font-size: 15px;width: 150px;}
.cgbutton .cgd::after {content: "";position: absolute;}
.cgbutton .show {position: absolute;visibility: visible; -webkit-animation: fadeIn 1s;animation: fadeIn 1s;}
@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity:1 ;}}

.smbutton {position: absolute;left: 615;top: 340;}
.smbutton .smd {visibility: hidden;border-radius: 10px; position: absolute;background-color: #E0FFFF;padding: 10px;font-size: 15px;width: 150px;}
.smbutton .smd::after {content: "";position: absolute;}
.smbutton .show {position: absolute;visibility: visible; -webkit-animation: fadeIn 1s;animation: fadeIn 1s;}
@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity:1 ;}}

.sabutton {position: absolute;left: 625;top: 280;}
.sabutton .sad {visibility: hidden;border-radius: 10px; position: absolute;background-color: #E0FFFF;padding: 10px;font-size: 15px;width: 150px;}
.sabutton .sad::after {content: "";position: absolute;}
.sabutton .show {position: absolute;visibility: visible; -webkit-animation: fadeIn 1s;animation: fadeIn 1s;}
@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity:1 ;}}

.inbutton {position: absolute;left: 710;top: 300;}
.inbutton .ind {visibility: hidden;border-radius: 10px; position: absolute;background-color: #E0FFFF;padding: 10px;font-size: 15px;width: 150px;}
.inbutton .ind::after {content: "";position: absolute;}
.inbutton .show {position: absolute;visibility: visible; -webkit-animation: fadeIn 1s;animation: fadeIn 1s;}
@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity:1 ;}}

.cnbutton {position: absolute;left: 800;top: 265;}
.cnbutton .cnd {visibility: hidden;border-radius: 10px; position: absolute;background-color: #E0FFFF;padding: 10px;font-size: 15px;width: 150px;}
.cnbutton .cnd::after {content: "";position: absolute;}
.cnbutton .show {position: absolute;visibility: visible; -webkit-animation: fadeIn 1s;animation: fadeIn 1s;}
@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity:1 ;}}

.aubutton {position: absolute;left: 900;top: 470;}
.aubutton .aud {visibility: hidden;border-radius: 10px; position: absolute;background-color: #E0FFFF;padding: 10px;font-size: 15px;width: 150px;}
.aubutton .aud::after {content: "";position: absolute;}
.aubutton .show {position: absolute;visibility: visible; -webkit-animation: fadeIn 1s;animation: fadeIn 1s;}
@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity:1 ;}}

Liveweave: Generative AI Web Editor & HTML/CSS/JS Playground