MoviesFrontend/individual.html at main · Anitameri/MoviesFrontend · 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
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Pelicula</title>
  <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
<link rel="stylesheet" href="./assets/css/individual.css">
</head>
<body>
    <div>
        <img class= "logo" src="./assets/img/logo videoton morado 1.png" alt="logo">

    </div>

<div class="contenedor-flechas">
    <div class='flechaizquierda'>
        <div role='button' class='retro-btn'>
          <a class='btn'>
            <span class='btn-inner'>
              <span class='content-wrapper'>
                <span class='btn-content'>
                  <span class='btn-content-inner' label='Previous'>
                  </span>
                </span>
              </span>
            </span>
          </a>
        </div>
      </div>

      <div class='flechaderecha'>
        <div role='button' class='retro-btn'>
          <a class='btn'>
            <span class='btn-inner'>
              <span class='content-wrapper'>
                <span class='btn-content'>
                  <span class='btn-content-inner' label='Next'>
                  </span>
                </span>
              </span>
            </span>
          </a>
        </div>
      </div>

    </div>

<div class="todaInfo">
    <div class="wrapper">
        <div class="header-wrap">
          <a href="inicio.html">
            <h1>Rebobina</h1></a>
        </div>
  </div>

<main id="main"></main>
<div class="container">
    <div class="cellphone-container">
        <div class="movie">

          <div class="movie-img"></div>
          <div class="text-movie-cont">
            <div class="mr-grid">
              <div class="col1">
                <h1>Los Goonies</h1>

              </div>
            </div>
            <div class="mr-grid summary-row">
              <div class="col2">
                <h5>SYNOPSIS</h5>
              </div>

            </div>
            <div class="mr-grid">
              <div class="col1">
                <p class="movie-description">Mikey es un niño de trece años que junto con su hermano mayor y sus amigos forman un grupo que se hacen llamar "los Goonies". Un día deciden subir al desván de su casa, donde su padre guarda antigüedades. Allí encuentran el mapa de un tesoro perdido que data del siglo XVII, de la época de los piratas, y deciden salir a buscarlo repletos de espíritu aventurero. </p>
              </div>
            </div>
            <div class="mr-grid actors-row">
              <div class="col1">
                <p class="movie-director">Richard Donner</p>
                <p class="movie-actors">Sean Astin, Corey Feldman, Josh Brolin, Martha Plimpton, Joe Pantoliano,</p>
                <p class="year">1985</p>
              </div>
            </div>

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

<div class="rating">
    <input type="radio" id="star5" name="rating" value="5" /><label for="star5"></label>
    <input type="radio" id="star4" name="rating" value="4" /><label for="star4"></label>
    <input type="radio" id="star3" name="rating" value="3" /><label for="star3"></label>
    <input type="radio" id="star2" name="rating" value="2" /><label for="star2"></label>
    <input type="radio" id="star1" name="rating" value="1" /><label for="star1"></label>
</div>


    <script src="./assets/javascript/appfichapelicula.js"></script>
    <script src="./assets/javascript/individual.js"></script>

</body>
</html>