Film-Festival-Bootstrap/frozen.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>FROZEN 2</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/bwzLiQZDw2I" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col">
          <h2>Overview</h2>
          <p>Frozen 2 (stylized as Frozen II) is an upcoming American computer-animated musical fantasy film produced by Walt Disney Animation Studios. The 58th film produced by the studio, it is the sequel to the 2013 film Frozen, and features the return of directors Chris Buck and Jennifer Lee.</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>