Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?php
- defined('BASEPATH') OR exit('No direct script access allowed');
- ?>
- <!doctype html>
- <html lang="en">
- <head>
- <!-- Required meta tags -->
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- Bootstrap CSS -->
- <link rel="stylesheet" href="<?=base_url()?>assets/bootstrap-4.3.1/css/bootstrap.min.css">
- <link rel="stylesheet" media="screen" href="<?=base_url();?>assets/jam_analog/css/main.css"/>
- <style type="text/css">
- .selector-for-some-widget {
- box-sizing: content-box;
- }
- body {
- background: url('<?=base_url();?>assets/image/1.jpg') no-repeat center center fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- }
- .container{
- padding-top: 25px;
- }
- </style>
- <title>JWS</title>
- </head>
- <body>
- <div class="container-fluid">
- <div class="fixed-top">
- <div class="row m-2">
- <div class="col-sm-4 border border-primary">
- <div id="myclock" class="jam-analog"></div>
- <div id="time">17:40:30</div>
- <div id="jam" class="text-danger font-weight-bold">20 Agustus 2020</div>
- </div>
- <div class="col-sm-8 border border-success">
- <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
- <ol class="carousel-indicators">
- <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
- <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
- <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
- <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
- </ol>
- <div class="carousel-inner">
- <div class="carousel-item active">
- <img class="d-block w-100" src="<?=base_url();?>assets/image/k1.jpeg" alt="First slide">
- </div>
- <div class="carousel-item">
- <img class="d-block w-100" src="<?=base_url();?>assets/image/k2.jpeg" alt="Second slide">
- </div>
- <div class="carousel-item">
- <img class="d-block w-100" src="<?=base_url();?>assets/image/k3.jpeg" alt="Third slide">
- </div>
- <div class="carousel-item">
- <img class="d-block w-100" src="<?=base_url();?>assets/image/k4.jpeg" alt="Third slide">
- </div>
- </div>
- <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
- <span class="carousel-control-prev-icon" aria-hidden="true"></span>
- <span class="sr-only">Previous</span>
- </a>
- <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
- <span class="carousel-control-next-icon" aria-hidden="true"></span>
- <span class="sr-only">Next</span>
- </a>
- </div>
- </div>
- </div>
- </div>
- <div class="fixed-bottom" style="padding: 0px 20px 5px 20px;">
- <div class="row">
- <div id="j"></div>
- </div>
- <div class="row">
- <div class="col box text-center text-danger" style="height: 50px">
- <span>
- <marquee behavior="scroll" direction="left">
- <p>Pengumanan hari ini kajian fiqih syafi'i ba'da magrib. Tes menggunakan new line...</p>
- </marquee>
- </span>
- </div>
- </div>
- </div>
- </div>
- </body>
- <script src="<?=base_url()?>assets/js/jquery-2.1.3.min.js"></script>
- <script src="<?=base_url()?>assets/bootstrap-4.3.1/js/bootstrap.min.js"></script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement