-
Notifications
You must be signed in to change notification settings - Fork 0
/
problem.html
160 lines (154 loc) · 6.72 KB
/
problem.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, width=device-width" />
<link rel="stylesheet" href="./global.css" />
<link rel="stylesheet" href="./problem.css" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Roboto Condensed:ital,wght@0,400;0,500;0,700;1,500&display=swap"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Spartan:wght@400&display=swap"
/>
</head>
<body>
<div class="problem3">
<div class="problem-child"></div>
<div class="problem-item"></div>
<div class="problem-inner"></div>
<div class="because-of-pink">
Because of pink tax, the average woman spends an extra 1351 every year
</div>
<div class="group-div">
<div class="group-child67"></div>
<div class="message3">Message</div>
<div class="group-child68"></div>
<div class="subject6">Subject</div>
<div class="group-child69"></div>
<div class="subject6">Subject</div>
<div class="group-child69"></div>
<div class="email3">Email</div>
<div class="name3">Name</div>
<div class="lets-connect3">LET’S CONNECT</div>
<div class="group-child71"></div>
<div class="phone3">Phone</div>
<div class="group-child72"></div>
<div class="address3">Address</div>
<div class="group-child73"></div>
<div class="group-child74"></div>
<div class="group-child75"></div>
<div class="submit3">Submit</div>
</div>
<img class="image-1-icon1" alt="" src="./public/image-11@2x.png" />
<img class="problem-child1" alt="" src="./public/rectangle-1651@2x.png" />
<div class="problem-child2"></div>
<div class="problem-child3"></div>
<div class="problem-child4"></div>
<div class="problem-child5"></div>
<div class="problem-child6"></div>
<div class="pink-tax-refers-container">
<i class="pink-tax">Pink tax</i>
<span>
refers to the higher prices often charged for products marketed
towards women compared to similar products for men. This
discriminatory pricing practice can be seen across various categories
such as personal care products, clothing, toys, and other goods and
services.</span
>
</div>
<div class="visual-representations-such">
Visual representations such as charts, graphs, or infographics may be
used in the data visualisation to illustrate the gender-based pricing
disparities resulting from the pink tax
</div>
<div class="financial-burden-on">FINANCIAL BURDEN ON WOMEN</div>
<div class="the-pink-tax">
The pink tax places an additional financial burden on women, as they are
forced to pay more for essential goods and services compared to men.
Over time, these extra costs can accumulate and contribute to economic
disparities between genders.
</div>
<div class="the-pink-tax1">
The pink tax perpetuates gender-based price discrimination, where
products marketed towards women are priced higher solely based on gender
stereotypes. This unfair pricing practice contributes to gender
inequality and reinforces harmful gender norms.
</div>
<div class="gender-based-price-discriminat">
GENDER-BASED PRICE DISCRIMINATION
</div>
<div class="not-a-luxary">NOT A LUXARY</div>
<div class="limited-purchasing-power">LIMITED PURCHASING POWER</div>
<div class="higher-prices-for">
Higher prices for products marketed towards women can limit their
purchasing power and choices. Women may have to allocate more of their
income to basic necessities due to the pink tax, leaving less room for
discretionary spending or saving.
</div>
<div class="inequitable-access-to">
INEQUITABLE ACCESS TO ESSENTIAL ITEMS
</div>
<div class="the-pink-tax2">
The pink tax can make essential items, such as personal care products
and hygiene items, more expensive for women. This can create barriers to
access for individuals who may already face financial constraints,
impacting their health, well-being, and overall quality of life.
</div>
<div class="problem-child7"></div>
<div class="problem-child8"></div>
<img class="image-2-icon" alt="" src="./public/image-2@2x.png" />
<div class="lack-of-transparency">LACK OF TRANSPARENCY</div>
<div class="pricing-practices-and">
Pricing practices and the pink tax itself may not always be clearly
communicated or disclosed to consumers. Lack of transparency makes it
challenging for consumers to make informed choices and advocate for
fairer pricing
</div>
<div class="cumulative-impact">CUMULATIVE IMPACT</div>
<div class="addressing-the-problem">
Addressing the problem of the pink tax requires raising awareness,
advocating for fair pricing practices, and promoting gender-neutral
pricing. It involves challenging gender stereotypes, supporting policy
changes, and encouraging transparency in pricing.
</div>
<div class="the-pink-taxs">
The pink tax's cumulative impact on women's finances can be significant,
particularly considering that it affects a wide range of products and
services. This can perpetuate financial inequalities and hinder progress
towards gender equality.
</div>
<div class="problem-child9"></div>
<div class="rose-coloured-receipts3">ROSE-COLOURED RECEIPTS</div>
<div class="transparent-data-fair3">
transparent data, fair prices and equality for all
</div>
<div class="home4" id="homeText">home</div>
<div class="problem4">problem</div>
<div class="statistics3" id="statisticsText">statistics</div>
<div class="solution4" id="solutionText">solution</div>
</div>
<script>
var homeText = document.getElementById("homeText");
if (homeText) {
homeText.addEventListener("click", function (e) {
window.location.href = "./index.html";
});
}
var statisticsText = document.getElementById("statisticsText");
if (statisticsText) {
statisticsText.addEventListener("click", function (e) {
window.location.href = "./stats.html";
});
}
var solutionText = document.getElementById("solutionText");
if (solutionText) {
solutionText.addEventListener("click", function (e) {
window.location.href = "./solution.html";
});
}
</script>
</body>
</html>