1.Disini Saya Menggunakan Software Sublime teks
2.Ok Ini Kode Dari HTML dan CSS Saya
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.container{
width: 1300px;
margin: 0 auto;
text-align: center;
left: 0;
}
#baris1{
background: white;
padding: 5px 0;
position: fixed;
width: 100%;
top :0;
width: 1300px;
}
.kur{
text-align: center;
}
#menu{
list-style: none;
padding: 10px 0;
float: right;
}
#menu li{
display: inline;
margin-left: 0.2px;
}
.blp{
padding: 10px 20px;
margin-top: 10px;
color : black;
text-decoration: none;
}
u{
color: green;
}
table{
color: black;
}
div ul li:hover ul{
display: block;
}
div ul ul{
display: block;
position: absolute;
background: black;
top:80px;
left:350px;
}
.isi{
position: absolute;
display: none;
box-shadow: 0 px 3px 10px 0px rgba(0,0,0,2);
background-color: white;
}
.isi a{
color: #3c3c3c !important;
position: absolute;
}
.isi a:hover{
color: #232323 !important;
background: #f3f3f3 !important;
}
.q{
padding: 10px 20px;
margin-bottom: 10px;
color : black;
text-decoration: none;
}
h1{
font-size: 15mm;
}
</style>
<title>Rumah Sakit Husada</title>
</head>
<body>
<div id="baris1">
<div class="kur">
<img src="logohusada.png" width="174" height="87">
<ul id="menu">
<li><a href="#" class="blp">BERANDA</a></li>
<li><a href="#" class="blp">TENTANG KAMI</a>
<ul class="isi">
<li><a href="#" >Sejarah Husada</a></li>
<li><a href="#" >Visi & Misi</a></li>
<li><a href="#" >Profil Husada</a></li>
</ul>
</li>
<li><a href="#" class="blp">JADWAL DOKTER</a></li>
<li><a href="#" class="blp">FASILITAS</a></li>
<li><a href="#" class="blp">KAMAR</a></li>
<li><a href="#" class="blp">PROMO & KEGIATAN</a></li>
<li><a href="#" class="blp">HUBUNGI KAMI</a></li>
</ul>
<div class="fix"></div>
</div>
</div>
<div id="baris2">
<div class="container">
<div class="gambar" style="padding-top: 90px;">
<img src="1.jpg" height="500" width="700">
</div>
</div>
</div>
<div id="baris3">
<div class="container">
<table border="2"><b><u><h2>Informasi Kunjungan</h2></u></b><br>
<p>Jam Berkunjung khusus untuk pasien ICU / ICCU adalah pkl
11.00 s/d 12.00 WIB dan 17.00 s/d 18.00 WIB</p></table>
</div>
</div>
<div id="baris4">
<div class="container">
<img src="Husada_Ramadan_2019_Promo-1080x1080px.jpg">
</div>
</div>
<div id="baris5">
<div class="container">
<img src="gebyar-ramadhan-insta.jpg" height="600" width="600">
</div>
</div>
<div id="baris6">
<div>
<a href="#" class="q"><p align="center">UNTUK PROMO LAINNYA SILAHKAN KLIK DISINI</p></a>
</div>
</div>
<div id="baris7">
<dir class="container">
<h1 align="center">Selamat Datang Dirumah Sakit Husada</h1><br/>
<h3>Rumah Sakit Husada(Dahulu Bernama Rumah Sakit Jang Seng Le)Berdiri tanggal 28 Desember 1924 Merupakan rumah Sakit yang Bersifat sosial dalam bidang pelayanan kesehatan.</h3>
</dir>
</div>
</body>
</html>
<html>
<head>
<style type="text/css">
.container{
width: 1300px;
margin: 0 auto;
text-align: center;
left: 0;
}
#baris1{
background: white;
padding: 5px 0;
position: fixed;
width: 100%;
top :0;
width: 1300px;
}
.kur{
text-align: center;
}
#menu{
list-style: none;
padding: 10px 0;
float: right;
}
#menu li{
display: inline;
margin-left: 0.2px;
}
.blp{
padding: 10px 20px;
margin-top: 10px;
color : black;
text-decoration: none;
}
u{
color: green;
}
table{
color: black;
}
div ul li:hover ul{
display: block;
}
div ul ul{
display: block;
position: absolute;
background: black;
top:80px;
left:350px;
}
.isi{
position: absolute;
display: none;
box-shadow: 0 px 3px 10px 0px rgba(0,0,0,2);
background-color: white;
}
.isi a{
color: #3c3c3c !important;
position: absolute;
}
.isi a:hover{
color: #232323 !important;
background: #f3f3f3 !important;
}
.q{
padding: 10px 20px;
margin-bottom: 10px;
color : black;
text-decoration: none;
}
h1{
font-size: 15mm;
}
</style>
<title>Rumah Sakit Husada</title>
</head>
<body>
<div id="baris1">
<div class="kur">
<img src="logohusada.png" width="174" height="87">
<ul id="menu">
<li><a href="#" class="blp">BERANDA</a></li>
<li><a href="#" class="blp">TENTANG KAMI</a>
<ul class="isi">
<li><a href="#" >Sejarah Husada</a></li>
<li><a href="#" >Visi & Misi</a></li>
<li><a href="#" >Profil Husada</a></li>
</ul>
</li>
<li><a href="#" class="blp">JADWAL DOKTER</a></li>
<li><a href="#" class="blp">FASILITAS</a></li>
<li><a href="#" class="blp">KAMAR</a></li>
<li><a href="#" class="blp">PROMO & KEGIATAN</a></li>
<li><a href="#" class="blp">HUBUNGI KAMI</a></li>
</ul>
<div class="fix"></div>
</div>
</div>
<div id="baris2">
<div class="container">
<div class="gambar" style="padding-top: 90px;">
<img src="1.jpg" height="500" width="700">
</div>
</div>
</div>
<div id="baris3">
<div class="container">
<table border="2"><b><u><h2>Informasi Kunjungan</h2></u></b><br>
<p>Jam Berkunjung khusus untuk pasien ICU / ICCU adalah pkl
11.00 s/d 12.00 WIB dan 17.00 s/d 18.00 WIB</p></table>
</div>
</div>
<div id="baris4">
<div class="container">
<img src="Husada_Ramadan_2019_Promo-1080x1080px.jpg">
</div>
</div>
<div id="baris5">
<div class="container">
<img src="gebyar-ramadhan-insta.jpg" height="600" width="600">
</div>
</div>
<div id="baris6">
<div>
<a href="#" class="q"><p align="center">UNTUK PROMO LAINNYA SILAHKAN KLIK DISINI</p></a>
</div>
</div>
<div id="baris7">
<dir class="container">
<h1 align="center">Selamat Datang Dirumah Sakit Husada</h1><br/>
<h3>Rumah Sakit Husada(Dahulu Bernama Rumah Sakit Jang Seng Le)Berdiri tanggal 28 Desember 1924 Merupakan rumah Sakit yang Bersifat sosial dalam bidang pelayanan kesehatan.</h3>
</dir>
</div>
</body>
</html>
Gambar Web Saya
http://www.husada.co.id/
Tidak ada komentar:
Posting Komentar