Skip to content

static pages #176

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

static pages #176

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
b9528cd
Added contact page
Keerthana040 Apr 22, 2025
d60bf19
Added about.page
Keerthana040 Apr 22, 2025
c6c940b
Resolved conflicts
Keerthana040 Apr 22, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 8 additions & 4 deletions server/djangoproj/settings.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,8 +28,8 @@
# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True

ALLOWED_HOSTS = []
CSRF_TRUSTED_ORIGINS = []
ALLOWED_HOSTS = ['localhost','https://keerthanasi2-8000.theianext-1-labs-prod-misc-tools-us-east-0.proxy.cognitiveclass.ai']
CSRF_TRUSTED_ORIGINS = ['https://keerthanasi2-8000.theianext-1-labs-prod-misc-tools-us-east-0.proxy.cognitiveclass.ai']

REST_FRAMEWORK = {
'DEFAULT_AUTHENTICATION_CLASSES': [],
Expand Down Expand Up @@ -61,7 +61,9 @@
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [],
'DIRS': [
os.path.join(BASE_DIR,'frontend/static')
],
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
Expand Down Expand Up @@ -134,5 +136,7 @@

DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'

STATICFILES_DIRS = []
STATICFILES_DIRS = [
os.path.join(BASE_DIR,'frontend/static')
]

2 changes: 2 additions & 0 deletions server/djangoproj/urls.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,9 @@
from django.conf import settings

urlpatterns = [
path('about/', TemplateView.as_view(template_name="About.html")),
path('admin/', admin.site.urls),
path('contact/', TemplateView.as_view(template_name="Contact.html")),
path('djangoapp/', include('djangoapp.urls')),
path('', TemplateView.as_view(template_name="Home.html")),
] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
55 changes: 27 additions & 28 deletions server/frontend/static/About.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
<html>
<head>
<!-- Link the style sheet here -->
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/bootstrap.min.css">
</head>
<div>
<body>
<nav class="navbar navbar-expand-lg navbar-light" style="background-color:darkturquoise; height: 1in;">
<div class="container-fluid">
<h2 style="padding-right: 5%;">Dealerships</h2>
Expand All @@ -25,44 +26,42 @@ <h2 style="padding-right: 5%;">Dealerships</h2>
</div>
</nav>

<div class="card" style="width: 80%;margin: auto; margin-top:5%;">
<div class="banner" name="about-header">
<!-- Insert header information here -->
</div>
<div style="display: flex;flex-direction: row; margin:auto">
<div class="card" style="width: 80%; margin: auto; margin-top:5%;">
<div class="banner" name="about-header">
<h1>About Us</h1>
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.
</div>
<div style="display: flex; flex-direction: row; justify-content: space-between; margin: auto;">
<div class="card" style="width: 30%;">
<img class="card-img-top" src="/static/person.png" alt="Card image">
<img class="card-img-top" src="/static/person1.jpg" alt="Veloz">
<div class="card-body">
<p class="title">Person1</p>
<p>Person1 Title</p>
<p class="card-text">Some text that explains the person1 in about 2 short sentences</p>
<p>person1@example.com</p>
<p class="title" style="font-weight: bold; font-size: 24px;">Veloz</p>
<p style="font-weight: bold; font-size: 20px;">Veloz Motors</p>
<p class="card-text">Veloz Motors specializes in high-performance luxury cars.</p>
<p style="font-style: italic;">velozmotors@gmail.com</p>
</div>
</div>

<div class="card" style="width: 30%;">
<img class="card-img-top" src="/static/person.png" alt="Card image">
<img class="card-img-top" src="/static/person2.jpg" alt="Aarav Vez">
<div class="card-body">
<p class="title">Person2</p>
<p>Person2 Title</p>
<p class="card-text">Some text that explains the person2 in about 2 short sentences</p>
<p>person2@example.com</p>
<p class="title" style="font-weight: bold; font-size: 24px;">Aarav Veer</p>
<p style="font-weight: bold; font-size: 20px;">🇮🇳 Aarav Automotives</p>
<p class="card-text">Aarav Automotives brings a curated range of reliable, budget-friendly cars with a focus on Indian roads, values, and vibrant lifestyles.</p>
<p style="font-style: italic;">aaravmotors@gmail.com</p>
</div>
</div>

<div class="card" style="width: 30%;">
<img class="card-img-top" src="/static/person.png" alt="Card image">
<img class="card-img-top" src="/static/person3.jpg" alt="Crimson Shaw">
<div class="card-body">
<p class="title">Person3</p>
<p>Person3 Title</p>
<p class="card-text">Some text that explains the person3 in about 2 short sentences</p>
<p>person3@example.com</p>
<p class="title" style="font-weight: bold; font-size: 24px;">Crimson Shaw</p>
<p style="font-weight: bold; font-size: 20px;">Crimson Drive Autohaus</p>
<p class="card-text">Crimson Drive offers a premium selection of rugged SUVs and powerful sedans, perfect for those who chase adventure with elegance.</p>
<p style="font-style: italic;">crimsonautomotives@gmail.com</p>
</div>
</div>
</div>
</div>
</div>

</div>

</html>
</div>
</body>
</html>
135 changes: 135 additions & 0 deletions server/frontend/static/Contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,135 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us - Best Cars Dealership</title>
<link rel="stylesheet" href="/static/bootstrap.min.css">
<link rel="stylesheet" href="/static/style.css">
<style>
.contact-container {
max-width: 800px;
margin: 2rem auto;
padding: 2rem;
background-color: #f8f9fa;
border-radius: 10px;
box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.contact-header {
color: darkturquoise;
text-align: center;
margin-bottom: 2rem;
}
.contact-info {
display: flex;
flex-wrap: wrap;
gap: 2rem;
margin-bottom: 2rem;
}
.contact-card {
flex: 1;
min-width: 250px;
padding: 1.5rem;
background: white;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.contact-card h3 {
color: darkturquoise;
margin-bottom: 1rem;
}
.contact-icon {
font-size: 2rem;
color: darkturquoise;
margin-bottom: 1rem;
}
.contact-form input,
.contact-form textarea {
width: 100%;
padding: 0.75rem;
margin-bottom: 1rem;
border: 1px solid #ddd;
border-radius: 4px;
}
.contact-form button {
background-color: darkturquoise;
color: white;
border: none;
padding: 0.75rem 1.5rem;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
}
.contact-form button:hover {
background-color: #00b3b3;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light" style="background-color:darkturquoise; height: 1in;">
<div class="container-fluid">
<h2 style="padding-right: 5%;">Best Cars Dealership</h2>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" style="font-size: larger;" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" style="font-size: larger;" href="/about">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link active" style="font-size: larger;" href="/contact">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>

<div class="contact-container">
<div class="contact-header">
<h1>Contact Us</h1>
<p>We'd love to hear from you! Reach out through any of these channels.</p>
</div>

<div class="contact-info">
<div class="contact-card">
<div class="contact-icon">📞</div>
<h3>Phone</h3>
<p>Main: (555) 123-4567</p>
<p>Sales: (555) 123-4568</p>
<p>Service: (555) 123-4569</p>
</div>

<div class="contact-card">
<div class="contact-icon">✉️</div>
<h3>Email</h3>
<p>General: [email protected]</p>
<p>Sales: [email protected]</p>
<p>Support: [email protected]</p>
</div>

<div class="contact-card">
<div class="contact-icon">🏢</div>
<h3>Address</h3>
<p>123 Auto Boulevard</p>
<p>Motor City, MC 12345</p>
<p>United States</p>
</div>
</div>

<div class="contact-form">
<h2>Send Us a Message</h2>
<form>
<input type="text" placeholder="Your Name" required>
<input type="email" placeholder="Your Email" required>
<input type="text" placeholder="Subject">
<textarea rows="5" placeholder="Your Message" required></textarea>
<button type="submit">Send Message</button>
</form>
</div>
</div>
</body>
</html>
Binary file added server/frontend/static/person1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added server/frontend/static/person2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added server/frontend/static/person3.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.