ISYSLAB-HUST.github.io/index.html at main · ISYSLAB-HUST/ISYSLAB-HUST.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
---
layout: default
subtitle: Isyslab Lab at Huazhong University of Science and Technology

---

<div class="container">
	<div class="row" style="margin-top: 0.5rem;text-align:center;">
        <h1>
		Welcome to <span style="color:#e12329;">i</span><span style="color:#3399cc;">Syslab</span> at Huazhong University of Science and Technology
		</h1>

    </div>

    <div class="row">
        <div id="carouselExampleIndicators" class="carousel slide carousel-fade" data-ride="carousel">

          <!-- <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
          </ol> -->
          <div class="carousel-inner">
            <div class="carousel-item active" style="height: 25rem">
              <img src="assets/img/isyslab.png" class="d-block ma-auto w-100">
            </div>
			<!--
             <div class="carousel-item" style="height: 25rem">
              <img src="/assets/img/lab.jpg" class="d-block w-100">
            </div>
			-->
          </div>
          <!-- <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a> -->
        </div>
    </div>

    <div class="row" style="margin-top: 1.5rem;">
        <h2>Research Interests</h2>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <ul class="research-list">
                <li>Image and Video Processing</li>
                <li>Virtual Reality and Rehabilitation Games</li>
                <li>Machine Learning and CUDA Acceleration</li>
                <li>Algorithm and Software R&D in Bioinformatics</li>
                <li>Data Processing based on Cloud Platform</li>
                <li>Protein Structure, Function and Interaction Network Prediction</li>
                <li>Medical Big Data Analysis</li>
            </ul>
        </div>
    </div>
</div>

<style>
.research-list {
    list-style-type: none;
    padding-left: 0;
}

.research-list li {
    margin: 10px 0;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 5px;
    transition: transform 0.3s ease;
}

.research-list li:hover {
    transform: translateX(10px);
    background: #e9ecef;
}
</style>