(କ) ସୌରଜଗତ କହିଲେ କ’ଣ ବୁଝ ?
(ଖ) ସୂର୍ଯ୍ୟଙ୍କ ନିକଟତମ ଗ୍ରହ କେଉଁଟି ?
| ଗ୍ରହ | ନକ୍ଷତ୍ର |
|---|---|
| ନିଜର ଆଲୋକ ନଥାଏ। | ନିଜର ଆଲୋକ ଥାଏ। |
(କ) ସୌରଜଗତ କହିଲେ କ’ଣ ବୁଝ ?
ସୂର୍ଯ୍ୟଙ୍କଠାରୁ ଉତ୍ପନ୍ନ ହୋଇ ଶୂନ୍ୟରେ ଘୂରିବୁଲୁଥିବା ଆଠଟି ଗ୍ରହ, ତିନୋଟି ବାମନ ଗ୍ରହ, ଅନେକ ଉପଗ୍ରହ, ଗ୍ରହାଣୁପୁଞ୍ଜ, ଅସଂଖ୍ୟ ଉଲ୍କା ଓ ଧୂମକେତୁକୁ ନେଇ ସୂର୍ଯ୍ୟ ସହିତ ଗଠିତ ପରିବାରକୁ ସୌରଜଗତ କୁହାଯାଏ।
(ଖ) ଦୂରତା କ୍ରମରେ ସୌରଜଗତର ଗ୍ରହଗୁଡ଼ିକର ନାମ ଲେଖ ।
ବୁଧ, ଶୁକ୍ର, ପୃଥିବୀ, ମଙ୍ଗଳ, ବୃହସ୍ପତି, ଶନି, ୟୁରେନ୍ସ ଓ ନେପ୍ଚ୍ୟୁନ୍।
| ଗ୍ରହ | ନକ୍ଷତ୍ର |
|---|---|
| ନିଜର ଆଲୋକ ନଥାଏ। | ନିଜର ଆଲୋକ ଓ ଉତ୍ତାପ ଥାଏ। |
| ସୂର୍ଯ୍ୟ ଆଲୋକରେ ଆଲୋକିତ। | ନିଜସ୍ଵ ଆଲୋକ ଦ୍ୱାରା ଉଜ୍ଜ୍ୱଳ। |
ପୃଥିବୀ ଇତିହାସ ପୃଷ୍ଠାରେ ଉଲ୍ଲିଖିତ ବିଶିଷ୍ଟ ବ୍ୟକ୍ତିମାନଙ୍କ ମଧ୍ୟରେ ଭାରତର ମହାନ ଜନନାୟକ ତଥା ସ୍ୱାଧୀନତା ଆନ୍ଦୋଳନର କର୍ଣ୍ଣଧାର ମହାତ୍ମା ଗାନ୍ଧି ଅନ୍ୟତମ ।
ଦାଦା ଅବଦୁଲ୍ଲା ନାମକ ଜଣେ ଭାରତୀୟ ମୁସଲମାନ ବ୍ୟବସାୟୀଙ୍କ ମୋକଦ୍ଦମା ଲଢ଼ିବା ପାଇଁ ଗାନ୍ଧିଜୀ ଦକ୍ଷିଣ ଆଫ୍ରିକାର ନାଟାଲ୍କୁ ଯାଇଥିଲେ ।
ସେଠାରେ ପ୍ରବାସୀ ଭାରତୀୟମାନେ ଶ୍ୱେତାଙ୍ଗ ଇଂରେଜମାନଙ୍କ ବର୍ଣ୍ଣବେଷମ୍ୟ ନୀତି ଯୋଗୁଁ ଅନେକ ଅତ୍ୟାଚାରର ସମ୍ମୁଖୀନ ହେଉଥିଲେ ।
ଭାରତୀୟମାନଙ୍କୁ ଭୋଟ ଅଧିକାର ମିଳୁନଥିଲା, ପଞ୍ଜୀକରଣ କର ଦେବାକୁ ପଡୁଥିଲା ଓ ଅସ୍ୱାସ୍ଥ୍ୟକର ପରିବେଶରେ ବସବାସ କରିବାକୁ ପଡୁଥିଲା ।
୧୮୯୪ ମସିହାରେ ଗାନ୍ଧିଜୀ ‘ନାଟାଲ୍ ଭାରତୀୟ କଂଗ୍ରେସ’ ଗଠନ କଲେ ଏବଂ ‘ଇଣ୍ଡିଆନ୍ ଓପିନିଅନ୍’ ସମ୍ବାଦପତ୍ର ପ୍ରକାଶ କଲେ ।
୧୯୧୫ ଜାନୁୟାରୀ ୯ ତାରିଖରେ ଗାନ୍ଧିଜୀ ଭାରତକୁ ଫେରିଥିଲେ ।
ଏହା ଗାନ୍ଧିଜୀଙ୍କ ଦ୍ୱାରା ଭାରତରେ ସଂଗଠିତ ପ୍ରଥମ ଆନ୍ଦୋଳନ । ‘ତିନିକାଠିଆ’ ବ୍ୟବସ୍ଥା ଉଚ୍ଛେଦ ହୋଇଥିଲା ।
ଦୁର୍ଭିକ୍ଷ ସତ୍ତ୍ୱେ ରାଜସ୍ୱ ଆଦାୟ ବିରୋଧରେ ଗାନ୍ଧିଜୀ ସତ୍ୟାଗ୍ରହ କରିଥିଲେ ।
ପ୍ଲେଗ୍ ବୋନସ୍ ପ୍ରତ୍ୟାହାର ବିରୋଧରେ ଗାନ୍ଧିଜୀ ଅନଶନ କରିଥିଲେ ।
ବିନା ବିଚାରରେ ଗିରଫ ବିରୋଧରେ ଦେଶବ୍ୟାପୀ ହରତାଳ ପାଳିତ ହୋଇଥିଲା ।
୧୩ ଏପ୍ରିଲ୍ ୧୯୧୯ ରେ ଜେନେରାଲ୍ ଡାୟାର ନିରସ୍ତ୍ର ଜନତା ଉପରେ ଗୁଳିବର୍ଷଣ କରିଥିଲେ ।
| ବର୍ଷ | ଘଟଣା |
|---|---|
| ୧୮୬୯ | ଗାନ୍ଧିଜୀଙ୍କ ଜନ୍ମ |
| ୧୮୮୨ | କସ୍ତୁରବାଙ୍କ ସହ ବିବାହ |
| ୧୮୮୮ | ଇଂଲଣ୍ଡ ଯାତ୍ରା |
| ୧୮୯୪ | ନାଟାଲ୍ ଭାରତୀୟ କଂଗ୍ରେସ ଗଠନ |
| ୧୯୧୫ | ଭାରତ ପ୍ରତ୍ୟାବର୍ତ୍ତନ |
| ୧୯୧୭ | ଚମ୍ପାରନ୍ ଆନ୍ଦୋଳନ |
| ୧୯୧୮ | ଖେଡ଼ା ଆନ୍ଦୋଳନ |
| ୧୯୧୯ | ରାଓଲାତ୍ ଆଇନ ଓ ଜାଲିଆନାୱାଲାବାଗ୍ |
| Component | 7th CPC | 8th CPC |
|---|---|---|
| Basic Pay | ||
| Dearness Allowance | ||
| House Rent Allowance | ||
| Transport Allowance | ||
| Net Salary |
⚠️ Estimated values only. Actual salary will depend on official 8th Pay Commission notification.
First tab is active by default:
$('#container').tabs();<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>
<div class="w3-container">
<h2>Active Tabs</h2>
<p>To highlight the current tab/page the user is on, add a color class, and use JavaScript to update the active link.</p>
<div class="w3-bar w3-black">
<button class="w3-bar-item w3-button tablink w3-red" onclick="openCity(event,'London')">London</button>
<button class="w3-bar-item w3-button tablink" onclick="openCity(event,'Paris')">Paris</button>
<button class="w3-bar-item w3-button tablink" onclick="openCity(event,'Tokyo')">Tokyo</button>
</div>
<div id="London" class="w3-container w3-border city">
<h2>London</h2>
<p>London is the capital city of England.</p>
</div>
<div id="Paris" class="w3-container w3-border city" style="display:none">
<h2>Paris</h2>
<p>Paris is the capital of France.</p>
</div>
<div id="Tokyo" class="w3-container w3-border city" style="display:none">
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan.</p>
</div>
</div>
<script>
function openCity(evt, cityName) {
var i, x, tablinks;
x = document.getElementsByClassName("city");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < x.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" w3-red", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " w3-red";
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>
<div class="w3-sidebar w3-bar-block w3-black w3-card" style="width:130px">
<h5 class="w3-bar-item">Menu</h5>
<button class="w3-bar-item w3-button tablink" onclick="openLink(event, 'Fade')">Fade</button>
<button class="w3-bar-item w3-button tablink" onclick="openLink(event, 'Left')">Left</button>
<button class="w3-bar-item w3-button tablink" onclick="openLink(event, 'Right')">Right</button>
<button class="w3-bar-item w3-button tablink" onclick="openLink(event, 'Top')">Top</button>
<button class="w3-bar-item w3-button tablink" onclick="openLink(event, 'Bottom')">Bottom</button>
<button class="w3-bar-item w3-button tablink" onclick="openLink(event, 'Zoom')">Zoom</button>
</div>
<div style="margin-left:130px">
<div class="w3-padding">Use any of the w3-animate-classes to fade, zoom or slide in tab content.</div>
<div id="Fade" class="w3-container city w3-animate-opacity" style="display:none">
<h2>Fade in</h2>
<p>London is the capital city of England.</p>
<p>It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div>
<div id="Left" class="w3-container city w3-animate-left" style="display:none">
<h2>Slide in from left</h2>
<p>Paris is the capital of France.</p>
<p>The Paris area is one of the largest population centers in Europe, with more than 12 million inhabitants.</p>
</div>
<div id="Top" class="w3-container city w3-animate-top" style="display:none">
<h2>Slide in from top</h2>
<p>Tokyo is the capital of Japan.</p>
<p>It is the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.</p>
</div>
<div id="Right" class="w3-container city w3-animate-right" style="display:none">
<h2>Slide in from right</h2>
<p>London is the capital city of England.</p>
<p>It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div>
<div id="Bottom" class="w3-container city w3-animate-bottom" style="display:none">
<h2>Slide in from bottom</h2>
<p>Paris is the capital of France.</p>
<p>The Paris area is one of the largest population centers in Europe, with more than 12 million inhabitants.</p>
</div>
<div id="Zoom" class="w3-container city w3-animate-zoom" style="display:none">
<h2>Zoom in</h2>
<p>Tokyo is the capital of Japan.</p>
<p>It is the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.</p>
</div>
</div>
<script>
function openLink(evt, animName) {
var i, x, tablinks;
x = document.getElementsByClassName("city");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < x.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" w3-red", "");
}
document.getElementById(animName).style.display = "block";
evt.currentTarget.className += " w3-red";
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {box-sizing: border-box}
/* Set height of body and the document to 100% */
body, html {
height: 100%;
margin: 0;
font-family: Arial;
}
/* Style tab links */
.tablink {
background-color: #555;
color: white;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
font-size: 17px;
width: 25%;
}
.tablink:hover {
background-color: #777;
}
/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
color: white;
display: none;
padding: 100px 20px;
height: 100%;
}
#Home {background-color: red;}
#News {background-color: green;}
#Contact {background-color: blue;}
#About {background-color: orange;}
</style>
</head>
<body>
<button class="tablink" onclick="openPage('Home', this, 'red')">Home</button>
<button class="tablink" onclick="openPage('News', this, 'green')" id="defaultOpen">News</button>
<button class="tablink" onclick="openPage('Contact', this, 'blue')">Contact</button>
<button class="tablink" onclick="openPage('About', this, 'orange')">About</button>
<div id="Home" class="tabcontent">
<h3>Home</h3>
<p>Home is where the heart is..</p>
</div>
<div id="News" class="tabcontent">
<h3>News</h3>
<p>Some news this fine day!</p>
</div>
<div id="Contact" class="tabcontent">
<h3>Contact</h3>
<p>Get in touch, or swing by for a cup of coffee.</p>
</div>
<div id="About" class="tabcontent">
<h3>About</h3>
<p>Who we are and what we do.</p>
</div>
<script>
function openPage(pageName,elmnt,color) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].style.backgroundColor = "";
}
document.getElementById(pageName).style.display = "block";
elmnt.style.backgroundColor = color;
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
</body>
</html>
