This file will setup Wordpress, MySQL & PHPMyAdmin with a single command. Add the code below to a file called "docker-compose.yaml" and run the command
$ docker-compose up -d
# To Tear Down
$ docker-compose down --volumes
| <div id="container"></div> |
| public function pesaneditor($id,$paket){ | |
| $user= ambilData('users',['id_user'=>$id]); | |
| $data['paket'] = $paket==0?'Standar':'Express'; | |
| $editor= ambilData('editor',['user_id'=>$id]); | |
| $data['editor'] = $editor; | |
| $data['harga'] = $paket==0?$editor->hargabiasa:$editor->hargaexpres; | |
| $data['user'] = $user; | |
| $data['cerpen'] = $this->db->query("select * from cerpen where id_penulis = ".$_SESSION['id'])->result(); |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <title>Bootstrap 4 Halaman Pertama</title> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css"> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script> | |
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script> |
| <div class="container"> | |
| <div class="paper"></div> | |
| <div class="paper"></div> | |
| <div class="paper"></div> | |
| <div class="paper"></div> | |
| <div class="paper"></div> | |
| <div class="paper"></div> | |
| <div class="paper"></div> | |
| <div class="paper"></div> | |
| <div class="paper"></div> |
| <div>♬</div> | |
| <!-- animation controls --> | |
| <form> | |
| <p> | |
| <input type="checkbox" id="pauser" checked> | |
| <label for="pauser">Animate</label> | |
| </p> | |
| </form> |
I got this image from here http://placeimg.com/
Demo by Gajendar Singh about using the AOS library accompanying the following article on SitePoint:
Cool on Scroll Animations Made Easy With the AOS Library URL: https://www.sitepoint.com/cool-scroll-animations-made-easy-aos-library