-
Notifications
You must be signed in to change notification settings - Fork 0
/
solutions.html
146 lines (137 loc) · 5.54 KB
/
solutions.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
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html>
<head>
<title>Parking Solutions | uPark</title>
<link rel="stylesheet" href="styles/styles_1.css">
<link rel="stylesheet" href="styles/nav_footer.css">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"crossorigin="anonymous">
</head>
<body>
<nav>
<div class="logo">
<h1><a href="index.html"> uPark </a></h1>
</div>
<ul>
<!-- navigation bar -->
<li><a href="solution.html" class="active">Parking Solutions</a></li>
<li><a href="contact.php">Get in touch</a></li>
<li><a href="index.html">Home</a></li>
</ul>
</nav>
<div class="image1"><!--head!-->
<img src="images/img2.jpg" alt ="solutions" align="right" style="height: 67%; width:37% ">
</div>
<div class="head1">
<h1>Award-winning parking <br> solutions </h1>
<br>
<hr style="width:15%;text-align:left;margin-left:0; border-color:#00cc44;">
<br>
<h5>We include a choice of options to help you make ,<br>the most out of your car park if you want customers,<br>to book spots in advance or simply appear and pay.</h5>
<br>
<!--button!-->
<div class="text-box1">
<a href="contact.php" class="btn btn-white btn-animate"> Get in touch</a>
</div>
</div>
<br><br><br><br><br><br><br><br>
<!--Description!-->
<div class="details1">
<center>
<h3>MAKING PARKING EASY</h3>
<br>
<h1>Industry leading solutions for every sector</h1>
<br>
<h2>More and more people are looking for safe, convenient ways to pay for services – and that includes<br>
parking. Yet, many car parks and operators still use outdated systems and can’t meet the modern-day<br>
demands of drivers.<br>
<br>
We design each of our solutions with both our clients and drivers in mind - whether it’s pre-book<br>
parking, cashless payments or a combination of both. Our parking technology is award-winning, quick <br>
and easy to implement and often requires minimal input or upfront costs from you.<br></h2>
</div>
<br><br><br>
<!--Benefits part!-->
<div class="benefits1">
<center>
<h3>BENEFITS<h3>
<h1>Why it works for clients and drivers</h1>
<div class="menu1">
<div class="btn-box1">
<button class="button button1" id="btn1" onclick="open1()">Pre-book parking</button>
<button class="button button2" id="btn2" onclick="open2()">Cashless payments</button>
<hr style="width:100%">
</div>
<br>
<!--Card!-->
<center>
<section id="section1" class="container">
<div class="card">
<img src="images/cal.png" style="width:130px;height:120px;">
<p>Drivers reserve and pay for<br> parking in advance</p>
</div>
<div class="card">
<img src="images/car.png" style="width:110px;height:120px;">
<p>Optimise underused spaces in<br> your car park</p>
</div>
<div class="card">
<img src="images/skills.png" style="width:110px;height:120px;">
<p>Opt for a GSM pin pad to ensure<br> secure entry</p>
</div>
<div class="card">
<img src="images/chart1.png" style="width:200px;height:120px;">
<p>Have full visibility of your car <br>park use</p>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="about_us">
<h2> About Us </h2>
<p> uPark was founded with the goal of answering any parking query, wherever in
the globe. uPark has evolved to become the world's largest parking service provider, with
millions of drivers and organizations using the services. uPark has successfully
built a suite of services for its customers and established a winning presence
throughout the world over the years. </p>
<ul class = "pay">
<li><a href="#"><i class="fa fa-cc-visa" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-cc-mastercard" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-cc-amex" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-cc-paypal" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="first">
<h2> Quick Links </h2>
<ul>
<li><a href="#">How it works</a></li>
<li><a href="contact.php">Get free parking</a></li>
<li><a href="solution.html">Student Discount</a></li>
<li><a href="marketing.html">Marketing and Reservation</a></li>
<li><a href="support.html">Support</a></li>
<li><a href="contact.php">Contact Us</a></li>
<li><a href="#">My Account</a></li>
</ul>
</div>
<div class = "final">
<ul class = "icon">
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
</ul>
<br><br>
<h4> Download the app </h4>
<div class = "apple">
<img src = "images/ios_badge.png" width = "45%" alt = "apple">
</div>
<div class = "android">
<img src = "images/android_badge.png" width = "45%" alt = "android">
</div>
</div>
</div>
</footer>
<div class = "copyright">
<p> © Copyright uPark 2021. All Rights Reserved. </p>
</div>
</body>
</html>