usrl-uofsc.github.io/index.html at main · usrl-uofsc/usrl-uofsc.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
<!DOCTYPE html>
<html lang="en">

<script src="includes/head.js"></script>

<body>
  <script src="includes/nav.js"></script>

  <div class="row justify-content-center"> <!-- Body container-->

    <div class="col-lg-8 col-10"> <!-- Middle Column container-->

      <div class="row" style="justify-content: space-evenly; align-content: center;">
        <div class="col-7 col-md-7">
          <div class="home-image">

        <img class="index-jumbo" src="media/lab/lab_overview.jpg" />
          <div class="overlay">
            <div class="overlay-text"><p> Welcome to the Unmanned Systems & Robotics Lab!</p></div>
          </div>
        </div>

        </div>

        <div class="col-4 col-md-4" id="news" >
          <h6 class="text-center" style="text-align: justify !important;">The Unmanned Systems and Robotics Lab (USRL) was founded in 2018 by Dr. Nikos Vitzilaios in the College of Engineering & Computing, University of South Carolina, Columbia SC, USA. <br> The lab focuses on the development of autonomous unmanned systems and mobile robotics with emphasis on unmanned aircraft (aerial drones). Our research areas include perception, navigation and control. <br> The main mission is to push autonomous aircraft capabilities beyond the typical visual inspection and build systems that can be used in advanced sensing\inspection applications. The lab performs fundamental and applied research, featuring a fleet of more that 30 aircraft used in extensive field trials. Please navigate to our research page for more information on our research projects.</h6>

        </div>
      </div>

      <h1>News</h1>
      <hr id="title_hr">

      <div class="row"> <!--News List container -->


        <!--div class="col-3 col-md-2">
          <div class="list-group" id="list-tab" role="tablist">
            <a class="list-group-item list-group-item-action active" id="list-2021-list" data-toggle="list" href="#list-2021" role="tab" aria-controls="home">2021</a>
            <a class="list-group-item list-group-item-action" id="list-2020-list" data-toggle="list" href="#list-2020" role="tab" aria-controls="profile">2020</a>
            <a class="list-group-item list-group-item-action" id="list-2019-list" data-toggle="list" href="#list-2019" role="tab" aria-controls="profile">2019</a>
            <a class="list-group-item list-group-item-action" id="list-2018-list" data-toggle="list" href="#list-2018" role="tab" aria-controls="2018">2018</a>
          </div>
        </div-->
        <div class="col-auto" id="news-body">
          <script type="text/javascript" src="https://www.juicer.io/embed/usc-usrl-fe6120fd-1878-43eb-988f-ef2c19e63aaf/embed-code.js" async defer></script>


          <!--div class="tab-content" id="nav-tabContent">
            <div class="tab-pane fade show active" id="list-2021" role="tabpanel" aria-labelledby="list-2021-list">
              <script src="news/2021/September15.js"></script>
              <script src="news/generate_html.js"></script>
              <script src="news/2021/April16.js"></script>
              <script src="news/generate_html.js"></script>
              <script src="news/2021/March26.js"></script>
              <script src="news/generate_html.js"></script>
            </div>
            <div class="tab-pane fade" id="list-2020" role="tabpanel" aria-labelledby="list-2020-list">
              <script src="news/2020/May25.js"></script>
              <script src="news/generate_html.js"></script>
            </div>
            <div class="tab-pane fade" id="list-2019" role="tabpanel" aria-labelledby="list-2019-list">
              <script src="news/2019/June21.js"></script>
              <script src="news/generate_html.js"></script>
            </div>
            <div class="tab-pane fade" id="list-2018" role="tabpanel" aria-labelledby="list-2018-list">
            </div>
          </div-->
        </div>
      </div> <!-- \News list container-->
      <br>
    </div> <!-- \Middle Column container-->
  </div> <!-- \Body container-->

  <script src="includes/footer.js"></script>
  <script src="includes/scripts.js"></script>


</body>

</html>