Contoh Web Smp1

<!
DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" class="background-main no-js">
<head>
<title>SMP NEGERI 1 BALARAJA</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-
scale=1, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow">
<meta name="description" content="
">
<meta name="keywords" content="Selamat datang di website resmi SMP Negeri 1
Balaraja">
<meta name="author" content="Robby Prihandaya">
<meta http-equiv="imagetoolbar" content="no">
<meta name="language" content="Indonesia">
<meta name="revisit-after" content="7">
<meta name="webcrawlers" content="all">
<meta name="rating" content="general">
<meta name="spiders" content="all">
<link rel="shortcut icon" href="favicon.png" />

<link rel="alternate" type="application/rss+xml" title="RSS 2.0"
href="rss.xml" />
<link href="view/sarjanakomedicom/framework/addons/camera/css/camera.css"
rel="stylesheet" />
<link href="view/sarjanakomedicom/css/social-icons.css" rel="stylesheet" />
<link href="view/sarjanakomedicom/css/style.css" rel="stylesheet" />
<link href="view/sarjanakomedicom/css/theme-color.css" rel="stylesheet" />
<link href="view/sarjanakomedicom/css/responsive.css" rel="stylesheet" />
<link href="view/sarjanakomedicom/css/firefox.css" rel="stylesheet" />
<script src="view/sarjanakomedicom/framework/js/modernizr.js"></script>
<link href="view/sarjanakomedicom/js/js-image-slider.css" rel="stylesheet"
type="text/css" />
<script src="view/sarjanakomedicom/js/js-image-slider.js"
type="text/javascript"></script>
<link rel="stylesheet"
href="view/sarjanakomedicom/datatables/dataTables.bootstrap.css">
</head>
<body>

<a class="sr-only" href="#content"></a>
<div class="header-background">
<div class="btn-mobile-menu visible-sm visible-xs">
<button type="button" class="menu-btn">
<i class="icon-menu"></i>
<span>Menu</span>
</button>
</div>


<nav class="social-menu navbar">
<h2 class="hidden">Top Navigation</h2>
<div class="container">

<div id="social-menu-navbar-collapse" class="collapse navbar-
collapse">
<ul class="nav navbar-nav navbar-left visible-lg visible-md">
<li class="color-theme"><a href="hubungi-kami.html">Hubungi
Kami <span class="nav-line"></span></a></li><li class="color-theme"><a href="#">
<span class="nav-line"></span></a></li> </ul>
<ul class="nav navbar-nav navbar-right visible-lg visible-md

visible-sm">
<li class="search dropdown">
<div class="mask-background animated
lightSpeedIn"></div>
<a href="#" class="dropdown-toggle" data-
toggle="dropdown"><i class="icon-search"></i></a>
<ul class="dropdown-menu animated fadeInDown">
<li>
<form class="navbar-form navbar-right"
role="search" method="POST" action="hasil-pencarian.html">
<div class="form-group">
<input type="text" name="kata"
class="form-control" placeholder="Search" required="required" />
<button type="submit" class="btn-
search"><i class="icon-search"></i></button>
</div>
</form>
</li>
</ul>
</li>
<li class="social-icons">
<ul class="list-inline clearfix">
<li
class="tooltip_item fb-metro-but-16" data-toggle="tooltip" data-placement="bottom"
title="facebook">
lightSpeedIn" data-animation="lightSpeedIn"></div>
<a
href="https://www.facebook.com/smpn1balaraja/"><i class="zoc-facebook"></i></a>
</li>
<li class="tooltip_item twitter-metro-but-16" data-

toggle="tooltip" data-placement="bottom" title="twitter">
lightSpeedIn" data-animation="lightSpeedIn"></div>
<a href=" https://twitter.com/"><i class="zoc-
twitter"></i></a>
</li>
<li class="tooltip_item googleplus-metro-but-16"

data-toggle="tooltip" data-placement="bottom" title="google+">
<a href=" https://plus.google.com/"><i
class="zoc-gplus"></i></a>
</li>
<li class="tooltip_item youtube-metro-but-16" data-

toggle="tooltip" data-placement="bottom" title="youtube">
<a href=" https://id.linkedin.com/"><i
class="zoc-youtube"></i></a>
</li>
</ul>
</li>
</ul>
</div>
</div>


</nav>
<div style='background:#e3e3e3'>
</div>


<section class="tkr-breaking-news hidden-xs">
<div class="title">
<h3>Breaking News</h3>
</div>
<div id="divBreakingNewsTicker" class="content">
<ul id="js-news" class="js-hidden">
<li><a href='berita-smp-negeri-1-balaraja.html'>
<img src='foto_berita/small_36gbr6.jpg' class='animated
fadeIn' alt='news-1' />SMP Negeri 1 Balaraja</a>
</li><li><a href='berita-upacara-bendera-hari-
senin.html'>
<img src='foto_berita/small_17upacara.jpg'
class='animated fadeIn' alt='news-2' />Upacara Bendera Hari Senin</a>
</li><li><a href='berita-info-penting-smpn-1-
balaraja.html'>
<img src='foto_berita/small_87pengumuman1.jpg'
class='animated fadeIn' alt='news-3' />INFO PENTING SMPN 1 BALARAJA</a>
</li><li><a href='berita-panitia-ppdb---smpn-1-
balaraja.html'>
<img src='foto_berita/small_23POTO PANITIA PPDB.jpg'
class='animated fadeIn' alt='news-4' />PANITIA PPDB SMPN 1 BALARAJA</a>
</li><li><a href='berita-info-pemeberitahuan-
smpn-1-balaraja.html'>
<img src='foto_berita/small_40PEMBRITAHUAN.jpg'
class='animated fadeIn' alt='news-5' />INFO PEMEBERITAHUAN SMPN 1 BALARAJA</a>
</li> </ul>
</div>
</div>
</section>


