-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathA-pandemic.html
181 lines (175 loc) · 10.5 KB
/
A-pandemic.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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="shortcut icon" href="/resources/amity-logo.jpg" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Courgette&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@1,300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>After the Pandemic</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="loader">
<div id="inload"></div>
</div>
<div id="outload">
<div id="outloader_1">
<div id="outloader_1in">
<div id="top">
<div id="home-right">
<div id="responsible">Ecommerce in <Br> Pandemic</div>
<div id="sub">Ecommerce is the future, be prepared!!!</div>
</div>
</div>
</div>
</div>
</div>
</div>
<nav>
<input type="checkbox" id="toggleCheckbox">
<label for="toggleCheckbox" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-ul"
aria-expanded="false" aria-controls="navbar" style="width: 15%;">
<img src="/resources/three-line-menu-icon-1.jpg"
style="width: 20px; border: none; box-shadow: none; padding: 10px 10%; margin: 0px; background-color: red;">
</label>
<ul id="nav-ul" class="collapse">
<li class="nav-li"><a href="/index.html" class="nav-item"><img src="/resources/home1.png" class="nav-img nav-item"><h4 style="display: inline;">Home</h4></a></li>
<li class="nav-li"><a href="/B-pandemic.html" class="nav-item"><img src="/resources/before.png" class="nav-img nav-item"><h4 style="display: inline;"> Before</h4></a></li>
<li class="nav-li"><a href="/A-pandemic.html" class="nav-item"><img src="/resources/after.png" class="nav-img nav-item"><h4 style="display: inline;"> After</h4></a></li>
<li class="nav-li"><a href="/FAQ.html" class="nav-item"><img src="/resources/faq.png" class="nav-img nav-item"><h4 style="display: inline;">FAQ's</h4></a></li>
<li class="nav-li"><a href="/Feedback.html" class="nav-item"><img src="/resources/signup.png" class="nav-img nav-item"><h4 style="display: inline;">Feedback</h4></a></li>
</ul>
</nav>
<hr>
<div class="statistic-image-1">
<h2 class="headings-small">
E-commerce After Pandemic
</h2>
<img src="/resources/2020.png" alt="ecommerce in 2020" style="animation-name: FromLeft; animation-duration: 3s; position: relative; animation-fill-mode: forwards">
<p style="float: right; width: 45%;" class="para">
In 2020, e-commerce skyrocketed and online retailing companies underwent huge boosts in sales as people
switched from physical shopping to online commerce. <br>
Some companies like Amazon, AliBaba and eBay took the leads, and their sales expanded enormously. Given is a
visual representation of the leading e-commerce countries in the year 2020. <br>
Amazon has outdone all the other retail companies with a huge margin, its revenue almost thrice as much as
the company in second place, JD.com
</p>
<h3 id="headings-tiny">
Top 10 e-commerce companies in 2020
</h3>
<hr>
</div>
<div class="statistic-image-1">
<h2 class="headings-small" style="text-align: right; padding-left: 50px;">
Increase in e-commerce in 2020
</h2>
<div style="float: right;">
<h3 id="headings-tiny" style="padding-right: 10px;">
Increase in share of E-Commerce in global retail
</h3>
<img src="/resources/increase.png" alt="Increase in share of ecommerce during the pandemic"
style="float: right; width: 80%; margin-right: 50px;animation-name: FromRight; animation-duration: 3s; position: relative; animation-fill-mode: forwards">
</div>
<p class="para" style="width: 50%; margin-top: 100px;">
Due to increased online commerce, the share of e-commerce in global retail increased tremendously. It went
from 13.6% of global retail to 18%, a whopping 32% increase in its share, almost thrice the increase in the
previous year. In 2018-2019, the share had been approximately 11%.
<br><br>
It is clear and evident that E-Commerce has gained ground over the course of the last year and a half.
Statistics predict that this increase in the use of online shopping and transactions is unlikely to go down
in the coming years as people have been introduced to many new and easier ways of retail. <br><br> Consumers
will be going to physical shops post-pandemic but the boost in online-shopping will likely not go down
drastically.
</p>
<hr>
</div>
<div class="statistic-image-1">
<h2 class="headings-small">Online Selling companies</h2>
<h3 id="headings-tiny">
Amazon
</h3>
<img src="/resources/amazon-revenue.png" alt="" style="float: right; margin-right: 50px; width: 50%;animation-name: FromRight; animation-duration: 3s; position: relative; animation-fill-mode: forwards">
<p class="para" style="width: 50%; margin: 0px;">
Amazon is an e-commerce company, selling various items, straight from the seller to the buyer. It is an
international business, and has spread from general e-commerce to even groceries and essentials lately
It is one of the leading e-retailers in the world, and has a net sale of approximately 386 billion US
dollars as of 2020. <br> <br>
Amazon's revenue increased tremendously as it the already popular e-commerce site began being used by more
people, more often. <br><br> We can see a 37% rise in its revenue from 2019 to 2020. Even though Amazon
started giving priority to essentials during the lockdowns, delivering home supplies and medicines before
things in the genre of entertainment, people depended heavily on this site for most of their needs. We can
visualise the increase in its revenue using the chart given here.
</p>
<div class="container">
<img src="/resources/amazon-net-sales.png" style="width: 50%; animation-name: FromLeft; animation-duration: 3s; position: relative; animation-fill-mode: forwards">
<h3 id="headings-tiny">
Amazon net-sales increased by 37%
</h3>
</div>
<div class="container" style="float: right;">
<img src="/resources/amazon-quarterly.png" style="width: 50%;animation-name: FromLeft; animation-duration: 3s; position: relative; animation-fill-mode: forwards" alt="Increase in quarterly revenue">
<h3 id="headings-tiny">
Quarterly Increase in revenue
</h3>
<p class="para" style="width: 50%; margin-left: 50px;">
In the first Quarter of the year 2020, the sales in Amazon actually went down due to people not
trusting home-delivery. The sales boosted up once again as lockdowns were imposed everywhere.
</p>
</div>
<div class="container">
<h3 id="headings-tiny" style="margin-top: 100px;">
PayTM
</h3>
<img src="/resources/paytm.png" alt="PayTM" style="float: right; margin-right: 50px; width: 30%;">
<p class="para" style="width: 40%; margin-left: 50px;">
PayTM is a digital payment company that offers various services like mobile-recharging, bill payments,
movie tickets, etc. It is one of the leading digital payment systems in India and its use has been
promoted and popularised by the pandemic. <br><br> During the pandemic, the use of PayTM has gone up by
3.5x. This reflects people's preference of digital payments over cash and coins during these risky
times. Even people who were wary of digital payment in general, prefering safe cash payments have begun
using PayTM and other digital payment systems. <br><br>
</p>
<hr>
</div>
<div class="container">
<img src="/resources/paytm-4.png" alt="Top digital payment systems india" style="width: 50%;animation-name: FromRight; animation-duration: 3s; position: relative; animation-fill-mode: forwards">
<h3 id="headings-tiny">
PayTM revenue
</h3>
<p class="para" style="width: 100%;">
Revenue and losses of PayTM in 2019 and 2020.
</p>
</div>
<div class="container">
<img src="/resources/paytm-3.png" style="width: 50%;animation-name: FromRight; animation-duration: 3s; position: relative; animation-fill-mode: forwards" alt="PayTM revenue and losses 2019 and 2020">
<h3 id="headings-tiny">
Top digital payment systems india
</h3>
<p class="para" style="width: 100%;">
PayTM is the most used digital payment platform in India, accoutning for 33% of the online
transactions made
</p>
</div>
</div>
<div id="footer">
<div id="footer-left">
<div id="logo"></div>
<p>Opus Web-development <br> © Parth Katoch and Pakhi Bisht<br>AIS-46, Gurugram</p>
</div>
<center>
<div id="social">
<a href="https://www.facebook.com" target="_blank"><img src="resources/fb-icon.png" height="65px" width="65px" style="border-radius:50%;" class="scale"> </a>
<a href="https://www.twitter.com" target="_blank"><img src="resources/twitter.png" height="65px" width="65px" style="border-radius:50%;" class="scale"> </a>
<a href="https://www.instagram.com" target="_blank"><img src="resources/insta.png" height="65px" width="65px" style="border-radius:50%;" class="scale"> </a>
<a href="https://plus.google.com" target="_blank"><img src="resources/gplus.png" height="65px" width="65px" style="border-radius:50%;" class="scale"> </a>
</div>
</center>
</div>
</div>
</body>
</html>