site.tmpl

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Hairong Qi's Personal Homepage</title>

  <link rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">

  <link rel="stylesheet" href="css/style.css">
</head>

<body>


<nav class="navbar has-shadow" role="navigation"
  aria-label="main navigation">
  <div class="navbar-brand">
    <a class="navbar-item" href="https://aicip.github.io">
      <img src="aicip.jpg"> </a>

    <a class="navbar-item" href="teaching.htm">
      Teaching
    </a>

    <a class="navbar-item" href="research.htm">
      Research
    </a>

    <a class="navbar-item" href="student.htm">
      Students
    </a>

    <a class="navbar-item" href="publication.htm">
      Publications
    </a>

    <a class="navbar-item" href="cv.pdf">
      Vita
    </a>


    <a class="navbar-item"
      href="https://scholar.google.com/citations?hl=en&user=GqnNG-kAAAAJ&view_op=list_works&authuser=4&sortby=pubdate">
      Google Scholar
    </a>

    </a>
  </div>

</nav>

<section class="section">
<div class="columns">

      <aside class="menu is-4-tablet is-3-desktop is-2-widescreen">
        <!-- side bar -->

        <figure class="image is-128x128 m-auto">
          <img class="is-rounded" src="qi-sqare.jpg">
        </figure>

        <br />

        <div class="box is-size-7">
          <p class="has-text-weight-bold">Dr.Hairong Qi </p>
          <p>Gonzalez Family Professor </p>
          <p>Department of EECS</p>
          <br />
          <p>304 Min H. Kao Building </p>
          <p>1520 Middle Drive</p>
          <p>The University of Tennessee</p>
          <p>Knoxville, TN 37996-2100</p>
          <br />
          <p>Email: hqi AT utk.edu </p>
          <p>Phone: (865)974-8527</p>
          <p>Fax: (865)974-5483 </p>
        </div>
      </aside>
  
    <div class="column content">
        something 
    </div>

</div></section>
</body>
</html>
      