Home Page Edit

index.html

@@ -10,18 +10,28 @@
 
     <div class="col-lg-8 col-10"> <!-- Middle Column container-->
 
-      <div class="home-image">
+      <div class="row">
+        <div class="col-7 col-md-9">
+          <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>
+        <h5 class="text-center" style="padding-top:2rem; 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. 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. 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.</h5>
+
+        </div>
 
-      <h4 class="text-center" style="padding-top:2rem;">Lab Description here</h4>
-      <br>
-      <h1>News</h1>
-      <hr id="title_hr">
+        <div class="col-3 col-md-3" id="news" >
+          <h1>News</h1>
+          <hr id="title_hr">
+          <script type="text/javascript" src="https://www.juicer.io/embed/usc-usrl-fe6120fd-1878-43eb-988f-ef2c19e63aaf/embed-code.js" async defer></script>
+
+        </div>
+
+
+      </div>
 
       <div class="row"> <!--News List container -->
         <!--div class="col-3 col-md-2">
@@ -33,7 +43,7 @@ <h1>News</h1>
           </div>
         </div-->
         <div class="col-auto" id="news-body">
-          <script type="text/javascript" src="https://www.juicer.io/embed/usc-usrl/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>

style/main.css

@@ -9,7 +9,7 @@ body {
 
 .index-jumbo {  
     display: block;
-    width: 80%;
+    width: 100%;
     margin-left: auto;
     margin-right: auto;
 }
@@ -213,7 +213,7 @@ h3 {
     position: absolute;
     top:50%;
     left:50%;
-    width:80%;
+    width:100%;
     height:100%;
     transform: translate(-50%, -50%); 
     background-color: rgba(0, 0, 0, 0.4); 
@@ -371,7 +371,15 @@ h3 {
     background-color: #ffffff !important;
 }
 
+.referral
+{
+    display:none !important ;
+}
 
+#news
+{
+    text-align:center;
+}
 
 @media all and (max-width:1300px)
     {