Skip to content

Commit 9a549d1

Browse files
committed
Initial commit: Added README and project files
0 parents  commit 9a549d1

93 files changed

Lines changed: 6271 additions & 0 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

README.md

44 Bytes

Computer Part Map

battery.html

Lines changed: 122 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Battery - Computer Parts Map</title>
7+
<!-- Linking CSS -->
8+
<link rel="stylesheet" href="css/styles.css">
9+
<link rel="stylesheet" href="css/battery.css">
10+
</head>
11+
<body>
12+
13+
<!-- Navigation Bar with Dropdown -->
14+
<nav class="navbar">
15+
<ul>
16+
<li class="nav-item"><a href="index.html">Home</a></li>
17+
<li class="nav-item">
18+
<a href="#">Input Devices</a>
19+
<ul class="sub-nav">
20+
<li><a href="keyboard.html">Keyboard</a></li>
21+
<li><a href="mouse.html">Mouse</a></li>
22+
<li><a href="scanner.html">Scanner</a></li>
23+
<li><a href="microphone.html">Microphone</a></li>
24+
</ul>
25+
</li>
26+
<li class="nav-item">
27+
<a href="#">Output Devices</a>
28+
<ul class="sub-nav">
29+
<li><a href="monitor.html">Monitor</a></li>
30+
<li><a href="printer.html">Printer</a></li>
31+
<li><a href="speakers.html">Speakers</a></li>
32+
<li><a href="projector.html">Projector</a></li>
33+
</ul>
34+
</li>
35+
<li class="nav-item">
36+
<a href="#">Main Components</a>
37+
<ul class="sub-nav">
38+
<li><a href="cpu.html">CPU</a></li>
39+
<li><a href="gpu.html">GPU</a></li>
40+
<li><a href="ram.html">RAM</a></li>
41+
<li><a href="hdd.html">HDD</a></li>
42+
<li><a href="ssd.html">SSD</a></li>
43+
<li><a href="usb-flash.html">USB Flash Drive</a></li>
44+
</ul>
45+
</li>
46+
<li class="nav-item">
47+
<a href="#">Power</a>
48+
<ul class="sub-nav">
49+
<li><a href="psu.html">Power Supply Unit</a></li>
50+
<li><a href="battery.html">Battery</a></li>
51+
</ul>
52+
</li>
53+
<li class="nav-item">
54+
<a href="#">Networking</a>
55+
<ul class="sub-nav">
56+
<li><a href="nic.html">Network Interface Card</a></li>
57+
<li><a href="wifi-adapter.html">Wi-Fi Adapter</a></li>
58+
<li><a href="router.html">Router</a></li>
59+
</ul>
60+
</li>
61+
<li class="nav-item">
62+
<a href="#">Audio</a>
63+
<ul class="sub-nav">
64+
<li><a href="graphics-card.html">Graphics Card</a></li>
65+
<li><a href="sound-card.html">Sound Card</a></li>
66+
</ul>
67+
</li>
68+
</ul>
69+
</nav>
70+
71+
<!-- Battery Page Content -->
72+
<section>
73+
<h1>Battery</h1>
74+
<img src="images/battery.jpg" alt="Battery" class="device-img">
75+
<p>A battery is a portable power source used to store and provide electrical energy for devices such as laptops, smartphones, and other electronics. They are essential components in many electronic devices that need to operate without being plugged into an external power source. Batteries have revolutionized the way we use technology, enabling mobility and convenience in our daily lives. From powering small gadgets to large-scale energy storage systems, batteries play a critical role in modern society.</p>
76+
77+
<h2>History of Batteries</h2>
78+
<p>The first battery was invented by Alessandro Volta in 1800. This early form of the battery was a simple voltaic pile, a stack of copper and zinc discs. Over the years, the technology has evolved to become the rechargeable lithium-ion and lithium-polymer batteries commonly used in modern electronics. The development of batteries has been driven by the need for portable and reliable energy sources, leading to innovations such as alkaline batteries, nickel-metal hydride batteries, and solid-state batteries. Each advancement has brought improvements in energy density, safety, and environmental impact.</p>
79+
80+
<h2>How Batteries Work</h2>
81+
<p>Batteries operate by converting chemical energy into electrical energy. Inside the battery, there are two electrodes: the anode (negative) and the cathode (positive), which are connected by an electrolyte. When a device requires power, the battery undergoes a chemical reaction that releases electrons from the anode, which then flow through the device, powering it. The reaction continues as long as the battery has charge left. Modern batteries are designed to maximize efficiency and minimize energy loss, ensuring that devices can operate for extended periods without frequent recharging.</p>
82+
83+
<h2>Types of Batteries</h2>
84+
<ul>
85+
<li><strong>Lithium-Ion (Li-ion) Battery</strong>: Lithium-ion batteries are the most commonly used rechargeable batteries. They are lightweight, have a high energy density, and are used in devices like laptops, smartphones, and electric vehicles.</li>
86+
<li><strong>Lithium-Polymer (LiPo) Battery</strong>: Lithium-polymer batteries are similar to lithium-ion batteries but use a solid or gel-like electrolyte instead of a liquid. They are often used in thin devices like smartphones and tablets.</li>
87+
<li><strong>Nickel-Metal Hydride (NiMH) Battery</strong>: NiMH batteries are commonly used in household electronics and hybrid cars. They are less prone to memory effect than older nickel-cadmium (NiCd) batteries.</li>
88+
<li><strong>Nickel-Cadmium (NiCd) Battery</strong>: NiCd batteries were widely used in the past but are now being replaced by newer, more efficient batteries due to their memory effect, which reduces their capacity over time.</li>
89+
<li><strong>Alkaline Battery</strong>: Alkaline batteries are non-rechargeable and used in a variety of devices, such as flashlights, remote controls, and toys.</li>
90+
<li><strong>Zinc-Carbon Battery</strong>: These are low-cost, non-rechargeable batteries commonly used in low-drain devices like clocks and remote controls.</li>
91+
</ul>
92+
93+
<h2>Advantages of Batteries</h2>
94+
<ul>
95+
<li><strong>Portability</strong>: Batteries allow devices to be used without being plugged into an outlet, providing mobility and convenience. This portability has enabled the development of mobile devices, wearable technology, and remote sensors.</li>
96+
<li><strong>Energy Storage</strong>: Batteries store electrical energy for later use, enabling devices to operate even when there is no external power source. This capability is crucial for renewable energy systems, where energy must be stored for use during periods of low generation.</li>
97+
<li><strong>Variety of Applications</strong>: Batteries are used in a wide range of devices, from portable electronics to electric vehicles and renewable energy storage systems. Their versatility makes them indispensable in both consumer and industrial applications.</li>
98+
</ul>
99+
100+
<h2>Disadvantages of Batteries</h2>
101+
<ul>
102+
<li><strong>Limited Lifespan</strong>: Over time, the chemical reactions inside batteries degrade, reducing their capacity and performance. This degradation can lead to shorter usage times and the need for frequent replacements.</li>
103+
<li><strong>Environmental Impact</strong>: Improper disposal of batteries can lead to pollution, as they contain toxic chemicals such as mercury and cadmium. Recycling programs and the development of eco-friendly batteries aim to address these environmental concerns.</li>
104+
<li><strong>Recharge Time</strong>: While many modern batteries are rechargeable, they still require time to recharge, which can be inconvenient in some situations. Advances in fast-charging technology are helping to mitigate this issue.</li>
105+
</ul>
106+
107+
<h2>Applications of Batteries</h2>
108+
<p>Batteries are integral to a wide range of applications, from powering small electronic devices to enabling large-scale energy storage. In the realm of portable electronics, batteries provide the energy needed for smartphones, laptops, and tablets, allowing users to stay connected and productive on the go. In the automotive industry, batteries are the backbone of electric vehicles, offering a sustainable alternative to fossil fuels. Additionally, batteries play a crucial role in renewable energy systems, storing energy generated by solar panels and wind turbines for use during periods of low production. Medical devices, such as pacemakers and hearing aids, also rely on batteries to provide life-saving functionality.</p>
109+
110+
<h2>Popular Battery Brands</h2>
111+
<p>Several companies are at the forefront of battery technology, producing high-quality products for various applications. <strong>Energizer</strong> and <strong>Duracell</strong> are household names known for their reliable alkaline and rechargeable batteries, widely used in consumer electronics. <strong>Samsung SDI</strong> and <strong>Panasonic</strong> are leaders in lithium-ion battery production, supplying batteries for smartphones, laptops, and electric vehicles. These brands continue to innovate, developing batteries with higher energy densities, faster charging capabilities, and improved safety features to meet the growing demands of modern technology.</p>
112+
113+
<h2>Conclusion</h2>
114+
<p>Batteries are essential components in modern technology, enabling devices to function without being plugged into an external power source. From small household gadgets to large electric vehicles, batteries provide the energy needed to power our devices and improve our daily lives. As technology continues to advance, the development of more efficient, longer-lasting, and environmentally friendly batteries will continue to play a vital role in shaping the future of energy storage and portable power. The ongoing research into solid-state batteries and other innovative technologies promises to revolutionize the way we store and use energy, paving the way for a more sustainable and connected world.</p>
115+
</section>
116+
117+
<!-- Linking JavaScript -->
118+
<script src="js/script.js"></script>
119+
<!-- Include Anime.js -->
120+
<script src="https://cdn.jsdelivr.net/npm/animejs@3.2.1/lib/anime.min.js"></script>
121+
</body>
122+
</html>

