Web-Design-Class/PA7.html at master · dariusjlukas/Web-Design-Class · GitHub

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
<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<title>Pa7</title>
	<link rel="stylesheet" href="pa7.css">
	<link rel="stylesheet" href="w3.css">
	<link rel="stylesheet" href="w3-theme-indego.css">
	<style>
		body {
            background-color: #FFFFFF;
        }

        h1,
        h2,
        h3,
        p,
        a {
            font-size: 155%;
            color: blue;
        }
	</style>
</head>

<body>
	<div class="w3-row">
		<div class="w3-col w3-container w3-theme-l1 w3-sidebar w3-bar-block w3-mobile" style="width: 20%;">

			<a href="PA7.html" class="w3-bar-item w3-button">Home</a>
			<a href="PA7-CI.html" class="w3-bar-item w3-button">Campus Information</a>
			<a href="PA7-AI.html" class="w3-bar-item w3-button ">Academic Information</a>
			<a href="PA7-SW.html" class="w3-bar-item w3-button">Student Work</a>
		</div>
		<div class="w3-container" style=" margin-left:20%;">
			<div class="w3-row-padding">
				<div class="w3-half">
					<div class="w3-container">
						<img src="OlinLogo.png" alt="Olin logo" style="width:100%; max-width:400px;">
					</div>
				</div>
				<div class="w3-half">
					<div class="w3-container">
						<img src="olinName.png" alt="Olin College of Engineering" style="width:100%;">
					</div>
				</div>
			</div>
			<div class="w3-row-padding">
				<div class="w3-half">
					<div class="w3-card-4 w3-margin">
						<div class="w3-container w3-theme-l1">
							<h1 style="color:#FFFFFF">Why does Olin Exist?</h1>
						</div>
						<div class="w3-container w3-theme-l4">
							<p style="color:rgb(6, 44, 61); margin:5px;">Olin College of Engineering is an elite engineering-only school dedicated to educating in a hands-on way. They accomplish
								this through hands-on projects and a unique style of learning.
							</p>
						</div>
					</div>
				</div>
				<div class="w3-half">
					<div class="w3-card-4 w3-margin">
						<div class="w3-container w3-theme-l1">
							<h1 style="color:#FFFFFF">The Olin Mission</h1>
						</div>
						<div class="w3-container w3-theme-l4">
							<p style="color:rgb(6, 44, 61); margin:5px;">
								Olin seeks to reinvent the way engineering is taught. As we like to say, Olin has never known a time without google. This
								speaks volumes about how modern Olin is, and how old traditional ways of teaching engineering are. Olin seeks to improve
								this through collaboration with other Universities through the <i>colaboratory</i>, and be producing some of the best tech
								graduates around.
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</body>

</html>