Untitled

<!-- This a comment -->
<html>

<!-- Informtaion the user doesn't see -->

<head>
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css?family=Akronim|Roboto&display=swap" rel="stylesheet">
    <script src="https://kit.fontawesome.com/632b42b0e2.js" crossorigin="anonymous"></script>

    <title>Movie World - A film blog</title>
    <meta name="description" content="A website for movie news and reviews!">
    <meta name="keywords" content="movie, reviews, films, movie reviews">

</head>

<!-- The body contains all the stuff the browser displays -->

<body>

    <div class="top-bar">
        <div class="logo">
            <h1> <i class="fas fa-film"></i> Film World</h1>
        </div>
        <div class="menu">
                <a href="index.html">Home</a> <a href="news.html">News</a> Reviews Contact
        </div>
    </div>

    <!-- Start of movie box -->
    <div class="movie-box">
        <div class="movie-title"><h2> <i class="fas fa-ticket-alt"></i> Jurassic World</h2></div>
        <div class="movie-content">
            <div class="movie-image">
                <img src="jurassicworld.jpg" alt="Jurassic World movie poster">
            </div>
            <div class="movie-description">

                <p>A new theme park, built on the original site of Jurassic Park, creates a
                    genetically modified dinosaur.</p>
                <p>Bad things happen.</p>
                <p>People die.</p>


                <!-- Trailer -->
                <iframe width="560" height="315" src="https://www.youtube.com/embed/RFinNxS5KN4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


                <div class="cast">
                    <ul>
                        <li>Chris Pratt</li>
                        <li>Bryce Dallas Howard</li>
                        <li>Dinosaurs</li>
                    </ul>
                </div>

                <p>
                    <a href="https://www.imdb.com/title/tt0369610/"><i class="fab fa-imdb"></i> Click to view on IMDB</a>
                </p>

                <div class="social-media">
                   <a href="https://www.linkedin.com/in/alimaggs/" target="_blank"> <i class="fab fa-linkedin"></i> </a>
                </div>


            </div>
        </div>
    </div>
    <!-- End of movie box -->

    <!-- Start of movie box -->
    <div class="movie-box">
        <div class="movie-title"><h2>Jurassic World</h2></div>
        <div class="movie-content">
            <div class="movie-image">
                <img src="jurassicworld.jpg" alt="Jurassic World movie poster">
            </div>
            <div class="movie-description">

                <p>A new theme park, built on the original site of Jurassic Park, creates a
                    genetically modified dinosaur.</p>
                <p>Bad things happen.</p>
                <p>People die.</p>
                <p>
                    <a href="https://www.imdb.com/title/tt0369610/">Click to view on IMDB</a>
                </p>

            </div>
        </div>
    </div>
    <!-- End of movie box -->

      <!-- Start of movie box -->
      <div class="movie-box">
        <div class="movie-title"><h2>Jurassic World</h2></div>
        <div class="movie-content">
            <div class="movie-image">
                <img src="jurassicworld.jpg" alt="Jurassic World movie poster">
            </div>
            <div class="movie-description">

                <p>A new theme park, built on the original site of Jurassic Park, creates a
                    genetically modified dinosaur.</p>
                <p>Bad things happen.</p>
                <p>People die.</p>
                <p>
                    <a href="https://www.imdb.com/title/tt0369610/">Click to view on IMDB</a>
                </p>

            </div>
        </div>
    </div>
    <!-- End of movie box -->

      <!-- Start of movie box -->
      <div class="movie-box">
        <div class="movie-title"><h2>Jurassic World</h2></div>
        <div class="movie-content">
            <div class="movie-image">
                <img src="jurassicworld.jpg" alt="Jurassic World movie poster">
            </div>
            <div class="movie-description">

                <p>A new theme park, built on the original site of Jurassic Park, creates a
                    genetically modified dinosaur.</p>
                <p>Bad things happen.</p>
                <p>People die.</p>
                <p>
                    <a href="https://www.imdb.com/title/tt0369610/">Click to view on IMDB</a>
                </p>

            </div>
        </div>
    </div>
    <!-- End of movie box -->


</body>


</html>