Skip to content

Commit ab2164c

Browse files
kasunmendis7kasunmendis7
authored
Merge pull request #51 from kasunmendis7/develop
added about us page
2 parents 3d12eba + 95fccab commit ab2164c

File tree

6 files changed

+298
-2
lines changed

6 files changed

+298
-2
lines changed

‎controllers/SiteController.php

+6
Original file line numberDiff line numberDiff line change
@@ -55,4 +55,10 @@ public function homeGeolocationServiceCentres()
5555
return $serviceCenter->serviceCentresGeocoding();
5656

5757
}
58+
59+
public function aboutUs()
60+
{
61+
$this->setLayout('main');
62+
return $this->render('/about-us');
63+
}
5864
}

‎public/assets/technician-dashboard/customer01.jpg

16.1 KB
Loading

‎public/css/home/about-us.css

+186
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,186 @@
1+
/* About Section */
2+
3+
.about {
4+
background: rgb(224, 251, 222);
5+
/*background: linear-gradient(360deg, rgb(245, 255, 245) 0%, rgb(1, 3, 54) 100%);*/
6+
padding: 100px 0 20px 0;
7+
text-align: center;
8+
}
9+
10+
.about h1 {
11+
font-size: 2rem;
12+
margin-bottom: 20px;
13+
}
14+
15+
.about p {
16+
font-size: 0.9rem;
17+
color: #323030;
18+
max-width: 800px;
19+
margin: 0 auto;
20+
}
21+
22+
.about-info {
23+
margin: 2rem 2rem;
24+
display: flex;
25+
align-items: center;
26+
justify-content: center;
27+
text-align: left;
28+
}
29+
30+
.about-img {
31+
width: 20rem;
32+
height: 20rem;
33+
34+
}
35+
36+
.about-img img {
37+
width: 100%;
38+
height: 100%;
39+
border-radius: 5px;
40+
object-fit: contain;
41+
}
42+
43+
.about-info p {
44+
font-size: 1.1rem;
45+
margin: 0 2rem;
46+
text-align: justify;
47+
}
48+
49+
.about-button {
50+
border: none;
51+
outline: 0;
52+
padding: 10px;
53+
margin: 2rem;
54+
font-size: 1rem;
55+
color: white;
56+
background-color: #010336;
57+
text-align: center;
58+
cursor: pointer;
59+
width: 15rem;
60+
border-radius: 4px;
61+
}
62+
63+
button:hover {
64+
background-color: #2272b3;
65+
}
66+
67+
/* Team Section */
68+
69+
.team {
70+
padding: 30px 0;
71+
text-align: center;
72+
height: 100%;
73+
}
74+
75+
.team h1 {
76+
font-size: 1.5rem;
77+
color: #0A1223;
78+
margin-bottom: 20px;
79+
}
80+
81+
.team-cards {
82+
display: flex;
83+
flex-wrap: wrap;
84+
justify-content: center;
85+
gap: 15px;
86+
margin-top: 20px;
87+
}
88+
89+
.card {
90+
background-color: white;
91+
border-radius: 6px;
92+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
93+
overflow: hidden;
94+
transition: transform 0.2s, box-shadow 0.2s;
95+
width: 18rem;
96+
height: 22rem;
97+
margin-top: 10px;
98+
}
99+
100+
.card:hover {
101+
transform: translateY(-5px);
102+
box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
103+
}
104+
105+
.card-img {
106+
width: 18rem;
107+
height: 16rem;
108+
}
109+
110+
.card-img img {
111+
width: 100%;
112+
height: 100%;
113+
object-fit: cover;
114+
background-position: center;
115+
}
116+
117+
.card-info button {
118+
margin: 2rem 1rem;
119+
}
120+
121+
.card-name {
122+
font-size: 1rem;
123+
margin: 10px 0;
124+
}
125+
126+
.card-role {
127+
font-size: 1rem;
128+
color: #888;
129+
margin: 5px 0;
130+
}
131+
132+
.card-email {
133+
font-size: 1rem;
134+
color: #555;
135+
}
136+
137+
@media (max-width: 768px) {
138+
nav {
139+
display: block;
140+
}
141+
142+
.logo {
143+
text-align: center;
144+
}
145+
146+
.nav-links {
147+
margin-top: 1rem;
148+
justify-content: space-between;
149+
}
150+
151+
.nav-links li {
152+
margin-right: 0;
153+
}
154+
155+
.about h1 {
156+
font-size: 2rem;
157+
}
158+
159+
.about p {
160+
font-size: 0.9rem;
161+
}
162+
163+
.about-info {
164+
flex-direction: column;
165+
text-align: center;
166+
}
167+
168+
.about-img {
169+
width: 60%;
170+
height: 60%;
171+
margin-bottom: 1rem;
172+
}
173+
174+
.about-info p {
175+
margin: 1rem 2rem;
176+
}
177+
178+
.about-info button {
179+
margin: 1rem 2rem;
180+
width: 10rem;
181+
}
182+
183+
.team {
184+
margin: 0 1rem;
185+
}
186+
}

‎public/index.php