<section id='camera_wrap_1' class='container camera_wrap
camera_azure_skin'> <div data-thumb='' data-
src='foto_berita/36gbr6.jpg'><div class='camera_caption fadeFromBottom'>
<h2 class='hidden'>Slider Section</h2>
<h3><a href='berita-smp-negeri-1-
balaraja.html'>SMP Negeri 1 Balaraja</a></h3>

</div>
</div><div data-thumb='' data-
src='foto_berita/17upacara.jpg'><div class='camera_caption fadeFromBottom'>
<h3><a href='berita-upacara-bendera-hari-
senin.html'>Upacara Bendera Hari Senin</a></h3>
</div>
src='foto_berita/87pengumuman1.jpg'><div class='camera_caption fadeFromBottom'>
<h3><a href='berita-info-penting-smpn-1-
balaraja.html'>INFO PENTING SMPN 1 BALARAJA</a></h3>
</div>
</div><div data-thumb='' data-src='foto_berita/23POTO
PANITIA PPDB.jpg'><div class='camera_caption fadeFromBottom'>
<h3><a href='berita-panitia-ppdb---smpn-1-
balaraja.html'>PANITIA PPDB SMPN 1 BALARAJA</a></h3>
</div>
src='foto_berita/40PEMBRITAHUAN.jpg'><div class='camera_caption fadeFromBottom'>
<h3><a href='berita-info-pemeberitahuan-smpn-1-
balaraja.html'>INFO PEMEBERITAHUAN SMPN 1 BALARAJA</a></h3>
</div>
</div></section>

<nav class="main-menu navbar visible-lg visible-md" data-sticky-
header="true">
<h2 class="hidden">Main Navigation</h2>
<div class="row">

<div id="main-menu-navbar-collapse"
class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-left">
<li class="color-theme"><a
href="index.php">Home <span class="nav-line"></span></a></li>
<li class="dropdown
color-theme active">
<a href="#"
class="dropdown-toggle" data-toggle="dropdown">Profil </a>
<ul
class="dropdown-menu" data-dropdownanimation="true" data-
animation="fadeInLeft"><li><a href="hal-visi-dan-misi.html">Visi dan
Misi</a></li><li><a href="hal-profil-sekolah.html">Profile Sekolah</a></li><li><a
href="hal-profil-kepala-sekolah.html">Profil Kepala Sekolah</a></li>
</ul>
</li>
<li class="color-
theme"><a href="hal-struktur-organisasi.html">Struk. Organisasi <span class="nav-
line"></span></a></li><li class="color-theme"><a href="semua-album.html">Foto
Kegiatan <span class="nav-line"></span></a></li>
<li class="dropdown
<a href="#"
class="dropdown-toggle" data-toggle="dropdown">EkstraKurikuler </a>
<ul
animation="fadeInLeft"><li><a href="kategori-48-hukum.html">Paskibra</a></li><li><a
href="kategori-61-futsall.html">Futsall</a></li><li><a href="kategori-21-
ekonomi.html">Pencak Silat</a></li><li><a href="kategori-56-
seni.html">Seni</a></li><li><a href="kategori-63-tenis-meja.html">Tenis
Meja</a></li><li><a href="kategori-60-mading.html">MADING</a></li><li><a
href="kategori-59-rohani-islam.html">ROHANI ISLAM (BTQ)</a></li><li><a
href="kategori-58-english-club.html">ENGLISH CLUB</a></li><li><a href="kategori-57-
karate.html">KARATE (BKC)</a></li><li><a href="kategori-62-basket-ball.html">Basket
Ball</a></li><li><a href="kategori-65-degungtari.html">Degung/Tari</a></li>
</ul>
</li>
<li class="dropdown
<a href="#"
class="dropdown-toggle" data-toggle="dropdown">PPDB 2020 </a>
<ul
animation="fadeInLeft"><li><a href="http://smpn1balaraja.sch.id/ppdb/media.php?
module=login">Sudah Punya Akun</a></li><li><a href="hal-info-ppdb.html">Info
PPDB</a></li><li><a
href="http://smpn1balaraja.sch.id/hasilppdb/hasil.php">Pengumuman Hasil
Seleksi</a></li>
</ul>
</li>
<li class="dropdown
<a href="#"
class="dropdown-toggle" data-toggle="dropdown">Kegiatan Belajar/KBM </a>
<ul
animation="fadeInLeft"><li><a href="kategori-66-kegiatan-pendidikan-agama-islam-
pai.html">PAi</a></li><li><a href="kategori-67-kegiatan-belajar-
pkn.html">PKn</a></li><li><a href="kategori-69-kegiatan-belajar-
matematika.html">Matematika</a></li><li><a href="kategori-68-kegiatan-belajar-
ipa.html">IPA</a></li><li><a href="kategori-70-kegiatan-belajar-
ips.html">IPS</a></li><li><a href="kategori-71-kegiatan-belajar-bahasa-
inggris.html">B. INGGRIS</a></li><li><a href="kategori-72-kegiatan-belajar-bahasa-
indonesia.html">B. INDONESIA</a></li><li><a href="kategori-73-kegiatan-belajar-
seni-budaya.html">Seni Budaya</a></li><li><a href="kategori-74-kegiatan-belajar-
pjok.html">PJOK</a></li><li><a href="kategori-75-kegiatan-belajar--
prakarya.html">Prakarya/TIK</a></li><li><a href="#"></a></li><li><a href="kategori-
76-kegiatan-bimbingan-dan-konseling-bp.html">BP</a></li>
</ul>
</li>
</ul>
</div> 

