-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
this just sample code i make with bootstrap when high school
- Loading branch information
Showing
100 changed files
with
11,799 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,264 @@ | ||
| <!DOCTYPE HTML> | ||
| <html> | ||
| <head> | ||
| <title>Kementerian Komunikasi dan Informatika</title> | ||
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
| <meta property="fb:admins" content="pdsi.kominfo"> | ||
| <meta property="fb:app_id" content="218916424939937"> | ||
| <meta property="og:title" content="Kementerian Komunikasi dan Informatika"> | ||
| <meta property="og:url" content="http://kominfo.go.id/index.php"> | ||
| <meta property="og:description" content="Website Kementerian Komunikasi dan Informatika"> | ||
| <meta property="og:image" content="http://kominfo.go.id//images/deftimages-half.jpg"> | ||
| <meta name="google-translate-customization" content="bcb235c41a4c450b-b64cc86922dba9fa-gb2161fd18c13e317-22"> | ||
| <meta name="description" content="Kementerian Komunikasi dan Informatika"> | ||
| <meta name="keywords" content="Responsive, kementerian, kominfo, komunikasi, informatika, indonesia"> | ||
| <meta name="author" content="PDSI KOMINFO"> | ||
|
|
||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
|
|
||
| <link rel="icon" type="image/x-icon" href="img/funcicon.png"> | ||
| <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> | ||
| <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css"> | ||
| <link rel="stylesheet" type="text/css" href="css/bootstrap-select.min.css"> | ||
| <link rel="stylesheet" type="text/css" href="css/owl.carousel/owl.carousel.css"> | ||
| <link rel="stylesheet" type="text/css" href="css/owl.carousel/owl.theme.css"> | ||
| <link rel="stylesheet" type="text/css" href="css/owl.carousel/owl.transitions.css"> | ||
| <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"> | ||
| <link rel="stylesheet" type="text/css" href="css/mobile-main-styles.css"> | ||
|
|
||
| <script type="text/javascript" src="plugins/jquery/jquery.min.js"></script> | ||
| <script type="text/javascript" src="plugins/jquery/jquery.price_format.min.js"></script> | ||
| <script type="text/javascript" src="plugins/bootstrap/bootstrap.min.js"></script> | ||
| <script type="text/javascript" src="plugins/bootstrap/bootstrap-select.min.js"></script> | ||
| <script type="text/javascript" src="plugins/newsTicker/newsTicker.js"></script> | ||
| <script type="text/javascript" src="plugins/owl.carousel/owl.carousel.min.js"></script> | ||
| <script type="text/javascript" src="plugins/jquery/jquery.mobile-1.4.5.min.js"></script> | ||
| <script type="text/javascript" src="js/mobile-main-js.js"></script> | ||
| </head> | ||
| <body> | ||
| <div class="to-top"> | ||
| <b class="glyphicon glyphicon-eject"></b> KE ATAS | ||
| </div> | ||
| <div class="container"> | ||
| <div class="mobile-header mobile-container-fluid"> | ||
| <img src="img/funcicon.png" class="brand-mobile"> | ||
| <span class="title">KEMENTERIAN KOMUNIKASI DAN INFORMATIKA</span> | ||
| <span class="title-sl">Menuju Masyarakat Informasi Indonesia</span> | ||
| </div><!-- End OF header --> | ||
| <div class="mobile-search mobile-container-fluid"> | ||
| <form> | ||
| <div class="input-group"> | ||
| <input type="text" class="form-control" placeholder="Pencarian..."> | ||
| <span class="input-group-addon btn-search" id="basic-addon2"><b class="fa fa-search"></b></span> | ||
|
|
||
| <a href="#item-menu1" class="input-group-addon toggle-menu" data-toggle="collapse" aria-expanded="false" aria-controls="item-menu1"><b class="fa fa-bars"></b></a> | ||
| </div> | ||
| </form><!-- End OF form search --> | ||
| <div class="list-group collapse" id="item-menu1"> | ||
| <a href="#" class="list-group-item">Beranda</a> | ||
| <div class="dropdown"> | ||
| <a href="#" class="list-group-item dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true"> | ||
| Berita | ||
| <span class="caret"></span> | ||
| </a> | ||
| <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> | ||
| <li><a href="#">Berita Kementerian</a></li> | ||
| <li class="divider"></li> | ||
| <li><a href="#">Berita Pemerintahan</a></li> | ||
| <li class="divider"></li> | ||
| <li><a href="#">Siaran Pers</a></li> | ||
| <li class="divider"></li> | ||
| <li><a href="#">Sorotan Media</a></li> | ||
| <li class="divider"></li> | ||
| <li><a href="#">Infografis</a></li> | ||
| </ul> | ||
| </div> | ||
| <a href="#" class="list-group-item">Profil</a> | ||
| <a href="#" class="list-group-item">JDIH</a> | ||
| <div class="dropdown"> | ||
| <a href="#" class="list-group-item dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true"> | ||
| Publikasi | ||
| <span class="caret"></span> | ||
| </a> | ||
| <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> | ||
| <li><a href="#">Laporan Keuangan</a></li> | ||
| <li class="divider"></li> | ||
| <li><a href="#">Laporan Tahunan</a></li> | ||
| <li class="divider"></li> | ||
| <li><a href="#">Laporan PIP</a></li> | ||
| </ul> | ||
| </div> | ||
| <a href="#" class="list-group-item">Agenda</a> | ||
| <a href="#" class="list-group-item">Galeri</a> | ||
| <a href="#" class="list-group-item">Streaming</a> | ||
| <a href="#" class="list-group-item">Tautan</a> | ||
| <a href="#" class="list-group-item">Peta Situs</a> | ||
| </div><!-- End OF navbars --> | ||
| </div><!-- End OF Search Form & Navbar --> | ||
|
|
||
| <div class="mobile-ticker mobile-container-fluid"> | ||
| <div id="newsData"></div> | ||
| <ul id="newsList"> | ||
| <li class="news-item"><marquee><a href="#">Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in.1</a></marquee></li> | ||
| <li class="news-item"><marquee><a href="#">Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in.2</a></marquee></li> | ||
| <li class="news-item"><marquee><a href="#">Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in.3</a></marquee></li> | ||
| </ul> | ||
| </div><!-- End OF Ticker --> | ||
|
|
||
| <div class="container-mobile-content mobile-container-fluid"> | ||
| <div id="news-thumb1" class="owl-carousel"> | ||
| <div class="mobile-container-fluid image item"> | ||
| <div class="mobile-container-fluid image"> | ||
| <img src="img/cover/1234.jpg" class="img-responsive"> | ||
| <div class="mobile-container-fluid title-contianer"> | ||
| <a href="#" class="title">PRESS ROOM KEMENTRIAN</a> | ||
| <P class="deskripsi">membuat para membuat para membuat para karyawan bla bla blaa dan blaa blaa blaa blaa lagi...</P> | ||
| </div> | ||
| </div> | ||
| <div class="mobile-container-fluid date-time"> | ||
| Jakarta, 12 April 2015 | ||
| <a href="#" class="read-more">Read More...</a> | ||
| </div> | ||
| </div><!-- End OF item --> | ||
|
|
||
| <div class="mobile-container-fluid image item"> | ||
| <div class="mobile-container-fluid image"> | ||
| <img src="img/cover/1234.jpg" class="img-responsive"> | ||
| <div class="mobile-container-fluid title-contianer"> | ||
| <a href="#" class="title">PRESS ROOM KEMENTRIAN</a> | ||
| <P class="deskripsi">membuat para membuat para membuat para karyawan bla bla blaa dan blaa blaa blaa blaa lagi...</P> | ||
| </div> | ||
| </div> | ||
| <div class="mobile-container-fluid date-time"> | ||
| Jakarta, 12 April 2015 | ||
| <a href="#" class="read-more">Read More...</a> | ||
| </div> | ||
| </div><!-- End OF item --> | ||
| </div><!-- End OF Owl-Carousel --> | ||
|
|
||
| <div class="mobile-container-fluid mobile-main-menu"> | ||
| <div class="item"> | ||
| <a href="#" style="background-color: #2A9CDE;"><b class="fa fa-file-text"></b>Perizinan</a> | ||
| </div> | ||
| <div class="item"> | ||
| <a href="#" style="background-color: #FA8525"><b class="fa fa-bar-chart"></b>Data & Statistik</a> | ||
| </div> | ||
| <div class="item"> | ||
| <a href="#" style="background-color: #ED135B"><b class="fa fa-graduation-cap"></b>Beasiswa</a> | ||
| </div> | ||
| <div class="item"> | ||
| <a href="#" style="background-color: #743CCF"><b class="fa fa-files-o"></b>Sertifikasi</a> | ||
| </div> | ||
| <div class="item"> | ||
| <a href="#" style="background-color: #FA2525"><b class="fa fa-flask"></b>Jurnal & Penelitian</a> | ||
| </div> | ||
| <div class="item"> | ||
| <a href="#" style="background-color: #BF2CBD"><b class="fa fa-question"></b>Pengaduan</a> | ||
| </div> | ||
| </div><!-- End OF Main Menu --> | ||
|
|
||
| <div class="mobile-container-fluid mobile-auth"> | ||
| <div id="news-thumb2" class="mobile-container-fluid owl-carousel"> | ||
| <div class="mobile-container-fluid item"> | ||
| <a href="#" class="title">Pengumuman Peserta Seleksi Calon Anggota KRT-BRTI Periode 2015-2018 Tahap III</a> | ||
| <p class="deskripsi">Peserta seleksi yang telah mengikuti tes asesmen, wajib untuk mengikuti tahap...</p> | ||
| <b class="status"> | ||
| <span>New</span> | ||
| </b> | ||
| </div> | ||
| <div class="mobile-container-fluid item"> | ||
| <a href="#" class="title">Pengumuman Peserta Seleksi Calon Anggota KRT-BRTI Periode 2015-2018 Tahap III</a> | ||
| <p class="deskripsi">Peserta seleksi yang telah mengikuti tes asesmen, wajib untuk mengikuti tahap...</p> | ||
| </div><!-- End OF item --> | ||
| </div><!-- End OF Carousel --> | ||
| </div><!-- End OF Auth --> | ||
|
|
||
| <div class="mobile-container-fluid mobile-agenda"> | ||
| <h3 class="title">Agenda</h3> | ||
| <div class="mobile-container-fluid item"> | ||
| <div class="image"> | ||
| <img src="img/cover/1235.jpg" class="img-responsive"> | ||
| </div> | ||
| <div class="text"> | ||
| <a href="#" class="text-title"> | ||
| Pengumuman Peserta Seleksi Calon Anggota KRT-BRTI Periode 2015-2018 Tahap III | ||
| </a> | ||
| <span class="text-status"> | ||
| <span class="fa fa-user"> Admin</span> | ||
| <span>|</span> | ||
| <span class="fa fa-clock-o"> 12/05/2015</span> | ||
| <span>|</span> | ||
| <span class="fa fa-eye"> 1.200</span> | ||
| </span> | ||
| </div> | ||
| </div><!-- End OF item --> | ||
| <div class="mobile-container-fluid item"> | ||
| <div class="image"> | ||
| <img src="img/cover/1235.jpg" class="img-responsive"> | ||
| </div> | ||
| <div class="text"> | ||
| <a href="#" class="text-title"> | ||
| Pengumuman Peserta Seleksi Calon Anggota KRT-BRTI Periode 2015-2018 Tahap III | ||
| </a> | ||
| <span class="text-status"> | ||
| <span class="fa fa-user"> Admin</span> | ||
| <span>|</span> | ||
| <span class="fa fa-clock-o"> 12/05/2015</span> | ||
| <span>|</span> | ||
| <span class="fa fa-eye"> 1.200</span> | ||
| </span> | ||
| </div> | ||
| </div><!-- End OF item --> | ||
| <div class="mobile-container-fluid item"> | ||
| <div class="image"> | ||
| <img src="img/cover/1235.jpg" class="img-responsive"> | ||
| </div> | ||
| <div class="text"> | ||
| <a href="#" class="text-title"> | ||
| Pengumuman Peserta Seleksi Calon Anggota KRT-BRTI Periode 2015-2018 Tahap III | ||
| </a> | ||
| <span class="text-status"> | ||
| <span class="fa fa-user"> Admin</span> | ||
| <span>|</span> | ||
| <span class="fa fa-clock-o"> 12/05/2015</span> | ||
| <span>|</span> | ||
| <span class="fa fa-eye"> 1.200</span> | ||
| </span> | ||
| </div> | ||
| </div><!-- End OF item --> | ||
| <div class="mobile-container-fluid item"> | ||
| <div class="image"> | ||
| <img src="img/cover/1235.jpg" class="img-responsive"> | ||
| </div> | ||
| <div class="text"> | ||
| <a href="#" class="text-title"> | ||
| Pengumuman Peserta Seleksi Calon Anggota KRT-BRTI Periode 2015-2018 Tahap III | ||
| </a> | ||
| <span class="text-status"> | ||
| <span class="fa fa-user"> Admin</span> | ||
| <span>|</span> | ||
| <span class="fa fa-clock-o"> 12/05/2015</span> | ||
| <span>|</span> | ||
| <span class="fa fa-eye"> 1.200</span> | ||
| </span> | ||
| </div> | ||
| </div><!-- End OF item --> | ||
| </div><!-- End OF Agenda --> | ||
|
|
||
| </div><!-- End OF content --> | ||
|
|
||
| <div class="mobile-container-fluid mobile-footer"> | ||
| <div class="mobile-container-fluid text"> | ||
| <h3 class="title">PUSAT DATA DAN SARANA INFORMATIKA KEMENTERIAN KOMUNIKASI DAN INFORMATIKA</h3> | ||
| <span class="address"><b class="fa fa-globe"></b> Jl. Medan Merdeka Barat No. 9, Jakarta Pusat, 10110</span> | ||
| <span class="address"><b class="fa fa-at"></b> Kontak : kontak.kominfo.go.id</span> | ||
| <span class="address"><b class="fa fa-phone"></b> Telepon : (021) 38433507 - (021) 38433508</span> | ||
| </div> | ||
| <div class="mobile-container-fluid bottom"> | ||
| KEMKOMINFO © 2013 | ||
| </div> | ||
| </div> | ||
| </div><!-- End OF Container --> | ||
|
|
||
| </body> | ||
| </html> |
Oops, something went wrong.