Web-Design-Class/PA7-CI.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
<!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: rgb(15, 15, 175);
        }
    </style>
</head>

<body>
    <div class="w3-row">
        <div class="w3-col w3-container w3-theme-l1 w3-sidebar w3-bar-block" 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 w3-mobile">Campus Information</a>
            <a href="PA7-AI.html" class="w3-bar-item w3-button w3-mobile">Academic Information</a>
            <a href="PA7-SW.html" class="w3-bar-item w3-button w3-mobile">Student Work</a>
        </div>
        <div class="w3-container" style=" margin-left:20%;">
            <div class="w3-row">
                <img src="olinCampus.jpg" alt="Olin College Campus" width="100%">
            </div>
            <div class="w3-row w3-mobile">
                <div class="w3-rest">
                    <div class="w3-mobile w3-card-2 w3-theme-l4 w3-center w3-panel">
                        <h1>
                            <u>Campus</u>
                        </h1>
                        <div class="w3-row-padding">
                            <div class="w3-half">
                                <img class="w3-image" src="Olin_1b.jpg" alt="hallway">
                            </div>
                            <div class="w3-half">
                                <img class="w3-image" src="caf.jpg" alt="cafeteria">
                            </div>
                        </div>
                        <div class="w3-row-padding">
                            <div class="w3-mobile w3-rest">
                                <p>The Olin college campus is relatively small, but sophisticated. Younger than many of its
                                    students, the campus was designed for the small class sizes and high-tech nature of the
                                    college. The campus features a machine shop, work spaces for individual projects, project
                                    storage spaces, and office-like space for start-up companies.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>