</div>
</div>
</nav>


<nav class="mobile-menu pushy pushy-left animated fadeInLeft">
<h2 class="hidden">Mobile Navigation</h2>
<div class="close-button"><i class="icon-close"></i>Close</div>
<ul class="menu-block">
<li class="color-theme"><a href="index.php">Home <span class="nav-
line"></span></a></li>
<li class="dropdown
<a href="#"
class="dropdown-toggle" data-toggle="dropdown">Profil </a>
<ul
animation="fadeInLeft"><li><a href="hal-visi-dan-misi.html">Visi dan
Misi</a></li><li><a href="hal-profil-sekolah.html">Profile Sekolah</a></li><li><a
href="hal-profil-kepala-sekolah.html">Profil Kepala Sekolah</a></li>
</ul>
</li>
<li class="color-
theme"><a href="hal-struktur-organisasi.html">Struk. Organisasi <span class="nav-
line"></span></a></li><li class="color-theme"><a href="semua-album.html">Foto
Kegiatan <span class="nav-line"></span></a></li>
<li class="dropdown
<a href="#"
class="dropdown-toggle" data-toggle="dropdown">EkstraKurikuler </a>
<ul
animation="fadeInLeft"><li><a href="kategori-48-hukum.html">Paskibra</a></li><li><a
href="kategori-61-futsall.html">Futsall</a></li><li><a href="kategori-21-
ekonomi.html">Pencak Silat</a></li><li><a href="kategori-56-
seni.html">Seni</a></li><li><a href="kategori-63-tenis-meja.html">Tenis
Meja</a></li><li><a href="kategori-60-mading.html">MADING</a></li><li><a
href="kategori-59-rohani-islam.html">ROHANI ISLAM (BTQ)</a></li><li><a
href="kategori-58-english-club.html">ENGLISH CLUB</a></li><li><a href="kategori-57-
karate.html">KARATE (BKC)</a></li><li><a href="kategori-62-basket-ball.html">Basket
Ball</a></li><li><a href="kategori-65-degungtari.html">Degung/Tari</a></li>
</ul>
</li>
<li class="dropdown
<a href="#"
class="dropdown-toggle" data-toggle="dropdown">PPDB 2020 </a>
<ul
animation="fadeInLeft"><li><a href="http://smpn1balaraja.sch.id/ppdb/media.php?
module=login">Sudah Punya Akun</a></li><li><a href="hal-info-ppdb.html">Info
PPDB</a></li><li><a
href="http://smpn1balaraja.sch.id/hasilppdb/hasil.php">Pengumuman Hasil
Seleksi</a></li>
</ul>
</li>
<li class="dropdown
<a href="#"
class="dropdown-toggle" data-toggle="dropdown">Kegiatan Belajar/KBM </a>
<ul
animation="fadeInLeft"><li><a href="kategori-66-kegiatan-pendidikan-agama-islam-
pai.html">PAi</a></li><li><a href="kategori-67-kegiatan-belajar-
pkn.html">PKn</a></li><li><a href="kategori-69-kegiatan-belajar-
matematika.html">Matematika</a></li><li><a href="kategori-68-kegiatan-belajar-
ipa.html">IPA</a></li><li><a href="kategori-70-kegiatan-belajar-
ips.html">IPS</a></li><li><a href="kategori-71-kegiatan-belajar-bahasa-
inggris.html">B. INGGRIS</a></li><li><a href="kategori-72-kegiatan-belajar-bahasa-
indonesia.html">B. INDONESIA</a></li><li><a href="kategori-73-kegiatan-belajar-
seni-budaya.html">Seni Budaya</a></li><li><a href="kategori-74-kegiatan-belajar-
pjok.html">PJOK</a></li><li><a href="kategori-75-kegiatan-belajar--
prakarya.html">Prakarya/TIK</a></li><li><a href="#"></a></li><li><a href="kategori-
76-kegiatan-bimbingan-dan-konseling-bp.html">BP</a></li>
</ul>
</li>
</ul>
</nav>

