Skip to content

Commit

Permalink
landing page format
Browse files Browse the repository at this point in the history
  • Loading branch information
cp-sidhdhi-p committed Nov 19, 2024
1 parent 73f51cc commit 1b0ccbf
Show file tree
Hide file tree
Showing 3 changed files with 170 additions and 3 deletions.
5 changes: 2 additions & 3 deletions docs/_layouts/default.html
Original file line number Diff line number Diff line change
@@ -1,13 +1,12 @@
<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: " en-US" }}">
<html lang="{{ page.lang | default: site.lang | default: en-US }}">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="theme.css">
{% seo %}
<link rel="stylesheet" href="{{ "
/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">
<link rel="stylesheet" href="{{ /assets/css/style.css?v= | append: site.github.build_revision | relative_url }}">
{% include head-custom.html %}
</head>
<body>
Expand Down
82 changes: 82 additions & 0 deletions docs/landing-page-2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Khelo - Cricket Scoring App</title>
<style>
body {
margin: 0;
padding: 0;
font-family: 'Arial', sans-serif;
color: white;
}
header {
background-image: url('https://via.placeholder.com/1920x1080'); /* Replace with your actual background image */
background-size: cover;
background-position: center;
height: 100vh;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
color: white;
}
header h1 {
font-size: 4em;
margin: 0;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
header p {
font-size: 1.5em;
margin: 20px 0;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.cta-buttons {
margin-top: 30px;
}
.cta-button {
background-color: #ff6600;
color: white;
padding: 15px 30px;
font-size: 1.2em;
border: none;
border-radius: 5px;
text-decoration: none;
display: inline-block;
margin: 10px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}
.cta-button:hover {
background-color: #e65c00;
}
footer {
background-color: #333;
color: white;
text-align: center;
padding: 20px;
}
footer a {
color: #ff6600;
text-decoration: none;
}
</style>
</head>
<body>

<header>
<h1>Welcome to Khelo</h1>
<p>Effortlessly score your cricket matches</p>
<div class="cta-buttons">
<a href="https://apps.apple.com/us/app/id1234567890" class="cta-button" target="_blank">Download on the App Store</a>
<a href="https://play.google.com/store/apps/details?id=com.khelo.cricket" class="cta-button" target="_blank">Get it on Google Play</a>
</div>
</header>

<footer>
<p>&copy; 2024 Khelo | <a href="https://github.com/canopas/khelo" target="_blank">GitHub</a></p>
</footer>

</body>
</html>
86 changes: 86 additions & 0 deletions docs/landing-page.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,86 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Khelo - Cricket Scoring App</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f0f4f8;
color: #333;
}
header {
background: linear-gradient(135deg, #0066cc, #ff6600);
padding: 50px 0;
color: white;
text-align: center;
}
header h1 {
font-size: 3em;
margin: 0;
}
header p {
font-size: 1.2em;
margin-top: 10px;
}
.cta-button {
background-color: #ff6600;
color: white;
padding: 15px 30px;
font-size: 1.2em;
border: none;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
display: inline-block;
margin: 20px 10px;
}
.cta-button:hover {
background-color: #e65c00;
}
.container {
text-align: center;
padding: 40px 20px;
}
.screenshot {
width: 80%;
max-width: 600px;
border-radius: 10px;
margin: 20px 0;
}
footer {
background-color: #333;
color: white;
text-align: center;
padding: 20px;
}
footer a {
color: #ff6600;
text-decoration: none;
}
</style>
</head>
<body>

<header>
<h1>Welcome to Khelo!</h1>
<p>Score your cricket matches effortlessly</p>
<a href="https://apps.apple.com/us/app/id1234567890" class="cta-button" target="_blank">Download on the App Store</a>
<a href="https://play.google.com/store/apps/details?id=com.khelo.cricket" class="cta-button" target="_blank">Get it on Google Play</a>
</header>

<div class="container">
<img src="https://via.placeholder.com/600x400" alt="Khelo App Screenshot" class="screenshot">
<p><strong>Track scores, analyze stats, and manage your cricket games easily with Khelo!</strong></p>
<p>Join thousands of users who are scoring their matches with Khelo every day. Experience the future of cricket scoring today!</p>
</div>

<footer>
<p>&copy; 2024 Khelo. All rights reserved. | <a href="https://github.com/canopas/khelo" target="_blank">GitHub</a></p>
</footer>

</body>
</html>

0 comments on commit 1b0ccbf

Please sign in to comment.