cpu.html

Lines changed: 111 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,111 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>CPU - Computer Parts Map</title>
7+
<link rel="stylesheet" href="css/styles.css">
8+
<link rel="stylesheet" href="css/cpu.css">
9+
</head>
10+
<body>
11+
12+
<!-- Navigation Bar -->
13+
<nav class="navbar">
14+
<ul>
15+
<li class="nav-item"><a href="index.html">Home</a></li>
16+
<li class="nav-item">
17+
<a href="#">Input Devices</a>
18+
<ul class="sub-nav">
19+
<li><a href="keyboard.html">Keyboard</a></li>
20+
<li><a href="mouse.html">Mouse</a></li>
21+
<li><a href="scanner.html">Scanner</a></li>
22+
<li><a href="microphone.html">Microphone</a></li>
23+
</ul>
24+
</li>
25+
<li class="nav-item">
26+
<a href="#">Output Devices</a>
27+
<ul class="sub-nav">
28+
<li><a href="monitor.html">Monitor</a></li>
29+
<li><a href="printer.html">Printer</a></li>
30+
<li><a href="speakers.html">Speakers</a></li>
31+
<li><a href="projector.html">Projector</a></li>
32+
</ul>
33+
</li>
34+
<li class="nav-item">
35+
<a href="#">Main Components</a>
36+
<ul class="sub-nav">
37+
<li><a href="cpu.html">CPU</a></li>
38+
<li><a href="gpu.html">GPU</a></li>
39+
<li><a href="ram.html">RAM</a></li>
40+
<li><a href="hdd.html">HDD</a></li>
41+
<li><a href="ssd.html">SSD</a></li>
42+
<li><a href="usb-flash.html">USB Flash Drive</a></li>
43+
</ul>
44+
</li>
45+
<li class="nav-item">
46+
<a href="#">Power</a>
47+
<ul class="sub-nav">
48+
<li><a href="psu.html">Power Supply Unit</a></li>
49+
<li><a href="battery.html">Battery</a></li>
50+
</ul>
51+
</li>
52+
<li class="nav-item">
53+
<a href="#">Networking</a>
54+
<ul class="sub-nav">
55+
<li><a href="nic.html">Network Interface Card</a></li>
56+
<li><a href="wifi-adapter.html">Wi-Fi Adapter</a></li>
57+
<li><a href="router.html">Router</a></li>
58+
</ul>
59+
</li>
60+
<li class="nav-item">
61+
<a href="#">Audio</a>
62+
<ul class="sub-nav">
63+
<li><a href="graphics-card.html">Graphics Card</a></li>
64+
<li><a href="sound-card.html">Sound Card</a></li>
65+
</ul>
66+
</li>
67+
</ul>
68+
</nav>
69+
70+
<!-- Content for CPU Page -->
71+
<section>
72+
<h1>CPU (Central Processing Unit)</h1>
73+
<img src="images/cpu.jpg" alt="CPU" class="device-img">
74+
<p>The Central Processing Unit (CPU) is the primary component of a computer that performs most of the processing inside. It's often referred to as the "brain" of the computer as it executes instructions from programs by performing basic arithmetic, logic, control, and input/output operations. Modern CPUs are designed to handle billions of instructions per second, enabling smooth multitasking, gaming, and advanced tasks like artificial intelligence and data analysis.</p>
75+
76+
<h2>History of CPU</h2>
77+
<p>The first CPU was developed in the early 1970s. Intel introduced the first microprocessor, the Intel 4004, in 1971. This marked the beginning of personal computers as we know them today. Since then, CPUs have evolved drastically, becoming more powerful, compact, and energy-efficient with each generation. Today, CPUs are built using nanometer-scale technology, allowing faster speeds and lower power consumption, making them suitable for everything from smartphones to supercomputers.</p>
78+
79+
<h2>Types of CPUs</h2>
80+
<ul>
81+
<li><strong>Single-Core CPUs</strong>: Early processors with a single processing unit capable of executing one instruction at a time. These are now mostly obsolete.</li>
82+
<li><strong>Multi-Core CPUs</strong>: Modern CPUs come with multiple cores (e.g., dual-core, quad-core, octa-core), allowing parallel processing for better performance. These are ideal for multitasking and running demanding applications like video editing and gaming.</li>
83+
<li><strong>ARM CPUs</strong>: These are power-efficient processors commonly used in mobile devices, tablets, and embedded systems. They are also gaining popularity in laptops and servers due to their energy efficiency and performance.</li>
84+
<li><strong>x86 CPUs</strong>: These are the standard processors used in desktop and laptop computers. They are known for their high performance and compatibility with a wide range of software.</li>
85+
</ul>
86+
87+
<h2>How a CPU Works</h2>
88+
<p>The CPU fetches instructions from memory, decodes them, and then executes them. It does this through the following steps:</p>
89+
<ol>
90+
<li><strong>Fetch</strong>: The CPU retrieves an instruction from the memory.</li>
91+
<li><strong>Decode</strong>: The instruction is translated into a command that the CPU can execute.</li>
92+
<li><strong>Execute</strong>: The CPU carries out the operation, such as performing a calculation or moving data.</li>
93+
<li><strong>Store</strong>: The result of the operation is stored back in memory or a register. Modern CPUs optimize this process using advanced techniques like pipelining and caching to improve speed and efficiency.</li>
94+
</ol>
95+
96+
<h2>Common CPU Manufacturers</h2>
97+
<ul>
98+
<li><strong>Intel</strong>: Known for producing high-performance CPUs, such as the Intel Core series (i3, i5, i7, i9) and Xeon processors for servers.</li>
99+
<li><strong>AMD</strong>: Known for producing the Ryzen series, which competes directly with Intel’s processors, and EPYC processors for data centers.</li>
100+
<li><strong>ARM</strong>: Manufacturers of ARM-based CPUs, commonly used in mobile devices like smartphones and tablets. ARM processors are also used in energy-efficient servers and IoT devices.</li>
101+
</ul>
102+
103+
<h2>Importance of CPU</h2>
104+
<p>The CPU is a critical part of any computing system. Its performance directly affects the speed and capability of the computer. More powerful CPUs can handle more complex tasks, such as gaming, video editing, 3D rendering, and running multiple applications simultaneously. Modern CPUs also integrate advanced features like AI acceleration and hardware-based security to enhance performance and safety.</p>
105+
</section>
106+
<!-- Linking JavaScript -->
107+
<script src="js/script.js"></script>
108+
<!-- Include Anime.js -->
109+
<script src="https://cdn.jsdelivr.net/npm/animejs@3.2.1/lib/anime.min.js"></script>
110+
</body>
111+
</html>

0 commit comments

Comments
 (0)