sueda.github.io/teaching.html at main · suedasenturk/sueda.github.io · 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Teaching – Sueda Senturk Avci</title>
<link rel="stylesheet" href="style.css">

   <style>
a {
  color: #ff69b4;         /* soft pink */
  text-decoration: none;  /* removes underline */
}
/* Navigation links */
nav a {
  color: #4b0082;          /* dark purple */
  text-decoration: underline;  /* keep underline */
  font-weight: bold;
  transition: color 0.3s;
}

/* Navigation hover effect */
nav a:hover,
nav a.active {
  color: #6a0dad;          /* slightly lighter purple on hover */
  text-decoration: underline;
}

/* Navigation visited links */
nav a:visited {
  color: #4b0082;          /* dark purple, same as unvisited */
}


.content-container {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-top: 20px;
}

/* Teaching page image */
.teaching-img {
  width: 440px;         /* adjust width */
  max-height: 600px;    /* optional max-height to prevent huge image */
  border-radius: 10px;  /* rounded corners */
  object-fit: cover;    /* keeps proportions */
}

/* Make responsive for mobile */
@media (max-width: 768px) {
  .content-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .research-img {
    width: 200px;
    max-height: none;
  }
}
</style>
</head>

<body>

<nav>
  <a href="index.html">Home</a>
  <a href="research.html">Research</a>
  <a href="talks.html">Talks & Events</a>
  <a class="active" href="teaching.html">Teaching</a>
  <a href="videos.html">Videos</a>
</nav>

<!-- Main content block -->
<div class="content-container">

  <!-- Left side profile image -->
  <img src="images/suedateaching.jpeg" alt="Teaching Image" class="teaching-img">

  <!-- Right side text -->
<div>

<header>
  <h1>Teaching</h1>
</header>

<section>
  <h2>University of Manitoba</h2>
  <ul>
    <li><strong>Fall 2025:</strong> Mathematical Reasoning </li>
    <li><strong>Summer 2025:</strong> Elementary Discrete Mathematics  </li>
    <li><strong>Winter 2025:</strong> Curves and Surfaces, Calculus II  </li>
    <li><strong>Fall 2024:</strong> Linear Algebra, Mathematical Reasoning  </li>


  </ul>

  <h2>Bogazici University</h2>

  <ul>
    <li><strong>Fall 2023:</strong>  Rings, Fields, and Galois Theory</li>
    <li><strong>Fall 2022:</strong> Calculus II </li>
  </ul>

  <h3>Notes:</h3>
  <ul>

  </ul>

</section>
</div>

</div>


<footer>
  <p>© 2025 Sueda Senturk Avci</p>
</footer>

</body>
</html>