-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
167 lines (147 loc) · 9.75 KB
/
index.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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html>
<title>PCOE Graduates</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://d3plus.org/js/d3.js"></script>
<script src="https://d3plus.org/js/d3plus.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<body>
<!-- Header -->
<header class="w3-display-container w3-content w3-wide" style="max-width:100%;" id="home">
<img class="w3-image " src="w3images/main2.jpg">
<div id="color-overlay"></div>
<div class="w3-display-middle w3-margin-top w3-center">
<h1 class="w3-xxlarge w3-text-white w3-padding" id="logo">Planning your Future</h1>
<img id="gauge" src="graduation.svg" height="80px" width="80px">
<div class="w3-center" id="textheader">
<p class="w3-center w3-text-white" id="byline"> The job market can be tough. The Patton College is committed to supporting students until they find employment where they can apply their knowledge and skills. </p>
<br>
<br>
<br>
<p id='scroll'> Scroll for More
</>
<br>
<img id="arrow" src="arrow.svg" height="40px" width="40px">
</div>
</div>
</div>
</header>
<!-- Page content -->
<div class="w3-content w3-padding" style="max-width:1564px">
<!-- Testimonials -->
<div class="w3-container w3-padding-32" id="about">
<h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">Outstanding Graduates</h3>
<p>At The Patton College of Education, our vision is simple. We aim to prepare the finest leaders and change agents for the diverse future of the education and human service professions. For more than 130 years, we have prepared graduates who
are leader-educators and practitioners committed to creating change and meeting diverse human and social needs.
</p>
</div>
<div class="w3-row-padding w3-grayscale">
<div class="w3-col l3 m6 w3-margin-bottom">
<img src="w3images/1.jpg" alt="John" style="width:100%">
<h3>Kate Stevens</h3>
<p class="w3-opacity">Opened Red Giraffe Designs</p>
<p>Kate Stevens is a graduate of the Retail Merchandising program within the Human & Consumer Sciences department... <a href="https://www.ohio.edu/education/news-and-events/news-story.cfm?newsItem=33784AF1-5056-A874-1DEBB0BF4FB0AB00">read
more</a></p>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<img src="w3images/2.jpg" alt="Jane" style="width:100%">
<h3>Cailah Brock</h3>
<p class="w3-opacity">Trailblazing Women Award</p>
<p>Cailah “Health Coach” Brock is an author, model, and speaker, as well as a certified health coach... <a href="https://www.ohio.edu/education/news-story.cfm?newsItem=E50F931A-5056-A81E-8D7C87A4D8864B33">read
more</a></p>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<img src="w3images/3.jpeg" alt="Mike" style="width:100%">
<h3>Jacob Michelman</h3>
<p class="w3-opacity">Climbed Mount Kilimanjaro</p>
<p>Jacob Michelman has worked in education for more than 15 years, improving countless schools as a teacher...
<a href="https://www.ohio.edu/education/news-and-events/news-story.cfm?newsItem=AE5BDF79-5056-A81E-8D58E80603D67649">read
more</a></p>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<img src="w3images/5.jpg" alt="Dan" style="width:100%">
<h3>Katherine Ziff</h3>
<p class="w3-opacity">Published "ArtBreak"</p>
<p>Dr. Katherine Ziff is the author of <em>ArtBreak: A Creative Guide to Joyful and Productive Classroom</em> ... <a href="https://www.ohio.edu/education/news-story.cfm?newsItem=9D50E325-5056-A874-1D1C414095F8438F">read
more</a></p>
</div>
</div>
<br>
<img class="w3-center" src="w3images/tree.png" style="width:5%; display: block; margin: 0 auto;">
<div class="w3-container w3-padding-32" id="about">
<h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">Where do they work?</h3>
<p>The interactive chart below shows the range of sectors and sub-sectors of the economy that employ our alumni. The industries are based on the <b><i><a href='https://www.census.gov/eos/www/naics/index.html' target="_blank">North
American Industry Classification System (NAICS)</a></b></i>, a standardized industry classification system used by federal statistical agencies. NAICS offers different levels of detail. The NAICS 2 digit sector codes provide a higher level
of aggregation, whereas the NAICS 3 digit sector codes offer a narrower, more-detailed description. You can toggle between the two using the buttons below the graphic. Numbers on the graph refer to the percentage of graduates employed
in a particular sector or industry.
<p> Data for this study were obtained from the Ohio Longitudinal Data Archive (OLDA). The OLDA is a data repository that is comprised of public administrative records on education, work, and training experiences of Ohio residents over time.
The OLDA is a project of the <b><i><a href="http://oerc.osu.edu/" target="_blank">Ohio
Education Research Center</a></b></i>.</p>
<p>Due to confidentiality restrictions, not all information can be displayed. It is important to remember that this is a snapshot of our alumni. It is based on the number of students who graduated from The Patton College between 2013 and
2016 and remained in Ohio. Graduates who left the state are not included. Similarly, the self-employed and those employed by the federal government are excluded.</p>
</div>
<div class="w3-padding-16" id="treemap">
<h4 class="w3-center"> PCOE: GRADUATES - OHIO EMPLOYMENT BY SECTOR</h4>
<hr>
</div>
<br>
<br>
<div id='naics'>
</div>
<h4 class="w3-center w3-padding-16" id='secondtitle'> PCOE: GRADUATES - PERCENT EMPLOYED</h4>
<hr>
<div class="w3-row w3-padding-32">
<div class='w3-twothird' id="bar"></div>
<div class='w3-third' id='notes'>
<h2>Important Caveats</h2>
<p>The chart on the left shows the percentage of graduates accepting employment within six and twelve months. This information can be broken down by year and academic level. As before, the following restrictions apply:
</p>
<ul>
<li id='alert'>Graduates who left Ohio are not captured in this analysis; differences in employment rates between graduate and undergraduate students are due to the significant percentage of nonresident students at the graduate level (37% vs 8%),
many of whom return to their home state or country after graduation.
<span class='alert' id='alert2'> Students who pursue advanced degrees are not included.</span></li>
<li>The data include students who graduated between 2013 and 2016 working both full-time and part-time; the self-employed and those employed by the federal government are excluded.</li>
</ul>
</div>
</div>
<a class='mylinks' href="http://oerc.osu.edu/" target="_blank">Source: Ohio Education Center</a>
<div class="w3-row w3-padding-32">
<div id='byrace' class="w3-col" style="width:80%"></div>
<div class='w3-col' id='racelegend' style="width:20%">
<img src="./w3images/legend.svg" style="width:90%">
</div>
<div>
<a class='mylinks' href="http://oerc.osu.edu/" target="_blank">Source: Ohio Education Center</a>
<div class="w3-row w3-padding-16">
<br>
<br>
<h4 class="w3-center">AVERAGE ANNUAL SALARIES IN OHIO BY SECTOR: 2016</h4>
<hr>
<div id='wages'></div>
<br>
<br>
<div class='w3-center'>
<a class='w3-center mylinks' href="http://ohiolmi.com/asp/edeps/EdepsNAICS.htm" target="_blank">Source: Ohio
Department of Job and Family Services, Bureau of Labor Market Information</a>
</div>
</div>
<div class="w3-row w3-padding-16">
<br>
<br>
<h4 class="w3-center">INDUSTRIES PROJECTED TO GROW/DECLINE IN OHIO BETWEEN 2017 AND 2019</h4>
<hr>
<div class="w3-col" style="width:50%" id='ohio'></div>
<div class="w3-col" style="width:50%" id='ohiodetail'></div>
<div class='w3-center'>
<a class='w3-center mylinks' href="http://ohiolmi.com/proj/projections.htm" target="_blank">Source: Ohio
Department of Job and Family Services, Bureau of Labor Market Information</a>
</div>
</div>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="byrace.js"></script>
</body>
</html>