Merge pull request #3 from AryanMittal11/main

ss
ShaikTipu · May 8, 2024 · 42a91fb · 42a91fb
2 parents d876603 + c1b8a26
commit 42a91fb
Show file tree

Hide file tree

Showing 11 changed files with 123 additions and 16 deletions.
diff --git a/about.html b/about.html
@@ -5,7 +5,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>About</title>
     <link rel="stylesheet" href="style_about.css">
-    <link rel="icon" href="icon.png"> 
 </head>
 <body>
     <header>
@@ -22,11 +21,65 @@
         </nav>
     </header>
     <main>
-
+        <div>
+            <h2>-->Hydrogen Transition Energy</h2>
+            <div class="img">
+                <img src="hydrogen transtion.gif">
+            </div>
+            <p>The transition energy of hydrogen refers to the energy required to move an electron from one energy level (or orbit) to another within the hydrogen atom. In the Bohr model of the hydrogen atom, the energy levels are quantized, meaning they can only have certain discrete values.
+            <br><br>
+            The formula to calculate the transition energy between two energy levels in the hydrogen atom is given by the Rydberg formula:
+                <pre>
+                    E = -R(1/n<sub>i</sub><sup>2</sup> + 1/n<sub>f</sub><sup>2</sup>)   
+                    where:
+                    E is the transition energy,
+                    R is the Rydberg constant for hydrogen (2.18 * 10<sup>-18</sup>J),
+                    n<sub>i</sub> is the initial energy level (quantum number),
+                    n<sub>f</sub> is the final energy level (quantum number).
+                </pre>
+            This formula shows that the transition energy depends on the difference in the reciprocals of the squares of the initial and final energy levels. As the electron transitions to a lower energy level (closer to the nucleus), it releases energy, typically in the form of a photon. Conversely, if it transitions to a higher energy level, it absorbs energy, often in the form of a photon.
+            <br><br>
+            This formula is fundamental in understanding the spectral lines of hydrogen and in spectroscopy in general. It provides a way to calculate the energy of emitted or absorbed photons during electronic transitions within the hydrogen atom.
+            </p>
+            <br><br><br>
+
+            <h2>-->Wavelength</h2>
+            <div class="img">
+                <img src="wavelength.png">
+            </div>
+            <p>Wavelength is a fundamental concept in wave physics, referring to the distance between two successive peaks (or troughs) of a wave. It's commonly denoted by the Greek letter lambda (λ).
+            <br><br>
+            The wavelength depends on the type of wave and the medium through which it travels. For example:
+            <br>   
+            <b>1. Electromagnetic Waves (such as light):</b> In a vacuum, light travels at a constant speed, denoted by c (approximately 3*10<sup>8</sup> metres per second).The relationship between the wavelength (λ), frequency (f), and speed of light (c) is given by the equation c = f * λ. So, as the wavelength increases, the frequency decreases, and vice versa. <br><br>
+            <b>2. Sound Waves:</b> In a medium like air, sound waves propagate through compression and rarefaction of air molecules. The wavelength of a sound wave depends on factors such as the temperature, pressure, and composition of the medium. In general, longer wavelengths correspond to lower frequencies, and vice versa. <br><br>
+            <b>3. Water Waves:</b> Waves on the surface of water also have wavelengths, which are influenced by factors such as wind speed, water depth, and the size and strength of the disturbance causing the wave. <br><br>
+            Wavelength is an essential parameter in understanding the behavior of waves, including phenomena like diffraction, interference, and refraction. It's measured in units such as meters (m) for electromagnetic waves and sound waves, or other appropriate units depending on the specific context.
+            </p>
+            <br><br><br>
+
+            <h2>-->Electromagnetic Spectrum</h2>
+            <div class="img">
+                <img src="electromagnetic spectrum.png">
+            </div>
+            <p>The electromagnetic spectrum is the range of all possible frequencies of electromagnetic radiation, which includes radio waves, microwaves, infrared radiation, visible light, ultraviolet radiation, X-rays, and gamma rays. These different types of radiation have varying wavelengths and energies.
+            <br><br>
+            Here's an overview of the regions of the electromagnetic spectrum, listed in order of increasing frequency (or decreasing wavelength) and increasing energy:
+            <br>
+            <b>1. Radio Waves:</b> These waves have the longest wavelengths and lowest frequencies in the electromagnetic spectrum. They are commonly used for communication, including radio broadcasting, television, and cell phones. <br><br>
+            <b>2. Microwaves:</b> Microwaves have shorter wavelengths and higher frequencies than radio waves. They are used in microwave ovens for cooking, in telecommunications, and in radar applications. <br><br>
+            <b>3. Infrared Radiation:</b> Infrared radiation has wavelengths longer than visible light but shorter than microwaves. It's commonly associated with heat and is used in various applications such as infrared heating, night vision technology, and infrared spectroscopy. <br><br>
+            <b>4. Visible Light:</b> Visible light is the part of the electromagnetic spectrum that is visible to the human eye. It consists of different colors, each corresponding to a different wavelength. The colors of visible light, in order of increasing frequency, are red, orange, yellow, green, blue, indigo, and violet. <br><br>
+            <b>5. Ultraviolet (UV) Radiation:</b> Ultraviolet radiation has shorter wavelengths and higher frequencies than visible light. It is not visible to the human eye but is present in sunlight. UV radiation is responsible for causing sunburn and is used in applications such as sterilization and fluorescent lighting. <br><br>
+            <b>6. X-rays:</b> X-rays have shorter wavelengths and higher energies than UV radiation. They are used in medical imaging (X-ray radiography and computed tomography), airport security scanning, and industrial testing. <br><br>
+            <b>7. Gamma Rays:</b> Gamma rays have the shortest wavelengths and highest energies in the electromagnetic spectrum. They are produced by radioactive decay and nuclear reactions and are used in cancer treatment (gamma knife) and sterilization processes.
+            <br><br>
+            Each region of the electromagnetic spectrum has unique properties and applications, ranging from communication and imaging to medical treatment and scientific research.
+            </p>
+        </div>
     </main>
     <footer>
         <p>Copyright &copy; || All right reserved</p>
     </footer>
