anurag.r/B42
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/dev_khushi' into dev_anurag

Browse Source
This commit is contained in:
anurag.r
2026-01-07 14:25:21 +05:30
parent 44d5608610 f11f9e3c72
commit 08e2fbcd15
5 changed files with 125 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
db.sqlite3
View File

Binary file not shown.

BIN
static/images/btn-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
static/images/but-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
static/images/sec-1.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

126
templates/index.html
View File

@@ -1,2 +1,126 @@
{% extends 'public_base.html' %}
<style>
body, html {
margin: 0;
padding: 0;
height: 100%;
font-family: 'Arial Black', Arial, sans-serif;
background-color: #222;
color: #222;
}
.container {
position: relative;
height: 90vh;
overflow: hidden;
}
.background-image {
margin: auto;
width: 80%;
height: 100vh;
object-fit: cover;
object-position: bottom;
filter: brightness(0.85);
display: block;
}
.text-content {
position: absolute;
top: 35%;
width: 100%;
text-align: center;
left: 0;
color: #222;
}
.title {
font-size: 6vw;
font-weight: 900;
margin: 0;
}
.subtitle {
font-weight: 700;
font-size: 0.8vw;
margin-top: 0.5rem;
margin-bottom: 1.5rem;
letter-spacing: 0.1em;
color: #222;
}
.btn {
background-color: white;
color: #222;
border: none;
border-radius: 30px;
padding: 12px 30px;
font-weight: 700;
cursor: pointer;
font-size: 1rem;
}
.awards {
margin-top: 2rem;
display: flex;
justify-content: center;
gap: 20px;
}
.award {
background-color: #222;
color: #667;
padding: 15px 25px;
border-radius: 25px;
font-size: 0.7vw;
font-weight: 600;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.award-title {
color: #99f;
font-weight: 700;
font-size: 0.85vw;
line-height: 1.1;
}
.award-subtitle {
font-size: 0.5vw;
color: #999;
}
.btn-image {
border: none;
background: none;
padding: 0;
cursor: pointer;
margin-top: 60px;
}
.btn-image img {
width: 180px; /* Adjust size as needed */
height: auto;
display: block;
margin-left: 10px;
}
</style>
</head>
<body>
<div class="container">
<img src="static/images/sec-1.jpeg" alt="Soccer Player" class="background-image" />
<div class="text-content">
<h1 class="title">PLAY IT REAL</h1>
<p class="subtitle">SOCCER TRAINING THAT HITS LIKE GAME DAY</p>
<!-- Using image as button -->
<button class="btn-image">
<img src="static/images/btn-2.png" alt="Boost Your Game" />
</button>
<button class="btn-image">
<img src="static/images/but-1.png" alt="Boost Your Game" />
</button>
</div>
</div>