IS117Project/pricing.html at master · JoshME23/IS117Project · 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
<!-- DEVELOPER: Joshua Esteves, IS117-001, Fall 2022 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Joshua's Website</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
    <script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
    <link href="css/main.css" rel="stylesheet">
</head>
<body>

<!--Bootstrap navbar -->
<nav class="navbar navbar-expand-lg">
    <div class="container-fluid">
        <a class="navbar-brand" href="index.html">
            <img src="images/ICON.png" alt="Logo" width="30" height="24" class="d-inline-block align-text-top">
            PT Travel
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link active" aria-current="page" href="index.html">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="landmarks.html">Landmarks</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="gallery.html">Gallery</a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        More
                    </a>
                    <ul class="dropdown-menu dropdown-menu-end">
                        <li><a class="dropdown-item" href="pricing.html">Pricing</a></li>
                        <li><a class="dropdown-item" href="contact.html">Contact Me</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>

<!-- Cards -->
<div class="PricingCards">
<div class="row justify-content-sm-center">
<div class="col-sm-4">
    <div class="card" style="width: 20rem;">
        <div class="card-header">
            <h5 class="card-title">Flight Costs</h5>
            <h6 class="card-subtitle mb-2 text-muted">Nonstop flights</h6>
        </div>
        <div class="card-body">
            <p class="card-text">
                <b>[TAP Air]</b> 1 Passenger round trip:
                <br> $638
                <br> <b>[United]</b> 1 Passenger round trip:
                <br> $926
            </p>
            <p> Infants, Children, and Adults all have the same ticket price.</p>
            <p> There are no discounts for purchasing multiple tickets. </p>
        </div>
        <div class="card-footer">
            <a href="https://booking.flytap.com/booking/flights" class="card-link">TAP Flights</a>
            <a href="https://www.expedia.com/" class="card-link">Expedia</a>
        </div>
    </div>
</div>
    <div class="col-sm-4">
        <div class="card" style="width: 20rem;">
            <div class="card-header">
                <h5 class="card-title">Hotel Costs</h5>
                <h6 class="card-subtitle mb-2 text-muted">Cost per night</h6>
            </div>
            <div class="card-body">
                <p class="card-text">
                    <b>[Cheapest]</b>
                    <br> $39
                    <br> <b>[Most Expensive]</b>
                    <br> $995
                    <br> <b> [Expedia Recommendation] </b>
                    <br> $110
                    <p> When looking at accommodation pricing, some locations provide things such as Food and Drink. </p>
                </p>
            </div>
            <div class="card-footer">
                <a href="https://www.expedia.com/" class="card-link align-self-end">Expedia</a>
            </div>
        </div>
    </div>
    <div class="col-sm-4">
        <div class="card" style="width: 20rem;">
            <div class="card-header">
                <h5 class="card-title">Food Costs</h5>
                <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
            </div>
            <div class="card-body">
                <p class="card-text">
                    <b>Cost per day:</b>
                    <br> $32
                    <br> <b>Cost per meal: </b>
                    <br> $13
                    <p> Meals such as breakfast are typically cheaper in Portugal with the other meals taking up more of the daily cost. </p>
                </p>
            </div>
            <div class="card-footer">
                <a href="https://www.budgetyourtrip.com/portugal" class="card-link">Budgetyourtrip</a>
            </div>
        </div>
    </div>
</div>
</div>

<div class="card mx-auto my-4" style="max-width: 70rem;">
    <div class="card-header">
        <h5 class="card-title">Overall Costs</h5>
    </div>
    <div class="row no-gutters">
        <div class="col-md-8">
            <div class="card-body">
                <p class="card-text"> If you decide to travel to Portugal for a week you will spend an average of $233 a day.
                    <br> The more time you spend there, the lower the cost will be as the flight cost will be distributed amongst more days.  </p>
                <p class="card-text"><small class="text-muted">Prices were found on 12/1/2022</small></p>
            </div>
        </div>
    </div>
</div>

<!-- Footer -->
<footer class="footer page-footer font-small ">
    <div class="container">
        <div class="row">
            <span class="text-muted">© Joshua Esteves, 2022. |  Terms Of Use  |  Privacy Statement</span>
        </div>
    </div>
</footer>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
</body>
</html>