-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlfit108.html
124 lines (109 loc) · 4.97 KB
/
lfit108.html
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
<!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" alt="Picture of Cassidy" style="width:100%">
<a href="index.html" class="w3-bar-item w3-button w3-padding-large w3-hover-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-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">Outdoor Sports:  <em>Spring 2018</em></h2>
<hr style="width:200px" class="w3-opacity">
<p>This class has focused on outdoor sports, however we also have quizzes and labs that help us to learn what it means to live a healthy lifestyle. We focus on diet, phsyical anatomy
of muscles, as well as mental health. This class has been benefificial for me to get into shape and to understand how the whole body is connected.</p>
<p><em><b>Class Objectives:</em></b></p>
<ol>
<li>Learning and playing outdoor sports </li>
<ul>
<li> Flag football</li>
<li> Ultimate frisbee</li>
<li> Soccer</li>
</ul>
<li> Heath and the body</li>
<ul>
<li> Diet </li>
<li> How to work out/how much is good for you</li>
<li> How the brain and body are connected</li>
<li> What it means to be healthy </li>
</ul>
</ol>
<p>An essential part of each person's life is how they take care of themselves. The way we treat our bodies and our minds inarguably affects our daily lives.
I am grateful to have had the opportunity to take this class, because it has offered me tools to be able to take care
of my body better, which will allow me to be a better person, worker, and friend, and hopefully to live a longer and happier life.</p>
</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>