https-www.itstudentlife.com/Software.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
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Software</title>
    <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>
    <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="software-page">
<header id="header">
    <h1>Software Page</h1>
    <div>
        <a href="index.html"><button class="nav-btn">Home Page</button></a>
        <a href="Hardware.html"><button class="nav-btn">Hardware</button></a>
        <a href="Network.html"><button class="nav-btn">Network</button></a>
    </div>
    </header>
	</div>
	<p>Software engineering is the discipline of applying engineering principles to the design,
		development, testing, and maintenance of software systems. It combines knowledge from computer science and engineering
		to create reliable, efficient, and scalable software that meets user needs.
</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> Software is a set of instructions, data, or programs used to operate computers and perform specific tasks.
	Unlike hardware—which refers to the physical components of a computer, software is intangible and exists as code written by developers.
 <b><u>Types of Software</u></b>
<ul>
	<li>•	System Software: Manages hardware and provides a platform for other software.</li>
	<li>o	Examples: Operating systems (Windows, macOS), device drivers.</li>
	<li>•	Application Software: Helps users perform tasks.</li>
	<li>o	Examples: Web browsers, word processors, games, design tools.</li>
	<li>•	Programming Software: Tools used to write, test, and debug code.</li>
	<li>o	Examples: Code editors, compilers, debuggers.</li>
	</ul>
  Middleware: Bridges different software systems or applications.
<ul>
	<li>•   Example: Software that connects a database to a web server.</li>
	</ul>
<b><u>How Software Works</u></b>
Software is written in programming languages like Python, Java, Linux, or C++. Once written, it’s compiled or interpreted into
	machine-readable instructions that the computer can execute.
<b><u>The importance of Software:</u></b>
Software powers everything from smartphones and websites to banking systems and space missions. It’s the brain behind digital experiences,
	enabling creativity, productivity, and innovation.

</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>