Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@Hariom-Handloom
Hariom-Handloom authored Dec 5, 2024
1 parent faa45cf commit 53d7762
Show file tree
Hide file tree
Showing 99 changed files with 5,421 additions and 0 deletions.
69 changes: 69 additions & 0 deletions public/1.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hydrogen Atom Details</title>
<link rel="stylesheet" href="element.css">
</head>
<body>
<h1>Hydrogen </h1>
<hr/>

<p class="intro"><strong>Hydrogen</strong> is the first and simplest element in the periodic table. It is the lightest element, consisting of just one proton and one electron. Hydrogen is a non-metal and is most commonly found as a diatomic molecule, H<sub>2</sub>.</p>

<section>
<h2 class="elec_conf">Atomic Structure</h2>
<img class="elec_conf" src="../assets/1.png" alt="hydrogen atom electronic configuration">
</section>

<h2>Atomic Information</h2>
<table>
<tr>
<th>Property</th>
<th>Value</th>
</tr>
<tr>
<td>Atomic Number</td>
<td>1</td>
</tr>
<tr>
<td>Symbol</td>
<td>H</td>
</tr>
<tr>
<td>Atomic Mass</td>
<td>1.008 u</td>
</tr>
<tr>
<td>Electron Configuration</td>
<td>1s<sup>1</sup></td>
</tr>
<tr>
<td>State at Room Temperature</td>
<td>Gas</td>
</tr>
</table>

<h2>Interesting Facts About Hydrogen</h2>
<ul>
<li>Hydrogen is the most abundant element in the universe, making up roughly 75% of its normal matter by mass.</li>
<li>Hydrogen gas (H<sub>2</sub>) is highly flammable and was used in early airships like the Hindenburg.</li>
<li>In its molecular form, H<sub>2</sub> is colorless, odorless, and tasteless.</li>
<li>Hydrogen is a key component in the production of ammonia (NH<sub>3</sub>), which is vital for fertilizers.</li>
<li>It plays an essential role in stars, including the Sun, where nuclear fusion occurs to form helium from hydrogen.</li>
</ul>

<h2>History of Hydrogen</h2>
<p>Hydrogen was discovered by <strong>Henry Cavendish</strong> in 1766. He produced hydrogen by reacting metals with acids, and found that it was a unique gas that produced water when burned. Later, Antoine Lavoisier gave hydrogen its name, which comes from the Greek word "hydro" meaning water and "genes" meaning creator, because it forms water when it reacts with oxygen.</p>

<h2>Uses of Hydrogen</h2>
<p>Hydrogen has many applications in modern industries:</p>
<ul>
<li><strong>Fuel cells:</strong> Hydrogen is used in fuel cells to generate electricity, primarily for use in vehicles and other portable devices.</li>
<li><strong>Hydrogenation:</strong> In the food industry, hydrogen is used to hydrogenate oils, turning liquid oils into solid fats, like margarine.</li>
<li><strong>Rocket fuel:</strong> Hydrogen is used as rocket fuel (liquid hydrogen) in combination with liquid oxygen for space exploration.</li>
</ul>

</body>
</html>
55 changes: 55 additions & 0 deletions public/10.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Neon Atom Details</title>
<link rel="stylesheet" href="element.css">
</head>
<body>
<h1>Neon </h1> <hr/>

<p class="intro"><strong>Neon</strong> is the tenth element in the periodic table and is classified as a noble gas. It is colorless, odorless, and inert under most conditions.</p>

<section>
<h2>Atomic Structure</h2>
<img class="elec_conf" src="../assets/10.png" alt="neon atom electronic configuration">
</section>

<h2>Atomic Information</h2>
<table>
<tr>
<th>Property</th>
<th>Value</th>
</tr>
<tr>
<td>Atomic Number</td>
<td>10</td>
</tr>
<tr>
<td>Symbol</td>
<td>Ne</td>
</tr>
<tr>
<td>Atomic Mass</td>
<td>20.180 u</td>
</tr>
<tr>
<td>Electron Configuration</td>
<td>1s<sup>2</sup> 2s<sup>2</sup> 2p<sup>6</sup></td>
</tr>
<tr>
<td>State at Room Temperature</td>
<td>Gas</td>
</tr>
</table>

<h2>Interesting Facts About Neon</h2>
<ul>
<li>Neon emits a bright orange-red glow in neon signs.</li>
<li>It is the fifth most abundant element in the universe.</li>
<li>Neon is very rare on Earth, found in trace amounts in the atmosphere.</li>
<li>It is used in high-voltage indicators and vacuum tubes.</li>
</ul>
</body>
</html>
54 changes: 54 additions & 0 deletions public/11.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sodium Atom Details</title>
<link rel="stylesheet" href="element.css">
</head>
<body>
<h1>Sodium </h1> <hr/>

<p class="intro"><strong>Sodium</strong> is an alkali metal and is highly reactive. It is the sixth most abundant element in the Earth's crust.</p>

<section>
<h2>Atomic Structure</h2>
<img class="elec_conf" src="../assets/11.png" alt="sodium atom electronic configuration">
</section>

