RanchiMall/articles
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed sushant article

Browse Source
This commit is contained in:
sairaj mote 2020-08-06 16:54:32 +05:30
parent 1f7179bc9f
commit 97d7e5b18d
2 changed files with 652 additions and 588 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

352
articles/india-china.html
View File

@ -1,103 +1,128 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>RanchiMall Content Collaboration Output</title> <title>RanchiMall Content Collaboration Output</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://use.fontawesome.com/41cc35d596.js"></script>
<link
href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400;1,700;1,900&family=Poppins:wght@400;500;600;700&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap" rel="stylesheet">
<style> <style>
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
.hide {
display: none;
}
body { body {
font-family: 'Droid Serif', serif; font-family: 'lora', serif;
font-size: 14px; font-size: 16px;
color: #2f2f2f; color: #2f2f2f;
margin: 0 1.5rem;
background-color: #f9f7f1; background-color: #f9f7f1;
} }
header { header {
font-family: 'Playfair Display', serif; font-family: 'Playfair Display', serif;
font-weight: 900; font-weight: 900;
font-size: 80px; width: 100%;
text-align: center;
font-size: 4rem;
text-transform: uppercase; text-transform: uppercase;
display: inline-block; padding: 1rem 0;
line-height: 72px; letter-spacing: 6;
margin-bottom: 20px;
} }
p { p {
margin-top: 0; margin: 1.2rem 0;
margin-bottom: 20px; }
p::first-letter {
margin-left: 4rem;
} }
.head { .head {
display: flex;
flex-direction: column;
text-align: center; text-align: center;
justify-content: center;
position: relative; position: relative;
margin-bottom: 1rem;
} }
.headerobjectswrapper {}
.subhead { .subhead {
display: flex;
flex-direction: column;
align-items: center;
text-transform: uppercase; text-transform: uppercase;
border-bottom: 2px solid #2f2f2f; padding: 0.6rem 0;
border-top: 2px solid #2f2f2f;
padding: 12px 0 12px 0;
} }
.content { .subhead::after {
font-size: 0; content: '';
line-height: 0; position: absolute;
word-spacing: -.31em; bottom: 0;
display: inline-block; width: 10%;
margin: 30px 2% 0 15%; height: 0.1rem;
background: #2f2f2f;
} }
.collumns {} .weatherforcastbox {
position: relative;
.collumn { width: 12%;
font-size: 14px; left: 10px;
border: 3px double #2f2f2f;
padding: 10px 15px 10px 15px;
line-height: 20px; line-height: 20px;
width: 80%;
display: inline-block; display: inline-block;
padding: 0 1% 0 1%; margin: 0 50px 20px -360px;
}
.columns {
padding-top: 2rem;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(26rem, 1fr));
}
.column {
font-size: 1.2rem;
line-height: 1.9;
display: flex;
flex-direction: column;
vertical-align: top; vertical-align: top;
margin-bottom: 50px; margin-bottom: 4rem;
-webkit-transition: all .7s;
transition: all .7s;
} }
.collumn+.collumn { .column .headline {
border-left: 1px solid #2f2f2f;
}
.collumn .headline {
text-align: center; text-align: center;
line-height: normal; line-height: normal;
font-family: 'Playfair Display', serif; font-family: 'lora', serif;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
} }
.collumn .headline.hl1 { .column .headline.hl1 {
font-weight: 700; font-weight: 700;
font-size: 30px; font-size: 30px;
text-transform: uppercase; text-transform: uppercase;
padding: 10px 0 30px 0; padding: 0.8rem 0;
} }
.collumn .headline.hl2 { .column .headline.hl2 {
font-weight: 400; font-weight: 400;
font-style: italic;
font-size: 24px; font-size: 24px;
box-sizing: border-box;
padding: 10px 0 30px 0; padding: 0.8rem 0;
} }
.collumn .headline.hl2:before { .column .headline.hl2:before {
border-top: 1px solid #2f2f2f; border-top: 1px solid #2f2f2f;
content: ''; content: '';
width: 100px; width: 100px;
@ -106,7 +131,7 @@
margin: 0 auto; margin: 0 auto;
} }
.collumn .headline.hl2:after { .column .headline.hl2:after {
border-bottom: 1px solid #2f2f2f; border-bottom: 1px solid #2f2f2f;
content: ''; content: '';
width: 100px; width: 100px;
@ -116,22 +141,21 @@
} }
.collumn .headline.hl3 { .column .headline.hl3 {
font-weight: 400; font-weight: 400;
font-style: italic;
font-size: 36px; font-size: 36px;
box-sizing: border-box; padding: 0.8rem 0;
padding: 10px 0 30px 0; font-style: italic;
font-family: 'Playfair Display', serif;
} }
.collumn .headline.hl4 { .column .headline.hl4 {
font-weight: 700; font-weight: 500;
font-size: 12px; font-size: 0.9rem;
box-sizing: border-box; padding: 0.8rem 0;
padding: 10px 0 30px 0;
} }
.collumn .headline.hl4:before { .column .headline.hl4:before {
border-top: 1px solid #2f2f2f; border-top: 1px solid #2f2f2f;
content: ''; content: '';
width: 100px; width: 100px;
@ -140,7 +164,7 @@
margin: 0 auto; margin: 0 auto;
} }
.collumn .headline.hl4:after { .column .headline.hl4:after {
border-bottom: 1px solid #2f2f2f; border-bottom: 1px solid #2f2f2f;
content: ''; content: '';
width: 100px; width: 100px;
@ -150,23 +174,20 @@
} }
.collumn .headline.hl5 { .column .headline.hl5 {
font-weight: 400; font-weight: 400;
font-size: 42px; font-size: 42px;
text-transform: uppercase; text-transform: uppercase;
font-style: italic; padding: 0.8rem 0;
box-sizing: border-box;
padding: 10px 0 10px 0;
} }
.collumn .headline.hl6 { .column .headline.hl6 {
font-weight: 400; font-weight: 400;
font-size: 18px; font-size: 18px;
box-sizing: border-box; padding: 0.8rem 0;
padding: 10px 0 10px 0;
} }
.collumn .headline.hl6:before { .column .headline.hl6:before {
border-top: 1px solid #2f2f2f; border-top: 1px solid #2f2f2f;
content: ''; content: '';
width: 100px; width: 100px;
@ -175,46 +196,41 @@
margin: 0 auto; margin: 0 auto;
} }
.collumn .headline.hl6:after { .column .headline.hl6:after {
border-bottom: 1px solid #2f2f2f; border-bottom: 1px solid #2f2f2f;
content: ''; content: '';
width: 100px; width: 100px;
height: 10px; height: 10px;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
} }
.collumn .headline.hl7 { .column .headline.hl7 {
font-weight: 700; font-weight: 700;
font-size: 12px; font-size: 0.9rem;
box-sizing: border-box;
display: block; display: block;
padding: 10px 0 10px 0; padding: 0.8rem 0;
} }
.collumn .headline.hl8 { .column .headline.hl8 {
font-weight: 700; font-weight: 700;
font-size: 12px; font-size: 0.9rem;
box-sizing: border-box; padding: 0.8rem 0;
padding: 10px 0 10px 0;
} }
.collumn .headline.hl9 { .column .headline.hl9 {
font-weight: 700; font-weight: 700;
font-size: 12px; font-size: 0.9rem;
box-sizing: border-box; padding: 0.8rem 0;
padding: 10px 0 10px 0;
} }
.collumn .headline.hl10 { .column .headline.hl10 {
font-weight: 700; font-weight: 700;
font-size: 12px; font-size: 0.9rem;
box-sizing: border-box; padding: 0.8rem 0;
padding: 10px 0 10px 0;
} }
.collumn .citation { .column .citation {
font-family: 'Playfair Display', serif; font-family: 'Playfair Display', serif;
font-size: 36px; font-size: 36px;
line-height: 44px; line-height: 44px;
@ -224,10 +240,9 @@
display: block; display: block;
margin: 40px 0 40px 0; margin: 40px 0 40px 0;
font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig";
} }
.collumn .citation:before { .column .citation:before {
border-top: 1px solid #2f2f2f; border-top: 1px solid #2f2f2f;
content: ''; content: '';
width: 100px; width: 100px;
@ -236,7 +251,7 @@
margin: 0 auto; margin: 0 auto;
} }
.collumn .citation:after { .column .citation:after {
border-bottom: 1px solid #2f2f2f; border-bottom: 1px solid #2f2f2f;
content: ''; content: '';
width: 100px; width: 100px;
@ -245,13 +260,13 @@
margin: 0 auto; margin: 0 auto;
} }
.collumn .figure { .column .figure {
margin: 0 0 20px; margin: 0 0 20px;
} }
.collumn .figcaption { .column .figcaption {
font-style: italic; font-style: italic;
font-size: 12px; font-size: 0.9rem;
} }
.media { .media {
@ -263,56 +278,51 @@
/*________________________________________________________________________________________________________________________________*/ /*________________________________________________________________________________________________________________________________*/
/*MEDIAQUERIES*/ /*MEDIAQUERIES*/
@media only all and (max-width: 1300px) { @media all and (max-width: 1280px) {
.weatherforcastbox { .weatherforcastbox {
display: none; 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;
} }
@media all and (max-width: 640px) {
header { header {
max-width: 320px; font-size: 2.5rem;
font-size: 36px; }
line-height: 54px;
overflow: hidden;
} }
.content { @media all and (min-width: 640px) {
margin: 30px 6% 0 5%; body {
margin: 0 12vw;
} }
.columns {
margin: 0 2vw;
}
}
@media all and (min-width: 1280px) {
body {
margin: 0 20vw;
}
.columns {
margin: 0 2vw;
}
}
@media all and (min-width: 1920px) {
body {
margin: 0 32vw;
}
.columns {
margin: 0 4vw;
}
} }
</style> </style>
</head> </head>
<body translate="no"> <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="head">
<div class="headerobjectswrapper"> <div class="headerobjectswrapper">
@ -320,8 +330,11 @@
</div> </div>
<div class="subhead" id='subtitle'>Exported by RanchiMall Content Collaboration on FLO Blockchain</div> <div class="subhead" id='subtitle'>Exported by RanchiMall Content Collaboration on FLO Blockchain</div>
</div> </div>
<div class="content" id='sectionmaster'><div class="collumns"> <div class="content" id='sectionmaster'>
<div class="collumn" id='section1'><div class="head"><span class="headline hl3">India China Diplomatic Relations</span></div><p>Diplomatic relations between <div class="columns">
<div class="column" id='section1'>
<div class="head"><span class="headline hl3">India China Diplomatic Relations</span></div>
<p>Diplomatic relations between
India and China. India and China.
India is the first non-socialist country to India is the first non-socialist country to
establish diplomatic relations with China, establish diplomatic relations with China,
@ -352,8 +365,13 @@ same. The first step is by banning 59
Chinese apps. The outbreak of this Chinese apps. The outbreak of this
pandemic will sure change our relations pandemic will sure change our relations
with China since it the one to be blamed with China since it the one to be blamed
for.</p></div></div><div class="collumns"> for.</p>
<div class="collumn" id='section2'><div class="head"><span class="headline hl3">India China Trade</span></div><p>Indo-China Trade. </div>
</div>
<div class="columns">
<div class="column" 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  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  troublesome situation for both the countries to have disputes amid this world wide pandemic due to 
the CORONA VIRUS. the CORONA VIRUS.
@ -367,30 +385,68 @@ wide range of products including iron ore, cotton yarn, coconuts, copper. Wherea
china accounted for more than 14 percent, mobile phones and its accessories holding the top spot  china accounted for more than 14 percent, mobile phones and its accessories holding the top spot 
over 48% of the total import. over 48% of the total import.
For more visit http://www.indiatradedata.com/what-india-import-export-china 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  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  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.  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  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"> was launched in 2014 but Indian economy has not seen or gained much out of it.</p>
<div class="collumn" id='section3'><div class="head"><span class="headline hl3">India China DTAA</span></div><p>INDIA-CHINA DTAA </div>
</div>
<div class="columns">
<div class="column" 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. 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. 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 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"> The DTAA is just not about Tax- Credit or Tax- Exemption but it also indirectly helps both the
<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-  nation to understand each other economic and  monetary policies and aid to prosper growth. However,
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 In  critical circumstances,the accord may be terminated from either party by notifying other.</p>
Valley of Tibet, Bhutan Ha Valley and Sikkim. In 2017, a dispute arose between Indian Armed Force and the </div>
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 </div>
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 <div class="columns">
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 <div class="column" id='section4'>
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> <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> </body>
</html> </html>

308
articles/sushant.htm
View File

@ -3,102 +3,126 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>RanchiMall Content Collaboration Output</title> <title>RanchiMall Content Collaboration Output</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://use.fontawesome.com/41cc35d596.js"></script>
<link
href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400;1,700;1,900&family=Poppins:wght@400;500;600;700&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap" rel="stylesheet">
<style> <style>
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
.hide {
display: none;
}
body { body {
font-family: 'Droid Serif', serif; font-family: 'lora', serif;
font-size: 14px; font-size: 16px;
color: #2f2f2f; color: #2f2f2f;
margin: 0 1.5rem;
background-color: #f9f7f1; background-color: #f9f7f1;
} }
header { header {
font-family: 'Playfair Display', serif; font-family: 'Playfair Display', serif;
font-weight: 900; font-weight: 900;
font-size: 80px; width: 100%;
text-align: center;
font-size: 4rem;
text-transform: uppercase; text-transform: uppercase;
display: inline-block; padding: 1rem 0;
line-height: 72px; letter-spacing: 6;
margin-bottom: 20px;
} }
p { p {
margin-top: 0; margin: 1.2rem 0;
margin-bottom: 20px; }
p::first-letter {
margin-left: 4rem;
} }
.head { .head {
display: flex;
flex-direction: column;
text-align: center; text-align: center;
justify-content: center;
position: relative; position: relative;
margin-bottom: 1rem;
} }
.headerobjectswrapper {}
.subhead { .subhead {
display: flex;
flex-direction: column;
align-items: center;
text-transform: uppercase; text-transform: uppercase;
border-bottom: 2px solid #2f2f2f; padding: 0.6rem 0;
border-top: 2px solid #2f2f2f;
padding: 12px 0 12px 0;
} }
.content { .subhead::after {
font-size: 0; content: '';
line-height: 0; position: absolute;
word-spacing: -.31em; bottom: 0;
display: inline-block; width: 10%;
margin: 30px 2% 0 15%; height: 0.1rem;
background: #2f2f2f;
} }
.collumns {} .weatherforcastbox {
position: relative;
.collumn { width: 12%;
font-size: 14px; left: 10px;
border: 3px double #2f2f2f;
padding: 10px 15px 10px 15px;
line-height: 20px; line-height: 20px;
width: 80%;
display: inline-block; display: inline-block;
padding: 0 1% 0 1%; margin: 0 50px 20px -360px;
}
.columns {
padding-top: 2rem;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(26rem, 1fr));
}
.column {
font-size: 1.2rem;
line-height: 1.9;
display: flex;
flex-direction: column;
vertical-align: top; vertical-align: top;
margin-bottom: 50px; margin-bottom: 4rem;
-webkit-transition: all .7s;
transition: all .7s;
} }
.collumn+.collumn { .column .headline {
border-left: 1px solid #2f2f2f;
}
.collumn .headline {
text-align: center; text-align: center;
line-height: normal; line-height: normal;
font-family: 'Playfair Display', serif; font-family: 'lora', serif;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
} }
.collumn .headline.hl1 { .column .headline.hl1 {
font-weight: 700; font-weight: 700;
font-size: 30px; font-size: 30px;
text-transform: uppercase; text-transform: uppercase;
padding: 10px 0 30px 0; padding: 0.8rem 0;
} }
.collumn .headline.hl2 { .column .headline.hl2 {
font-weight: 400; font-weight: 400;
font-style: italic;
font-size: 24px; font-size: 24px;
box-sizing: border-box;
padding: 10px 0 30px 0; padding: 0.8rem 0;
} }
.collumn .headline.hl2:before { .column .headline.hl2:before {
border-top: 1px solid #2f2f2f; border-top: 1px solid #2f2f2f;
content: ''; content: '';
width: 100px; width: 100px;
@ -107,7 +131,7 @@
margin: 0 auto; margin: 0 auto;
} }
.collumn .headline.hl2:after { .column .headline.hl2:after {
border-bottom: 1px solid #2f2f2f; border-bottom: 1px solid #2f2f2f;
content: ''; content: '';
width: 100px; width: 100px;
@ -117,22 +141,21 @@
} }
.collumn .headline.hl3 { .column .headline.hl3 {
font-weight: 400; font-weight: 400;
font-style: italic;
font-size: 36px; font-size: 36px;
box-sizing: border-box; padding: 0.8rem 0;
padding: 10px 0 30px 0; font-style: italic;
font-family: 'Playfair Display', serif;
} }
.collumn .headline.hl4 { .column .headline.hl4 {
font-weight: 700; font-weight: 500;
font-size: 12px; font-size: 0.9rem;
box-sizing: border-box; padding: 0.8rem 0;
padding: 10px 0 30px 0;
} }
.collumn .headline.hl4:before { .column .headline.hl4:before {
border-top: 1px solid #2f2f2f; border-top: 1px solid #2f2f2f;
content: ''; content: '';
width: 100px; width: 100px;
@ -141,7 +164,7 @@
margin: 0 auto; margin: 0 auto;
} }
.collumn .headline.hl4:after { .column .headline.hl4:after {
border-bottom: 1px solid #2f2f2f; border-bottom: 1px solid #2f2f2f;
content: ''; content: '';
width: 100px; width: 100px;
@ -151,23 +174,20 @@
} }
.collumn .headline.hl5 { .column .headline.hl5 {
font-weight: 400; font-weight: 400;
font-size: 42px; font-size: 42px;
text-transform: uppercase; text-transform: uppercase;
font-style: italic; padding: 0.8rem 0;
box-sizing: border-box;
padding: 10px 0 10px 0;
} }
.collumn .headline.hl6 { .column .headline.hl6 {
font-weight: 400; font-weight: 400;
font-size: 18px; font-size: 18px;
box-sizing: border-box; padding: 0.8rem 0;
padding: 10px 0 10px 0;
} }
.collumn .headline.hl6:before { .column .headline.hl6:before {
border-top: 1px solid #2f2f2f; border-top: 1px solid #2f2f2f;
content: ''; content: '';
width: 100px; width: 100px;
@ -176,46 +196,41 @@
margin: 0 auto; margin: 0 auto;
} }
.collumn .headline.hl6:after { .column .headline.hl6:after {
border-bottom: 1px solid #2f2f2f; border-bottom: 1px solid #2f2f2f;
content: ''; content: '';
width: 100px; width: 100px;
height: 10px; height: 10px;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
} }
.collumn .headline.hl7 { .column .headline.hl7 {
font-weight: 700; font-weight: 700;
font-size: 12px; font-size: 0.9rem;
box-sizing: border-box;
display: block; display: block;
padding: 10px 0 10px 0; padding: 0.8rem 0;
} }
.collumn .headline.hl8 { .column .headline.hl8 {
font-weight: 700; font-weight: 700;
font-size: 12px; font-size: 0.9rem;
box-sizing: border-box; padding: 0.8rem 0;
padding: 10px 0 10px 0;
} }
.collumn .headline.hl9 { .column .headline.hl9 {
font-weight: 700; font-weight: 700;
font-size: 12px; font-size: 0.9rem;
box-sizing: border-box; padding: 0.8rem 0;
padding: 10px 0 10px 0;
} }
.collumn .headline.hl10 { .column .headline.hl10 {
font-weight: 700; font-weight: 700;
font-size: 12px; font-size: 0.9rem;
box-sizing: border-box; padding: 0.8rem 0;
padding: 10px 0 10px 0;
} }
.collumn .citation { .column .citation {
font-family: 'Playfair Display', serif; font-family: 'Playfair Display', serif;
font-size: 36px; font-size: 36px;
line-height: 44px; line-height: 44px;
@ -225,10 +240,9 @@
display: block; display: block;
margin: 40px 0 40px 0; margin: 40px 0 40px 0;
font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig";
} }
.collumn .citation:before { .column .citation:before {
border-top: 1px solid #2f2f2f; border-top: 1px solid #2f2f2f;
content: ''; content: '';
width: 100px; width: 100px;
@ -237,7 +251,7 @@
margin: 0 auto; margin: 0 auto;
} }
.collumn .citation:after { .column .citation:after {
border-bottom: 1px solid #2f2f2f; border-bottom: 1px solid #2f2f2f;
content: ''; content: '';
width: 100px; width: 100px;
@ -246,13 +260,13 @@
margin: 0 auto; margin: 0 auto;
} }
.collumn .figure { .column .figure {
margin: 0 0 20px; margin: 0 0 20px;
} }
.collumn .figcaption { .column .figcaption {
font-style: italic; font-style: italic;
font-size: 12px; font-size: 0.9rem;
} }
.media { .media {
@ -264,57 +278,51 @@
/*________________________________________________________________________________________________________________________________*/ /*________________________________________________________________________________________________________________________________*/
/*MEDIAQUERIES*/ /*MEDIAQUERIES*/
@media only all and (max-width: 1300px) { @media all and (max-width: 1280px) {
.weatherforcastbox { .weatherforcastbox {
display: none; 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;
} }
@media all and (max-width: 640px) {
header { header {
max-width: 320px; font-size: 2.5rem;
font-size: 36px; }
line-height: 54px;
overflow: hidden;
} }
.content { @media all and (min-width: 640px) {
margin: 30px 6% 0 5%; body {
margin: 0 12vw;
} }
.columns {
margin: 0 2vw;
}
}
@media all and (min-width: 1280px) {
body {
margin: 0 20vw;
}
.columns {
margin: 0 2vw;
}
}
@media all and (min-width: 1920px) {
body {
margin: 0 32vw;
}
.columns {
margin: 0 4vw;
}
} }
</style> </style>
</head> </head>
<body translate="no"> <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="head">
<div class="headerobjectswrapper"> <div class="headerobjectswrapper">
@ -323,8 +331,8 @@
<div class="subhead" id='subtitle'>Exported by RanchiMall Content Collaboration on FLO Blockchain</div> <div class="subhead" id='subtitle'>Exported by RanchiMall Content Collaboration on FLO Blockchain</div>
</div> </div>
<div class="content" id='sectionmaster'> <div class="content" id='sectionmaster'>
<div class="collumns"> <div class="columns">
<div class="collumn" id='section1'> <div class="column" id='section1'>
<div class="head"><span class="headline hl3">Sushant Singh Rajput : Background</span></div> <div class="head"><span class="headline hl3">Sushant Singh Rajput : Background</span></div>
<p>Sushant Singh Rajput was no doubt a brilliant actor and man of great intelligence. He was born in <p>Sushant Singh Rajput was no doubt a brilliant actor and man of great intelligence. He was born in
Patna, Bihar and after his mother's demise in 2002 which left the family devastated, they moved Patna, Bihar and after his mother's demise in 2002 which left the family devastated, they moved
@ -359,8 +367,8 @@
</div> </div>
</div> </div>
<div class="collumns"> <div class="columns">
<div class="collumn" id='section2'> <div class="column" id='section2'>
<div class="head"><span class="headline hl3">Sushant Singh Rajput : Nepotism Kangana</span></div> <div class="head"><span class="headline hl3">Sushant Singh Rajput : Nepotism Kangana</span></div>
<p>Sushant Singh Rajput was an aspiring actor who started his career from television serials (2008). <p>Sushant Singh Rajput was an aspiring actor who started his career from television serials (2008).
Later, he got a chance to act on big screen "Bollywood" with his is very first movie "Kai Po Che" Later, he got a chance to act on big screen "Bollywood" with his is very first movie "Kai Po Che"
@ -405,8 +413,8 @@
resulted in a change that was unexpected, however we don't know how far this change will last.</p> resulted in a change that was unexpected, however we don't know how far this change will last.</p>
</div> </div>
</div> </div>
<div class="collumns"> <div class="columns">
<div class="collumn" id='section3'> <div class="column" id='section3'>
<div class="head"><span class="headline hl3">Sushant Singh Rajput : Death reason</span></div> <div class="head"><span class="headline hl3">Sushant Singh Rajput : Death reason</span></div>
<p>On 14th of June, a sudden heart- breaking news came that 34 year bollywood actor <p>On 14th of June, a sudden heart- breaking news came that 34 year bollywood actor
 Sushant Singh Rajput was no more. The news shook each and every person to the core. Everyone wanted  Sushant Singh Rajput was no more. The news shook each and every person to the core. Everyone wanted
@ -458,8 +466,8 @@
Sushant.</p> Sushant.</p>
</div> </div>
</div> </div>
<div class="collumns"> <div class="columns">
<div class="collumn" id='section4'> <div class="column" id='section4'>
<div class="head"><span class="headline hl3">Sushant Singh Rajput and Ankita Lokhande</span></div> <div class="head"><span class="headline hl3">Sushant Singh Rajput and Ankita Lokhande</span></div>
<p>Not all hello's last forever, not all goodbyes are meant to see a new unison in future. Likewise <p>Not all hello's last forever, not all goodbyes are meant to see a new unison in future. Likewise
Ankita Lokhande and Sushant Singh Rajput first met on the set of their debut show "pavitra rishta" Ankita Lokhande and Sushant Singh Rajput first met on the set of their debut show "pavitra rishta"
@ -512,8 +520,8 @@
</p> </p>
</div> </div>
</div> </div>
<div class="collumns"> <div class="columns">
<div class="collumn" id='section5'> <div class="column" id='section5'>
<div class="head"><span class="headline hl3">Sushant Singh Rajput : Chhichhore</span></div> <div class="head"><span class="headline hl3">Sushant Singh Rajput : Chhichhore</span></div>
<p>Chhichhore is 2019 film directed by Nitesh Tiwari starring Sushant Singh Rajput, Shraddha Kapoor, <p>Chhichhore is 2019 film directed by Nitesh Tiwari starring Sushant Singh Rajput, Shraddha Kapoor,
Varun Sharma. Varun Sharma.
@ -531,8 +539,8 @@
awards or ZeeCineAwards but also the 'cause' that it brought forth!</p> awards or ZeeCineAwards but also the 'cause' that it brought forth!</p>
</div> </div>
</div> </div>
<div class="collumns"> <div class="columns">
<div class="collumn" id='section6'> <div class="column" id='section6'>
<div class="head"><span class="headline hl3">Sushant Singh Rajput : Educational qualification</span> <div class="head"><span class="headline hl3">Sushant Singh Rajput : Educational qualification</span>
</div> </div>
<p>Sushant's tragic death sparked an outpouring of grief in everybody.  <p>Sushant's tragic death sparked an outpouring of grief in everybody. 
@ -558,8 +566,8 @@
is not just a lost for his family but to entire nation.</p> is not just a lost for his family but to entire nation.</p>
</div> </div>
</div> </div>
<div class="collumns"> <div class="columns">
<div class="collumn" id='section7'> <div class="column" id='section7'>
<div class="head"><span class="headline hl3">Sushant Singh Rajput , Ekta Kapoor</span></div> <div class="head"><span class="headline hl3">Sushant Singh Rajput , Ekta Kapoor</span></div>
<p>Ekta Kapoor is an Indian Television producer, film producer, and director. She gave Sushant Singh <p>Ekta Kapoor is an Indian Television producer, film producer, and director. She gave Sushant Singh
Rajput his Big TV break with a daily soap entitled "Pavitra Rishta". When Sushant moved to Mumbai to Rajput his Big TV break with a daily soap entitled "Pavitra Rishta". When Sushant moved to Mumbai to
@ -636,8 +644,8 @@
deceased actor.</p> deceased actor.</p>
</div> </div>
</div> </div>
<div class="collumns"> <div class="columns">
<div class="collumn" id='section8'> <div class="column" id='section8'>
<div class="head"><span class="headline hl3">Sushant Singh Rajput : Investigation</span></div> <div class="head"><span class="headline hl3">Sushant Singh Rajput : Investigation</span></div>
<p>It's more than a month now of  Sushant's mysterious death. But with time it is getting even more <p>It's more than a month now of  Sushant's mysterious death. But with time it is getting even more
unexplainable. The actor was found hanging in his Bandra residence stated mumbai police and unexplainable. The actor was found hanging in his Bandra residence stated mumbai police and
@ -670,8 +678,8 @@
Every fan in the country is wishing the same for the late actor. JUSTICE</p> Every fan in the country is wishing the same for the late actor. JUSTICE</p>
</div> </div>
</div> </div>
<div class="collumns"> <div class="columns">
<div class="collumn" id='section9'> <div class="column" id='section9'>
<div class="head"><span class="headline hl3">Sushant Singh Rajput, Salman Khan and Ekta Kapoor</span> <div class="head"><span class="headline hl3">Sushant Singh Rajput, Salman Khan and Ekta Kapoor</span>
</div> </div>
<p>Sushant was found dead in his Bandra residence. Reported by Mumbai police he was found hanging so <p>Sushant was found dead in his Bandra residence. Reported by Mumbai police he was found hanging so
@ -702,8 +710,8 @@
it a suicide or a well planned murder.</p> it a suicide or a well planned murder.</p>
</div> </div>
</div> </div>
<div class="collumns"> <div class="columns">
<div class="collumn" id='section10'> <div class="column" id='section10'>
<div class="head"><span class="headline hl3">Sushant Singh Rajput on Koffee with Karan</span></div> <div class="head"><span class="headline hl3">Sushant Singh Rajput on Koffee with Karan</span></div>
<p>Koffee with karan is a controversial chat show hosted by the bollywood director Karan Johar. This <p>Koffee with karan is a controversial chat show hosted by the bollywood director Karan Johar. This
show aims at having fun by talking personal lives of the bollywood stars. We are well aware of the show aims at having fun by talking personal lives of the bollywood stars. We are well aware of the