Changes on News

_posts/2019-02-04-welcome-to-jekyll.markdown

@@ -1,8 +1,8 @@
 ---
 layout: news
-title:  "Welcome to Jekyll!"
+title:  "COTS Lab Won the Best Research and Development Award for the year 2020"
 categories: [ Jekyll ]
-image: assets/images/demo1.jpg
+image: assets/images/demo1.jpeg
 ---
 You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
 

assets/scss/main.css

@@ -54,7 +54,7 @@
 }
 
 .card1{
-    height: 80% !important;
+    height: 94% !important;
 }
 
 .tofront{

index.html

@@ -28,7 +28,7 @@ <h1>{{ site.data.homepage.banner.title }}</h1>
   <div class="col-md-6">
   <div class="card border-0 mb-4 box-shadow card1">   
   <a href="{{site.baseurl}}{{latest_post.url}}">
-  <div class="topfirstimage" style="background-image: url({% if latest_post.image contains "://" %}{{ latest_post.image }}{% else %} {{site.baseurl}}/{{ latest_post.image}}{% endif %}); height: 200px;    background-size: cover;    background-repeat: no-repeat;"></div>     
+  <div class="topfirstimage" style="background-image: url({% if latest_post.image contains "://" %}{{ latest_post.image }}{% else %} {{site.baseurl}}/{{ latest_post.image}}{% endif %}); height: 300px;    background-size: cover;    background-repeat: no-repeat;"></div>     
   </a>
   <div class="card-body pl-10 pt-10 d-flex flex-column align-items-start">
   <h2 class="h4 font-weight-bold">
@@ -53,11 +53,11 @@ <h2 class="h4 font-weight-bold">
   </div>
   </div>
 
-  <div class="col-md-6">
+  <div class="col-md-6" style="margin-top: 12px;">
 
       <!-- second latest post -->
       {%- assign second_post = site.posts[1] -%}        
-      <div class="mb-3 d-flex align-items-center ">                
+      <div class="mb-5 d-flex align-items-center ">                
               {% if second_post.image %}
               <div class="col-md-4">
               <a href="{{site.baseurl}}{{second_post.url}}">
@@ -84,7 +84,7 @@ <h2 class="mb-2 h6 font-weight-bold">
 
       <!-- third latest post -->
       {%- assign third_post = site.posts[2] -%}        
-      <div class="mb-3 d-flex align-items-center">                
+      <div class="mb-5 d-flex align-items-center">                
               {% if third_post.image %}
               <div class="col-md-4">
               <a href="{{site.baseurl}}{{third_post.url}}">