API tools faq
paste
Advertisement
Liliana797979

movies - js applications - html

Liliana797979
Nov 11th, 2021
788
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 6.54 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>Application 2020</title>
  7.     <link rel="icon" type="image/png" href="../static/favicon.ico">
  8.     <link href="../static/css/site.css" type="text/css" rel="stylesheet">
  9.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
  10.         integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  11.     <script src="/src/app.js" type="module"></script>
  12. </head>
  13.  
  14. <body>
  15.     <div class="container" id="container">
  16.         <nav class="navbar navbar-expand-lg navbar-dark bg-dark ">
  17.             <a id="homeLink" class="navbar-brand text-light" href="#">Movies</a>
  18.             <ul class="navbar-nav ml-auto">
  19.                 <li class="nav-item user">
  20.                     <a id="welcomeMsg" class="nav-link">Welcome, email</a>
  21.                 </li>
  22.                 <li class="nav-item user">
  23.                     <a id="logoutBtn" class="nav-link" href="#">Logout</a>
  24.                 </li>
  25.                 <li class="nav-item guest">
  26.                     <a id="loginLink" class="nav-link" href="#">Login</a>
  27.                 </li>
  28.                 <li class="nav-item guest">
  29.                     <a id="registerLink" class="nav-link" href="#">Register</a>
  30.                 </li>
  31.             </ul>
  32.         </nav>
  33.  
  34.         <main></main>
  35.  
  36.         <footer class="page-footer font-small">
  37.             <div class="footer-copyright text-center py-3">&copy; 2020
  38.                 <a href="#" class="text-dark">JS
  39.                     Applications</a>
  40.             </div>
  41.         </footer>
  42.     </div>
  43.  
  44.     <div id="views">
  45.         <section id="home-page">
  46.             <div class="jumbotron jumbotron-fluid text-light" style="background-color: #343a40;">
  47.                 <img src="https://slicksmovieblog.files.wordpress.com/2014/08/cropped-movie-banner-e1408372575210.jpg"
  48.                     class="img-fluid" alt="Responsive image" style="width: 150%; height: 200px">
  49.                 <h1 class="display-4">Movies</h1>
  50.                 <p class="lead">Unlimited movies, TV shows, and more. Watch anywhere. Cancel anytime.</p>
  51.             </div>
  52.  
  53.             <h1 class="text-center">Movies</h1>
  54.  
  55.             <section id="add-movie-button">
  56.                 <a id="createLink" href="#" class="btn btn-warning ">Add Movie</a>
  57.             </section>
  58.  
  59.             <section id="movie">
  60.                 <div class=" mt-3 ">
  61.                     <div class="row d-flex d-wrap">
  62.  
  63.                         <div class="card-deck d-flex justify-content-center">
  64.                             <!-- Movie catalog -->
  65.                         </div>
  66.                     </div>
  67.                 </div>
  68.             </section>
  69.  
  70.         </section>
  71.  
  72.         <section id="add-movie">
  73.             <form class="text-center border border-light p-5" action="#" method="">
  74.                 <h1>Add Movie</h1>
  75.                 <div class="form-group">
  76.                     <label for="title">Movie Title</label>
  77.                     <input type="text" class="form-control" placeholder="Title" name="title" value="">
  78.                 </div>
  79.                 <div class="form-group">
  80.                     <label for="description">Movie Description</label>
  81.                     <textarea class="form-control" placeholder="Description" name="description"></textarea>
  82.                 </div>
  83.                 <div class="form-group">
  84.                     <label for="imageUrl">Image url</label>
  85.                     <input type="text" class="form-control" placeholder="Image Url" name="imageUrl" value="">
  86.                 </div>
  87.                 <button type="submit" class="btn btn-primary">Submit</button>
  88.             </form>
  89.         </section>
  90.  
  91.         <section id="movie-details">
  92.             <!-- Movie details -->
  93.         </section>
  94.  
  95.         <section id="edit-movie">
  96.             <form class="text-center border border-light p-5" action="#" method="">
  97.                 <h1>Edit Movie</h1>
  98.                 <div class="form-group">
  99.                     <label for="title">Movie Title</label>
  100.                     <input type="text" class="form-control" placeholder="Movie Title" value="" name="title">
  101.                 </div>
  102.                 <div class="form-group">
  103.                     <label for="description">Movie Description</label>
  104.                     <textarea class="form-control" placeholder="Movie Description..." name="description"></textarea>
  105.                 </div>
  106.                 <div class="form-group">
  107.                     <label for="imageUrl">Image url</label>
  108.                     <input type="text" class="form-control" placeholder="Image Url" value="" name="imageUrl">
  109.                 </div>
  110.                 <button type="submit" class="btn btn-primary">Submit</button>
  111.             </form>
  112.         </section>
  113.  
  114.         <section id="form-login">
  115.             <form class="text-center border border-light p-5" action="" method="">
  116.                 <div class="form-group">
  117.                     <label for="email">Email</label>
  118.                     <input type="text" class="form-control" placeholder="Email" name="email" value="">
  119.                 </div>
  120.                 <div class="form-group">
  121.                     <label for="password">Password</label>
  122.                     <input type="password" class="form-control" placeholder="Password" name="password" value="">
  123.                 </div>
  124.  
  125.                 <button type="submit" class="btn btn-primary">Login</button>
  126.             </form>
  127.         </section>
  128.  
  129.         <section id="form-sign-up">
  130.             <form class="text-center border border-light p-5" action="#" method="post">
  131.                 <div class="form-group">
  132.                     <label for="email">Email</label>
  133.                     <input type="text" class="form-control" placeholder="Email" name="email" value="">
  134.                 </div>
  135.                 <div class="form-group">
  136.                     <label for="password">Password</label>
  137.                     <input type="password" class="form-control" placeholder="Password" name="password" value="">
  138.                 </div>
  139.  
  140.                 <div class="form-group">
  141.                     <label for="repeatPassword">Repeat Password</label>
  142.                     <input type="password" class="form-control" placeholder="Repeat-Password" name="repeatPassword"
  143.                         value="">
  144.                 </div>
  145.  
  146.                 <button type="submit" class="btn btn-primary">Register</button>
  147.             </form>
  148.         </section>
  149.  
  150.     </div>
  151. </body>
  152.  
  153. </html>
  154. @Liliana797979
  155.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!