Skip to content

Commit

Permalink
initial push
Browse files Browse the repository at this point in the history
  • Loading branch information
@yzhao062
yzhao062 committed Oct 30, 2023
1 parent 4a2d6a6 commit 1cd2652
Show file tree
Hide file tree
Showing 5 changed files with 199 additions and 0 deletions.
Binary file added images/PrimShield_Word_RegUse_Gold-Blk_RGB.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/logo2.ico
View file
Binary file not shown.
Binary file added images/ta.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/yue.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
199 changes: 199 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,199 @@
<!DOCTYPE html>
<html lang="en">

<head>
<title>CSCI 566 Machine Learning</title>
<link rel="icon" type="image/x-icon" href="images/logo2.ico">
<meta charset="utf-8">
<meta name="author" content="Yue Zhao">
<meta name="description" content="Course website of CSCI 566 AT USC">
<meta name="keywords" content="MLSys, outlier detection, automl, anomaly detection, data mining, Yue Zhao">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS and JS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- Google Fonts and Font Awesome -->
<link href='https://fonts.googleapis.com/css?family=Oswald:700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

<body>
<style>
/* Global Styles */
h1, h2, h3 {
text-align: center;
}

.university-color {
color: #990000;
}

.link-list a {
margin-right: 5px;
}

/* Staff Container Styles */
.staff-container {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin: 20px;
}

.staff-member {
width: 23%;
text-align: center;
margin: 15px 1%;
box-sizing: border-box;
}

.staff-member img {
width: 80%;
max-width: 150px;
height: auto;
border-radius: 50%;
margin-bottom: 10px;
}

.staff-member h2, .staff-member p {
margin: 5px 0;
}

/* Responsive Styles */
@media only screen and (max-width: 1024px) {
.staff-member {
width: 48%;
margin: 15px 1%;
}

.staff-member img {
width: 70%;
max-width: 130px;
}
}

@media only screen and (max-width: 768px) {
.staff-member {
width: 100%;
margin: 15px 0;
}

.staff-member img {
width: 60%;
max-width: 120px;
}
</style>

<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">CSCI 566 Machine Learning</a>
</div>

<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="files/Syllabus.pdf">Syllabus</a></li>
</ul>
</div>
</div>
</nav>


<!-- Page Content -->
<div class="container">
<h1>CSCI 566 Machine Learning</h1>
<div style="text-align: center;">
<img width="400" src="images/PrimShield_Word_RegUse_Gold-Blk_RGB.png">
</div>
<div class="col" style="margin-top:3%; text-align:left;">
<p><strong class="university-color">Prospective Students</strong>: The course website is still <strong>under construction</strong>. <a href="https://viterbi-web.usc.edu/~yzhao010/"> Yue Zhao</a> will be the instructor for this course (note the name is no longer Deep Learning and Its Applications).
</p>
</div>

<div class="staff-container">
<!-- Professor -->
<div class="staff-member">
<img src="images/yue.jpg" alt="Prof. Yue Zhao">
<h3>Instructor</h3>
<p>Prof. Yue Zhao</p>
<p>OH: TBA</p>
</div>

<!-- Teaching Assistant 1 -->
<div class="staff-member">
<img src="images/ta.png" alt="TA 1">
<h3>Teaching Assistant</h3>
<p>TA 1</p>
<p>OH: Wednesdays 3-4pm, RTH 4th Floor</p>
</div>

<!-- Teaching Assistant 1 -->
<div class="staff-member">
<img src="images/ta.png" alt="TA 2">
<h3>Teaching Assistant</h3>
<p>TA 2</p>
<p>OH: Wednesdays 3-4pm, RTH 4th Floor</p>
</div>

<!-- Teaching Assistant 1 -->
<div class="staff-member">
<img src="images/ta.png" alt="TA 3">
<h3>Teaching Assistant</h3>
<p>TA 3</p>
<p>OH: Wednesdays 3-4pm, RTH 4th Floor</p>
</div>

<!-- Teaching Assistant 1 -->
<div class="staff-member">
<img src="images/ta.png" alt="TA 4">
<h3>Teaching Assistant</h3>
<p>TA 4</p>
<p>OH: Wednesdays 3-4pm, RTH 4th Floor</p>
</div>
<!-- Teaching Assistant 1 -->
<div class="staff-member">
<img src="images/ta.png" alt="TA 5">
<h3>Teaching Assistant</h3>
<p>TA 5</p>
<p>OH: Wednesdays 3-4pm, RTH 4th Floor</p>
</div>

<!-- Teaching Assistant 1 -->
<div class="staff-member">
<img src="images/ta.png" alt="TA 6">
<h3>Teaching Assistant</h3>
<p>TA 6</p>
<p>OH: Wednesdays 3-4pm, RTH 4th Floor</p>
</div>

<!-- Teaching Assistant 1 -->
<div class="staff-member">
<img src="images/ta.png" alt="TA 7">
<h3>Teaching Assistant</h3>
<p>TA 7</p>
<p>OH: Wednesdays 3-4pm, RTH 4th Floor</p>
</div>
</div>

</div>
<hr>


</div>



</body>

</html>

0 comments on commit 1cd2652

Please sign in to comment.