https-www.itstudentlife.com/index.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
<!DOCTYPE HTML>
<!--
	Aerial by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>IT Student</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.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;
        }
			.p1{
				color: orange;
			font-size: 72px;
			}

    </style>
	</head>
	<body class="is-preload">
		<div id="wrapper">
			<div id="bg"></div>
			<div id="overlay"></div>
			<div id="main">

				<!-- Header -->
					<header id="header">
						<h1>Welcome to IT Student Life</h1>
						<p>Hardware &nbsp;&bull;&nbsp; Software &nbsp;&bull;&nbsp; Network</p>
						<div>
        <a href="Software.html"><button class="nav-btn">Software</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>
						<h1 align="center"><B>Introduction</B></h1>
						<p aling="left"class="p1">Information Technology is the use of networks, computer software, hardware and telecommunications to transmit,
							store, manage, process, and create information.
							Technology is continuously evolving and expanding even beyond the planet we live on. Though
							many may fear robots and AI (Artificial Intelligence) taking over the world, we're still centuries
							away from seeing that advancement in technology. To give you a small glimpse of how far we
							have advanced in technology I’ll use an everyday object like the automobile. The first set of cars
							were steam-powered vehicles, they were built in the 1700’s. By the 1800’s we were introduced
							to Internal Combustion Engines, most of our vehicles still operate today. Notice I said the most
							and not all? Well, this is because today we have electric vehicles (EV’s). Not only do these
							vehicles not require gasoline or diesel fuel like other cars, but some of them are even self-driving.
							In the world today we use technology for pretty much everything, even simple tasks like
							washing dishes and cooking. Believe it or not, none of these electronic devices and applications
							that we rely on today would be able to function without some use from the IT field. Though
							Information Technology is a very broad field, my team and I would like to take a moment to speak to you
							about what we think are the three most important aspects of the IT field. Those are Software, Hardware, and Network.
</p>

						<nav>
							<ul>
								<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
								<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
								<li><a href="#" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li>
								<li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li>
								<li><a href="#" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
							</ul>
						</nav>
					</header>

				<!-- Footer -->
					<footer id="footer">
						<span class="copyright">&copy; </a>Allencorp242</span>
					</footer>

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