Edit: index.php

Editing: index.php

Kembali

<!DOCTYPE html>
<html>
<head>

body {
  font-family: Arial;
  padding: 10px;
  background: #f1f1f1;
}

/* Header/Blog Title */
.header {
  width:500px;
  height:120px;
  background-image:url(Resource/logo.ECE.png);
  background-repeat: no-repeat;	background-size: 100%;
}
.col-3 {width: 100%; float:left;  }
.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-radius:20px;

}

.menu li {
  padding: 4px;
  margin-bottom: 4px;
  background-color: #33b5e5;
  color:#006;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  font-size:18px;
  width:70%;
  border-radius:14px;
  font-family:Verdana, Geneva, sans-serif;
  cursor: pointer;
}

.menu li:hover {
  background-color: #0099cc;
}

.header h1 {
  font-size: 50px;
}

/* Style the top navigation bar */
.topnav {
  overflow: hidden;
  background-color: #333;
}

/* Style the topnav links */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {   
  float: left;
  width: 75%;
}

/* Right column */
.rightcolumn {
  float: left;
  width: 25%;
  background-color: #f1f1f1;
  padding-left: 20px;
}

/* Fake image */
.intro {
  background-color: #aaa;
  width: 100%;
  height:300px;
  padding: 20px;
  background-image:url(Resource/B.jpg);
   background-repeat: no-repeat;	background-size: 100%;
   
}
.card p {
 font-family: "Playball", cursive;
	text-align: left;
   
}

/* Add a card effect for articles */
.card {
 	font-family: "Playball", cursive;
	text-align: left;
}

.card  h2 {
  background-color: white;
  padding: 10px;
  margin-top: 0px;
  font-family:Arial, Helvetica, sans-serif;
}
/* Clear floats after the columns */
.row::after {
  content: "";
  display: table;
  clear: both;
  top:10px;
  
}

/* Footer */
.footer {
  padding: 25px;
  background: #ddd;
  margin-top: 10px;
}
.footer p {
  font-size:14px;
  color:#006;
  
}

/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
  .leftcolumn, .rightcolumn {   
    width: 100%;
    padding: 0;
  }
}

/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 670px) {
  .topnav a {
    float: none;
    width: 100%;
  }
  
  .col-3 {width: 60%; float:left;  }
.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-radius:10px;

}

.menu li {
  padding: 4px;
  margin-bottom: 2px;
  background-color: #33b5e5;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 3 1px 2px rgba(0,0,0,0.24);
  font-size:18px;
  width:168%;
  border-radius:14px;
  font-family:Verdana, Geneva, sans-serif;
  cursor: pointer;
}

.header {
  width:300px;
  height:80px;
  background-image:url(Resource/logo.ECE.png);
  background-repeat: no-repeat;	background-size: 100%;
}
.leftcolumn {   
  float: left;
  width: 100%;
  height:60%;

}
.intro {
  background-color: #aaa;
  width: 100%;
  height:100px;
  padding: 20px;
  background-image:url(Resource/B.jpg);
   background-repeat: no-repeat;	background-size: 100%;
   
}

.card h2 {
	font-size:18px;  
}

.footer {
  padding: 45px;
  text-align: center;
  background: #ddd;
  margin-top: 10px;
}
.footer p {
	font-size:10px;
}
}
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5263992992895934"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"
     data-ad-layout-key="-fp+7+25-5q+25"
     data-ad-client="ca-pub-5263992992895934"
     data-ad-slot="7004000155"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</head>
<body>
<div class="header">
</div><br>
<div class="row" >
  <div class="rightcolumn">
    <div class="col-3 menu" align="center">
    <ul>
    <li onClick="window.open('loket.login.php','_self')">LOKET</li>
    <li onClick="window.open('admin.login.php','_self')">ADMIN</li>
    <li onClick="window.open('staff.login.php','_self')">ENFERMARIA</li>
    <li onClick="window.open('doctor.login.php','_self')">MEDICO</li>
    <li onClick="window.open('labstaff.login.php','_self')">LABORATORY</li>
    <li onClick="window.open('radiology.login.php','_self')">RADIOLOGY</li>
    <li onClick="window.open('farmacia.login.php','_self')">FARMACIA</li>
    <li onClick="window.open('tbc.login.php','_self')">TBC</li>
    <li onClick="window.open('hiv.login.php','_self')">HIV</li>
    <li onClick="window.open('maternidade.login.php','_self')">MATERNIDADE</li>
    <li onClick="window.open('dental.login.php','_self')">DENTAL</li>
    <li onClick="window.open('malnutrisaun.login.php','_self')">MAL-NUTIRISAUN</li>
    </ul>
  </div>
  </div>
 <div class="leftcolumn">  
    <div class="card">
      <h2>BAIRO PITE CLINIC LANUD<br>
      </h2>
      <div class="intro"></div>
      
      <p><br>
      In Spirit of Dr. Daniel Murphy, the Bairo Pite Clinic Lanud is dedicated to the ministry of Christ. As Caregivers we serve with a deep respect for the dignity and value of all beings, and we focus on quality care, dedicated to the poor and unfortunate people of Timor Leste!</p>
    </div>
  </div>
  
</div>

<div class="footer">
  <p onClick="openWhatsApp()"> Phone : +670 754 99990 |

<i class="fa fa-envelope-o"></i> email : info@mdiligitas.com | 
Website :<a href="https://mdiligitas.com" target="new">https://mdiligitas.com</a>	
</div>
<script>
		function openWhatsApp() {  
        window.open('https://wa.me/+67075499990?text='+ window.location);
		}
		function openFb() {  
        window.open('https://www.facebook.com/sharer.php?u='+ window.location );
		}
		function mandaemail() {  
        window.open('mailto:?Subject=POS&System&Body=I%20saw%20this%20and%20thought%20of%20you!%20' + window.location);
		}
		function sharetwitter() {  
        window.open('https://twitter.com/share?url=' + window.location +'&text=Simple%20Share%20Buttons&hashtags=simplesharebuttons');
		}
		</script>
</div>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5263992992895934"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5263992992895934"
     data-ad-slot="5181419078"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</body>
</html>