<h2>Atomic Information</h2>
<table>
<tr>
<th>Property</th>
<th>Value</th>
</tr>
<tr>
<td>Atomic Number</td>
<td>11</td>
</tr>
<tr>
<td>Symbol</td>
<td>Na</td>
</tr>
<tr>
<td>Atomic Mass</td>
<td>22.990 u</td>
</tr>
<tr>
<td>Electron Configuration</td>
<td>1s<sup>2</sup> 2s<sup>2</sup> 2p<sup>6</sup> 3s<sup>1</sup></td>
</tr>
<tr>
<td>State at Room Temperature</td>
<td>Solid</td>
</tr>
</table>

<h2>Uses of Sodium</h2>
<ul>
<li>Used in street lights to produce bright yellow light.</li>
<li>Sodium compounds, like table salt (NaCl), are essential in food and industry.</li>
<li>It is used as a heat transfer agent in nuclear reactors.</li>
</ul>
</body>
</html>
54 changes: 54 additions & 0 deletions public/12.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Magnesium Atom Details</title>
<link rel="stylesheet" href="element.css">
</head>
<body>
<h1>Magnesium </h1> <hr/>

<p class="intro"><strong>Magnesium</strong> is an alkaline earth metal. It is lightweight and found in abundance in the Earth's crust and seawater.</p>

<section>
<h2>Atomic Structure</h2>
<img class="elec_conf" src="../assets/12.png" alt="magnesium atom electronic configuration">
</section>

<h2>Atomic Information</h2>
<table>
<tr>
<th>Property</th>
<th>Value</th>
</tr>
<tr>
<td>Atomic Number</td>
<td>12</td>
</tr>
<tr>
<td>Symbol</td>
<td>Mg</td>
</tr>
<tr>
<td>Atomic Mass</td>
<td>24.305 u</td>
</tr>
<tr>
<td>Electron Configuration</td>
<td>1s<sup>2</sup> 2s<sup>2</sup> 2p<sup>6</sup> 3s<sup>2</sup></td>
</tr>
<tr>
<td>State at Room Temperature</td>
<td>Solid</td>
</tr>
</table>

<h2>Uses of Magnesium</h2>
<ul>
<li>Used in alloys for lightweight materials in aerospace and automotive industries.</li>
<li>Essential in chlorophyll for photosynthesis.</li>
<li>Magnesium hydroxide is used in antacids and laxatives.</li>
</ul>
</body>
</html>
54 changes: 54 additions & 0 deletions public/13.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aluminum Atom Details</title>
<link rel="stylesheet" href="element.css">
</head>
<body>
<h1>Aluminum </h1> <hr/>

<p class="intro"><strong>Aluminum</strong> is a post-transition metal and the most abundant metal in the Earth's crust.</p>

<section>
<h2>Atomic Structure</h2>
<img class="elec_conf" src="../assets/13.png" alt="aluminum atom electronic configuration">
</section>

<h2>Atomic Information</h2>
<table>
<tr>
<th>Property</th>
<th>Value</th>
</tr>
<tr>
<td>Atomic Number</td>
<td>13</td>
</tr>
<tr>
<td>Symbol</td>
<td>Al</td>
</tr>
<tr>
<td>Atomic Mass</td>
<td>26.982 u</td>
</tr>
<tr>
<td>Electron Configuration</td>
<td>1s<sup>2</sup> 2s<sup>2</sup> 2p<sup>6</sup> 3s<sup>2</sup> 3p<sup>1</sup></td>
</tr>
<tr>
<td>State at Room Temperature</td>
<td>Solid</td>
</tr>
</table>

<h2>Uses of Aluminum</h2>
<ul>
<li>Used in packaging (e.g., aluminum foil) and lightweight vehicles.</li>
<li>Common in building materials like window frames.</li>
<li>Used in electrical transmission lines due to its conductivity.</li>
</ul>
</body>
</html>
54 changes: 54 additions & 0 deletions public/14.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Silicon Atom Details</title>
<link rel="stylesheet" href="element.css">
</head>
<body>
<h1>Silicon </h1> <hr/>

<p class="intro"><strong>Silicon</strong> is a metalloid and is the second most abundant element in the Earth's crust. It is a crucial component in electronics.</p>

<section>
<h2>Atomic Structure</h2>
<img class="elec_conf" src="../assets/14.png" alt="silicon atom electronic configuration">
</section>

<h2>Atomic Information</h2>
<table>
<tr>
<th>Property</th>
<th>Value</th>
</tr>
<tr>
<td>Atomic Number</td>
<td>14</td>
</tr>
<tr>
<td>Symbol</td>
<td>Si</td>
</tr>
<tr>
<td>Atomic Mass</td>
<td>28.085 u</td>
</tr>
<tr>
<td>Electron Configuration</td>
<td>1s<sup>2</sup> 2s<sup>2</sup> 2p<sup>6</sup> 3s<sup>2</sup> 3p<sup>2</sup></td>
</tr>
<tr>
<td>State at Room Temperature</td>
<td>Solid</td>
</tr>
</table>

<h2>Uses of Silicon</h2>
<ul>
<li>Used in semiconductors and solar panels.</li>
<li>Essential in making glass and ceramics.</li>
<li>Present in silicones used in medical implants.</li>
</ul>
</body>
</html>
Loading

0 comments on commit 53d7762

Please sign in to comment.