https-www.itstudentlife.com/Hardware.html at main · MOA242/https-www.itstudentlife.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="styles.css" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
    <title>Hardware</title>
     <style>
        .nav-btn {
            padding: 15px 40px;
            margin: 10px;
            font-size: 1.3em;
            color: #fff;
            background: #343a40;
            border: none;
            border-radius: 12px;
            box-shadow: 0 0 10px #007BFF;
            cursor: pointer;
            transition: box-shadow 0.3s;
        }
        .nav-btn:hover {
            box-shadow: 0 0 25px #0ff, 0 0 50px #007BFF;
            background: #007BFF;
        }
    </style>
</head>
<body class="hardware-page">
    <h1>Hardware Page</h1>
     <div>
        <a href="index.html"><button class="nav-btn">Home Page</button></a>
        <a href="Software.html"><button class="nav-btn">Software</button></a>
        <a href="Network.html"><button class="nav-btn">Network</button></a>
    </div>
	</div>

	<p>
	<b><u>What is the job description of the employee/manager in this area of study?</u></b>
Firstly, the IT Manager oversees the entire organization's technology as well as all IT related staff.
Additionally, they are responsible for maintaining and implementing networks, software, and hardware to meet the business goals.
	</p>

	<div class="card-container">
  <!-- First Flip Card -->
  <div class="flip-card">
    <div class="flip-card-inner">
      <div class="flip-card-front card1-front">
      </div>
      <div class="flip-card-back card1-back">
      </div>
    </div>
  </div>

  <!-- Second Flip Card -->
  <div class="flip-card">
    <div class="flip-card-inner">
      <div class="flip-card-front card2-front">
      </div>
      <div class="flip-card-back card2-back">
      </div>
    </div>
  </div>
</div>

<p>One of the most essential aspects of IT is the hardware that allows devices to simply function.
   Hardware refers to the physical components of any electronic device. Anything you can touch regarding technology is considered hardware.

<b><u>Hardware in Information Technology can be categorized into:</u></b>
		<ul>
<li>Input Devices</li>
<li>Output Devices</li>
<li>Processing Devices</li>
<li>Storage Devices</li>
<li>Networking Devices</li>
<li>Peripheral Devices</li>
	</ul>
a) Input Devices
These devices are used to enter data into the computer system.
	<ul>
<li>Keyboard</li>
<li>Mouse</li>
<li>Scanner</li>
<li>Webcam</li>
<li>Microphone</li>
<li>Touchscreen</li>
	</ul>
b) Output Devices
These devices display the results of processed data.
	<ul>
<li>Monitor</li>
<li>Printer</li>
<li>Speakers</li>
<li>Projector</li>
	</ul>

c) Processing Unit
This is the brain of the computer, responsible for executing instructions.
		<ul>
<li>Central Processing Unit (CPU)</li>
<li>Graphics Processing Unit (GPU)</li>
<li>Motherboard</li>
<li>RAM (Random Access Memory</li>)
		</ul>
d) Storage Devices
Used to store data and information.
	<ul>
<li>Hard Disk Drive (HDD)</li>
<li>Solid State Drive (SSD)</li>
<li>Optical Discs (CD/DVD)</li>
<li>USB Flash Drives</li>
<li>Memory Cards</li>
		</ul>

e) Networking Hardware
Helps in connecting computers and sharing resources.
	<ul>
<li>Router</li>
<li>Modem</li>
<li>Network Interface Card (NIC)</li>
<li>Switch</li>
<li></li>Hub</li>
		</ul>

f) Peripheral Devices
Additional devices that expand functionality.
	<ul>
<li>External Hard Drives</li>
<li>Game Controllers</li>
<li>External DVD Drives</li>
		</ul>
</p >

    <script>
        window.onload = function() { document.body.classList.remove('is-preload'); }
			window.ontouchmove = function() { return false; }
			window.onorientationchange = function() { document.body.scrollTop = 0; }
    </script>
</body>
</html>