-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathU_About.php
138 lines (121 loc) · 6.55 KB
/
U_About.php
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Fuelup-About Us</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Fuel Up" name="keywords">
<meta content="About Us" name="description">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Rubik&display=swap" rel="stylesheet">
<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/tempusdominus/css/tempusdominus-bootstrap-4.min.css" rel="stylesheet" />
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/styles.css" rel="stylesheet">
</head>
<body>
<?php require('M_NavigationBar.php');
/**
* @author Yasiru
* contact me : https://linktr.ee/yasiruchamuditha for more information.
*/?>
<!-- Page Header Start -->
<div class="container-fluid page-header">
<h1 class="display-3 text-uppercase text-white mb-3" style="margin-top: 300px;">About Us</h1>
<div class="d-inline-flex text-white">
<h6 class="text-uppercase m-0"><a class="text-white" href="index.php">Home</a></h6>
<h6 class="text-body m-0 px-3">/</h6>
<h6 class="text-uppercase text-body m-0">About Us</h6>
</div>
</div>
<!-- Page Header end -->
<!-- About Start -->
<div class="container-fluid py-5">
<div class="container pt-5 pb-3">
<h1 class="display-1 text-primary text-center"></h1>
<h1 class="display-4 text-uppercase text-center mb-5">Welcome To <span class="text-primary">Fuelup</span></h1>
<div class="row justify-content-center">
<div class="col-lg-10 text-center">
<img class="w-75 mb-4" src="img/About2.png" alt="">
<p style="color: black;">This Websites helps to Find Fuel Status based on your location.<br>User Can Find Current Fuel Prices in Sri Lanka.<br>User Can Find Fuel Station based on location.<br>User Can create Token For Fuel Avaliablity.</p>
</div>
</div>
<div class="row mt-3">
<div class="col-lg-4 mb-2">
<div class="d-flex align-items-center bg-light p-4 mb-4" style="height: 150px;">
<div class="d-flex align-items-center justify-content-center flex-shrink-0 bg-primary ml-n4 mr-4" style="width: 100px; height: 100px;">
<i class="fa fa-2x fa-headset text-secondary"></i>
</div>
<h4 class="text-uppercase m-0">24/7 Support</h4>
</div>
</div>
<div class="col-lg-4 mb-2">
<div class="d-flex align-items-center bg-secondary p-4 mb-4" style="height: 150px;">
<div class="d-flex align-items-center justify-content-center flex-shrink-0 bg-primary ml-n4 mr-4" style="width: 100px; height: 100px;">
<i class="fa fa-2x fa-car text-secondary"></i>
</div>
<h4 class="text-light text-uppercase m-0">Register Your Vehicle On Fuelup</h4>
</div>
</div>
<div class="col-lg-4 mb-2">
<div class="d-flex align-items-center bg-light p-4 mb-4" style="height: 150px;">
<div class="d-flex align-items-center justify-content-center flex-shrink-0 bg-primary ml-n4 mr-4" style="width: 100px; height: 100px;">
<i class="fa fa-2x fa-map-marker-alt text-secondary"></i>
</div>
<h4 class="text-uppercase m-0">Reserve Your Fuel Token Basesd On Locations</h4>
</div>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Banner Start -->
<div class="container-fluid py-5">
<div class="container py-5">
<div class="row mx-0">
<div class="col-lg-6 px-0">
<div class="px-5 bg-secondary d-flex align-items-center justify-content-between" style="height: 350px;">
<img class="img-fluid flex-shrink-0 ml-n5 w-50 mr-4" src="img/banner-left.png" alt="">
<div class="text-right">
<h3 class="text-uppercase text-light mb-3">Looking for a Fuel?</h3>
<p class="mb-4">Register Your Vehicle and Reserve Your Token to get Fuel</p>
<a class="btn btn-primary py-2 px-4" href="S_Vehicle_Registration.php">Start Now</a>
</div>
</div>
</div>
<div class="col-lg-6 px-0">
<div class="px-5 bg-dark d-flex align-items-center justify-content-between" style="height: 350px;">
<div class="text-left">
<h3 class="text-uppercase text-light mb-3">Looking for a Fuel?</h3>
<p class="mb-4">Register Your Instrument and Reserve Your Token to get Fuel</p>
<a class="btn btn-primary py-2 px-4" href="S_Instrument_Registration.php">Start Now</a>
</div>
<img class="img-fluid flex-shrink-0 mr-n5 w-50 ml-4" src="img/banner-right.png" alt="">
</div>
</div>
</div>
</div>
</div>
<!-- Banner End -->
<?php require('M_Footer.php');?>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/tempusdominus/js/moment.min.js"></script>
<script src="lib/tempusdominus/js/moment-timezone.min.js"></script>
<script src="lib/tempusdominus/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>