<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>SMK 1 SerbaBebas</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="art-main">
<div class="cleared reset-box"></div>
<div class="art-header">
<div class="art-header-position">
<div class="art-header-wrapper">
<div class="cleared reset-box"></div>
<div class="art-header-inner">
<div class="art-headerobject"></div>
<div class="art-logo">
</div>
</div>
</div>
</div>
</div>
<div class="cleared reset-box"></div>
<div class="art-bar art-nav">
<div class="art-nav-outer">
<div class="art-nav-wrapper">
<div class="art-nav-inner">
<ul class="art-hmenu">
<li>
<a href="./" class="active">Home</a>
</li>
<li>
<a href="#">Profil Sekolah</a>
<ul>
<li><a href="./?pages=bacaartikel&id=1">Sambutan Kepala Sekolah</a></li>
<li><a href="./?pages=bacaartikel&id=2">Sejarah dan Visi Misi</a></li>
<li><a href="./?pages=bacaartikel&id=4">Sarana dan Prasarana</a></li>
</ul>
</li>
<li>
<a href="#">Pendidik dan Tenaga Pendidik</a>
<ul>
<li><a href="./?pages=bacaartikel&id=3">Struktur Organisasi</a></li>
<li><a href="./?pages=bacaartikel&id=5">Kepala Sekolah</a></li>
<li><a href="./?pages=bacaartikel&id=6">Komite Sekolah</a></li>
<li><a href="./?pages=dataguru">Data Guru</a></li>
<li><a href="./?pages=datatu">Data Tata Usaha</a></li>
</ul>
</li>
<li>
<a href="#">Ekstra Kurikuler</a>
<ul>
<li><a href="./?pages=bacaartikel&id=7">Sepak Bola</a></li>
<li><a href="./?pages=bacaartikel&id=8">Bola Volly</a></li>
<li><a href="./?pages=bacaartikel&id=9">Musik</a></li>
<li><a href="./?pages=bacaartikel&id=10">Bola Basket</a></li>
<li><a href="./?pages=bacaartikel&id=11">Pramuka</a></li>
<li><a href="./?pages=bacaartikel&id=12">Pencak Silat</a></li>
<li><a href="./?pages=bacaartikel&id=13">English Club</a></li>
</ul>
</li>
<li>
<a href="./?pages=listdownload">Download</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="cleared reset-box"></div>
<div class="art-box art-sheet">
<div class="art-box-body art-sheet-body">
<div class="art-layout-wrapper">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell art-sidebar1">
<div class="art-box art-block">
<div class="art-box-body art-block-body">
<div class="art-bar art-blockheader">
<h3 class="t">Main Menu</h3>
</div>
<div class="art-box art-blockcontent">
<div class="art-box-body art-blockcontent-body">
<ul>
<li class="parent">
<a href="./?pages=gallery">
<span>Gallery Kegiatan</span>
</a>
</li>
<li>
<a href="./?pages=list_pengumuman">
<span>Pengumuman</span>
</a>
</li>
<li>
<a href="./?pages=listdownload">
<span>List Download</span>
</a>
</li>
</ul>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="art-box art-block">
<div class="art-box-body art-block-body">
<div class="art-bar art-blockheader">
<h3 class="t">Ekstra Kurikuler</h3>
</div>
<div class="art-box art-blockcontent">
<div class="art-box-body art-blockcontent-body">
<ul>
<li class="active"><a href="./?pages=bacaartikel&id=7">Sepak Bola</a></li>
<li class="parent"><a href="./?pages=bacaartikel&id=8">Bola Volly</a></li>
<li><a href="./?pages=bacaartikel&id=9">Musik</a></li>
<li><a href="./?pages=bacaartikel&id=10">Bola Basket</a></li>
<li><a href="./?pages=bacaartikel&id=11">Pramuka</a></li>
<li class="visited"><a href="./?pages=bacaartikel&id=12">Pencak Silat</a></li>
<li class="hover"><a href="./?pages=bacaartikel&id=13">English Club</a></li></ul>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
<div class="art-layout-cell art-content">
<div class="art-box art-post">
<div class="art-box-body art-post-body">
<div class="art-post-inner art-article"><div class="menu_content"></div><p>Website ini kami kembangkan, sebagai upaya sekolah untuk membuka jalur-jalur komunikasi, selain memakai alat komunikasi konvensional, sekaligus sebagai tuntutan stake holders pendidikan. Website yang kami adalah salah satu bagian dari pengembangan program ICT (Information and communication technology) yang menyeluruh. Pada era Global kemampuan ICT menjadi salah satu tolok ukur sekolah berkualitas. Menghadapi persaingan global, SMK 1 SerbaBebas sebagai organisasi belajar (Organization Development) siap melakukan perubahan-perubahan menuju sekolah yang lebih berkualitas. Sebagai wujud perubahan, pada tahun pelajaran 2015/2016 SMK 1 SerbaBebas membuka sekolah nasional bertaraf internasional (SNBI). SNBI merupakan program lintas organisasi yang tujuan utamanya adalah menyiapkan peserta didik agar mampu bersaing di arena global. (Selanjutnya lihat pada kolom SNBI) Diharapkan dengan SNBI peningkatan kualitas secara segnifikan dapat dipantau selama kurun waktu lima tahun mendatang.
Website ini akan memberi gambaran sekilas tentang program-program dalam upaya ,meningkatkan kualitas pendidikan (salah satunya SNBI), kegiatan-kegiatan sekolah, informasi-informasi terkini di SMK 1 SerbaBebas, dan reportase kegiatan selama kurun waktu tertentu. Kami menyadari bahwa website ini masih jauh dari sempurna, untuk itu kami sangat menerima saran dan kritik membangun guna menuju kesempurnaan website ini. </p>
<div class="art-postheadericons art-metadata-icons">
</div>
<div class="art-postcontent">
</div>
<div class="cleared"></div>
<div class="art-postfootericons art-metadata-icons">
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
<div class="art-layout-cell art-sidebar2">
<div class="art-box art-block">
<div class="art-box-body art-block-body">
<div class="art-bar art-blockheader">
<h3 class="t">Login</h3>
</div>
<div class="art-box art-blockcontent">
<div class="art-box-body art-blockcontent-body">
<form action="#" method="post" name="login" id="form-login">
<fieldset class="input" style="border: 0 none;">
<p id="form-login-username">
<label for="modlgn_username">Username</label>
<br />
<input id="modlgn_username" type="text" name="username" class="inputbox" alt="username" size="18" />
</p>
<p id="form-login-password">
<label for="modlgn_passwd">Password</label>
<br />
<input id="modlgn_passwd" type="password" name="passwd" class="inputbox" size="18" alt="password" />
</p>
<span class="art-button-wrapper">
<span class="art-button-l"> </span>
<span class="art-button-r"> </span>
<input type="submit" name="Submit" class="art-button" value="Login" />
</span>
</fieldset>
</form>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="art-box art-block">
<div class="art-box-body art-block-body">
<div class="art-bar art-blockheader">
<h3 class="t">Kesiswaan</h3>
</div>
<div class="art-box art-blockcontent">
<div class="art-box-body art-blockcontent-body">
<ul>
<li><a href="./?pages=datasiswa">Data Siswa</a></li>
</ul>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
</div>
</div>
</div>
<div class="cleared"></div>
<div class="art-footer">
<div class="art-footer-body">
<a href="#" class="art-rss-tag-icon" title="RSS"></a>
<div class="art-footer-text">
<p>Copyright © 2015 SerbaBebas. All rights reserved.</p>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
</div>
<div class="cleared"></div>
<p class="art-page-footer"><a href="#" target="_blank"> </a> </p>
<div class="cleared"></div>
</body>
</html>