<div class="site-overlay"></div>
</div>


<div class="container main-site-container" itemscope
itemtype="http://schema.org/CreativeWork">
<div class="row">
<div class="col-md-8">
<section class="cat-widget wdg-cat-horiz-2col-sm clearfix">
<div class='widget-title'>
<span style='color:#000; font-size:16px; font-weight:bold'
class='sub-title'>Pengumuman</span>
<div class='sep-widget'></div>
</div> <div class="related-posts">
<div class='post-item odd-item' data-

showonscroll='true' data-animation='fadeIn'>
<article class='post-box
clearfix'>
<header class='wdg-col-8
sec-title'>
<h5><a
style='color:orange' href='berita-smp-negeri-1-balaraja.html' title='$2[judul]'>SMP
Negeri 1 Balaraja</a></h5>
<div class='meta-
info'>
<span
class='author'><i class='icon-user3'></i><a href='#'>admin</a></span>
<span
class='date'><i class='icon-alarm2'></i>23 Agu 2012</span><hr style='margin:5px'>
<span
style='color:#000'>A. Daftar Ulang siswa SMPN 1 Balaraja dilaksanakan : 1. KELAS 7
TANGGAL 13 S/D 15 JULI 2020 2. KELAS 8 TANGGAL 16 S/D 17 JULI 2020 3. KELAS 9
TANGGAL</span>
</div>
</header>
</article>
</div><div
style='clear:both'><br></div><div class='post-item odd-item' data-
clearfix'>
sec-title'>
<h5><a
style='color:orange' href='berita-info-penting-smpn-1-balaraja.html'
title='$2[judul]'>INFO PENTING SMPN 1 BALARAJA</a></h5>
<div class='meta-
info'>
<span
<span
class='date'><i class='icon-alarm2'></i>24 Jul 2014</span><hr style='margin:5px'>
<span
style='color:#000'>Hal : PERUBAHAN JADWAL PENGAMBILAN BUKU PAKET
Yth. Bapak/Ibu Orang Tua Siswa/Wali Siswa/Wali Kelas
Siswa/i Kelas 8</span>

</div>
</header>
</article>
</div><div
style='clear:both'><br></div><div class='post-item odd-item' data-
clearfix'>
sec-title'>
<h5><a
style='color:orange' href='berita-panitia-ppdb---smpn-1-balaraja.html'
title='$2[judul]'>PANITIA PPDB SMPN 1 BALARAJA</a></h5>
<div class='meta-
info'>
<span
<span
class='date'><i class='icon-alarm2'></i>11 Agu 2014</span><hr style='margin:5px'>
<span
style='color:#000'>PEMEBERITAHUAN
YTH. BAPAK/IBU WALI MURID CALON SISWA SMPN 1 BALARAJA BAGI YANG BELUM MENDAFTAR
ULANG HARI INI RABU, 15 JULI 2020 SAMPAI PUKUL :</span>
</div>
</header>
</article>
</div><div
style='clear:both'><br></div>
</div>
</section>
</div>
class='sub-title'>Selayang Pandang</span>
</div>
<div class='related-posts'>
<div id='testimonials' class='testimonial-wrapper clearfix
flexslider tst'>
<div class='testimonial'>
Di era global dan pesatnya Teknologi
Informasi ini, tidak dipungkiri bahwa keberadaan sebuah website untuk suatu
organisasi. Sarana website ini dapat digunakan sebagai media penyebarluasan
informasi-informasi dari sekolah, yang memang harus diketahui oleh stake holder
secara luas. Disamping itu, website juga dapat menjadi sarana promosi sekolah yang
cukup efektif. Berbagai kegiatan positip sekolah dapat diunggah, disertai gambar-
gambar yang relevan, sehingga masyarakat dapat mengetahui prestasi-prestasi yang
telah berhasil diraih.
Sebagai media pembelajaran, website sekolah dapat memuat blog-blog yang dibuat oleh
guru-guru. Di dalam blog,..</div><br>
<img style='width:80px; margin-right:10px'
class='img-thumbnail pull-left' src='foto_statis/55kepsek.jpg'>
<p><span class='testimonial-details'><b> PARDI,
S.Pd. M.Pd </b><br> Kepala Sekolah</span></p>
<a href='hal--pardi-spd-mpd--kepala-sekolah.html'
class='btn btn-xs btn-warning btn-block'>Selengkapnya </a>
</div>
</div>
</section>
</div>
class='sub-title'>Video Terbaru</span>
</div>
<div class="related-posts">
<div class='col-md-6'><a href=play-176-lingkungan-yang-
asri-smpn-1-balaraja.html title='LINGKUNGAN YANG ASRI SMPN 1
BALARAJA'><b>LINGKUNGAN YANG ASRI SMPN 1 BALARAJA</b></a>
<iframe itemprop='contentURL' class='youtube-
player' type='text/html' width='100%' height='170'
src='https://www.youtube.com/embed/uIuc5dHsa0c' frameborder='0' play='0'
allowfullscreen></iframe>
<p><span class='tanggal01'><span> Senin, 15 Jun
2020</span>
<span class style="color:#EA1C1C;"> |
</span>dilihat: 131 pengunjung</span>
</p></div><div class='col-md-6'><a href=play-
174-pendidikan-karakter.html title='Pendidikan Karakter'><b>Pendidikan
Karakter</b></a>
<iframe itemprop='contentURL' class='youtube-
player' type='text/html' width='100%' height='170'
src='https://www.youtube.com/embed/6xbUhU7gIh0' frameborder='0' play='0'
allowfullscreen></iframe>
<p><span class='tanggal01'><span> Minggu, 07
Jun 2020</span>
<span class style="color:#EA1C1C;"> |
</span>dilihat: 116 pengunjung</span>
</p></div> </div>
<div style='clear:both'></div>
</section>
</div>
class='sub-title'>Lokasi SMP Negeri 1 Balaraja</span>
</div>
<div class="related-posts">
<iframe width='100%'' height='300' frameborder='0'
scrolling='no' marginheight='0' marginwidth='0'
src='https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3966.473608845401!
2d106.45353581449318!3d-6.201079662473244!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!
3m3!1m2!1s0x2e420171c229b249%3A0xf5c4401e9eb5a127!2sSMP%20Negeri%201%20Balaraja!
5e0!3m2!1sid!2sid!4v1591119932010!5m2!1sid!2sid'></iframe><hr
style='margin:5px'><p>Kami memiliki komitmen untuk memberikan layanan terbaik
kepada Anda dan selalu berusaha untuk menyediakan produk dan layanan terbaik yang
Anda butuhkan. Apabila untuk alasan tertentu Anda merasa tidak puas dengan
pelayanan kami, Anda dapat menyampaikan kritik dan saran Anda kepada kami. Kami
akan menidaklanjuti masukan yang Anda berikan dan bila perlu mengambil tindakan
untuk mencegah masalah yang sama terulang kembali.</p>
</div>
</section>
</div> </div>
<section class="col-md-4">
<a href='' target='_blank'><img style='width:100%;'
src='foto_pasangiklan/839324ppdb.jpg' alt='IKlan 3' /></a>
<hr style='margin:5px'><a href='#' target='_blank'><img
style='width:100%;' src='foto_pasangiklan/340420ujianonline.jpg' alt='Ujian Online'
/></a>
<hr style='margin:5px'><a href='#' target='_blank'><img
style='width:100%;' src='foto_pasangiklan/950886RAPORT2.jpg' alt='Raport Siswa'
/></a>
<hr style='margin:5px'> <h2
class="hidden">Sidebar</h2>
<section class="widget wdg-tabs" data-showonscroll="true" data-
animation="fadeIn">
<div class="widget-title clearfix">
<h3 class="hidden">Tabs Widget</h3>
<div class="sep-widget"></div>
</div>
<div class="widget-content paddingZero clearfix">

