project-lisbon/sight.html at master · dragonslayer77/project-lisbon · 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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Project Lisbon</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <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>
    <meta property="og:url"                content="https://dragonslayer77.github.io/project-lisbon/" />
    <meta property="og:type"               content="website" />
    <meta property="og:title"              content="Lisbon Blog" />
    <meta property="og:description"        content="Most Monumental Locations in Lisbon" />
    <meta property="og:image"              content="lisbontram.jpg" />
</head>
<body>

  <!--  Nav Bar-->
  <nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
      <a class="navbar-brand" href="#"></a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item active">
            <a class="nav-link active" href="sight.html">Sights</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="transport.html">Transport</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="contact.html">Contact Us</a>
          </li>
        </ul>
      </div>
    </nav>

    <div class="container">
        <div class="card text-center bg-dark">
            <div class="pt-5"></div>
            <div class="card text-center bg-dark">
                    <div class="card-body">
                        <h1 class="card-title text-light">Sights</h1>
                        <p class="card-text text-light">Must see locations for your trip to Lisbon</p>
                    </div>
                </div>
        </div>
  <!-- background colour-->
          <div class="p-3 mb-2 bg-light text-dark"></div>

<!-- cards for sights -->
        <div class="card-deck">
          <div class="row">
              <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
                <div class="card">
                  <img src="25april1.jpg" class="card-img-top" alt="https://picsum.photos/200/300/?random">
                  <div class="card-body">
                    <h5 class="card-title">25th of April Bridge</h5>
                    <p class="card-text">The 25 de Abril Bridge is a suspension bridge connecting the city of Lisbon to the municipality of Almada on the south bank of the Tagus river. It was inaugurated on August 6, 1966. It is often compared to the Golden Gate Bridge in San Francisco, US, because they are both suspension bridges of similar color. Until 1974, the bridge was named Salazar Bridge. </p>

                  </div>
                </div>
              </div>
                <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
                  <div class="card">
                    <img src="castle.png" class="card-img-top" alt="https://picsum.photos/200/300/?random">
                    <div class="card-body">
                      <h5 class="card-title">Belém Tower</h5>
                      <p class="card-text">Belém Tower, or the "Tower of St Vincent", is a fortified tower located in the civil parish of Santa Maria de Belém in the municipality of Lisbon, Portugal. It is a UNESCO World Heritage Site because of the significant role it played in the Portuguese maritime discoveries of the era of the Age of Discoveries. </p>

                    </div>
                  </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
                  <div class="card">
                    <img src="tower.jpg" class="card-img-top" alt="https://picsum.photos/200/300/?random">
                    <div class="card-body">
                      <h5 class="card-title">Praça do Comércio</h5>
                      <p class="card-text">The Praça do Comércio is located in the city of Lisbon, Portugal. Situated near the Tagus river, the square is still commonly known as Terreiro do Paço, because it was the location of the Paços da Ribeira until it was destroyed by the great 1755 Lisbon earthquake.</p>

                    </div>
                  </div>
                </div>
              </div>
              <div class="pb-3"></div>
              <div class="row">
                  <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="card">
                        <img src="artandculture.jpg" class="card-img-top" alt="https://picsum.photos/200/300/?random">
                        <div class="card-body">
                          <h5 class="card-title">Museum</h5>
                          <p class="card-text">The Lisbon City Museum was installed in the palace on July 15, 1909, by approval of the Minister of Finances, Tomás António da Guarda Cabreira. Initially installed in City Hall, the museum passed through the Carmo Convent, Mitra Palace, and Galveias Palace until its complete installation in Pimenta Palace in 1979.</p>

                        </div>
                    </div>
                  </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="card">
                            <img src="stairs.jpg" class="card-img-top" alt="https://picsum.photos/200/300/?random">
                            <div class="card-body">
                                  <h5 class="card-title">HISTORY</h5>
                                  <p class="card-text">For a quick over view of Portuguese history visit this site before you start your journey. <a href="https://en.wikipedia.org/wiki/Timeline_of_Portuguese_history">Click Here</a></p>

                            </div>
                    </div>
                  </div>
              </div>
              <div class="pb-3"></div>
              </div>

        </div>
              <div class="footer bg-dark">
                    <!-- Footer -->
                    <footer class="page-footer font-small special-color-dark pt-4">

                    <!-- Footer Elements -->
                    <div class="container">

                    <!--Grid row-->
                    <div class="row">

                    <!--Grid column-->
                    <div class="col-md-6 mb-4">

                    <!-- Form -->
                    <form class="form-inline">
                    <input class="form-control form-control-sm mr-3 w-75" type="text" placeholder="Search" aria-label="Search">
                    <i class="fas fa-search" aria-hidden="true"></i>
                    </form>
                    <!-- Form -->

                    </div>
                    <!--Grid column-->

                    <!--Grid column-->
                    <div class="col-md-6 mb-4">

                    <form class="input-group">
                    <input type="text" class="form-control form-control-sm" placeholder="Your email" aria-label="Your email" aria-describedby="basic-addon2">
                    <div class="input-group-append">
                    <button class="btn btn-sm btn-outline-white my-0" type="button">Sign up</button>
                    </div>
                    </form>

                    </div>
                    <!--Grid column-->

                    </div>
                    <!--Grid row-->

                    </div>
                    <!-- Footer Elements -->

                    <!-- Copyright -->
                <div class="footer-copyright text-center py-3 text-light">© 2019 Copyright:
                    <a href="https://www.wikipedia.org/"> Wikipedia</a>
                    </div>
                    <!-- Copyright -->

                    </footer>
                    <!-- Footer -->
                    </div>

</body>
</html>