Adding India China article
This commit is contained in:
Vivek Teega
parent
0b8c9cf97f
commit
f5bc8ca78a
File diff suppressed because it is too large
Load Diff
396
articles/india-china.html
Normal file
396
articles/india-china.html
Normal file
@ -0,0 +1,396 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>RanchiMall Content Collaboration Output</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Droid Serif', serif;
|
||||
font-size: 14px;
|
||||
color: #2f2f2f;
|
||||
background-color: #f9f7f1;
|
||||
}
|
||||
|
||||
header {
|
||||
font-family: 'Playfair Display', serif;
|
||||
font-weight: 900;
|
||||
font-size: 80px;
|
||||
text-transform: uppercase;
|
||||
display: inline-block;
|
||||
line-height: 72px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.head {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.headerobjectswrapper {}
|
||||
|
||||
.subhead {
|
||||
text-transform: uppercase;
|
||||
border-bottom: 2px solid #2f2f2f;
|
||||
border-top: 2px solid #2f2f2f;
|
||||
padding: 12px 0 12px 0;
|
||||
|
||||
}
|
||||
|
||||
.content {
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
word-spacing: -.31em;
|
||||
display: inline-block;
|
||||
margin: 30px 2% 0 15%;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.collumns {}
|
||||
|
||||
.collumn {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
width: 80%;
|
||||
display: inline-block;
|
||||
padding: 0 1% 0 1%;
|
||||
vertical-align: top;
|
||||
margin-bottom: 50px;
|
||||
-webkit-transition: all .7s;
|
||||
transition: all .7s;
|
||||
}
|
||||
|
||||
.collumn+.collumn {
|
||||
border-left: 1px solid #2f2f2f;
|
||||
}
|
||||
|
||||
.collumn .headline {
|
||||
text-align: center;
|
||||
line-height: normal;
|
||||
font-family: 'Playfair Display', serif;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.collumn .headline.hl1 {
|
||||
font-weight: 700;
|
||||
font-size: 30px;
|
||||
text-transform: uppercase;
|
||||
padding: 10px 0 30px 0;
|
||||
|
||||
}
|
||||
|
||||
.collumn .headline.hl2 {
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-size: 24px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 0 30px 0;
|
||||
}
|
||||
|
||||
.collumn .headline.hl2:before {
|
||||
border-top: 1px solid #2f2f2f;
|
||||
content: '';
|
||||
width: 100px;
|
||||
height: 7px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.collumn .headline.hl2:after {
|
||||
border-bottom: 1px solid #2f2f2f;
|
||||
content: '';
|
||||
width: 100px;
|
||||
height: 13px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
|
||||
}
|
||||
|
||||
.collumn .headline.hl3 {
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-size: 36px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 0 30px 0;
|
||||
}
|
||||
|
||||
.collumn .headline.hl4 {
|
||||
font-weight: 700;
|
||||
font-size: 12px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 0 30px 0;
|
||||
}
|
||||
|
||||
.collumn .headline.hl4:before {
|
||||
border-top: 1px solid #2f2f2f;
|
||||
content: '';
|
||||
width: 100px;
|
||||
height: 7px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.collumn .headline.hl4:after {
|
||||
border-bottom: 1px solid #2f2f2f;
|
||||
content: '';
|
||||
width: 100px;
|
||||
height: 10px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
|
||||
}
|
||||
|
||||
.collumn .headline.hl5 {
|
||||
font-weight: 400;
|
||||
font-size: 42px;
|
||||
text-transform: uppercase;
|
||||
font-style: italic;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
.collumn .headline.hl6 {
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
.collumn .headline.hl6:before {
|
||||
border-top: 1px solid #2f2f2f;
|
||||
content: '';
|
||||
width: 100px;
|
||||
height: 7px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.collumn .headline.hl6:after {
|
||||
border-bottom: 1px solid #2f2f2f;
|
||||
content: '';
|
||||
width: 100px;
|
||||
height: 10px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
|
||||
}
|
||||
|
||||
.collumn .headline.hl7 {
|
||||
font-weight: 700;
|
||||
font-size: 12px;
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
.collumn .headline.hl8 {
|
||||
font-weight: 700;
|
||||
font-size: 12px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
.collumn .headline.hl9 {
|
||||
font-weight: 700;
|
||||
font-size: 12px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
.collumn .headline.hl10 {
|
||||
font-weight: 700;
|
||||
font-size: 12px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
.collumn .citation {
|
||||
font-family: 'Playfair Display', serif;
|
||||
font-size: 36px;
|
||||
line-height: 44px;
|
||||
/*font-style: italic;*/
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
display: block;
|
||||
margin: 40px 0 40px 0;
|
||||
font-feature-settings: "liga", "dlig";
|
||||
|
||||
}
|
||||
|
||||
.collumn .citation:before {
|
||||
border-top: 1px solid #2f2f2f;
|
||||
content: '';
|
||||
width: 100px;
|
||||
height: 16px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.collumn .citation:after {
|
||||
border-bottom: 1px solid #2f2f2f;
|
||||
content: '';
|
||||
width: 100px;
|
||||
height: 16px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.collumn .figure {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
|
||||
.collumn .figcaption {
|
||||
font-style: italic;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.media {
|
||||
-webkit-filter: sepia(80%) contrast(1) opacity(0.8);
|
||||
filter: sepia(80%) grayscale(1) contrast(1) opacity(0.8);
|
||||
mix-blend-mode: multiply;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/*________________________________________________________________________________________________________________________________*/
|
||||
/*MEDIAQUERIES*/
|
||||
@media only all and (max-width: 1300px) {
|
||||
.weatherforcastbox {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only all and (max-width: 1200px) {
|
||||
.collumn {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only all and (max-width: 900px) {
|
||||
.collumn {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only all and (max-width: 600px) {
|
||||
.collumn {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.collumn+.collumn {
|
||||
border-left: none;
|
||||
border-bottom: 1px solid #2f2f2f;
|
||||
}
|
||||
|
||||
header {
|
||||
max-width: 320px;
|
||||
font-size: 60px;
|
||||
line-height: 54px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.content {
|
||||
margin: 30px 6% 0 5%;
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body translate="no">
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic|Droid+Serif:400,700,400italic,700italic"
|
||||
rel="stylesheet" type="text/css">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<div class="head">
|
||||
<div class="headerobjectswrapper">
|
||||
|
||||
<header id='title'>India China Relationship</header>
|
||||
</div>
|
||||
<div class="subhead" id='subtitle'>Exported by RanchiMall Content Collaboration on FLO Blockchain</div>
|
||||
</div>
|
||||
<div class="content" id='sectionmaster'><div class="collumns">
|
||||
<div class="collumn" id='section1'><div class="head"><span class="headline hl3">India China Diplomatic Relations</span></div><p>Diplomatic relations between
|
||||
India and China.
|
||||
India is the first non-socialist country to
|
||||
establish diplomatic relations with China,
|
||||
the communist government. The joint
|
||||
enunciation of Panchsheel - the 5
|
||||
principles of peaceful co- existence by the
|
||||
Indian Prime Minister Nehru and Chinese
|
||||
Premier Zhou Enlai was a step towards a
|
||||
stronger relationship. Annexation of Tibet by Chinese caused
|
||||
huge conflicts between the two countries
|
||||
and the tension was also heated due to
|
||||
border disputes caused by China. It took
|
||||
more than a decade to normalize the
|
||||
situation. Trade was the only positive
|
||||
relation between both the countries. They had signed agreements on cultural
|
||||
exchanges and co-operation in science. Bilateral trade between India and China
|
||||
has increased from $338 million in 1992 to
|
||||
more than $84 billion in 2017,
|
||||
But we need to relook how the relation
|
||||
would continue after the post- covid
|
||||
world. The solidarity between the two
|
||||
countries may be degraded due to lack of
|
||||
transparency and trust issues of China. The public perception of Indians has
|
||||
become very negative and the whole
|
||||
world has socially distanced themselves
|
||||
from China. India has been doing the
|
||||
same. The first step is by banning 59
|
||||
Chinese apps. The outbreak of this
|
||||
pandemic will sure change our relations
|
||||
with China since it the one to be blamed
|
||||
for.</p></div></div><div class="collumns">
|
||||
<div class="collumn" id='section2'><div class="head"><span class="headline hl3">India China Trade</span></div><p>Indo-China Trade.
|
||||
China being the largest exporter to India surely has its upper hand there and it would be a great
|
||||
troublesome situation for both the countries to have disputes amid this world wide pandemic due to
|
||||
the CORONA VIRUS.
|
||||
It won’t be wrong to say that Indian MSME sector is very much dependent on various Chinese
|
||||
imports and that too when it has been in the middle of crisis since a couple of years.
|
||||
Although for the business experts and other analysts it is going to be an interesting show that how
|
||||
both the countries and going to revive their respective manufacturing sector and the economy as a
|
||||
whole if thing go wrong.
|
||||
Figuratively speaking, In 2019-20 China accounted over 5% of India’s total exports which includes a
|
||||
wide range of products including iron ore, cotton yarn, coconuts, copper. Whereas Imports from
|
||||
china accounted for more than 14 percent, mobile phones and its accessories holding the top spot
|
||||
over 48% of the total import.
|
||||
For more visit http://www.indiatradedata.com/what-india-import-export-china
|
||||
The above figures shows that India runs a huge trade deficit with china which puts India on the back
|
||||
foot to take major decisions, although Indian government has already taken some strong decisions
|
||||
to match up the sentiments of Indian citizens to boycott Chinese products.
|
||||
India already has its plans to counter Chinese huge imports, The MAKE IN INDIA programme which
|
||||
was launched in 2014 but Indian economy has not seen or gained much out of it.</p></div></div><div class="collumns">
|
||||
<div class="collumn" id='section3'><div class="head"><span class="headline hl3">India China DTAA</span></div><p>INDIA-CHINA DTAA
|
||||
|
||||
|
||||
Double Taxation Avoidance Agreement(DTAA)is an accord for the avoidance of double taxation to a citizenary of either or the both nation entalgled to the concord.
|
||||
|
||||
|
||||
India-China bilateral significance to DTAA kicked off to a flier in july 1984.The recent development in harmony with the concurrence was observed in Nov.2018.
|
||||
|
||||
|
||||
The amendment in the prevailing protocols has now bound both the nation to sticl to the recent international standards.
|
||||
|
||||
|
||||
The DTAA is just not about Tax- Credit or Tax- Exemption but it also indirectly helps both the nation to understand each other economic and monetary policies and aid to prosper growth. However, In critical circumstances,the accord may be terminated from either party by notifying other.</p></div></div><div class="collumns">
|
||||
<div class="collumn" id='section4'><div class="head"><span class="headline hl3">India China Doklam Border Standoff</span></div><p>INDIA CHINA DOKLAM BORDER ISSUE-
|
||||
Docklam, or Donglang in Chinese, is an area spread over less than 100sq km comprising a platform and a valley at the Tri-junction between India, Bhutan and China. It is surrounded by Chumbi
|
||||
Valley of Tibet, Bhutan Ha Valley and Sikkim. In 2017, a dispute arose between Indian Armed Force and the
|
||||
People’s Liberation Army of China. In June, 2017, the Chinese troops started constructing road on the disputed area of Doklam which the Chinese claims it to be a a part of its Donglang region. However, India and Bhutan recognize it as Doklam, a Bhutan territory. Bhutan has a very strategic position considering the geography of India. To foster the relationship, India and Bhutan had signed a “Friendship Treaty” in 2007 which made India to intervene for the goodwill of Bhutan among other provisions. Also, Bhutan had asked for India’s help to protect its interest in Doklam from Chinese
|
||||
intervention. The question that arose was why Doklam region was so important to these nations. The reason being was that the area of Doklam carries huge military advantages and if it falls into the hands of China, the security of India and Bhutan will be at stake. The access to Tri-junction area shall be easy for the transportation of war machinery to the border of India. In this case, if there is a war between India and China, China will be able to conquer the Chicken’s neck of India which connects the North-Eastern states to rest of India. So, Indian Army was sent in order to stop the Chinese troops from constructing roads on the disputed area of Doklam. The military standoff continued for more than two months. China
|
||||
accused India for entering their border. Well after diplomatic conversations, both the troops were withdrawn from the border. Talking about the consequences of this standoff, I do not think it was an impactful one. The Chinese government claimed that it is
|
||||
their sovereign right so the Chinese troops will be present at the border. They were ready to maintain peace further. Till now, there have been no instances regarding any disturbances on that border.</p></div></div></div>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,378 +0,0 @@
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>RanchiMall Content Collaboration Output</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Droid Serif', serif;
|
||||
font-size: 14px;
|
||||
color: #2f2f2f;
|
||||
background-color: #f9f7f1;
|
||||
}
|
||||
|
||||
header {
|
||||
font-family: 'Playfair Display', serif;
|
||||
font-weight: 900;
|
||||
font-size: 80px;
|
||||
text-transform: uppercase;
|
||||
display: inline-block;
|
||||
line-height: 72px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.head {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.headerobjectswrapper {}
|
||||
|
||||
.subhead {
|
||||
text-transform: uppercase;
|
||||
border-bottom: 2px solid #2f2f2f;
|
||||
border-top: 2px solid #2f2f2f;
|
||||
padding: 12px 0 12px 0;
|
||||
|
||||
}
|
||||
|
||||
.content {
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
word-spacing: -.31em;
|
||||
display: inline-block;
|
||||
margin: 30px 2% 0 15%;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.collumns {}
|
||||
|
||||
.collumn {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
width: 80%;
|
||||
display: inline-block;
|
||||
padding: 0 1% 0 1%;
|
||||
vertical-align: top;
|
||||
margin-bottom: 50px;
|
||||
-webkit-transition: all .7s;
|
||||
transition: all .7s;
|
||||
}
|
||||
|
||||
.collumn+.collumn {
|
||||
border-left: 1px solid #2f2f2f;
|
||||
}
|
||||
|
||||
.collumn .headline {
|
||||
text-align: center;
|
||||
line-height: normal;
|
||||
font-family: 'Playfair Display', serif;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.collumn .headline.hl1 {
|
||||
font-weight: 700;
|
||||
font-size: 30px;
|
||||
text-transform: uppercase;
|
||||
padding: 10px 0 30px 0;
|
||||
|
||||
}
|
||||
|
||||
.collumn .headline.hl2 {
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-size: 24px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 0 30px 0;
|
||||
}
|
||||
|
||||
.collumn .headline.hl2:before {
|
||||
border-top: 1px solid #2f2f2f;
|
||||
content: '';
|
||||
width: 100px;
|
||||
height: 7px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.collumn .headline.hl2:after {
|
||||
border-bottom: 1px solid #2f2f2f;
|
||||
content: '';
|
||||
width: 100px;
|
||||
height: 13px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
|
||||
}
|
||||
|
||||
.collumn .headline.hl3 {
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-size: 36px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 0 30px 0;
|
||||
}
|
||||
|
||||
.collumn .headline.hl4 {
|
||||
font-weight: 700;
|
||||
font-size: 12px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 0 30px 0;
|
||||
}
|
||||
|
||||
.collumn .headline.hl4:before {
|
||||
border-top: 1px solid #2f2f2f;
|
||||
content: '';
|
||||
width: 100px;
|
||||
height: 7px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.collumn .headline.hl4:after {
|
||||
border-bottom: 1px solid #2f2f2f;
|
||||
content: '';
|
||||
width: 100px;
|
||||
height: 10px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
|
||||
}
|
||||
|
||||
.collumn .headline.hl5 {
|
||||
font-weight: 400;
|
||||
font-size: 42px;
|
||||
text-transform: uppercase;
|
||||
font-style: italic;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
.collumn .headline.hl6 {
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
.collumn .headline.hl6:before {
|
||||
border-top: 1px solid #2f2f2f;
|
||||
content: '';
|
||||
width: 100px;
|
||||
height: 7px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.collumn .headline.hl6:after {
|
||||
border-bottom: 1px solid #2f2f2f;
|
||||
content: '';
|
||||
width: 100px;
|
||||
height: 10px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
|
||||
}
|
||||
|
||||
.collumn .headline.hl7 {
|
||||
font-weight: 700;
|
||||
font-size: 12px;
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
.collumn .headline.hl8 {
|
||||
font-weight: 700;
|
||||
font-size: 12px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
.collumn .headline.hl9 {
|
||||
font-weight: 700;
|
||||
font-size: 12px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
.collumn .headline.hl10 {
|
||||
font-weight: 700;
|
||||
font-size: 12px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
.collumn .citation {
|
||||
font-family: 'Playfair Display', serif;
|
||||
font-size: 36px;
|
||||
line-height: 44px;
|
||||
/*font-style: italic;*/
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
display: block;
|
||||
margin: 40px 0 40px 0;
|
||||
font-feature-settings: "liga", "dlig";
|
||||
|
||||
}
|
||||
|
||||
.collumn .citation:before {
|
||||
border-top: 1px solid #2f2f2f;
|
||||
content: '';
|
||||
width: 100px;
|
||||
height: 16px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.collumn .citation:after {
|
||||
border-bottom: 1px solid #2f2f2f;
|
||||
content: '';
|
||||
width: 100px;
|
||||
height: 16px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.collumn .figure {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
|
||||
.collumn .figcaption {
|
||||
font-style: italic;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.media {
|
||||
-webkit-filter: sepia(80%) contrast(1) opacity(0.8);
|
||||
filter: sepia(80%) grayscale(1) contrast(1) opacity(0.8);
|
||||
mix-blend-mode: multiply;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/*________________________________________________________________________________________________________________________________*/
|
||||
/*MEDIAQUERIES*/
|
||||
@media only all and (max-width: 1300px) {
|
||||
.weatherforcastbox {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only all and (max-width: 1200px) {
|
||||
.collumn {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only all and (max-width: 900px) {
|
||||
.collumn {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only all and (max-width: 600px) {
|
||||
.collumn {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.collumn+.collumn {
|
||||
border-left: none;
|
||||
border-bottom: 1px solid #2f2f2f;
|
||||
}
|
||||
|
||||
header {
|
||||
max-width: 320px;
|
||||
font-size: 60px;
|
||||
line-height: 54px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.content {
|
||||
margin: 30px 6% 0 5%;
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body translate="no">
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic|Droid+Serif:400,700,400italic,700italic"
|
||||
rel="stylesheet" type="text/css">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<div class="head">
|
||||
<div class="headerobjectswrapper">
|
||||
|
||||
<header id='title'>Test Article</header>
|
||||
</div>
|
||||
<div class="subhead" id='subtitle'>by Teega</div>
|
||||
</div>
|
||||
<div class="content" id='sectionmaster'>
|
||||
<div class="collumns">
|
||||
<div class="collumn" id='section1'>
|
||||
<div class="head"><span class="headline hl3">From Murshid to Mamata: A Political History of
|
||||
Bengal</span></div>
|
||||
<p>Murshid Quli Khan was the first Nawab of Bengal.
|
||||
He was originally born a Hindu as Surya Narayan Mishra.
|
||||
The city of Murshidabad was named after him.
|
||||
He was Nawab of Bengal from 1717 to 1727.
|
||||
Unlike other Islamic rulers, Murshid Quli Khan had only one wife, Nasiri Banu Begum, and no
|
||||
concubines. He had three children, two daughters and one son
|
||||
|
||||
|
||||
Aurangzeb appointed him as Dewan and Faujdar of Bengal because he thought highly of Murshid Quli
|
||||
Khan and posted him to Dhaka in 1700.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collumns">
|
||||
<div class="collumn" id='section2'>
|
||||
<div class="head"><span class="headline hl3">Chief Minster Cabin, Calcutta, 2021, Painting the process
|
||||
who will sit here-painting Chief Minister Cabin-Bridge to current occupant</span></div>
|
||||
<p>Next year in sometime between March and June of 2021, about 67 million registered voters will chose
|
||||
294 representations to the state assembly. Writers Building has been under renovation since 2013. If
|
||||
the renovation is finished by then, then 294 members of state legislative assembly will decide the
|
||||
next occupant of the Chief Minster's chamber in Writer's Building. The chair is currently occupied
|
||||
by a frail but fiestly lady who has never married Mamata Baneerjee.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collumns">
|
||||
<div class="collumn" id='section3'>
|
||||
<div class="head"><span class="headline hl3">Hooghly-Origin of Calcutta, Calcutta, 1690, go back to
|
||||
start how Calcutta was created in British times</span></div>
|
||||
<p>Writers Building has been witness to power play impacting lives of millions before Independence of
|
||||
India since East India company acquired domination in Bengal province of Mughal India.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collumns">
|
||||
<div class="collumn" id='section4'>
|
||||
<div class="head"><span class="headline hl3">Battle Theme- Sheikh Mujibur Rehman-Bangladesh, Bangladesh,
|
||||
1971-1975, Creation of Bangladesh and Pakistan role in Bengal till Sheikh Mujibur Rehman was
|
||||
assassinated-Bridge to his daugher Sheikh Haseena</span></div>
|
||||
<p>One of the great grandsons of Mir Zafar was Iskandar Mirza, who assumed the first Presidency of
|
||||
Pakistan after giving his country a constitution in 1956, full 9 years after Pakistan's
|
||||
Independence. A proud and stout Bengali, he found it difficult to get along with the Prime
|
||||
Ministers he appointed. Like a musical game of chairs, he changed four Prime Ministers in his
|
||||
Presidency from March of 1956 to October of 1958. His third Prime Minister was Huseyn Suhrawady, an
|
||||
influential Bengali Muslim freedom fighter who also once held Prime Ministership of united Bengal
|
||||
province during Britsh times.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user