Skip to content

Commit ab11b4f

Browse files
baamranebaamrane
committed
last updates
1 parent af57491 commit ab11b4f

File tree

6 files changed

+201
-56
lines changed

6 files changed

+201
-56
lines changed

‎server/djangoproj/urls.py‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,8 @@
2323
path('admin/', admin.site.urls),
2424
path('djangoapp/', include('djangoapp.urls')),
2525
path('', TemplateView.as_view(template_name="Home.html")),
26+
path('about/', TemplateView.as_view(template_name="About.html")),
27+
path('contact/', TemplateView.as_view(template_name="Contact.html")),
2628
path('login/', TemplateView.as_view(template_name="index.html")),
2729
path('dealers/', TemplateView.as_view(template_name="index.html")),
2830
path(

‎server/frontend/static/About.html‎

Lines changed: 102 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -1,68 +1,114 @@
1-
<html>
1+
<!DOCTYPE html>
2+
<html lang="en">
23
<head>
3-
<!-- Link the style sheet here -->
4+
<meta charset="UTF-8">
5+
<title>About Us | Dealerships</title>
6+
7+
<!-- Bootstrap CSS -->
8+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
9+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
10+
11+
<!-- Custom styles -->
12+
<link rel="stylesheet" href="/static/style.css">
413
</head>
5-
<div>
6-
<nav class="navbar navbar-expand-lg navbar-light" style="background-color:darkturquoise; height: 1in;">
7-
<div class="container-fluid">
8-
<h2 style="padding-right: 5%;">Dealerships</h2>
9-
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
10-
<span class="navbar-toggler-icon"></span>
11-
</button>
12-
<div class="collapse navbar-collapse" id="navbarText">
13-
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
14-
<li class="nav-item">
15-
<a class="nav-link" style="font-size: larger;" aria-current="page" href="/">Home</a>
16-
</li>
17-
<li class="nav-item">
18-
<a class="nav-link active" style="font-size: larger;" href="/about">About Us</a>
19-
</li>
20-
<li class="nav-item">
21-
<a class="nav-link" style="font-size: larger;" href="/contact">Contact Us</a>
22-
</li>
23-
</ul>
24-
</div>
14+
15+
<body>
16+
17+
<!-- NAVBAR -->
18+
<nav class="navbar navbar-expand-lg navbar-light" style="background-color: darkturquoise; height: 1in;">
19+
<div class="container-fluid">
20+
<h2 class="me-5">Dealerships</h2>
21+
22+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText">
23+
<span class="navbar-toggler-icon"></span>
24+
</button>
25+
26+
<div class="collapse navbar-collapse" id="navbarText">
27+
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
28+
<li class="nav-item">
29+
<a class="nav-link" style="font-size: larger;" href="/">Home</a>
30+
</li>
31+
<li class="nav-item">
32+
<a class="nav-link active" style="font-size: larger;" href="/about/">About Us</a>
33+
</li>
34+
<li class="nav-item">
35+
<a class="nav-link" style="font-size: larger;" href="/contact/">Contact Us</a>
36+
</li>
37+
</ul>
2538
</div>
26-
</nav>
27-
28-
<div class="card" style="width: 80%;margin: auto; margin-top:5%;">
29-
<div class="banner" name="about-header">
30-
<!-- Insert header information here -->
31-
</div>
32-
<div style="display: flex;flex-direction: row; margin:auto">
33-
<div class="card" style="width: 30%;">
34-
<img class="card-img-top" src="/static/person.png" alt="Card image">
35-
<div class="card-body">
36-
<p class="title">Person1</p>
37-
<p>Person1 Title</p>
38-
<p class="card-text">Some text that explains the person1 in about 2 short sentences</p>
39-
<p>[email protected]</p>
40-
</div>
41-
</div>
39+
</div>
40+
</nav>
4241

43-
<div class="card" style="width: 30%;">
44-
<img class="card-img-top" src="/static/person.png" alt="Card image">
45-
<div class="card-body">
46-
<p class="title">Person2</p>
47-
<p>Person2 Title</p>
48-
<p class="card-text">Some text that explains the person2 in about 2 short sentences</p>
49-
<p>[email protected]</p>
50-
</div>
51-
</div>
42+
<!-- MAIN CARD -->
43+
<div class="card shadow-lg" style="width: 80%; margin: auto; margin-top: 5%; padding: 20px;">
5244

53-
<div class="card" style="width: 30%;">
54-
<img class="card-img-top" src="/static/person.png" alt="Card image">
55-
<div class="card-body">
56-
<p class="title">Person3</p>
57-
<p>Person3 Title</p>
58-
<p class="card-text">Some text that explains the person3 in about 2 short sentences</p>
59-
<p>[email protected]</p>
60-
</div>
45+
<!-- HEADER SECTION -->
46+
<div class="text-center mb-4">
47+
<h1 class="fw-bold">About Our Dealership Platform</h1>
48+
<p class="text-muted fs-5 mt-3">
49+
We help customers discover trusted car dealerships, read real reviews,
50+
and make confident automotive decisions.
51+
</p>
52+
</div>
53+
54+
<!-- DESCRIPTION -->
55+
<div class="mb-5 px-4">
56+
<p class="fs-5">
57+
Our Dealership application is a full-stack platform built using
58+
<strong>Django</strong>, <strong>React</strong>, <strong>Express</strong>,
59+
and <strong>MongoDB</strong>.
60+
</p>
61+
</div>
62+
63+
<!-- TEAM SECTION -->
64+
<h2 class="text-center mb-4">Meet the Team</h2>
65+
66+
<div class="d-flex justify-content-between text-center">
67+
68+
<!-- PERSON 1 -->
69+
<div class="card shadow-sm" style="width: 30%;">
70+
<img class="card-img-top" src="/static/person1.jpg" alt="Team member">
71+
<div class="card-body">
72+
<h5 class="card-title">Baamrane</h5>
73+
<p class="text-muted">Full-Stack Developer</p>
74+
<p class="card-text">
75+
Designed and implemented the Django backend, React frontend,
76+
and cloud deployment architecture.
77+
</p>
78+
<p><strong>Email:</strong> [email protected]</p>
6179
</div>
6280
</div>
81+
82+
<!-- PERSON 2 -->
83+
<div class="card shadow-sm" style="width: 30%;">
84+
<img class="card-img-top" src="/static/person2.webp" alt="Team member">
85+
<div class="card-body">
86+
<h5 class="card-title">API Specialist</h5>
87+
<p class="text-muted">Backend Engineer</p>
88+
<p class="card-text">
89+
Built Express-Mongo microservices for dealerships and reviews,
90+
ensuring secure and scalable APIs.
91+
</p>
92+
<p><strong>Email:</strong> [email protected]</p>
93+
</div>
6394
</div>
95+
96+
<!-- PERSON 3 -->
97+
<div class="card shadow-sm" style="width: 30%;">
98+
<img class="card-img-top" src="/static/person3.jpeg" alt="Team member">
99+
<div class="card-body">
100+
<h5 class="card-title">AI Engineer</h5>
101+
<p class="text-muted">Sentiment Analysis</p>
102+
<p class="card-text">
103+
Developed and deployed the sentiment analyzer microservice
104+
using Flask and NLP techniques.
105+
</p>
106+
<p><strong>Email:</strong> [email protected]</p>
107+
</div>
64108
</div>
65-
109+
110+
</div>
66111
</div>
67112

113+
</body>
68114
</html>

‎server/frontend/static/Contact.html‎

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Contact Us</title>
6+
7+
<!-- Bootstrap CSS -->
8+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
9+
10+
<!-- Custom styles -->
11+
<link rel="stylesheet" href="/static/style.css">
12+
<link rel="stylesheet" href="/static/bootstrap.min.css">
13+
</head>
14+
15+
<body>
16+
17+
<!-- Navbar -->
18+
<nav class="navbar navbar-expand-lg navbar-light" style="background-color:darkturquoise; height: 1in;">
19+
<div class="container-fluid">
20+
<h2 style="padding-right: 5%;">Dealerships</h2>
21+
22+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText">
23+
<span class="navbar-toggler-icon"></span>
24+
</button>
25+
26+
<div class="collapse navbar-collapse" id="navbarText">
27+
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
28+
<li class="nav-item">
29+
<a class="nav-link" style="font-size: larger;" href="/">Home</a>
30+
</li>
31+
<li class="nav-item">
32+
<a class="nav-link" style="font-size: larger;" href="/about">About Us</a>
33+
</li>
34+
<li class="nav-item">
35+
<a class="nav-link active" style="font-size: larger;" href="/contact">Contact Us</a>
36+
</li>
37+
</ul>
38+
</div>
39+
</div>
40+
</nav>
41+
42+
<!-- Contact Card -->
43+
<div class="card" style="width: 80%; margin: auto; margin-top:5%;">
44+
45+
<!-- Header Banner -->
46+
<div class="banner text-center p-4" style="background-color:#f2f2f2;">
47+
<h1>Contact Us</h1>
48+
<p class="text-muted">We’d love to hear from you</p>
49+
</div>
50+
51+
<!-- Content -->
52+
<div class="card-body">
53+
<div class="row">
54+
55+
<!-- Contact Info -->
56+
<div class="col-md-6">
57+
<h4>Get in Touch</h4>
58+
<p>If you have questions about our dealerships, services, or reviews, feel free to reach out.</p>
59+
60+
<p><strong>Email:</strong> [email protected]</p>
61+
<p><strong>Phone:</strong> +1 (555) 123-4567</p>
62+
<p><strong>Address:</strong> 123 Auto Lane, Houston, TX</p>
63+
</div>
64+
65+
<!-- Contact Form -->
66+
<div class="col-md-6">
67+
<h4>Send Us a Message</h4>
68+
69+
<form>
70+
<div class="mb-3">
71+
<label class="form-label">Your Name</label>
72+
<input type="text" class="form-control" placeholder="Enter your name">
73+
</div>
74+
75+
<div class="mb-3">
76+
<label class="form-label">Email address</label>
77+
<input type="email" class="form-control" placeholder="Enter your email">
78+
</div>
79+
80+
<div class="mb-3">
81+
<label class="form-label">Message</label>
82+
<textarea class="form-control" rows="4" placeholder="Your message"></textarea>
83+
</div>
84+
85+
<button type="submit" class="btn btn-primary">Submit</button>
86+
</form>
87+
</div>
88+
89+
</div>
90+
</div>
91+
</div>
92+
93+
<!-- Bootstrap JS -->
94+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
95+
96+
</body>
97+
</html>

‎server/frontend/static/person1.jpg‎

63.3 KB
Loading

‎server/frontend/static/person2.webp‎

138 KB
Loading

‎server/frontend/static/person3.jpeg‎

8.31 KB
Loading

0 commit comments

Comments
 (0)