DVD-Rental-System/movie1.html at master · Manukumar1/DVD-Rental-System · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!doctype html>
<html lang="en">
  <head>
    <title>DVD Rental</title>
    <!-- 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="public_html/css/bootstrap.min.css">
	<link rel="stylesheet" href="public_html/css/jumbotron.css">
  </head>
  <body>
    <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
      <a class="navbar-brand" href="#">DVD Rental</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarsExampleDefault">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Link</a>
          </li>
          <li class="nav-item">
            <a class="nav-link disabled" href="#">Disabled</a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="http://example.com" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
            <div class="dropdown-menu" aria-labelledby="dropdown01">
              <a class="dropdown-item" href="#">Action</a>
              <a class="dropdown-item" href="#">Another action</a>
              <a class="dropdown-item" href="#">Something else here</a>
            </div>
          </li>
        </ul>
        <form class="form-inline my-2 my-lg-0">
          <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
          <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
        </form>
      </div>
    </nav>

	<main role="main">
      <div class="album text-muted">
      	<br>
        <div class="container">

		<div class="col-md-10">
		  <div class="card">
		  	<div class="row">
				<div class="col-md-3">
				  <img src="public_html/images/poster1.jpg" style="height:315px">
				</div>

				<div class="col-md-3">
				  <iframe width="560" height="315" src="https://www.youtube.com/embed/F4Afusxc2SM?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
				</div>
				<div class="card-body">
					<h3 class="card-title"><strong>The Hitman's Bodyguard</strong></h3>
					<p class="card-text">The world's top protection agent (Ryan Reynolds) is called upon to guard the life of his mortal enemy, one of the world's most notorious hitmen (Samuel L. Jackson). The relentless bodyguard and manipulative assassin have been on the opposite end of the bullet for years and are thrown together for a wildly outrageous 24 hours. </p>
					<p><strong>Director:</strong> Patrick Hughes<br>
					<!-- <p> --><strong>Stars:</strong> Ryan Reynolds, Samuel L. Jackson, Salma Hayek, Gary Oldman<br>
					<!-- <p> --><strong>Genre:</strong> Action, Comedy</p>
					<center><a href="Payment.html" class="btn btn-primary">CLICK TO PURCHASE/RENT</a><center>

				</div>
			</div>
		  </div>
		</div>

		</div>
	  </div>
	</main>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="public_html/js/jquery-3.2.1.slim.min.js"></script>
    <script src="public_html/js/popper.min.js"></script>
    <script src="public_html/js/bootstrap.min.js"></script>
  </body>
</html>