forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
126 lines (126 loc) · 7.73 KB
/
index.html
File metadata and controls
126 lines (126 loc) · 7.73 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<main>
<body>
<header>
<h1 class="nav-bar" >Operating System Blog</h1>
<nav>
<ul>
<li ><strong><a href="#intro">Intro</a></strong></li>
<li><strong><a href="#OS">OS</a></strong></li>
<li><strong><a href="#OS_Features">OS_Features</a></strong></li>
<li><strong><a href="#contact">Contact</a></strong></li>
</ul>
</nav>
</header>
<section id="intro" class="Intro-section">
<div class="Intro-section">
<article class="Intro-section">
<h2>Introduction to Operating System</h2>
<p>An Operating System can be defined as an interface between user and hardware.
It is responsible for the execution of all the processes, Resource Allocation,
CPU management, File Management and many other tasks.
<br>The purpose of an operating system is to provide an environment in which
a user can execute programs in convenient and efficient manner.
</p>
</article>
<aside>
<p>Curios Facts</p>
<ol>
<li>General motors build the firts OS in 1950 for IBM.</li>
<li>Linus is the most versioned OS in the world.</li>
</ol>
</aside>
</div>
</section>
<section id="OS" class="OS-section">
<div class="OS-section">
<article>
<h2>Most popular OS's arround the world</h2>
<p>Quisque sed vulputate nulla. Sed quis augue at nulla ornare egestas ut ut mi. Suspendisse nec congue nisi. Quisque ac dui et lorem cursus laoreet elementum et quam. Aliquam commodo id tellus pulvinar consectetur. Proin dui nisl, scelerisque ac condimentum et, sollicitudin at justo. Morbi tincidunt justo non eros tristique placerat. Maecenas aliquam lorem at nisi lobortis efficitur. Maecenas tempor purus convallis neque porta pretium. Quisque posuere nunc nec leo ultrices, at gravida tortor pellentesque.</p>
<ul>
<li><a href="https://en.wikipedia.org/wiki/Linux" target="_blank">Linux OS</a></li>
<li><a href="https://en.wikipedia.org/wiki/Microsoft_Windows" target="_blank">Windows OS</a></li>
<li><a href="https://en.wikipedia.org/wiki/MacOS" target="_blank">MAC OS</a></li>
<li><a href="https://en.wikipedia.org/wiki/OpenVMS" target="_blank">VMS OS</a></li>
<li><a href="hhttps://en.wikipedia.org/wiki/IBM_i" target="_blank">OS / 400</a></li>
</ul>
</article>
</div>
</section>
<section id="OS_Features" class="os_features" >
<div >
<article>
<h2>Principal features of the OS's </h2>
<p><i> operating system performs several key functions:</i></p>
<ul class="os_features">
<li>
<div class="os">
<p><b>Interface</b> - provides a user interface so it is easy to interact with the computer</p>
<p>Quisque sed vulputate nulla. Sed quis augue at nulla ornare egestas ut ut mi. Suspendisse nec congue nisi. Quisque ac dui et lorem cursus laoreet elementum et quam. Aliquam commodo id tellus pulvinar consectetur. Proin dui nisl, scelerisque ac condimentum et, sollicitudin at justo. Morbi tincidunt justo non eros tristique placerat. Maecenas aliquam lorem at nisi lobortis efficitur. Maecenas tempor purus convallis neque porta pretium. Quisque posuere nunc nec leo ultrices, at gravida tortor pellentesque.</p>
<img src="https://bam.files.bbci.co.uk/bam/live/content/zsxgd2p/medium" alt="interface">
</div>
</li>
<li>
<div class="os">
<p><b>Manages the CPU</b> - runs applications and executes and cancels processes</p>
<p>Quisque sed vulputate nulla. Sed quis augue at nulla ornare egestas ut ut mi. Suspendisse nec congue nisi. Quisque ac dui et lorem cursus laoreet elementum et quam. Aliquam commodo id tellus pulvinar consectetur. Proin dui nisl, scelerisque ac condimentum et, sollicitudin at justo. Morbi tincidunt justo non eros tristique placerat. Maecenas aliquam lorem at nisi lobortis efficitur. Maecenas tempor purus convallis neque porta pretium. Quisque posuere nunc nec leo ultrices, at gravida tortor pellentesque.</p>
<img src="https://bam.files.bbci.co.uk/bam/live/content/zgtcjxs/medium" alt="manages the CPU">
</div>
</li>
<li>
<div class="os">
<p><b>Multi-tasks</b> - allows multiple applications to run at the same time</p>
<p>Vivamus ut efficitur massa, porta hendrerit metus. Aliquam varius mollis metus, tempor molestie dolor. Nunc in metus aliquet, lobortis ex id, laoreet augue. Nam eleifend, ante vitae ultricies ornare, risus tellus accumsan justo, ac vulputate ipsum odio eget erat. Nullam ac convallis ligula, in pharetra lorem. Praesent ullamcorper blandit augue non condimentum. Suspendisse potenti. Aenean pellentesque neque eu lectus bibendum, a bibendum tortor dapibus.</p>
<img src="https://bam.files.bbci.co.uk/bam/live/content/zf6rwmn/medium" alt="multi-tasks">
</div>
</li>
<li>
<div class="os">
<p><b>Manages memory</b> - transfers programs into and out of memory, allocates free space between programs, and keeps track of memory usage</p>
<p>Phasellus varius neque at lorem interdum tempor. Integer accumsan nec enim ac aliquam. Fusce rhoncus sapien non tincidunt aliquet. Donec consectetur congue tempus. Nulla dignissim dui congue justo rhoncus tincidunt. Nulla hendrerit porttitor tincidunt. Maecenas convallis ex sed nisl pulvinar, a dignissim diam tempor. Sed luctus facilisis justo sit amet rutrum. Maecenas commodo nisl ex, at blandit mauris commodo tempus.</p>
</div>
</li>
<li>
<div class="os">
<p><b>Manages peripherals</b> - opens, closes and writes to peripheral devices such as storage attached to the computer</p>
<img src="https://bam.files.bbci.co.uk/bam/live/content/zkfdxnb/medium" alt="manages peripheral">
</div>
</li>
<li>
<div class="os">
<p><b>Organises</b> - creates a file system to organise files and directories</p>
</div>
</li>
<li>
<div class="os">
<p><b>Security</b> - provides security through user accounts and passwords</p>
</div>
</li>
<li>
<div class="os">
<p><b>Utilities</b> - provides tools for managing and organising hardware</p>
<img src="https://bam.files.bbci.co.uk/bam/live/content/z8yw6sg/medium" alt="utilities">
</div>
</li>
</ul>
</article>
</div>
</section>
<script src="" async defer></script>
</body>
</main>
<footer id="contact">
<p>Author: Israel Alejandro Quintanilla Alas</p>
<p><a href="mailito:[email protected]">[email protected]</a></p>
©: 2021 Israel Quintanilla - Code Your Future (Homework)
</footer>
</html>