Skip to content

Commit 1e9975c

Browse files
Liby99Liby99
committed
Initial course website: Bootstrap, custom CSS, homepage, assignments page, and calendar
0 parents  commit 1e9975c

File tree

3 files changed

+102
-0
lines changed

3 files changed

+102
-0
lines changed

‎assignments.html‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Assignments - Machine Programming</title>
7+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
8+
<link rel="stylesheet" href="css/styles.css">
9+
</head>
10+
<body>
11+
<header>
12+
<h1>Machine Programming</h1>
13+
<p>Johns Hopkins University &mdash; Fall 2025</p>
14+
</header>
15+
<nav>
16+
<a href="index.html">Home</a>
17+
<a href="assignments.html">Assignments</a>
18+
<a href="index.html#calendar">Calendar</a>
19+
</nav>
20+
<main>
21+
<section>
22+
<h2>Assignments</h2>
23+
<ul class="assignments">
24+
<li><strong>Assignment 1:</strong> [Title/Description] <em>(Due: [Due Date])</em></li>
25+
<!-- Add more assignments as needed -->
26+
</ul>
27+
</section>
28+
</main>
29+
</body>
30+
</html>

‎css/styles.css‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
body { background: #f8f9fa; }
2+
header { background: #003366; color: #fff; padding: 1.5rem 0; text-align: center; }
3+
nav { background: #00509e; padding: 0.5rem 0; text-align: center; }
4+
nav a { color: #fff; margin: 0 1.5rem; text-decoration: none; font-weight: bold; }
5+
nav a:hover { text-decoration: underline; }
6+
main { max-width: 900px; margin: 2rem auto; background: #fff; padding: 2rem; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
7+
h1, h2 { color: #003366; }
8+
table.calendar { width: 100%; border-collapse: collapse; margin-top: 1.5rem; }
9+
table.calendar th, table.calendar td { border: 1px solid #ccc; padding: 0.5rem; text-align: center; }
10+
table.calendar th { background: #e3eafc; }
11+
.info-list { list-style: none; padding: 0; }
12+
.info-list li { margin-bottom: 0.5rem; }
13+
ul.assignments { padding-left: 1.2rem; }

‎index.html‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Machine Programming - Fall 2025</title>
7+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
8+
<link rel="stylesheet" href="css/styles.css">
9+
</head>
10+
<body>
11+
<header>
12+
<h1>Machine Programming</h1>
13+
<p>Johns Hopkins University &mdash; Fall 2025</p>
14+
</header>
15+
<nav>
16+
<a href="index.html">Home</a>
17+
<a href="assignments.html">Assignments</a>
18+
<a href="#calendar">Calendar</a>
19+
</nav>
20+
<main>
21+
<section>
22+
<h2>Course Information</h2>
23+
<ul class="info-list">
24+
<li><strong>Instructor:</strong> [Instructor Name]</li>
25+
<li><strong>Email:</strong> [Instructor Email]</li>
26+
<li><strong>Time:</strong> [Class Time]</li>
27+
<li><strong>Location:</strong> [Class Location]</li>
28+
<li><strong>Office Hours:</strong> [Office Hours Info]</li>
29+
</ul>
30+
</section>
31+
<section id="calendar">
32+
<h2>Course Calendar</h2>
33+
<table class="calendar">
34+
<tr>
35+
<th>Week</th>
36+
<th>Date</th>
37+
<th>Topic / Event</th>
38+
</tr>
39+
<tr>
40+
<td>1</td>
41+
<td>Aug 27</td>
42+
<td>Introduction & Syllabus</td>
43+
</tr>
44+
<tr>
45+
<td>2</td>
46+
<td>Sep 3</td>
47+
<td>Foundations of Machine Programming</td>
48+
</tr>
49+
<tr>
50+
<td>3</td>
51+
<td>Sep 10</td>
52+
<td>Assignment 1 Released</td>
53+
</tr>
54+
<!-- Add more weeks/events as needed -->
55+
</table>
56+
</section>
57+
</main>
58+
</body>
59+
</html>

0 commit comments

Comments
 (0)