ISIS2603-Taller_HTML/index.html at main · panisema2003/ISIS2603-Taller_HTML · 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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="styles.css" />
    <link rel="icon" href="images/logo.png" type="image/png" />
    <title>History of GTR's</title>
  </head>
  <body>
    <div class="container">
      <div class="row">
        <div class="col-7">
          <br />
          <h1>The Nissan GT-R</h1>
          <br />
          <p>
            The GT-R is an sports car from the japanese brand Nissan. It was
            firstly introduced on december 2007 in Japan, July 2008 in USA and
            march 2009 on the rest of the world. However, Nissan introduced this
            GT-R term on their previous car, the Skyline in 1969 with the
            'PGC-10', and from 1996 to 2002 the R33 and R34 Skyline GT-R's where
            created, quite posibly the most iconic GT-R's of them all.
          </p>
          <br />
          <p>
            On this web page, there will be a list showing my favorite GT-R
            models (R33, R34, R35) and some cool photos of each one of them.
          </p>
        </div>
        <div class="col-5">
          <br />
          <img
            src="images/r33_fire.jpg"
            alt="Nissan GTR R33"
            width="547"
            height="364"
          />
        </div>
      </div>
      <hr />
      <div class="row">
        <h2>My favorite GT-R's and some pictures!</h2>
        <div class="col-6">
          <ul class="list-group">
            <li class="list-group-item">
              <b>Skyline-R33</b>
              &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
              <img
                src="images/r33.jpg"
                alt="Nissan GTR R33"
                height="200px"
                width="300px"
              />
            </li>
            <li class="list-group-item">
              <b>Skyline-R34</b>
              &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
              <img
                src="images/r34_day.jpg"
                alt="Nissan GTR R34"
                height="200px"
                width="300px"
              />
            </li>
            <li class="list-group-item">
              <b>GT-R R35</b>
              &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
              &nbsp; &nbsp;
              <img
                src="images/r35.jpg"
                alt="Nissan GTR R35"
                height="200px"
                width="350px"
              />
            </li>
          </ul>
        </div>
        <div class="col-6">
          <br />
          <img
            src="images/gtr_parrilla.jpg"
            alt="GTR"
            height="600px"
            width="650px"
          />
        </div>
      </div>
      <hr />
      <div class="row">
        <div class="col-12">
          <h2>Tell me about one of your favorite cars!</h2>
          <form action="submit">
            <div>
              <label for="name">Name</label>
              <br />
              <input type="text" id="name" />
            </div>
            <div>
              <label for="mail">Mail</label>
              <br />
              <input type="text" id="mail" />
            </div>
            <div>
              <label for="favCar">Favorite car</label>
              <br />
              <input type="text" id="favCar" />
            </div>
            <div>
              <label for="whyFav">Why is it your favorite car?</label>
              <br />
              <textarea name="whyFav" id="whyFav"></textarea>
            </div>
            <div>
              <input type="reset" value="Delete data" />
              <input type="submit" value="Send" />
            </div>
            <br />
          </form>
        </div>
        <hr />
      </div>
    </div>
  </body>
</html>