<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Liguo Yu's Homepage</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    body {
      margin: 0;
      font-family: sans-serif;
      padding: 1rem;
      background-color: #fff;
      color: #000;
      line-height: 1.6;
    }

    .header {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      max-width: 960px;
      margin: 0 auto 1rem auto;
    }

    .header-text {
      flex: 1 1 60%;
    }

    .header-text h1 {
      font-size: 2rem;
      margin: 0 0 0.5rem 0;
    }

    .header-text h2 {
      font-size: 1.25rem;
      margin: 0.2rem 0;
    }

    .profile-img {
      flex: 1 1 30%;
      max-width: 160px;
    }

    .profile-img img {
      width: 100%;
      height: auto;
      border-radius: 4px;
    }

    main {
      max-width: 960px;
      margin: 0 auto;
    }

    img {
      max-width: 100%;
      height: auto;
    }

    hr {
      margin: 1.5rem 0;
    }

    .book-cover {
      max-width: 300px;
      width: 100%;
      height: auto;
      display: block;
      margin: 0 auto;
    }

    address {
      display: block;
      font-style: normal;
      text-align: center;
      margin: 0.5rem 0;
    }

    @media (max-width: 600px) {
      .header-text h1 {
        font-size: 1.5rem;
      }

      .header-text h2 {
        font-size: 1rem;
      }
    }
  </style>
</head>
<body>
  <header class="header">
    <div class="header-text">
      <h1>Liguo Yu</h1>
      <h2>Professor</h2>
      <h2>Computer Sciences and Informatics</h2>
      <h2>Indiana University South Bend</h2>
    </div>
    <div class="profile-img">
      <img src="Liguo_Yu.jpg" alt="Liguo Yu">
    </div>
  </header>

  <main>
    <hr>

    <p>
      Dr. Yu received his PhD degree in Computer Science from 
      <a href="http://www.vanderbilt.edu/">Vanderbilt University</a> in 2004. 
      His advisor is Prof. Stephen R. Schach. He received his MS degree from 
      <a href="http://www.imr.ac.cn/">Institute of Metal Research, Chinese Academy of Science</a> 
      in 1995 and his master thesis advisors are Prof. Douxing Li and Prof. Hengqiang Ye. 
      He received his BS degree in Physics from <a href="http://www.jlu.edu.cn/">Jilin University</a> 
      in 1992 and his advisor is Prof. Chengxiang Zhang. Before joining IUSB, he was a visiting 
      assistant professor at <a href="http://www.tntech.edu/">Tennessee Tech University</a>. 
      In Spring 2014, he worked at New York Institute of Technology - Nanjing campus as a 
      visiting faculty. In Summer 2018, he was an adjunct associate professor at 
      <a href="https://www.nd.edu/">University of Notre Dame</a>. His research interests 
      include software coupling, software maintenance and software evolution, empirical 
      software engineering, as well as business data analysis, business decision-making, 
      and financial modeling. Here is the list of his <a href="publications.html">publications</a>.
    </p>

    <p>Besides writing research papers and technical books, Dr. Yu also enjoys writing fiction.
       The following story is set in Granger, Indiana, where he lives with his wife and their 
       dog, Dumbledore.</p>

    <div class="book-cover">
      <a href="https://www.amazon.com/dp/B0FCBF1DQQ/ref=tmm_kin_swatch_0">
        <img src="granger.jpg" alt="Granger Book Cover">
      </a>
    </div>

    <address>Computer and Information Sciences Department</address>
    <address>Indiana University South Bend</address>
    <address>South Bend, Indiana 46634</address>
  </main>
</body>
</html>