Skip to content

Commit 527628c

Browse files
committed
Adding temporary changes to Github
1 parent d1f2c5f commit 527628c

File tree

5 files changed

+156
-27
lines changed

5 files changed

+156
-27
lines changed

server/djangoproj/settings.py

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -28,8 +28,8 @@
2828
# SECURITY WARNING: don't run with debug turned on in production!
2929
DEBUG = True
3030

31-
ALLOWED_HOSTS = []
32-
CSRF_TRUSTED_ORIGINS = []
31+
ALLOWED_HOSTS = ['localhost','https://psoldev9-8000.theianext-0-labs-prod-misc-tools-us-east-0.proxy.cognitiveclass.ai/']
32+
CSRF_TRUSTED_ORIGINS = ['https://psoldev9-8000.theianext-0-labs-prod-misc-tools-us-east-0.proxy.cognitiveclass.ai/']
3333

3434
REST_FRAMEWORK = {
3535
'DEFAULT_AUTHENTICATION_CLASSES': [],
@@ -61,7 +61,9 @@
6161
TEMPLATES = [
6262
{
6363
'BACKEND': 'django.template.backends.django.DjangoTemplates',
64-
'DIRS': [],
64+
'DIRS': [
65+
os.path.join(BASE_DIR,'frontend/static')
66+
],
6567
'APP_DIRS': True,
6668
'OPTIONS': {
6769
'context_processors': [
@@ -134,5 +136,7 @@
134136

135137
DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
136138

137-
STATICFILES_DIRS = []
139+
STATICFILES_DIRS = [
140+
os.path.join(BASE_DIR,'frontend/static')
141+
]
138142

server/djangoproj/urls.py

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,4 +23,6 @@
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
] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

server/frontend/static/About.html

Lines changed: 29 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<html>
22
<head>
3-
<!-- Link the style sheet here -->
3+
<link rel="stylesheet" href="/static/style.css">
4+
<link rel="stylesheet" href="/static/bootstrap.min.css">
45
</head>
56
<div>
67
<nav class="navbar navbar-expand-lg navbar-light" style="background-color:darkturquoise; height: 1in;">
@@ -25,41 +26,46 @@ <h2 style="padding-right: 5%;">Dealerships</h2>
2526
</div>
2627
</nav>
2728

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">
29+
<div class="card" style="width: 80%;margin: auto; margin-top:5%;">
30+
<div class="banner" name="about-header">
31+
<h1>About Us</h1>
32+
Welcome to Best Cars dealership, home to the best cars in North America. We deal in sale of domestic and imported cars at reasonable prices.
33+
</div>
34+
<div style="display: flex;flex-direction: row; margin:auto">
35+
3336
<div class="card" style="width: 30%;">
34-
<img class="card-img-top" src="/static/person.png" alt="Card image">
37+
<img class="card-img-top" src="https://randomuser.me/api/portraits/men/11.jpg" alt="Card image">
3538
<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>person1@example.com</p>
39+
<p class="title">John Doe</p>
40+
<p>CEO</p>
41+
<p class="card-text">John has been leading the company for over 10 years with a passion for quality cars and exceptional customer service. He strives to make Best Cars the top choice for all car buyers.</p>
42+
<p>johndoe@example.com</p>
4043
</div>
4144
</div>
42-
45+
4346
<div class="card" style="width: 30%;">
44-
<img class="card-img-top" src="/static/person.png" alt="Card image">
47+
<img class="card-img-top" src="https://randomuser.me/api/portraits/women/12.jpg" alt="Card image">
4548
<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>person2@example.com</p>
49+
<p class="title">Jane Smith</p>
50+
<p>Marketing Director</p>
51+
<p class="card-text">Jane brings over 8 years of experience in digital marketing. Her strategies have helped boost our presence online and increase our customer base significantly.</p>
52+
<p>janesmith@example.com</p>
5053
</div>
5154
</div>
52-
55+
5356
<div class="card" style="width: 30%;">
54-
<img class="card-img-top" src="/static/person.png" alt="Card image">
57+
<img class="card-img-top" src="https://randomuser.me/api/portraits/men/15.jpg" alt="Card image">
5558
<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>person3@example.com</p>
59+
<p class="title">Michael Brown</p>
60+
<p>Sales Manager</p>
61+
<p class="card-text">Michael has a deep understanding of the automotive industry and helps customers find the best deals on their new vehicles. His customer-first approach ensures satisfaction every time.</p>
62+
<p>michaelbrown@example.com</p>
6063
</div>
6164
</div>
65+
6266
</div>
67+
</div>
68+
6369
</div>
6470
</div>
6571

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
<html>
2+
<head>
3+
<link rel="stylesheet" href="/static/style.css">
4+
<link rel="stylesheet" href="/static/bootstrap.min.css">
5+
</head>
6+
<body>
7+
<nav class="navbar navbar-expand-lg navbar-light" style="background-color:darkturquoise; height: 1in;">
8+
<div class="container-fluid">
9+
<h2 style="padding-right: 5%;">Dealerships</h2>
10+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
11+
<span class="navbar-toggler-icon"></span>
12+
</button>
13+
<div class="collapse navbar-collapse" id="navbarText">
14+
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
15+
<li class="nav-item">
16+
<a class="nav-link" style="font-size: larger;" aria-current="page" href="/">Home</a>
17+
</li>
18+
<li class="nav-item">
19+
<a class="nav-link" style="font-size: larger;" href="/about">About Us</a>
20+
</li>
21+
<li class="nav-item">
22+
<a class="nav-link active" style="font-size: larger;" href="/contact">Contact Us</a>
23+
</li>
24+
</ul>
25+
</div>
26+
</div>
27+
</nav>
28+
29+
<div class="contact-container" style="margin-top: 2rem;">
30+
<h1 class="text-center">Contact Our Branches</h1>
31+
<div class="branches">
32+
33+
<!-- Branch 1 -->
34+
<div class="branch-card">
35+
<div class="branch-info">
36+
<h3>Downtown Branch</h3>
37+
<p><strong>Address:</strong> 101 Main Street, Downtown, City, CA 12345</p>
38+
<p><strong>Phone:</strong> +1 (555) 111-2222</p>
39+
<p><strong>Email:</strong> [email protected]</p>
40+
</div>
41+
</div>
42+
43+
<!-- Branch 2 -->
44+
<div class="branch-card">
45+
<div class="branch-info">
46+
<h3>Uptown Branch</h3>
47+
<p><strong>Address:</strong> 204 Uptown Avenue, Uptown, City, CA 67890</p>
48+
<p><strong>Phone:</strong> +1 (555) 333-4444</p>
49+
<p><strong>Email:</strong> [email protected]</p>
50+
</div>
51+
</div>
52+
53+
<!-- Branch 3 -->
54+
<div class="branch-card">
55+
<div class="branch-info">
56+
<h3>Suburbia Branch</h3>
57+
<p><strong>Address:</strong> 302 Suburbia Road, Suburbia, City, CA 54321</p>
58+
<p><strong>Phone:</strong> +1 (555) 555-6666</p>
59+
<p><strong>Email:</strong> [email protected]</p>
60+
</div>
61+
</div>
62+
63+
<!-- Branch 4 -->
64+
<div class="branch-card">
65+
<div class="branch-info">
66+
<h3>Westside Branch</h3>
67+
<p><strong>Address:</strong> 500 Westside Boulevard, Westside, City, CA 98765</p>
68+
<p><strong>Phone:</strong> +1 (555) 777-8888</p>
69+
<p><strong>Email:</strong> [email protected]</p>
70+
</div>
71+
</div>
72+
73+
</div>
74+
</div>
75+
76+
</body>
77+
</html>

server/frontend/static/style.css

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -124,3 +124,43 @@ img{
124124
text-align:center;
125125
box-shadow: 2px 2px 3px #999;
126126
}
127+
.contact-container {
128+
background-color: #fff;
129+
padding: 2rem;
130+
border-radius: 8px;
131+
margin-top: 2rem;
132+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
133+
}
134+
135+
h3 {
136+
color: #333;
137+
}
138+
139+
.branch-card {
140+
background-color: #f0f0f0;
141+
padding: 20px;
142+
margin-bottom: 1rem;
143+
border-radius: 8px;
144+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
145+
transition: transform 0.3s ease;
146+
}
147+
148+
.branch-card:hover {
149+
transform: translateY(-5px);
150+
}
151+
152+
.branch-info {
153+
color: #333;
154+
}
155+
156+
.branch-info p {
157+
font-size: 1rem;
158+
color: #555;
159+
margin: 0.5rem 0;
160+
}
161+
162+
.branch-info h3 {
163+
color: darkturquoise;
164+
font-size: 1.5rem;
165+
font-weight: bold;
166+
}

0 commit comments

Comments
 (0)