-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtravel.html
137 lines (121 loc) · 8.39 KB
/
travel.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cost Of Living Helper || Travel</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nixie+One&family=Parisienne&display=swap" rel="stylesheet">
<link href="styles.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
</head>
<body>
<div class="container-fluid text-center">
<!--Banner-->
<div id="banner" class="row">
<div class="col-3"><img class="w-75" src="./images/CoLlogo.png" alt="cost of living logo"/></div>
<div class="col-6"><h1 id="banner-text" class="display-1 mt-5">Travel</h1></div>
<div class="col-3"><img class="w-75" src="./images/logophone.png" alt="call us logo"/></div>
</div>
<!--Navbar-->
<div class="row">
<nav class="navbar navbar-expand-lg ">
<div class="container-fluid" style="background-color: #dfd8d8">
<!-- <a class="navbar-brand"></a> -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<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="benefits.html">Benefits</a></li>
<li class="nav-item"><a class="nav-link" href="calculator.html">Calculator</a></li>
<li class="nav-item"><a class="nav-link" href="charities.html">Charities</a></li>
<li class="nav-item"><a class="nav-link" href="clothing.html">Clothing</a></li>
<li class="nav-item"><a class="nav-link" href="education.html">Education</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Food
</a>
<ul class="dropdown-menu" style="background-color: #dfd8d8">
<li><a class="dropdown-item dropdown-style" href="buying.html">Buying food</a></li>
<li><a class="dropdown-item dropdown-style" href="making.html">Making food</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="health.html">Health</a></li>
<li class="nav-item"><a class="nav-link" href="kids.html">Kids</a></li>
<li class="nav-item"><a class="nav-link" href="money.html">Make money</a></li>
<li class="nav-item"><a class="nav-link" href="pets.html">Pets</a></li>
<li class="nav-item"><a class="nav-link" href="travel.html">Travel</a></li>
<li class="nav-item"><a class="nav-link" href="utilities.html">Utilities</a></li>
</ul>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit" onClick="searchFunction()">Search</button>
</form>
</div>
</div>
</nav>
</div>
<!--Main body-->
<div class="row pt-5 main-body">
<div class="col-sm-4 col-md-2 main-body">
<img class="img-fluid" src="./images/travel1.png" alt="polaroids of trains" />
</div>
<div class="col-sm-4 col-md-8 main-body">
<p class="main-body fs-4">Did you know that you can get reduced train fares using a <a class=" main-body text-success link-underline-success" href="https://www.railcard.co.uk" target="blank"> rail card</a>? There are rail cards available for all different groups and individuals, from a young person's rail card to a family rail card, you can save up to 1/3 on train fares. Bonus - If you are a tesco customer you can use your clubcard voucers to <a class="main-body text-success link-underline-success" href="https://secure.tesco.com/clubcard/browse/search-results?search=rail%20card" target="blank">purchase a rail card</a>.</p>
</div>
<div class="col-sm-4 col-md-2 main-body"><img class="img-fluid" src="./images/travel2.png" alt="polaroids of cars"/></div>
</div>
<div class="row main-body mt-3">
<div class="col-sm-12 col-md-6 main-body border border-dark">
<p class="main-body fs-4 pt-4">If you're a car user do you know the best ways to drive to conserve fuel?
<ul class="main-body fs-5 text-start">
<li class="main-body">Accelerate and decelerate as smoothly as possible</li>
<li class="main-body">Remove excess weight from your car</li>
<li class="main-body">Use cruise control to maintain a constant speed</li>
<li class="main-body">Make sure you're in the correct gear at all times</li>
<li class="main-body">Ensure your car is serviced and maintained properly</li>
<li class="main-body">Avoid unnecessary idling</li>
<li class="main-body">Only use air conditioning when you need it</li>
<li class="main-body">Don't coast - leave your car in gear when decelerating</li>
<li class="main-body">Reduce drag by removing roofboxes and keeping the windows up</li>
</p>
</div>
<div class="col-sm-12 col-md-6 main-body border border-dark">
<p class="main-body fs-4 pt-4">Tesco clubcard vouchers can also be used to <a class="main-body text-success link-underline-success" href="https://secure.tesco.com/clubcard/vouchers/rac-breakdown-cover/UK-009599.prd" target="blank">purchase breakdown cover</a>, every little helps!
</p>
<p class="main-body fs-4">If you or a member of your household is disabled and receives the highest component on mobility for either DLA or PIP you can sign up to
the <a class="main-body text-success link-underline-success" href="https://www.motability.co.uk" target="blank">motability scheme</a>. Some or all of your DLA/PIP(dependent on car model)mobility allowance can be used to lease a car, it also includes your insurance, servicing, MOT and breakdown cover. This applies even if you have a child who receives it as you can be named as the driver.
</p>
</div>
</div>
<div class="row main-body">
<p class="main-body fs-4 pt-4">
Fuel prices are so high at the moment, luckily there is an amazing app to check the cost of petrol locally to you so you can find the best price.
<a class="main-body" href="https://www.petrolprices.com/" target="blank"><img class="img-fluid m-2 rounded" src="./images/petrol.png" alt="petrol prices logo"/></a>
</p>
</div>
<!--Footer-->
<div id="footer" class="row pt-2 text-center">
<div class="col-sm-5 col-md-4 float-start">
<p>Registered charity number 897564231</p>
<p>© Copyright Cost Of Living Helper <span id="year"></span></p>
</div>
<div class="col-sm-2 col-md-4">
<img src="./images/facebook.png" class="social-media img-fluid" alt="facebook logo"/>
<img src="./images/twitter.png" class="social-media img-fluid" alt="twitter logo"/>
<img src="./images/instagram.png" class="social-media img-fluid" alt="instagram logo"/>
</div>
<div class="col-sm-5 col-md-4 float-end">
<p>Tel: 01223 344 556</p>
<p>Email: [email protected]</p>
</div>
</div>
</div>
<script src="main.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
</body>
</html>