| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>iTunes Preview</title>
- <link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css">
- <link rel="stylesheet" href="css/style.css">
- </head>
- <body>
- <div class="container">
- <div class="page-header">
- <h1>iTunes Preview Video</h1>
- <small>Enter the artist or the name of the song to start...</small>
- </div>
- <form id="search" role="search">
- <div class="form-group input-group add-on">
- <input class="form-control" placeholder="Search" name="srch-term" autocomplete="off" id="srch-term" type="text">
- <div class="input-group-btn">
- <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
- </div>
- </div>
- </form>
- <div class="row">
- <div class="col-sm-5">
- <div class="panel panel-primary" id="panel" hidden>
- <div class="panel-heading" id="name">
- </div>
- <div class="panel-body">
- <div class="list-group" id="song-list"></div>
- </div>
- </div>
- </div>
- <div class="col-sm-7">
- <div class="panel panel-info" id="info" hidden>
- <div class="panel-heading" id="short-info"></div>
- <div class="panel-body">
- <video width="600" height="400" controls id="video">
- <source id="video" type="video/mp4">
- </video>
- </div>
- </div>
- </div>
-
- </div>
- </div>
- <script src="lib/jquery/dist/jquery.min.js"></script>
- <script src="lib/bootstrap/js/carousel.js"></script>
- <script src="js/script.js"></script>
- </body>
- </html>
|
