perubahan laman faskes

harisde03 · May 2, 2022 · c0f3a23 · c0f3a23
1 parent b8fdc94
commit c0f3a23
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 52 deletions.
diff --git a/public/style.css b/public/style.css
@@ -24,7 +24,7 @@ p {
 .main-screen {
     height: 770px;
     top: 0px;
-    background: #FFFFFF;
+    background: #d8d5d5;
     position: relative;
     background-size: cover;
     opacity: 0.7;
@@ -33,7 +33,7 @@ p {
 
 .header {
     top: 50px;
-    width: 942px;
+    width: 800px;
     height: 800px;
     position: absolute;
 }
@@ -70,6 +70,7 @@ p {
 .box-img {
     width: 300px;
     height: 250px;
+    background-size: cover;
 }
 
 .box h1 {
@@ -86,14 +87,7 @@ p {
     max-width: 310px;
 }
 
-.btn {
-    background-color: #00ADB4;
-    opacity: 0.8;
-    cursor: pointer;
-    border-radius: 10px;
-    box-shadow: 4px 6px rgba(32, 117, 113, 1);
-    float: right;
-}
+.btn {}
 
 .btn:hover {
     background-color: #00ADB4;
@@ -106,12 +100,16 @@ p {
 }
 
 .btn-rujukan {
+    background-color: #00ADB4;
+    opacity: 0.8;
+    cursor: pointer;
+    box-shadow: 4px 6px rgba(32, 117, 113, 1);
     position: relative;
 }
 
 .screen-spesial {
     position: relative;
-    height: 800px;
+    height: 900px;
     top: 30px;
     background-color: #FFFFFF;
 }
@@ -167,11 +165,10 @@ p {
     width: 320px;
 }
 
-.min-vh-90{
+.min-vh-90 {
     min-height: 90vh;
 }
 
-
 .subinfo-kiri p {
     line-height: 30px;
 }
@@ -234,7 +231,7 @@ p {
     background-size: cover;
 }
 
-@media (max-width: 900px) {
+@media (max-width: 1250px) {
     .boxes {
         padding-top: 40px;
         position: absolute;
@@ -270,7 +267,7 @@ p {
     }
     .screen-spesial {
         position: relative;
-        height: 1400px;
+        height: 1000px;
         top: 80px;
         background-color: #FFFFFF;
     }
@@ -318,6 +315,9 @@ p {
         border-radius: 2%;
     }
     .main-screen {
-        height: 870px;
+        height: 640px;
+    }
+    .screen-spesial {
+        height: 1000px
     }
 }
diff --git a/resources/views/rujucare/admin/rujuk.blade.php b/resources/views/rujucare/admin/rujuk.blade.php
@@ -93,7 +93,9 @@
             </div>
             <div class="col">
                 <div class="drop-zone offset-md-2">
-                    <span class="drop-zone__prompt">Drop file here or click to upload</span>
+                    <span class="drop-zone__prompt"></span>
+                    <img src="{{ URL::asset('assets/images/drop-file.png') }}" alt="Drop File Here"
+                                    class="p-5" style="height: 350px">
                     <input type="file" name="myFile" class="drop-zone__input">
                 </div>
             </div>

diff --git a/resources/views/rujucare/faskes/faskes.blade.php b/resources/views/rujucare/faskes/faskes.blade.php
@@ -14,44 +14,43 @@
 <link rel="stylesheet" href="style.css">
 
 @section('content')
-    {{-- Working area --}}  
-    <div style="border: 0.5px solid #636161;opacity:0.2;"></div> 
-    
-    <div class ="main-screen" style="background-image: url(assets/images/contohRumahSakit.png)" id="main-screen"></div>
-        <div class ="container-xl">
+    {{-- Working area --}}
+    <div style="border: 0.5px solid #636161;opacity:0.2;"></div>
+
+    <div class ="main-screen " style="background-image: url(assets/images/contohRumahSakit.png)" id="main-screen"></div>
+        <div class ="container-xl " >
             <div class= "header">
                 <h1 id = "">Rumah Sakit Umum Dr. Zainoel Abidin</h1>
             </div>
 
             <div class="boxes" id="boxes">
                 <ul class="flex-list flex-wrap ">
-                    <li class="box">
+                    <li class="box ">
                         <h1 id="">10</h1>
                         <div class="box-text">
-                            <strong>Rujukan Tersedia</strong>  
-                            <p >Jumlah rujukan tersedia untuk pasien fasilitas kesehatan</p>   
-                        </div> 
-                    </li> 
+                            <strong>Rujukan Tersedia</strong>
+                            <p >Jumlah rujukan tersedia untuk pasien fasilitas kesehatan</p>
+                        </div>
+                    </li>
                     <li class="box" >
                         <h1 id="">40</h1>
                         <div class="box-text">
-                            <strong>Kamar Tersedia</strong>  
-                            <p >Jumlah kamar tersedia untuk pasien fasilitas kesehatan</p>   
+                            <strong>Kamar Tersedia</strong>
+                            <p >Jumlah kamar tersedia untuk pasien fasilitas kesehatan</p>
                         </div>
                     </li>
                 </ul>
-                <div class="buatRujukan col-lg-3 " id="buatRujukan">
-                    <button type="button"  >
-                        <a href="{{URL('/admin/rujuk')}}" class="btn btn-rujukan btn-info float-right" >
+                <div class="buatRujukan " id="buatRujukan">
+                    <div type="button"  >
+                        <a href="{{URL('/admin/rujuk')}}" class="btn btn-rujukan btn-teal" >
                             <span class="fa fa-plus"></span> Buat Rujukan</a>
-                    </button>
+                    </div>
                 </div>
             </div>
 
-
         </div>
-    
-    
+
+
     <div style="border: 1px solid #636161;opacity:1;"></div>
 
     <div class="screen-spesial" id="screen-spesial">
@@ -61,65 +60,65 @@
                 <p>Seluruh Spesialis tersedia di <span>Rumah Sakit umum Dr. Zainoel Abidin</span>. Hubungi Fasilitas kesehatan untuk informasi lengkap</p>
             </div>
 
-            
-            <div class="boxes col-12 ">       
+
+            <div class="boxes col-12 ">
                 <ul class="flex-list d-flex flex-wrap ">
                     <li class="box ">
-                        <div class="box-img col-12 align-center" id ="frame-image" style="background-size:cover;">
-                            <img src="{{ URL::asset('assets/images/dokter1.png') }}" alt="">
+                        <div class="box-img center col-12 " id ="frame-image" style="background-image: url(assets/images/dokter1.png);background-size:cover;"">
+
                         </div>
                         <div class="box-text col-12">
                             <strong id="" name="" >Prof. Dr. Nadia Rimawati M,Si.</strong>
                             <p>Spesialis Gigi</p>
                         </div>
                     </li>
                     <li class="box ">
-                        <div class="box-img center col-12" id ="frame-image"  style="background-size:cover; margin:auto">
-                            <img src="{{ URL::asset('assets/images/dokter2.png') }}" alt="" >
+                        <div class="box-img center col-12" id ="frame-image"  style="background-image: url(assets/images/dokter2.png);background-size:cover;"">
+
                         </div>
                         <div class="box-text col-12">
                             <strong id="" name="" >Dr. Muny Safitri</strong>
                             <p>Spesialis Anak</p>
-                        </div>   
+                        </div>
                     </li>
                     <li class="box ">
                         <div class="box-img center col-12" id ="frame-image"style="background-image: url(assets/images/dokter3.png);background-size:cover;"></div>
                         <div class="box-text col-12">
                             <strong id="" name="" >Prof. Dr. Maghfirah ZA</strong>
                             <p>Spesialis Kulit</p>
-                        </div> 
-                    </li>  
+                        </div>
+                    </li>
                 </ul>
-            
+
             </div>
         </div>
     </div>
 
     <div style="margin-top:50px;border: 0.2px solid #636161; opacity:0.2;"></div>
 
-    <div class="screen-info" id="screen-info">
+    <div class="screen-info mb-5" id="screen-info">
         <div class="container-xl">
             <div class="text-center justify-content-lg-center">
                 <h1>Informasi <span>Rumah Sakit Umum Dr. Zainoel Abidin</span></h1>
                 <p style="margin-top:20px; max-width: 900px; margin: auto; "><span>Rumah Sakit Umum Dr. Zainoel Abidin mempunyai tugas memberikan pelayanan kesehatan perorangan secara paripurna</span></p>
             </div>
             <div class="subinfo-kiri">
-                <blockquote style="margin-top:50px">      
+                <blockquote style="margin-top:50px">
                     <p style="margin-top:100px; border-bottom:1px solid #111;"><strong>Alamat</strong></p>
                     <p id="" href="">Jl. Tgk. Daud Beurereh No. 108 Banda Aceh</p>
                     <p style="margin-top:50px;border-bottom:1px solid #111;"><strong>Tingkat Fasilitas Kesehatan</strong></p>
                     <p id="" href="">Rumah Sakit Umum Tingkat 2</p>
                     <p style="margin-top:50px;border-bottom:1px solid #111;"><strong>Kontak</strong></p>
                     <p id="" href="">Email: <span>@acehprov.go.id</span> <br>Telepon: <span>0551-34565</span> </p>
                 </blockquote>
-                
+
             </div>
             <div class="subinfo-kanan ">
                 <img src="{{ URL::asset('assets/images/contohRumahSakit.png') }}"  alt="gambarRumahSakit">
             </div>
         </div>
     </div>
-</div>
-    
-   
+
+
+
 @endsection