Skip to content

updated pages #52

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
Nambirige-Eron wants to merge 1 commit into
base: master
Choose a base branch
from
Open

updated pages #52

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
86 changes: 86 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,86 @@
<!doctype html>
<html>
<head>
<title>About Us - Kampus Mart</title>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
<link href="css/frame.css" rel="stylesheet" />
<link href="css/controls.css" rel="stylesheet" />
<link href="css/custom.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/menu.js"></script>
<script src="js/footer.js"></script>
</head>
<body>
<style>
body {
background: url('img/first onboard screen.png') no-repeat center center fixed;
background-size: cover;
position: relative;
}
.body-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(255, 255, 255, 0.7); /* semi-transparent white overlay for readability */
z-index: 0;
pointer-events: none;
}
main, .main-content, .content {
position: relative;
z-index: 1;
}
</style>
<div class="body-overlay"></div>
<div class="menu-container"></div>
<!-- About Kampus Mart Section -->
<section style="padding: 40px 0;">
<div style="background: rgba(255,253,231,0.92); max-width: 700px; margin: 0 auto; font-size: 1.15rem; color: #333; line-height: 1.7; border-radius: 18px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); padding: 32px 28px; position: relative; z-index: 2;">
<h2 style="text-align: center; margin-bottom: 24px;">About Kampus Mart</h2>
<p><strong>Kampus Mart</strong> is a dedicated marketplace app designed for students and campus communities. Our mission is to make buying and selling on campus easy, safe, and fun.</p>
<ul style="margin: 18px 0 18px 24px;">
<li><strong>Browse & Search:</strong> Find textbooks, electronics, clothing, dorm essentials, and more.</li>
<li><strong>Interactive Product Pages:</strong> See detailed info, adjust quantity, rate, and comment on products.</li>
<li><strong>Easy Cart Management:</strong> Add, update, or remove items before checkout.</li>
<li><strong>Seller Tools:</strong> Track your sales and manage your listings with ease.</li>
<li><strong>Personalized Experience:</strong> Choose your interests and get tailored suggestions.</li>
<li><strong>Safe & Secure:</strong> Connect with verified campus members for peace of mind.</li>
</ul>
<p>Whether you're looking to buy, sell, or simply explore what your campus community has to offer, Kampus Mart is your go-to platform. Join us and make campus life more connected and convenient!</p>
</div>
</section>
<!-- Authors Section -->
<section style="padding: 32px 0; background: #fff;">
<h2 style="text-align: center; margin-bottom: 24px;">Meet the Team</h2>
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 32px;">
<div class="author-card">
<h3>Nambirige Eron</h3>
<p>System developer</p>
<a href="mailto:eronnambirige@gmail.com">eronnambirige@gmail.com</a>
</div>
<div class="author-card">
<h3>Nagawa Sandra Robina</h3>
<p>System developer</p>
<a href="mailto:sandranagawa30@gmail.com">sandranagawa30@gmail.com</a>
</div>
<div class="author-card">
<h3>Mayanja Joel Stephen</h3>
<p>System developer</p>
<a href="mailto:mukianmayan@gmail.com">mukianmayan@gmail.com</a>
</div>
<div class ="author-card">
<h3>Nakimuli Jollyne</h3>
<p>System Developer</p>
<a href="mailto:jollyneflavia@gmail.com">jollyneflavia@gmail.com</a>
</div>
<div class="author-card">
<h3>Malual Martin Biar</h3>
<p>System developer</p>
<a href="mailto:biaralier1@gmail.com">biaralier1@gmail.com</a>
</div>
</div>
</section>
<div class="footer-container"></div>
</body>
</html>
52 changes: 52 additions & 0 deletions activities.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
<!doctype html>
<html>
<head>
<title>Our Activities - Kampus Mart</title>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
<link href="css/frame.css" rel="stylesheet" />
<link href="css/controls.css" rel="stylesheet" />
<link href="css/custom.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/menu.js"></script>
<script src="js/footer.js"></script>
</head>
<body>
<style>
body {
background: url('img/first onboard screen.png') no-repeat center center fixed;
background-size: cover;
position: relative;
}
.body-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(255, 255, 255, 0.7); /* semi-transparent white overlay for readability */
z-index: 0;
pointer-events: none;
}
main, .main-content, .content {
position: relative;
z-index: 1;
}
</style>
<div class="body-overlay"></div>
<div class="menu-container"></div>
<section style="padding: 40px 0;">
<div style="background: rgba(255,253,231,0.92); max-width: 700px; margin: 0 auto; font-size: 1.15rem; color: #333; line-height: 1.7; border-radius: 18px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); padding: 32px 28px; position: relative; z-index: 2;">
<h2 style="text-align: center; margin-bottom: 24px;">Our Activities</h2>
<ul style="margin: 18px 0 18px 24px;">
<li><strong>Marketplace Events:</strong> Organizing campus-wide buy/sell events and pop-up markets.</li>
<li><strong>Workshops:</strong> Hosting sessions on safe online transactions, product photography, and entrepreneurship for students.</li>
<li><strong>Community Engagement:</strong> Partnering with student groups and organizations to support campus needs.</li>
<li><strong>Feature Launches:</strong> Regularly introducing new app features based on user feedback.</li>
<li><strong>Support & Help:</strong> Providing responsive support and resources for all users.</li>
</ul>
<p>We believe in building a vibrant, supportive, and innovative campus marketplace. Join our activities and be part of the Kampus Mart community!</p>
</div>
</section>
<div class="footer-container"></div>
</body>
</html>
37 changes: 37 additions & 0 deletions category-info.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!doctype html>
<html>
<head>
<title>Category Info - Kampus Mart</title>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
<link href="css/frame.css" rel="stylesheet" />
<link href="css/controls.css" rel="stylesheet" />
<link href="css/custom.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/menu.js"></script>
<script src="js/footer.js"></script>
<style>
.info-container { max-width: 600px; margin: 80px auto 0 auto; background: #fffde7; border-radius: 18px; box-shadow: 0 2px 16px rgba(0,0,0,0.08); padding: 40px 32px; text-align: center; }
.info-title { color: #ffb300; font-size: 2rem; font-weight: 700; margin-bottom: 18px; }
.info-message { color: #333; font-size: 1.2rem; margin-bottom: 24px; }
.download-btn { background: #ffd600; color: #222; font-weight: 700; padding: 14px 32px; border-radius: 8px; font-size: 1.1rem; border: none; cursor: pointer; margin-bottom: 18px; }
.download-btn:hover { background: #ffb300; color: #fff; }
.back-link { display: inline-block; margin-top: 24px; color: #1976d2; font-weight: 600; text-decoration: none; }
.back-link:hover { text-decoration: underline; }
</style>
</head>
<body>
<div class="menu-container"></div>
<div class="info-container">
<div class="info-title">Kampus Mart Demo Notice</div>
<div class="info-message">
This website is a <strong>demo</strong> and not a real shopping platform.<br><br>
To experience the full Kampus Mart marketplace, please download our official app.<br><br>
<button class="download-btn" onclick="window.open('https://play.google.com/store/apps/details?id=com.kampusmart.app', '_blank')">Download Kampus Mart App</button>
<br>
For more information, features, and real shopping, use the app!
</div>
<a class="back-link" href="home.html">&larr; Back to Home</a>
</div>
<div class="footer-container"></div>
</body>
</html>
46 changes: 46 additions & 0 deletions contacts.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
<!doctype html>
<html>
<head>
<title>Contacts - Kampus Mart</title>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
<link href="css/frame.css" rel="stylesheet" />
<link href="css/controls.css" rel="stylesheet" />
<link href="css/custom.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/menu.js"></script>
<script src="js/footer.js"></script>
</head>
<body>
<style>
body {
background: url('img/first onboard screen.png') no-repeat center center fixed;
background-size: cover;
position: relative;
}
.body-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(255, 255, 255, 0.7); /* semi-transparent white overlay for readability */
z-index: 0;
pointer-events: none;
}
main, .main-content, .content {
position: relative;
z-index: 1;
}
</style>
<div class="body-overlay"></div>
<div class="menu-container"></div>
<section style="padding: 40px 0;">
<div style="background: rgba(255,253,231,0.92); max-width: 500px; margin: 0 auto; border-radius: 18px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); padding: 32px 28px; position: relative; z-index: 2;">
<h2 style="text-align: center; margin-bottom: 24px;">Contact Us</h2>
<!-- Replace the src below with your actual Google Form embed link -->
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSc3nKbUqgZ902cxmRuLHUqfhqldx3Kzo8ygyCWP8zcxq_p3zQ/viewform?usp=header" width="100%" height="600" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
</div>
</section>
<div class="footer-container"></div>
</body>
</html>
Loading