<ul class="nav nav-tabs">
<li class="active"><a href="#recent" data-
toggle="tab">Berita</a></li>
<li><a href="#popular" data-
toggle="tab">Popular</a></li>
<li><a href="#comments" data-
toggle="tab">Random</a></li>
</ul>


<div class="tab-content">
<aside class="tab-pane animated fadeInDown active"

id="recent">
<h4 class="hidden">Recent Posts - Tab</h4>
<div class="wdg-classic-posts color-theme
clearfix">
<ul class="list-unstyled">
<li class='post-item'>
<article class='post-box clearfix'>
<figure class='wdg-col-4 sec-
image'>
<div class='mask-background
white'></div>
<div class='post-type anim'><i
class='icon-camera2'></i></div>
<div class='post-thumbnail
border-radius-2px'><img src='foto_berita/small_36gbr6.jpg' alt='36gbr6.jpg'
/></a></div>
<a href='#' class='more'></a>
</figure>
<div class='wdg-col-8 sec-title'>
<h5><a href='berita-smp-negeri-1-
balaraja.html' title='SMP Negeri 1 Balaraja'>SMP Negeri 1 Balaraja</a></h5>
<div class='meta-info'>
<span class='date'><i
class='icon-alarm2'></i>23 Agu 2012, 02:49:25 WIB</span>
</div>
</div>
</article>
</li><li class='post-item'>
image'>
white'></div>
border-radius-2px'><img src='foto_berita/small_17upacara.jpg'
alt='17upacara.jpg' /></a></div>
</figure>
<h5><a href='berita-upacara-bendera-
hari-senin.html' title='Upacara Bendera Hari Senin'>Upacara Bendera Hari
Senin</a></h5>
class='icon-alarm2'></i>25 Jan 2013, 00:01:04 WIB</span>
</div>
</div>
</article>
image'>
white'></div>
border-radius-2px'><img src='foto_berita/small_87pengumuman1.jpg'
alt='87pengumuman1.jpg' /></a></div>
</figure>
<h5><a href='berita-info-penting-
smpn-1-balaraja.html' title='INFO PENTING SMPN 1 BALARAJA'>INFO PENTING SMPN 1
BALARAJA</a></h5>
class='icon-alarm2'></i>24 Jul 2014, 09:19:32 WIB</span>
</div>
</div>
</article>
image'>
white'></div>
border-radius-2px'><img src='foto_berita/small_23POTO PANITIA PPDB.jpg' alt='23POTO
PANITIA PPDB.jpg' /></a></div>
</figure>
<h5><a href='berita-panitia-ppdb---
smpn-1-balaraja.html' title='PANITIA PPDB SMPN 1 BALARAJA'>PANITIA PPDB SMPN 1
BALARAJA</a></h5>
</div>
</div>
</article>
image'>
white'></div>
border-radius-2px'><img src='foto_berita/small_40PEMBRITAHUAN.jpg'
alt='40PEMBRITAHUAN.jpg' /></a></div>
</figure>
<h5><a href='berita-info-
pemeberitahuan-smpn-1-balaraja.html' title='INFO PEMEBERITAHUAN SMPN 1
BALARAJA'>INFO PEMEBERITAHUAN SMPN 1 BALARAJA</a></h5>
</div>
</div>
</article>
</li>
</ul>
</div>
</aside>
<aside class="tab-pane animated fadeInDown"

