This repository has been archived by the owner on Sep 25, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtransport.html
128 lines (122 loc) · 5.96 KB
/
transport.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bendigo Tours | Bookings</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="images/logo-icon.png"/>
<link rel="stylesheet" type="text/css" href="css/main_styles.css">
<link rel="stylesheet" type="text/css" href="css/services-tiles.css">
<style>
.current {
color: #e94e1b;
font-size: 1.2em;
}
</style>
</head>
<body>
<div class="container" id="top">
<div class="top-wrapper" >
<header>
<div class="buffer"></div>
<div class="buffer"></div>
<div id="logo-wrapper"><a href="index.html" target="_self"><img id="logo" src="images/generic-logo.png" alt="Logo"></a></div>
<div><a href="facebook.html" target="_blank"><img class="icon" src="images/facebook.png" alt="Facebook"></a></div>
<div>
<a href="instagram.html" target="_blank"><img class="icon" src="images/instagram.png" alt="Instagram"></a>
<svg onclick="menuButton()" width="5em" height="3em">
<rect x="2.5em" y=".25em" rx="6px" ry="6px" width="2em" height=".3em"></rect>
<rect x="2.5em" y=".75em" rx="6px" ry="6px" width="2em" height=".3em"></rect>
<rect x="2.5em" y="1.25em" rx="6px" ry="6px" width="2em" height=".3em"></rect>
</svg>
</div>
</header>
<hr class="sexy-line"/>
<nav id="menu">
<ul> <!--This is hidden on phone screen-->
<li><a href="index.html" target="_self">Home</a></li>
<li><a href="about.html" target="_self">About Us</a></li>
<li><a class="current" href="services.html" target="_self">Services</a></li>
<li><a href="bookings.html" target="_self">Bookings</a></li>
<li><a href="contact.html" target="_blank">Contact Us</a></li>
</ul>
</nav>
</div>
<main>
<div class="buttons-1">
<div class="back-button">
<span class="back-arrow"></span><!--
--><a href="services.html" target="_self">back</a>
</div>
<a class="button" href="bookings.html" target="_self">Book</a>
</div>
<div class="transwelcome">
<h2>Travel in style with Bendigo Tours and Travel</h2>
<p>With a wide range of transport vehicles for hire, you can't go wrong in choosing the car that suits your needs.</p>
<p>Need a small sedan for a busy city drive? Or a mid-sized wagon for a family trip? We also have and vans for any of your adventures which may require heavy load.</p>
<p>We are continously upgrading our fleet to serve you better. Visit us to see our full range of vehicles. Book now and be amazed of our latest model of cars!</p>
<img id="fleet" src="images/transport/fleet.jpg" alt="Fleet">
</div>
<div class="sedan">
<p><h2>Small Cars</h2></p>
<p>Our small cars are easy to drive with surprisingly spacious interior with a large boot room. These cars are perfect for short distance or city driving.</p>
<p>4 Seats</p>
<p>4 Doors</p>
<p>Petrol</p>
<p>Automatic Tranmission</p>
<img id="almera" src="images/transport/almera.png" alt="Almera">
</div>
<div class="wagon">
<p><h2>Mid-Sized Cars</h2></p>
<p>Our wagons offer the best comfort of driving long and tough distances. These cars are perfect for families planning a trip. Not only equipped with sporty suspension and braking systems but also totally compatible for child-seats or sports equipment.</p>
<p>5 Seats</p>
<p>5 Doors</p>
<p>Petrol</p>
<p>Automatic Tranmission</p>
<img id="tucson" src="images/transport/hyundai.png" alt="Hyundai">
</div>
<div class="van">
<p><h2>Large Cars</h2></p>
<p>Our vans offer the best all around utility vehicle. Perfect for large groups or loading with heavy equipment. Our vans are installed with power steering and parking sensor features making your drive experience feel like driving a small car.</p>
<p>10 Seats</p>
<p>5 Doors</p>
<p>Diesel</p>
<p>Manual Tranmission</p>
<img id="hiace" src="images/transport/hiace.jpg" alt="HiAce">
</div>
<div class="buttons-2">
<div class="back-button">
<span class="back-arrow"></span><!--
--><a href="services.html" target="_self">back</a>
</div>
<a class="button" href="bookings.html" target="_self">Book</a>
</div>
</main>
<!--THIS IS THE BODY, PUT THE CONTENT HERE., any CSS to the body should be done in an
internal stylesheet to avoid bugs lol.-->
<footer>
<ul class="content"> <!--This is hidden on phone-->
<li style="font-weight: 500; font-size: 1.5em; text-transform: uppercase">Site Map</li>
<li><a href="index.html" target="_self">Home</a></li>
<li><a href="about.html" target="_self">About Us</a></li>
<li><a href="services.html" target="_self">Services</a></li>
<li><a href="bookings.html" target="_self">Bookings</a></li>
<li><a href="contact.html" target="_self">Contact Us</a></li>
<li><a href="transaction.html" target="_self">Transaction</a></li>
<li><a href="success.html" target="_self">Success</a></li>
<li><a href="camp.html" target="_self">Camping</a></li>
<li><a href="flight.html" target="_self">Flights</a></li>
<li><a href="guide.html" target="_self">Tour Guides</a></li>
<li><a href="hotel.html" target="_self">Hotels</a><li><a href="transport.html" target="_self">Transports</a><li><a href="restaurant.html" target="_self">Dining</a>
<li><a href="index.html" target="_self"><img src="images/generic-logo.png" alt="Logo"></a></li>
<li><a href="qualified.html" target="_blank"><img src="./images/w3c.png" alt="W3C"></a></li>
</ul>
<ul id="references">
<li><a href="references.html" target="_blank">References</a></li>
<li style="color: rgba(255, 255, 255, .2)">© Phung Nguyen, Aaron Badilla, Richard Chen</li>
</ul>
</footer>
</div>
<script src="javascript/main_script.js"></script>
</body>
</html>