-
 </body>
 </html>
diff --git a/contact.html b/contact.html
@@ -5,7 +5,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Contacts</title>
     <link rel="stylesheet" href="style_contact.css">
-    <link rel="icon" href="icon.png"> 
 </head>
 <body>
     <header>

diff --git a/electromagnetic spectrum.png b/electromagnetic spectrum.png
diff --git a/enImg.webp b/enImg.webp
diff --git a/hydrogen transtion.gif b/hydrogen transtion.gif
diff --git a/index.html b/index.html
@@ -27,17 +27,29 @@ <h1>INTRODUCTION</h1>
         </div>
         <div class="energy">
             <div class="entext">
-                Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, et necessitatibus laboriosam dignissimos, odio, sapiente voluptas officiis aliquid corporis porro ut dolores dolorem rem soluta neque ab impedit? Delectus, assumenda!<br>
-                <button class="ebutt">Learn More</button>
+                <h3>Hydrogen transition energy</h3>
+                <p>The transition energy of hydrogen refers to the energy required to move an electron from one energy level (or orbit) to another within the hydrogen atom. In the Bohr model of the hydrogen atom, the energy levels are quantized, meaning they can only have certain discrete values.</p><br>
+                <button class="ebutt"><a href="about.html">Learn More</a></button>
             </div>
             <div class="enImg"></div>
         </div>
+
+        <div class="wave">
+            <div class="wvimg"></div>
+            <div class="wvtext">
+                <h3>Wavelength</h3>
+                <p>Wavelength is a fundamental concept in wave physics, referring to the distance between two successive peaks (or troughs) of a wave. It's commonly denoted by the Greek letter lambda (λ).The wavelength depends on the type of wave and the medium through which it travels.</p><br>
+                <button class="ebutt"><a href="about.html">Learn More</a></button>
+            </div>
+        </div>
+
         <div class="spectrum">
-            <div class="spimg"></div>
             <div class="sptext">
-                Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore aliquid pariatur accusamus, voluptatum eos animi suscipit quis obcaecati error delectus quisquam officia maxime quae voluptatibus quod ipsam optio et voluptatem.<br>
-                <button class="ebutt">Learn More</button>
+                <h3>Electromagnetic Spectrum</h3>
+                <p>The electromagnetic spectrum is the range of all possible frequencies of electromagnetic radiation, which includes radio waves, microwaves, infrared radiation, visible light, ultraviolet radiation, X-rays, and gamma rays. These different types of radiation have varying wavelengths and energies.</p><br>
+                <button class="ebutt"><a href="about.html">Learn More</a></button>
             </div>
+            <div class="spImg"></div>
         </div>
     </main>
     <footer>

diff --git a/spimg.webp b/spimg.webp
diff --git a/style_about.css b/style_about.css
@@ -53,6 +53,20 @@ nav div {
     margin-left: 2vw;
 }
 
+main div{
+    margin: 2vw;
+}
+
+main h2{
+    text-decoration: underline;
+    color: rgb(23, 78, 166);
+}
+
+main .img{
+    display: flex;
+    justify-content: center;
+}
+
 footer {
     background-color: black;
     color: white;
@@ -61,7 +75,6 @@ footer {
 }
 
 main {
-    height: 90vh;
     background-image: url(bgimg.jpg);
     object-fit: cover;
 }
diff --git a/style_index.css b/style_index.css
@@ -71,22 +71,23 @@ nav div {
     border-radius: 10px;
     font-size: large;
     line-height: 2rem;
+    box-shadow: 5px 1px 20px 4px;
 }
 
 .enImg {
-    width: 25vw;
+    width: 40vw;
     height: 60vh;
     display: flex;
     border-radius: 10px;
-    background-image: url(energy\ img.avif);
+    background-image: url(enImg.webp);
     background-position: center;
 }
 
 .entext {
     width: 40vw;
 }
 
-.spectrum {
+.wave {
     width: 90vw;
     height: 60vh;
     background-color: rgb(255, 255, 255);
@@ -99,14 +100,43 @@ nav div {
     border-radius: 10px;
     font-size: large;
     line-height: 2rem;
+
+}
+
+.wvimg {
+    width: 40vw;
+    height: 60vh;
+    display: flex;
+    border-radius: 10px;
+    background-image: url(wvimg.jpg);
+    background-position: center;
 }
 
-.spimg {
-    width: 25vw;
+.wvtext {
+    width: 40vw;
+}
+
+.spectrum {
+    width: 90vw;
+    height: 60vh;
+    background-color: aliceblue;
+    display: flex;
+    margin: 30px;
+    padding: 25px;
+    align-items: center;
+    justify-content: space-between;
+    border-radius: 10px;
+    font-size: large;
+    line-height: 2rem;
+    box-shadow: 5px 1px 20px 4px;
+}
+
+.spImg {
+    width: 40vw;
     height: 60vh;
     display: flex;
     border-radius: 10px;
-    background-image: url(spectrum\ img.jpeg);
+    background-image: url(spimg.webp);
     background-position: center;
 }
 

diff --git a/wavelength.png b/wavelength.png
diff --git a/wvimg.jpg b/wvimg.jpg