Film-Festival-Bootstrap/avengers.html at master · Tekcoder/Film-Festival-Bootstrap · 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
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Watch it outside events Co.</title>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
  <div class="bg-info">
<div class="container">
  <div class="row">
      <nav class="navbar navbar-expand-lg navbar-dark">
          <a class="navbar-brand" href="index.html">
              <img src="./Image/logo.png" alt="Site logo" width="40" height="30">
            Watch it outside Boston</a>
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarContent">
              <span class="navbar-toggler-icon"></span>
          </button>
          <div id="navbarContent" class="collapse navbar-collapse">
            <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link" href="index.html">Home</a>
            </li>
            <li class="nav-item active">
              <a class="nav-link" href="./films.html">Featured Films</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./registration.html">Register</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="./news.html">Latest News</a>
      </li>
        </ul>
          </div>
      </nav>
  </div>
</div>
  </div>
  <div class="container">
      <div class="row">
        <div class="col">
          <h1>Avengers: EndGame</h1>
        </div>
      </div>
      <div class="row">
        <div class="col">
          <div class="embed-responsive embed-responsive-16by9">
              <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/cT9mxZUQ2JM" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col">
          <h2>Overview</h2>
          <p>Avengers: Endgame is a 2019 American superhero film based on the Marvel Comics superhero team the Avengers, produced by Marvel Studios and distributed by Walt Disney Studios Motion Pictures. It is the sequel to 2012's The Avengers, 2015's Avengers: Age of Ultron, and 2018's Avengers: Infinity War, and the twenty-second film in the Marvel Cinematic Universe (MCU).</p>
        </div>
      </div>
  </div>
  <div class="bg-info">
    <div class="container">
      <div class="row pt-4 pb-3">
        <div class="col">
          <ul class="list-inline text-center">
            <li class="list-inline-item">
                <a class="nav-link text-white" href="#">Boston’s news website</a>
            </li>
            <li class="list-inline-item">&middot;</li>
            <li class="list-inline-item">
                <a class="nav-link text-white" href="#">Boston Public Garden’s website</a>
            </li>
            <li class="list-inline-item">&middot;</li>
            <li class="list-inline-item">
              <a class="nav-link text-white" href="https://twitter.com">Twitter</a>
          </li>
          <li class="list-inline-item">&middot;</li>
            <li class="list-inline-item">
              <a class="nav-link text-white" href="https://instagram.com">Instagram</a>
          </li>
          <li class="list-inline-item">&middot;</li>
            <li class="list-inline-item">
              <a class="nav-link text-white" href="https://facebook.com">Facebook</a>
          </li>
        </ul>
            </div>
        </div>
      </div>
      </div>

  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>