id="popular">
<h4 class="hidden">Popular Posts - Tab</h4>

clearfix">
image'>
white'></div>
border-radius-2px'><img src='foto_berita/small_no-image.jpg' alt='no-image.jpg'
/></a></div>
</figure>
<h5><a href='berita-kegiatan-
belajar-pjok.html' title='Kegiatan Belajar PJOK'>Kegiatan Belajar PJOK</a></h5>
</div>
</div>
</article>
image'>
white'></div>
border-radius-2px'><img src='foto_berita/small_17upacara.jpg'
alt='17upacara.jpg' /></a></div>
</figure>
<h5><a href='berita-upacara-
bendera-hari-senin.html' title='Upacara Bendera Hari Senin'>Upacara Bendera Hari
Senin</a></h5>
class='icon-alarm2'></i>25 Jan 2013, 00:01:04 WIB</span>
</div>
</div>
</article>
image'>
white'></div>
/></a></div>
</figure>
<h5><a href='berita-bos-amazon-
temukan-mesin-apollo-11.html' title='Bos Amazon Temukan Mesin Apollo 11'>Bos Amazon
Temukan Mesin Apollo 11</a></h5>
class='icon-alarm2'></i>19 Nov 2012, 04:51:31 WIB</span>
</div>
</div>
</article>
image'>
white'></div>
/></a></div>
</figure>
<h5><a href='berita-tuntut-thr-
ratusan-pekerja-transjakarta-mogok.html' title='Tuntut THR, Ratusan Pekerja
Transjakarta Mogok'>Tuntut THR, Ratusan Pekerja Transjakarta Mogok</a></h5>
</div>
</div>
</article>
image'>
white'></div>
/></a></div>
</figure>
belajar--seni-budaya.html' title='Kegiatan Belajar Seni Budaya'>Kegiatan Belajar
Seni Budaya</a></h5>
</div>
</div>
</article>
</li>
</ul>
</div>
</aside>
<aside class="tab-pane animated fadeInDown"

id="comments">
<h4 class="hidden">Random - Tab</h4>

clearfix">
image'>
white'></div>
border-radius-2px'><img src='foto_berita/small_23POTO PANITIA PPDB.jpg' alt='23POTO
PANITIA PPDB.jpg' /></a></div>
</figure>
<h5><a href='berita-panitia-ppdb---
smpn-1-balaraja.html' title='PANITIA PPDB SMPN 1 BALARAJA'>PANITIA PPDB SMPN 1
BALARAJA</a></h5>
</div>
</div>
</article>
image'>
white'></div>
/></a></div>
</figure>
<h5><a href='berita-fatima-nabil-
presenter-tv-berjilbab-pertama-di-mesir.html' title='Fatima Nabil, Presenter TV
Berjilbab Pertama di Mesir'>Fatima Nabil, Presenter TV Berjilbab Pertama di
Mesir</a></h5>
class='icon-alarm2'></i>22 Nov 2012, 10:07:13 WIB</span>
</div>
</div>
</article>
image'>
white'></div>
/></a></div>
</figure>
<h5><a href='berita-tyson-
peringatkan-rapper-50-cent.html' title='Tyson Peringatkan "Rapper" 50 Cent'>Tyson
Peringatkan "Rapper" 50 Cent</a></h5>
</div>
</div>
</article>
image'>
white'></div>
/></a></div>
</figure>
<h5><a href='berita-cokelat-hitam-
turunkan-tekanan-darah.html' title='Cokelat Hitam Turunkan Tekanan Darah'>Cokelat
Hitam Turunkan Tekanan Darah</a></h5>
</div>
</div>
</article>
image'>
white'></div>
/></a></div>
</figure>
<h5><a href='berita-usai-china-
indonesia-tuan-rumah-miss-world-2013.html' title='Usai China, Indonesia Tuan Rumah
Miss World 2013'>Usai China, Indonesia Tuan Rumah Miss World 2013</a></h5>
</div>
</div>
</article>
</li>
</ul>
</div>
</aside>
</div>
</div>
</section>
<aside class="widget" data-showonscroll="true" data-

animation="fadeIn">
<h3>No Telpon Penting</h3>
</div>
<div class="widget-content clearfix">

<div class="wdg-review-posts color-theme clearfix">
<table class='table table-condensed'>
<thead>
<tr>
<th>Nama Instansi</th>
<th>No Telpon</th>
</tr>
<tr>
<td>Call Center</td>
<td>081907112238</td>
</tr>
</thead>
</table>
</div>
</div>
</aside> </section>
</div>
<footer class="container footer-container">

<section class="row footer-bottom" data-showonscroll="true" data-
animation="fadeIn">
<h3 class="hidden">Footer Bottom Links</h3>
<ul>
<li><a href="http://desasuradita.id/">SMP Negeri 1
Balaraja.sch.id</a></li>
</ul>
</div>
<p class="pull-right">© Copyright 2021 Web Sekolah, All
Rights Reserved</p>
</div>
</section> </footer>
</div>
<div class="btn-goto-top border-radius-2px">

<i class="icon-arrow-up7"></i>
</div>


<script src="view/sarjanakomedicom/framework/js/jquery-2.0.3.min.js"></script>
<script src="view/sarjanakomedicom/framework/js/jquery-migrate-
1.2.1.min.js"></script>
<script src="view/sarjanakomedicom/framework/js/jquery.easing.1.3.js"></script>
<script
src="view/sarjanakomedicom/framework/bootstrap/js/bootstrap.min.js"></script>

<script
src="view/sarjanakomedicom/datatables/jquery.dataTables.min.js"></script>
<script src="view/sarjanakomedicom/dataTables.bootstrap.min.js"></script>

<script
src="view/sarjanakomedicom/framework/addons/camera/js/camera.min.js"></script>

<script
src="view/sarjanakomedicom/framework/addons/owl/owl.carousel.min.js"></script>

<script src="view/sarjanakomedicom/framework/addons/breaking-news-
ticker/jquery.ticker.js"></script>

<script src="view/sarjanakomedicom/framework/addons/mobile-
menu/pushy.js"></script>

<script src="view/sarjanakomedicom/framework/addons/show-on-
scroll/jquery.appear.js"></script>
<script src="view/sarjanakomedicom/framework/js/serpentsoft-
scripts.js"></script>
<script>
$(function () {
$("#example1").DataTable({
"scrollX": false
});
$('#example2').DataTable({
"paging": true,
"lengthChange": false,
"searching": false,
"ordering": true,
"info": true,
"autoWidth": false,
"scrollX": false
});
});
</script>
<script>
jQuery(function () {
jQuery('#camera_wrap_1').camera({
//thumbnails: false,
//height: '500px',
//loader: 'pie',
//pagination: true,
//time: 7000, //milliseconds between the end of the sliding effect
and the start of the nex one
//transPeriod: 800, //lenght of the sliding effect in milliseconds
//hover: true, //true, false. Puase on state hover. Not
available for mobile devices
//autoAdvance: false, //true, false Auto Play

//mobileAutoAdvance: false, //true, false. Auto-advancing for
mobile devices
//fx: 'random', //'random','simpleFade', 'curtainTopLeft',

'curtainTopRight', 'curtainBottomLeft', 'curtainBottomRight',
//// 'curtainSliceLeft', 'curtainSliceRight',
'blindCurtainTopLeft', 'blindCurtainTopRight', 'blindCurtainBottomLeft',
////'blindCurtainBottomRight', 'blindCurtainSliceBottom',
'blindCurtainSliceTop', 'stampede', 'mosaic', 'mosaicReverse',
////'mosaicRandom', 'mosaicSpiral', 'mosaicSpiralReverse',
'topLeftBottomRight', 'bottomRightTopLeft', 'bottomLeftTopRight',
'bottomLeftTopRight'
////you can also use more than one effect, just separate them with
commas: 'simpleFade, scrollRight, scrollBottom'
alignment: 'center', //topLeft, topCenter, topRight,

centerLeft, center, centerRight, bottomLeft, bottomCenter, bottomRight
autoAdvance: true, //true, false Auto Play
mobileAutoAdvance: true,
barDirection: 'leftToRight', //'leftToRight', 'rightToLeft',
'topToBottom', 'bottomToTop'
barPosition: 'bottom', //'left', 'right', 'top', 'bottom'
cols: 6, //nr of cols
rows: 4, //nr of rows
slicedCols: 12,
slicedRows: 8,
easing: 'easeInOutExpo', //all easings
mobileEasing: '',
fx: 'random', //'random','simpleFade',
'curtainTopLeft', 'curtainTopRight', 'curtainBottomLeft', 'curtainBottomRight',
'curtainSliceLeft', 'curtainSliceRight', 'blindCurtainTopLeft',
'blindCurtainTopRight', 'blindCurtainBottomLeft', 'blindCurtainBottomRight',
'blindCurtainSliceBottom', 'blindCurtainSliceTop', 'stampede', 'mosaic',
'mosaicReverse', 'mosaicRandom', 'mosaicSpiral', 'mosaicSpiralReverse',
'topLeftBottomRight', 'bottomRightTopLeft', 'bottomLeftTopRight',
'bottomLeftTopRight', 'scrollLeft', 'scrollRight', 'scrollHorz', 'scrollBottom',
'scrollTop'
mobileFx: '',
hover: true, //true, false. Puase on state hover. Not available for
mobile devices
navigation: true,
navigationHover: true,
mobileNavHover: true,
pagination: true,
thumbnails: false,
playPause: false,
pauseOnClick: false,
loader: 'pie', //pie, bar, none
loaderColor: '#eeeeee',
loaderBgColor: '#222222',
loaderOpacity: 0.8,
loaderPadding: 2,
pieDiameter: 38,
piePosition: 'rightTop',
portrait: false,
slideOn: 'next', //next, prev, random
time: 7000, //milliseconds between the end of the
sliding effect and the start of the nex one
transPeriod: 1200 //length of the sliding effect in milliseconds
});
//function letitsnow() {
// // https://github.com/daveWid/canvas-snow
// var canvas = document.getElementById("snowfall");
// canvas.width = window.innerWidth;
// canvas.height = window.innerHeight;
// // Now the emitter
// var emitter = Object.create(rectangleEmitter);
// emitter.setCanvas(canvas);
// emitter.setBlastZone(0, -10, canvas.width, 1);
// emitter.particle = snow;
// emitter.runAhead(0);
// emitter.start(60);
//}
//letitsnow();
// Owl
serpentsoft_owlStartCarousel('divCatScrollBox_1', 2, {
//items: 2, //10 items above 1000px browser width
//itemsDesktop: [647, 2], //5 items between 1000px and 901px
//itemsDesktopSmall: [597, 2], // betweem 900px and 601px
itemsCustom: [
[0, 2],
[992, 2],
[765, 2],
[480, 1],
[150, 1],
],
itemsTablet: false, //2 items between 600 and 0

itemsMobile: false, // itemsMobile disabled - inherit from
itemsTablet option
rewindNav: true,
lazyLoad: true,
});
// Reviews Category
serpentsoft_owlStartCarousel('divCatReviews_1', 2, {
itemsCustom: [
[0, 2],
[992, 2],
[765, 2],
[480, 1],
[150, 1],
],

itemsTablet option
rewindNav: true,
lazyLoad: true,
});
// Widget Slides ( divWidgetSlides_1 )

serpentsoft_owlStartCarousel('divWidgetSlides_1', 1, {
itemsCustom: [
[0, 1],
//[992, 1],
//[750, 1],
//[410, 1],
[992, 1],
[765, 1],
[480, 1],
[150, 1],
],

itemsTablet option
rewindNav: true,
lazyLoad: true,
});
});
</script>

