From b74b7af366d5ea8d08b7b4b01fd06eefc77bd024 Mon Sep 17 00:00:00 2001
From: RifalAl <aldi4rifaldi@gmail.com>
Date: Fri, 4 Sep 2020 10:28:55 +0800
Subject: [PATCH] perbaikan halaman artikel

---
 artikel.html             | 72 ++++++++++++++++++++--------------------
 assets/css/my-style.css  |  5 +++
 assets/css/nav-style.css |  7 +++-
 3 files changed, 47 insertions(+), 37 deletions(-)

diff --git a/artikel.html b/artikel.html
index 54cf755..baa6ff6 100644
--- a/artikel.html
+++ b/artikel.html
@@ -69,7 +69,7 @@ <h3 class="sub-judul">ARTIKEL</h3>
         </div>
       </div>
       <div class="row">
-        <div class="col-md-4">
+        <div class="col-md-6 col-xl-4">
           <div class="card">
             <div class="card-body artikel-card">
               <a href="artikel_view.html">
@@ -77,21 +77,21 @@ <h3 class="sub-judul">ARTIKEL</h3>
                 <p class="artikel-judul" id="artikelJudul" name="artikelJudul">Inovasi Desa Digital Desa Pao-Pao</p>
               </a>
               <div class="row mt-3">
-                <div class="col-6">
+                <div class="col-md-6">
                   <p class="artikel-penulis">
                     <i class="fa fa-user"></i> <span id="artikelPenulis" name="artikelPenulis">Ahmad Rifaldi</span>
                   </p>
                 </div>
-                <div class="col-6">
+                <div class="col-md-6">
                   <p class="artikel-tanggal">
-                    <i class="fa fa-calendar"></i> <span id="artikelTanggal" name="artikelTanggal">20 November 2020</span>
+                    <i class="fa fa-calendar"></i> <span id="artikelTanggal" name="artikelTanggal">20/11/2020</span>
                   </p>
                 </div>
               </div>
             </div>
           </div>
         </div>
-        <div class="col-md-4">
+        <div class="col-md-6 col-xl-4">
           <div class="card">
             <div class="card-body artikel-card">
               <a href="artikel_view.html">
@@ -99,21 +99,21 @@ <h3 class="sub-judul">ARTIKEL</h3>
                 <p class="artikel-judul" id="artikelJudul" name="artikelJudul">Inovasi Desa Digital Desa Pao-Pao</p>
               </a>
               <div class="row mt-3">
-                <div class="col-6">
+                <div class="col-md-6">
                   <p class="artikel-penulis">
                     <i class="fa fa-user"></i> <span id="artikelPenulis" name="artikelPenulis">Ahmad Rifaldi</span>
                   </p>
                 </div>
-                <div class="col-6">
+                <div class="col-md-6">
                   <p class="artikel-tanggal">
-                    <i class="fa fa-calendar"></i> <span id="artikelTanggal" name="artikelTanggal">20 November 2020</span>
+                    <i class="fa fa-calendar"></i> <span id="artikelTanggal" name="artikelTanggal">20/11/2020</span>
                   </p>
                 </div>
               </div>
             </div>
           </div>
         </div>
-        <div class="col-md-4">
+        <div class="col-md-6 col-xl-4">
           <div class="card">
             <div class="card-body artikel-card">
               <a href="artikel_view.html">
@@ -121,21 +121,21 @@ <h3 class="sub-judul">ARTIKEL</h3>
                 <p class="artikel-judul" id="artikelJudul" name="artikelJudul">Inovasi Desa Digital Desa Pao-Pao</p>
               </a>
               <div class="row mt-3">
-                <div class="col-6">
+                <div class="col-md-6">
                   <p class="artikel-penulis">
                     <i class="fa fa-user"></i> <span id="artikelPenulis" name="artikelPenulis">Ahmad Rifaldi</span>
                   </p>
                 </div>
-                <div class="col-6">
+                <div class="col-md-6">
                   <p class="artikel-tanggal">
-                    <i class="fa fa-calendar"></i> <span id="artikelTanggal" name="artikelTanggal">20 November 2020</span>
+                    <i class="fa fa-calendar"></i> <span id="artikelTanggal" name="artikelTanggal">20/11/2020</span>
                   </p>
                 </div>
               </div>
             </div>
           </div>
         </div>
-        <div class="col-md-4">
+        <div class="col-md-6 col-xl-4">
           <div class="card">
             <div class="card-body artikel-card">
               <a href="artikel_view.html">
@@ -143,21 +143,21 @@ <h3 class="sub-judul">ARTIKEL</h3>
                 <p class="artikel-judul" id="artikelJudul" name="artikelJudul">Inovasi Desa Digital Desa Pao-Pao</p>
               </a>
               <div class="row mt-3">
-                <div class="col-6">
+                <div class="col-md-6">
                   <p class="artikel-penulis">
                     <i class="fa fa-user"></i> <span id="artikelPenulis" name="artikelPenulis">Ahmad Rifaldi</span>
                   </p>
                 </div>
-                <div class="col-6">
+                <div class="col-md-6">
                   <p class="artikel-tanggal">
-                    <i class="fa fa-calendar"></i> <span id="artikelTanggal" name="artikelTanggal">20 November 2020</span>
+                    <i class="fa fa-calendar"></i> <span id="artikelTanggal" name="artikelTanggal">20/11/2020</span>
                   </p>
                 </div>
               </div>
             </div>
           </div>
         </div>
-        <div class="col-md-4">
+        <div class="col-md-6 col-xl-4">
           <div class="card">
             <div class="card-body artikel-card">
               <a href="artikel_view.html">
@@ -165,21 +165,21 @@ <h3 class="sub-judul">ARTIKEL</h3>
                 <p class="artikel-judul" id="artikelJudul" name="artikelJudul">Inovasi Desa Digital Desa Pao-Pao</p>
               </a>
               <div class="row mt-3">
-                <div class="col-6">
+                <div class="col-md-6">
                   <p class="artikel-penulis">
                     <i class="fa fa-user"></i> <span id="artikelPenulis" name="artikelPenulis">Ahmad Rifaldi</span>
                   </p>
                 </div>
-                <div class="col-6">
+                <div class="col-md-6">
                   <p class="artikel-tanggal">
-                    <i class="fa fa-calendar"></i> <span id="artikelTanggal" name="artikelTanggal">20 November 2020</span>
+                    <i class="fa fa-calendar"></i> <span id="artikelTanggal" name="artikelTanggal">20/11/2020</span>
                   </p>
                 </div>
               </div>
             </div>
           </div>
         </div>
-        <div class="col-md-4">
+        <div class="col-md-6 col-xl-4">
           <div class="card">
             <div class="card-body artikel-card">
               <a href="artikel_view.html">
@@ -187,21 +187,21 @@ <h3 class="sub-judul">ARTIKEL</h3>
                 <p class="artikel-judul" id="artikelJudul" name="artikelJudul">Inovasi Desa Digital Desa Pao-Pao</p>
               </a>
               <div class="row mt-3">
-                <div class="col-6">
+                <div class="col-md-6">
                   <p class="artikel-penulis">
                     <i class="fa fa-user"></i> <span id="artikelPenulis" name="artikelPenulis">Ahmad Rifaldi</span>
                   </p>
                 </div>
-                <div class="col-6">
+                <div class="col-md-6">
                   <p class="artikel-tanggal">
-                    <i class="fa fa-calendar"></i> <span id="artikelTanggal" name="artikelTanggal">20 November 2020</span>
+                    <i class="fa fa-calendar"></i> <span id="artikelTanggal" name="artikelTanggal">20/11/2020</span>
                   </p>
                 </div>
               </div>
             </div>
           </div>
         </div>
-        <div class="col-md-4">
+        <div class="col-md-6 col-xl-4">
           <div class="card">
             <div class="card-body artikel-card">
               <a href="artikel_view.html">
@@ -209,21 +209,21 @@ <h3 class="sub-judul">ARTIKEL</h3>
                 <p class="artikel-judul" id="artikelJudul" name="artikelJudul">Inovasi Desa Digital Desa Pao-Pao</p>
               </a>
               <div class="row mt-3">
-                <div class="col-6">
+                <div class="col-md-6">
                   <p class="artikel-penulis">
                     <i class="fa fa-user"></i> <span id="artikelPenulis" name="artikelPenulis">Ahmad Rifaldi</span>
                   </p>
                 </div>
-                <div class="col-6">
+                <div class="col-md-6">
                   <p class="artikel-tanggal">
-                    <i class="fa fa-calendar"></i> <span id="artikelTanggal" name="artikelTanggal">20 November 2020</span>
+                    <i class="fa fa-calendar"></i> <span id="artikelTanggal" name="artikelTanggal">20/11/2020</span>
                   </p>
                 </div>
               </div>
             </div>
           </div>
         </div>
-        <div class="col-md-4">
+        <div class="col-md-6 col-xl-4">
           <div class="card">
             <div class="card-body artikel-card">
               <a href="artikel_view.html">
@@ -231,21 +231,21 @@ <h3 class="sub-judul">ARTIKEL</h3>
                 <p class="artikel-judul" id="artikelJudul" name="artikelJudul">Inovasi Desa Digital Desa Pao-Pao</p>
               </a>
               <div class="row mt-3">
-                <div class="col-6">
+                <div class="col-md-6">
                   <p class="artikel-penulis">
                     <i class="fa fa-user"></i> <span id="artikelPenulis" name="artikelPenulis">Ahmad Rifaldi</span>
                   </p>
                 </div>
-                <div class="col-6">
+                <div class="col-md-6">
                   <p class="artikel-tanggal">
-                    <i class="fa fa-calendar"></i> <span id="artikelTanggal" name="artikelTanggal">20 November 2020</span>
+                    <i class="fa fa-calendar"></i> <span id="artikelTanggal" name="artikelTanggal">20/11/2020</span>
                   </p>
                 </div>
               </div>
             </div>
           </div>
         </div>
-        <div class="col-md-4">
+        <div class="col-md-6 col-xl-4">
           <div class="card">
             <div class="card-body artikel-card">
               <a href="artikel_view.html">
@@ -253,14 +253,14 @@ <h3 class="sub-judul">ARTIKEL</h3>
                 <p class="artikel-judul" id="artikelJudul" name="artikelJudul">Inovasi Desa Digital Desa Pao-Pao</p>
               </a>
               <div class="row mt-3">
-                <div class="col-6">
+                <div class="col-md-6">
                   <p class="artikel-penulis">
                     <i class="fa fa-user"></i> <span id="artikelPenulis" name="artikelPenulis">Ahmad Rifaldi</span>
                   </p>
                 </div>
-                <div class="col-6">
+                <div class="col-md-6">
                   <p class="artikel-tanggal">
-                    <i class="fa fa-calendar"></i> <span id="artikelTanggal" name="artikelTanggal">20 November 2020</span>
+                    <i class="fa fa-calendar"></i> <span id="artikelTanggal" name="artikelTanggal">20/11/2020</span>
                   </p>
                 </div>
               </div>
diff --git a/assets/css/my-style.css b/assets/css/my-style.css
index 9d7acc4..acc34b1 100755
--- a/assets/css/my-style.css
+++ b/assets/css/my-style.css
@@ -734,4 +734,9 @@
         width: 100% !important;
       }
 
+      .partner-logo{
+        width: 100%;
+      }
+
+
     }
diff --git a/assets/css/nav-style.css b/assets/css/nav-style.css
index 1f1ccca..b3bb95b 100755
--- a/assets/css/nav-style.css
+++ b/assets/css/nav-style.css
@@ -8,6 +8,10 @@
     cursor: pointer;
 }
 
+.bg-dark{
+    background-color: #018577 !important;
+}
+
 .navbar-dark .navbar-nav .nav-link {
     color: rgba(255, 255, 255, 1);
 }
@@ -26,6 +30,7 @@
 
 .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
     color: rgb(145, 227, 142);
+    /*color: #DEB841;*/
 }
 
 .ml-auto .dropdown-menu {
@@ -34,6 +39,6 @@
 }
 
 .color-transparant {
-    background-color: rgba(0, 0, 0, .85) !important;
+    background-color: rgba(1, 133, 119, .95) !important;
     padding: .25rem 1rem;
 }