-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathinls161.html
More file actions
140 lines (125 loc) · 5.4 KB
/
inls161.html
File metadata and controls
140 lines (125 loc) · 5.4 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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html>
<title>Cassidy Soutter</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="darkthemeStyle.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">-->
<style>
body, h1,h2,h3,h4,h5,h6 {font-family: "Montserrat", sans-serif}
.w3-row-padding img {margin-bottom: 12px}
/* Set the width of the sidebar to 120px */
.w3-sidebar {width: 120px;background: #222;}
/* Add a left margin to the "page content" that matches the width of the sidebar (120px) */
#main {margin-left: 120px}
/* Remove margins from "page content" on small screens */
@media only screen and (max-width: 600px) {#main {margin-left: 0}}
</style>
<body class="w3-black">
<!-- Icon Bar (Sidebar - hidden on small screens) -->
<nav class="w3-sidebar w3-bar-block w3-small w3-hide-small w3-center">
<!-- Avatar image in top left corner -->
<img src="cassidy1.jpg" style="width:100%">
<a href="index.html" class="w3-bar-item w3-button w3-padding-large w3-black">
<i class="fa fa-home w3-xxlarge"></i>
<p>HOME</p>
</a>
<a href="about.html" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
<i class="fa fa-home w3-xxlarge"></i>
<p>ABOUT</p>
</a>
<a href="interests.html" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
<i class="fa fa-user w3-xxlarge"></i>
<p>INTERESTS</p>
</a>
<a href="classes.html" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
<i class="fa fa-eye w3-xxlarge"></i>
<p>CLASSES</p>
</a>
<a href="contact.html" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
<i class="fa fa-envelope w3-xxlarge"></i>
<p>CONTACT</p>
</a>
</nav>
<!-- Navbar on small screens (Hidden on medium and large screens) -->
<div class="w3-top w3-hide-large w3-hide-medium" id="myNavbar">
<div class="w3-bar w3-black w3-opacity w3-hover-opacity-off w3-center w3-small">
<a href="about.html" class="w3-bar-item w3-button" style="width:25% !important">ABOUT</a>
<a href="interests.html" class="w3-bar-item w3-button" style="width:25% !important">INTERESTS</a>
<a href="classes.html" class="w3-bar-item w3-button" style="width:25% !important">CLASSES</a>
<a href="contact.html" class="w3-bar-item w3-button" style="width:25% !important">CONTACT</a>
</div>
</div>
<div class="w3-padding-large" id="main">
<div class="w3-content w3-justify w3-text-grey w3-padding-64" id="about">
<h2 class="w3-text-light-grey">My Classes</h2>
<hr style="width:200px" class="w3-opacity">
<a href="comp410.html">
<button class="w3-button w3-light-grey w3-padding-large w3-section"> COMP 410
</button> </a>
<a href="comp411.html">
<button class="w3-button w3-light-grey w3-padding-large w3-section"> COMP 411
</button> </a>
<a href="inls161.html">
<button class="w3-button w3-light-grey w3-padding-large w3-section">
INLS 161
</button></a>
<a href="span320.html">
<button class="w3-button w3-light-grey w3-padding-large w3-section">
SPAN 320
</button></a>
<a href="lfit108.html">
<button class="w3-button w3-light-grey w3-padding-large w3-section">
LFIT 108
</button></a>
<h2 class="w3-text-light-grey">Tools for Information Literacy:  <em>Spring 2018</em></h2>
<hr style="width:200px" class="w3-opacity">
<p>Tools for Information is a general overview course of common computer architectures and the systems that enable them.</p>
<p><em><b>Class Objectives:</em></b></p>
<ol>
<li>Basic Understanding of Linux, Command Line, and Networks</li>
<ul>
<li> Clients </li>
<li> Servers </li>
<li> Networks </li>
<li> GitHub </li>
<li> Basic Linux Commands </li>
</ul>
<li> Web Development</li>
<ul>
<li> HTML and CSS fundamentals (as seen in this website) </li>
</ul>
<li>Document Markup</li>
<ul>
<li> Document generation tools </li>
</ul>
<li> Spreadsheets </li>
<ul>
<li>Microsoft Excel spreadsheets </li>
</ul>
<li> Databases</li>
<ul>
<li> Micrososft access</li>
</ul>
</ol>
<p>This class has encouraged me to pursue a minor in Information Science at UNC, which will aid with my knowledge of Computer Science by offering me a new perspective as to how to use technology in applicable,
every day circumstances. I'm excited to complete this course and to continue with my studies in information science.</p>
<p> To see more information about what we are studying, visit our <a href="https://ils.unc.edu/courses/2018_spring/inls161_001/home.php">class website.</a></p>
<p>Here are some of my assignments (no public access):</p>
<ul>
<li><a href="03-soutter.cassidy.docx"> Task 03 </a></li>
<li><a href="04-soutter.cassidy.xlsx"> Task 04 </a></li>
<li><a href="../tasks/cassidy.soutter.accdb"> Task 05 </a></li>
<li><a href="06-soutter.cassidy.pptx"> Task 06 </a></li>
</div>
<footer class="w3-content w3-padding-64 w3-text-grey w3-xlarge">
<p class="w3-medium">© Copyright Cassidy Soutter, <b>2018</b></p>
<p class="w3-medium" id="demo"></p>
<p class="w3-medium"><script>
document.write("Page last updated on " + document.lastModified);
</script></p>
</footer>
</div>
</body>
</html>