-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
73 lines (70 loc) · 4.15 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
<!doctype html>
<html lang="en" style="height: 100%;">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i|Source+Code+Pro:200,400,700|Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
<title>Higher Ed Labs</title>
<link rel="shortcut icon" type="image/jpg" href="./assets/bullet_logo.png" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="./css/index.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
</head>
<body style="margin: 0; height: 100%;">
<div id="nav-placeholder" style="height: 100px;"> </div>
<div class="frame">
<div class="frameImageContainer">
<img class="frameImage" src="./assets/home_img_2.png">
<div class="opaqueOverlay">
<span class="title1"> Privilege In, Privilege Out (PIPO) </span>
<div>
<span class="title2"> College graduation rates are primarily a function of accumulated privilege. Most colleges and universities that have high graduation rates aren’t doing anything special, they are just riding the wave of privilege that characterizes their student body. Use our tools to find out how colleges perform on retention and graduation and which ones give you the most for your money. </span>
</div>
<!-- Should drop title down -->
<div class="title3" onclick="showDrop(`toolDrop`)"> Learn More </div>
</div>
</div>
<div class="frameImageContainer">
<img class="frameImage" src="./assets/home_img_3.png">
<div class="opaqueOverlay">
<span class="title1"> Privilege Busters. </span>
<div>
<span class="title2"> Even though persistence is tied tightly to privilege markers like the SAT, some colleges have figured out how to do better. Use our Valued Added Index (VAI) to find out if your college or university is beating the odds or not, and which ones are the best in the country. </span>
</div>
<a href="./VAI.html">
<div class="title3"> Learn More </div>
</a>
</div>
</div>
<div class="frameImageContainer">
<img class="frameImage" src="./assets/home_img_4.png">
<div class="opaqueOverlay">
<span class="title1"> Retention and Graduation. </span>
<div>
<span class="title2"> Some schools do better on keeping students in school for a year or two. Others do better at getting their sophomores through to graduation. Find out which ones have managed to put it all together for a truly stellar performance with our Value-Added Matrix (VAM) </span>
</div>
<a href="./VAM.html">
<div class="title3"> Learn More </div>
</a>
</div>
</div>
<div class="frameImageContainer">
<img class="frameImage" src="./assets/home_img_1.png">
<div class="opaqueOverlay">
<span class="title1"> Stretching Your College Dollars </span>
<div>
<span class="title2"> Find out which schools are doing the best job for the lowest price using our cost look up table and our Cost Value-Added and Cost matrix. </span>
</div>
<a href="CAS.html">
<div style="left: 15%" class="title3"> College Cost Table </div>
</a>
<a href="VAC.html">
<div class="title3"> More for your Money </div>
</a>
</div>
</div>
</div>
<script type="text/javascript" src="./js/index.js"></script>
</body>
</html>