Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>My Blog</title>
- <link rel="stylesheet" href="css/bootstrap.css">
- <link rel="stylesheet" href="css/style.css?<?php echo date("YmdHis");?>">
- <style>
- /*.menu >ul>li:hover ul{
- display:block;
- }*/
- </style>
- </head>
- <body>
- <div class="wrap">
- <div class="jumbotron">
- <h1>Welcome to My Blog!!!</h1>
- <button class="btn btn-primary">Music
- <span class="glyphicon glyphicon-music"></span>
- </button>
- </div>
- <div class="menu">
- <ul>
- <li>
- MENU-1
- <ul>
- <li>MENU-1-1</li>
- <li>MENU-1-2</li>
- <li>MENU-1-3</li>
- </ul>
- </li>
- <li>
- MENU-2
- <ul>
- <li>MENU-2-1</li>
- <li>MENU-2-2</li>
- <li>MENU-2-3</li>
- <li>MENU-2-4</li>
- <li>MENU-2-5</li>
- </ul>
- </li>
- <li>
- MENU-3
- <ul>
- <li>MENU-3-1</li>
- <li>MENU-3-2</li>
- </ul>
- </li>
- <li>
- MENU-4
- <ul>
- <li>MENU-4-1</li>
- <li>MENU-4-2</li>
- <li>MENU-4-3</li>
- <li>MENU-4-4</li>
- </ul>
- </li>
- </ul>
- </div>
- <div class="row">
- <div class="col-md-9 col-sm-6 col-xs-12">
- <section class="main">
- <div class="col-md-4">
- <img src="http://lorempixel.com/150/150/city" width="150" height="150" alt="city">
- <h3>City</h3>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
- <p>
- <a href="#!" class="btn btn-default btn-xs">more</a>
- </p>
- </div>
- <div class="col-md-4">
- <img src="http://lorempixel.com/150/150/cats" width="150" height="150" alt="cats">
- <h3>Cats</h3>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
- <p>
- <a href="#!" class="btn btn-default btn-xs">more</a>
- </p>
- </div>
- <div class="col-md-4">
- <img src="http://lorempixel.com/150/150/sports" width="150" height="150" alt="sports">
- <h3>Sports</h3>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
- <p>
- <a href="#!" class="btn btn-default btn-xs">more</a>
- </p>
- </div>
- </section>
- <section id="slider" class="col-md-12">
- <img src="http://lorempixel.com/800/500/animals" alt="animals" width="825" height="515">
- <img src="http://lorempixel.com/800/500/transport" alt="transport" width="825" height="515">
- <img src="http://lorempixel.com/800/500/nightlife" alt="nightlife" width="825" height="515">
- <img src="http://lorempixel.com/800/500/business" alt="business" width="825" height="515">
- <img src="http://lorempixel.com/800/500/technics" alt="technics" width="825" height="515">
- </section>
- <section id="posts">
- <h3>New Blog Posts</h3>
- <table class="table">
- <tr class="active">
- <td>id</td>
- <td>title</td>
- <td>writer</td>
- <td>created_at</td>
- <td>hit</td>
- <td>view</td>
- </tr>
- <?php include("list.php");?>
- <!-- Modal -->
- <div class="modal fade" id="myModal" role="dialog">
- <div class="modal-dialog">
- <!-- Modal content-->
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal">×</button>
- <h4 class="modal-title">Modal Header</h4>
- </div>
- <div class="modal-body">
- <h3><?php echo $row['id'];?></h3>
- <h1 id="view-title"><?php echo $row['title'];?></h1>
- <h2><?php echo $row['writer'];?></h2>
- <h3><?php echo $row['created_at'];?></h3>
- <p><?php echo $row['content'];?></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-default" data-dismiss="modal" action="show.php">Close</button>
- </div>
- </div>
- </div>
- </div>
- <!--termina modal-->
- </table>
- <button class="btn-more btn btn-danger col-md-12"> More... </button>
- </section>
- </div>
- <div class="col-md-3 col-sm-6 col-xs-12">
- <section>
- <form action="">
- <div class="form-group">
- <input type="text" name="username" id="username" placeholder="아이디" required class="form-control">
- </div>
- <div class="form-group">
- <input type="password" name="userpw" id="userpw" placeholder="패스워드" required class="form-control">
- </div>
- <button type="submit" class="btn btn-primary">로그인</button>
- </form>
- </section>
- <section>
- <iframe width="262" height="200" src="https://www.youtube.com/embed/CRkzItBabzs" frameborder="0" allowfullscreen></iframe>
- </section>2
- <section>
- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3166.795664405834!2d126.70754071494488!3d37.46554617981692!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357b7bf6dd0e27b7%3A0x5fea6d7ce3b3c487!2sROYAL!5e0!3m2!1ses!2ses!4v1503456631540" width="262" height="262" frameborder="0" style="border:0" allowfullscreen></iframe>
- </section>
- </div>
- </div>
- </div>
- <script src="js/jquery-3.2.1.min.js"></script>
- <script src="js/bootstrap.min.js"></script>
- <script src="js/app.js?<?php echo date("YmdHis");?>"></script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment