Know About National Technology Day By Click Me Program

Ticker

10/recent/ticker-posts

Know About National Technology Day By Click Me Program

AK Creative 5/17/2021 07:21:00 PM

National Technology Day 11 May 2021

Theme:-The theme of National Technology Day 2021 is "Science and Technology for a Sustainable Future”.
National Technology Day 2021: National Technology Day is celebrated across India on 11 May to commemorate India’s scientific advancement. On 11 May 1998, India successfully tested nuclear bombs in Pokhran.

History

On 11 May 1998 nuclear test was held in Pokhran and based on these tremendous achievements of the scientists, engineers, etc., Atal Bihari Vajpayee declared 11 May as National Technology Day. Since 1999, every year the Technology Development Board (TDB) celebrates the day with various technological innovations that have positively impacted the nation.

Significance

1-->On 11 May 1998, the First indigenous aircraft "Hansa-3" was test flown at Bangalore.
2-->India performed a successful test firing of the Trishul missile on the same day.
3-->Operation Shakti (Pokhran-II) on 11 May,1998 was initiated.
>>>Shakti word in Sanskrit means power. On 11 May, 1998 Operation Shakti or Pokhran II was initiated with the detonation of two fission and one fusion bomb.


HTML & CSS Source Code



<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="UTF-8">
   <title>Alert Box</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"/>
   </head>
<body>
<style>
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'hayper';
}
.alert_box,
.show_button{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
}
.show_button{
  height: 55px;
  padding: 0 30px;
  font-size: 40px;
  font-weight: 400;
  cursor: pointer;
  outline: none;
  border: none;
  color: #fff;
  line-height: 55px;
  background: #2980b9;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.show_button:hover{
  background: #001fa7;
}
.background{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: url(https://spiderimg.amarujala.com/assets/images/2018/05/11/750x506/national-technology-day-2018_1526018153.jpeg);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}
.alert_box{
  padding: 30px;
  display: flex;
  background: url(https://c0.wallpaperflare.com/preview/98/798/339/light-powerline-cloudy.jpg) no-repeat center center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 685px;
  max-height: 940px;
  width: 100%;
  border-radius: 5px;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50% , -50%) scale(0.97);
  transition: all 0.3s ease;
}
#check:checked ~ .alert_box{
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50% , -50%) scale(2);
}
#check:checked ~ .background{
  opacity: 1;
  pointer-events: auto;
}
#check{
  display: show;
}
.alert_box header{
  font-size: 25px;
  font-weight: 500;
  margin: 10px 0;
  text-decoration: underline;
  color: #ac29ac;
}
.alert_box p{
  font-size: 10px;
}
.alert_box .btns{
  margin-top: 20px;
}
.btns label{
  display: inline-flex;
  height: 55px;
  padding: 0 30px;
  font-size: 35px;
  font-weight: 800;
  cursor: pointer;
  line-height: 55px;
  outline: none;
  margin: 0 10px;
  border: none;
  color: #fff;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.btns label:first-child{
  background: #2980b9;
}
.btns label:first-child:hover{
  background: #2573a7;
}
.btns label:last-child{
  background: #f23b26;
}
.btns label:last-child:hover{
  background: #d9210d;
}
</style>
    <div class="container">
      <input type="checkbox" id="check">
      <label class="show_button" for="check">Click Me</label>
      <div class="background"></div>
      <div class="alert_box">
        <header>National Technology Day 11 May 2021</header>
        <p><font size="3">Theme:-</font>The theme of National Technology Day 2021 is "Science and Technology for a Sustainable Future”.</p>
        <p>National Technology Day 2021: National Technology Day is celebrated across India on 11 May to commemorate India’s scientific advancement. On 11 May 1998, India successfully tested nuclear bombs in Pokhran.</p>
<header>History</header>
        <p><font size="3">On</font> 11 May 1998 nuclear test was held in Pokhran and based on these tremendous achievements of the scientists, engineers, etc., Atal Bihari Vajpayee declared 11 May as National Technology Day. Since 1999, every year the Technology Development Board (TDB) celebrates the day with various technological innovations that have positively impacted the nation. </p>
<header>Significance</header>
<p><b>1--></b>On 11 May 1998, the First indigenous aircraft "Hansa-3" was test flown at Bangalore.<br>
<b>2--></b>India performed a successful test firing of the Trishul missile on the same day.<br>
<b>3--></b>Operation Shakti (Pokhran-II) on 11 May,1998 was initiated.<br>
<b>>>></b>Shakti word in Sanskrit means power. On 11 May, 1998 Operation Shakti or Pokhran II was initiated with the detonation of two fission and one fusion bomb.</p>
        </div>
      </div>
  
    </div>
</body>
</html>



Output Screens











 

Tags:

Post a Comment

18 Comments