Beranda » Script » Web Portal V1

Web Portal V1

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Gue mau share script Web Portal V1 bikinan gue sendiri. Cukup ringan sih, soalnya cuman pake CSS, HTML doang. Ini 90% dari gue dan 10% Gue ada nyari Inspirasi dari orang. Cek aja widget menu-nya.

Walau simple tapi tetap ada kelebihannya juga pasti walau sedikit. Diantaranya:

Ringan
Simple
Warna Cocok dan Afdol
Widget Menu
Tempat Avatar / Foto
Serta ada Tempat menaruh Deskripsinya
Footer

Untuk yang bingung soal tampilannya, bisa liat dibawah:

Gimana? Suka ngga? Kalau engga ya gak apa - apa. Kalau suka mending langsung sikat aja dibawah. Tapi sebelumnya gue juga nyediain Demo nya dibawah.

HTML

<html>
<head>
<title>About Me</title>
</head>
<body bgcolor="black">
<center>
<div class="atas"><b>Fariz Rifqi Ahmad</b></div>
<div class="awal"><div class="kedua"><br/><div class="poto"><img src="LINK GAMBAR" width="120" height="120"></div><br/>Halo, Nama Gue <b>Fariz Rifqi Ahmad</b>. Biasa temen gue manggil <b>Fariz</b> Atau <b>"Riz"</b>. Umur Gue Masih 12, Tapi bentar lagi 13 kok. Gue Sekarang tinggal di Balikpapan, dan Bersekolah di sekolah Swasta Islam Terpadu. Menduduki Bangku Kelas SMP. Kegiatan sehari hari gue ya cuman duduk depan komputer sambil belajar sesuatu. hmm, mungkin ini aja dulu yang gue sampaikan, selanjutnya silahkan kunjungi akun social media gue di bawah ini ^_^</div><a class="menu" href="http://facebook.com/FarizRa48">FACEBOOK</a> <a class="menu" href="http://twitter.com/FarizFullbuster">TWITTER</a> <a class="menu" href="http://ask.fm/FarizFullbuster">ASK.FM</a> <a class="menu" href="http://instagram.com/Fariz48">INSTAGRAM</div></a></div><div class="akhir">About Me - Fariz R.A | Copyright: ITCrew - Design By: Fariz and Thankls To All My Friend</a></div>
</center>
</body>
</html>

CSS

<style>
.atas {
color: #f52020;
border-top: 8px solid #f52020;
font-size: 25pt;
font-family: sans-serif;
width: 770px;
}
.awal {
color: #f52020;
font-size: 25pt;
font-family: sans-serif;
width: 770px;
height: 390px;
background: #f52020;
padding-top: 20px;
padding-bottom: 60px;
}
.kedua {
color: #222;
font-size: 16pt;
font-family: sans-serif;
width: 730px;
font-family:cursive;
height: 345px;
background: #ffa200;
padding-bottom: 60px;
}
.poto {
background: #00aeff;
border: 3px solid #00aeff;
padding: 5px;
font-size: 20px;
width:120px;
height:120px;
}
.menu {
text-decoration: none;
color: #222;
background: #00aeff;
padding: 5px;
border-radius: 5px;
font-size: 20px;
}
.akhir {
text-decoration: none;
color: #222;
background: #f52020;
padding: 8px;
width: 100%;
height: 23px;
font-size: 20px;
margin-top: 100px;
}
</style>