-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcourseOverview.html
152 lines (124 loc) · 6.33 KB
/
courseOverview.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IS | Course Overview</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<!-- JavaScript -->
<script defer src="src/overall.js"></script>
<!-- Style -->
<link rel="stylesheet" href="static/css/courseOverview.css">
<link rel="stylesheet" href="static/css/overall.css">
<style>
@font-face {
font-family: open-sans;
src: url(static/Open-Sans/OpenSans-Light.ttf);
}
body {
font-family: open-sans;
}
</style>
</head>
<body>
<nav id="navbar" class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="https://www.cmu.edu/"><img src="static/images/overall-images/cmulogo.png"
alt="carnegie mellon unversity logo" class="navbar-logo"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample05"
aria-controls="navbarsExample05" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExample05">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="apply.html">Apply</a>
</li>
<li class="nav-item">
<a class="nav-link" href="projects.html">Projects</a>
</li>
<li class="nav-item dropdown">
<a id="location-specific" class="nav-link dropdown-toggle" href="courseOverview.html" data-bs-toggle="dropdown"
aria-expanded="false">Courses</a>
<ul class="dropdown-menu">
<li><a id="location-specific" class="dropdown-item" href="courseOverview.html">Courses Overview</a></li>
<li><a class="dropdown-item" href="67-373.html">67-373: IS Consulting Project</a></li>
<li id="not-qatar"><a class="dropdown-item" href="67-240.html">67-240: Mobile Web Sesign and Development</a></li>
<li id="not-qatar"><a class="dropdown-item" href="67-206.html">67-206: IS Community Engagement</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<main>
<div class="row row1">
<div class="col">
<h1>Course Catalog</h1>
</div>
</div>
<div class="container-main">
<div class="columns project-columns">
<div class="col col-3">
<img src="static/images/courseOverview images/course1img.jpg" alt="image of project" class="project-image">
<div class="projectbox-content">
<a href="67-373.html" class="senttocourse"><h4>67-373: IS Consoulting Project</h4></a>
<p class="discription">This course provides an experiential learning and community engagement experience to
undergraduate students in
the IS program.
Students will develop an iterative testing model to improve and conduct CMU Information Systems’ outreach
to
students in the Pittsburgh Public School system.</p>
<a href="apply.html"><button class="apply-button">Apply here for: 67-373</button></a>
</div>
</div>
<div class="col col-3">
<img src="static/images/courseOverview images/course2img.jpg" alt="image of project" class="project-image">
<div class="projectbox-content">
<a href="67-240.html" class="senttocourse"><h4>67-240: Web Design and Development</h4></a>
<p class="discription">The Mobile Web Design and Development course provides a solid web design and
development foundation focusing on
responsive and user-centered design, and client-side components.
Students explore the current standards and best practices of web design. Throughout the course, students
work
with HTML5, CSS3, Twitter Bootstrap, and Javascript, and learn how the various web components function
together.</p>
<a href="apply.html"><button class="apply-button">Apply here for: 67-240</button></a>
</div>
</div>
<div class="col col-3">
<img src="static/images/courseOverview images/course3img.jpg" alt="image of project" class="project-image">
<div class="projectbox-content">
<a href="67-206.html" class="senttocourse"><h4>67-206: IS Community Engagement</h4></a>
<p class="discription">This is the capstone project course for undergraduate IS.
Information Systems (IS) Consulting Project is a junior level team-based course that focuses on working as
a
team to build a solution to meet the needs of a client.</p>
<a href="apply.html"><button class="apply-button">Apply here for: 67-206</button></a>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="footer-content">
<p class="info">© Information Systems at Carnegie Mellon University | 5000 Forbes Avenue, Pittsburgh, PA 15213 |
(412) 268-3259</p>
<p class="acknowledgements">Acknowledgements: This website is the outcome of a student project in Mobile Web
Design and Development (67-240) and is maintained by student-led effort. Credits: Website prototyping and
development © Erin Dieringer, Zoe Feng, Arnav Luthra, Abbey Mui, and Pooja Penninti. Website maintenance ©
Stephanie Pang, Samara McCallum, Emmet Mack, Allen Yao, Benjamin Chen, and Chloe Deng. Faculty advisors: Prof.
Sara Moussawi, Prof. Larry Heimann, and Prof. Julia Poepping.</p>
</div>
</footer>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
</body>
</html>