</body>
</html>

Contoh Web Smp1

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Contoh Web Smp1

Uploaded by

Copyright:

Available Formats

<!

<link rel="shortcut icon" href="favicon.png" />

<ul class="nav navbar-nav navbar-right visible-lg visible-md

<li class="tooltip_item twitter-metro-but-16" data-

<li class="tooltip_item googleplus-metro-but-16"

<li class="tooltip_item youtube-metro-but-16" data-

</div>

<div class="close-button"><i class="icon-close"></i>Close</div>

<div class='post-item odd-item' data-

Yth. &nbsp;&nbsp;&nbsp;&nbsp; Bapak/Ibu Orang Tua Siswa/Wali Siswa/Wali Kelas

Siswa/i Kelas 8</span>

<div class="widget-content paddingZero clearfix">

<aside class="tab-pane animated fadeInDown active"

<aside class="tab-pane animated fadeInDown"

<div class="wdg-classic-posts color-theme

<aside class="tab-pane animated fadeInDown"

<div class="wdg-classic-posts color-theme

<aside class="widget" data-showonscroll="true" data-

<div class="widget-content clearfix">

<div class="widget-content clearfix">

<div class='post-type anim'><i

<div class='post-thumbnail border-

<div class='wdg-col-8 sec-title'>

<div class='post-type anim'><i

<div class='post-thumbnail border-

<div class='wdg-col-8 sec-title'>

<div class='post-type anim'><i

<div class='post-thumbnail border-

<div class='wdg-col-8 sec-title'>

<aside class="widget" data-showonscroll="true" data-

<div class="widget-content clearfix">

<div class='post-type anim'><i

<div class='post-thumbnail border-

<div class='wdg-col-8 sec-title'>

<div class='post-type anim'><i

<div class='post-thumbnail border-

<div class='wdg-col-8 sec-title'>

<div class='post-type anim'><i

<div class='wdg-col-8 sec-title'>

<aside class="widget" data-showonscroll="true" data-

<div class="widget-content clearfix">

<div class="btn-goto-top border-radius-2px">

//autoAdvance: false, //true, false Auto Play

//fx: 'random', //'random','simpleFade', 'curtainTopLeft',

alignment: 'center', //topLeft, topCenter, topRight,

itemsTablet: false, //2 items between 600 and 0

itemsTablet: false, //2 items between 600 and 0

// Widget Slides ( divWidgetSlides_1 )

itemsTablet: false, //2 items between 600 and 0

You might also like

Yth. Bapak/Ibu Orang Tua Siswa/Wali Siswa/Wali Kelas