+1
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,7 @@
4141
$app->router->get('/home-map', [SiteController::class, 'homeMap']);
4242
$app->router->get('/home-geolocation-technicians', [SiteController::class, 'homeGeolocationTechnicians']);
4343
$app->router->get('/home-geolocation-service-centres', [SiteController::class, 'homeGeolocationServiceCentres']);
44+
$app->router->get('/about-us', [SiteController::class, 'aboutUs']);
4445

4546
/* Technician Routes */
4647
$app->router->get('/technician-landing', [TechnicianController::class, 'technicianLanding']);

‎views/about-us.php

+102
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport"
7+
content="width=device-width, initial-scale=1.0">
8+
<link rel="stylesheet"
9+
href="/css/home/about-us.css">
10+
<title>About Us</title>
11+
</head>
12+
13+
<body>
14+
15+
<section class="about">
16+
<h1>About Us</h1>
17+
<p style="font-weight: bold">
18+
FixMe is a automobile technician and service center finder platform...
19+
</p>
20+
<div class="about-info">
21+
<div class="about-img">
22+
<img src=
23+
"/assets/logo/fixme-logo.png" alt="Fix Me">
24+
</div>
25+
<div>
26+
<p>FixMe is a dedicated platform that connects vehicle owners with reliable automobile technicians and
27+
service centers for all their maintenance and repair needs. It provides a seamless way to locate trusted
28+
professionals, compare services, and book appointments, ensuring hassle-free car care. With a strong
29+
focus on quality and customer satisfaction, FixMe has become a trusted destination for automobile
30+
enthusiasts and daily commuters alike, empowering them with tools to maintain their vehicles
31+
efficiently. The platform caters to millions of users, simplifying the process of finding expert
32+
assistance while saving time and effort.
33+
</p>
34+
<button class="about-button">Read More...</button>
35+
</div>
36+
</div>
37+
</section>
38+
39+
<section class="team">
40+
<h1>Meet Our Team</h1>
41+
<div class="team-cards">
42+
43+
<!-- Cards here -->
44+
<!-- Card 1 -->
45+
46+
<div class="card">
47+
<div class="card-img">
48+
<img src=
49+
"/assets/technician-dashboard/customer02.jpg" alt="User 1">
50+
</div>
51+
<div class="card-info">
52+
<h2 class="card-name">Kasun Mendis</h2>
53+
<p class="card-role">Co-Founder</p>
54+
<p class="card-email">[email protected]</p>
55+
</div>
56+
</div>
57+
58+
<!-- Card 2 -->
59+
60+
<div class="card">
61+
<div class="card-img">
62+
<img src=
63+
"/assets/technician-dashboard/customer04.jpg" alt="User 2">
64+
</div>
65+
<div class="card-info">
66+
<h2 class="card-name">Sheane Mario</h2>
67+
<p class="card-role">Co-Founder</p>
68+
<p class="card-email">[email protected]</p>
69+
</div>
70+
</div>
71+
72+
<!-- Card 3 -->
73+
74+
<div class="card">
75+
<div class="card-img">
76+
<img src=
77+
"/assets/technician-dashboard/customer01.jpg" alt="User 3">
78+
</div>
79+
<div class="card-info">
80+
<h2 class="card-name">Pulasthi Abhishek</h2>
81+
<p class="card-role">Manager</p>
82+
<p class="card-email">[email protected]</p>
83+
</div>
84+
</div>
85+
86+
<div class="card">
87+
<div class="card-img">
88+
<img src=
89+
"/assets/technician-dashboard/customer03.jpg" alt="User 2">
90+
</div>
91+
<div class="card-info">
92+
<h2 class="card-name">Nimal Rathinarasa</h2>
93+
<p class="card-role">Engineer</p>
94+
<p class="card-email">[email protected]</p>
95+
</div>
96+
</div>
97+
</div>
98+
</section>
99+
100+
</body>
101+
102+
</html>

‎views/layouts/main.php

+3-2
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@
4343
<li><a href="/home-map" class="nav-link px-2">Map</a></li>
4444
<li><a href="/market-place-home" class="nav-link px-2">Marketplace</a></li>
4545
<li><a href="#" class="nav-link px-2">FAQs</a></li>
46-
<li><a href="#" class="nav-link px-2">About</a></li>
46+
<li><a href="/about-us" class="nav-link px-2">About</a></li>
4747
</ul>
4848

4949
<?php if (Application::isGuestTechnician() || Application::isGuestCustomer() || Application::isGuestServiceCenter()): ?>
@@ -78,7 +78,8 @@
7878
<div class="col-6 col-md-2 mb-3">
7979
<h5>Company</h5>
8080
<ul class="nav-f flex-column">
81-
<li class="nav-item-f mb-2"><a href="#" class="nav-link-f p-0 text-body-secondary">About Us</a></li>
81+
<li class="nav-item-f mb-2"><a href="/about-us" class="nav-link-f p-0 text-body-secondary">About
82+
Us</a></li>
8283
<li class="nav-item-f mb-2"><a href="#" class="nav-link-f p-0 text-body-secondary">Our Offerings</a>
8384
</li>
8485
</ul>

0 commit comments

Comments
 (0)