Skip to content

Commit

Permalink
first commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@bagraercan
bagraercan committed Nov 17, 2024
0 parents commit 465965a
Show file tree
Hide file tree
Showing 4 changed files with 221 additions and 0 deletions.
114 changes: 114 additions & 0 deletions course-management/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,114 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Course-Management App</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../styles.css">
</head>

<body>

<!-- Header Section -->
<header class="header-section py-5 text-center text-white"
style="background: #28a745; background: linear-gradient(45deg, #28a745, #17a2b8);">
<div class="container">
<h1 class="display-4 fw-bold">Course Management</h1>
<p class="lead fs-4">Efficiently manage courses, students, and academic progress in a seamless,
user-friendly interface.</p>
</div>
</header>

<!-- Tab Navigation and Content -->
<main class="container py-5">
<!-- Tabs Navigation -->
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="details-tab" data-bs-toggle="tab" href="#details" role="tab"
aria-controls="details" aria-selected="true">App Details</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="privacy-policy-tab" data-bs-toggle="tab" href="#privacy-policy" role="tab"
aria-controls="privacy-policy" aria-selected="false">Privacy Policy</a>
</li>
</ul>

<!-- Tab Content -->
<div class="tab-content mt-4" id="myTabContent">
<div class="tab-pane fade show active" id="details" role="tabpanel" aria-labelledby="details-tab">
<h2 class="mt-3">App Details</h2>
<p>This app is designed to simplify the management of courses, students, and academic data. Easily track
student progress, assign courses, and upload materials for students to access.</p>
</div>
<div class="tab-pane fade" id="privacy-policy" role="tabpanel" aria-labelledby="privacy-policy-tab">
<h2 class="mt-3">Privacy Policy</h2>
<p><strong>Effective Date: November 16, 2024</strong></p>

<h3>1. Information We Collect</h3>
<p>We collect personal information such as your name, email address, and profile picture when you
register and use the app. This information is necessary to manage your account, courses, and
students efficiently.</p>

<h3>2. How We Use Your Information</h3>
<p>The information we collect is used solely for the purpose of managing your courses and students. We
do not sell or rent your personal data to third parties. We may use your information for internal
purposes such as improving app features and providing personalized support.</p>

<h3>3. Data Storage and Security</h3>
<p>All the personal information you provide is securely stored in our systems. We implement
industry-standard security measures to protect your data from unauthorized access, disclosure, or
misuse.</p>

<h3>4. Sharing Your Information</h3>
<p>We do not share your personal information with third parties, except where required by law or to
provide the services you requested. We may share non-personally identifiable information for
analytics or research purposes, but this will not be linked to any personal details.</p>

<h3>5. Data Retention</h3>
<p>We retain your personal information for as long as you have an active account with us. You may
request to delete your account at any time, which will result in the deletion of your personal
information from our systems.</p>

<h3>6. Your Rights</h3>
<p>You have the right to access, correct, or delete your personal information. If you wish to update or
delete your account information, please contact us through the app’s support page or via email.</p>

<h3>7. Changes to This Privacy Policy</h3>
<p>We may update this Privacy Policy from time to time. Any changes will be reflected in this document,
and the effective date will be updated accordingly. We encourage you to review this Privacy Policy
periodically.</p>

<h3>8. Contact Us</h3>
<p>If you have any questions or concerns about this Privacy Policy, please contact us at
<b>[email protected]</b>
</p>
</div>
</div>
</main>

<!-- Footer -->
<footer class="footer-section py-4 bg-dark text-white text-center">
<a href="../index.html" class="btn btn-light">Back to My Apps</a>
</footer>

<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>

<!-- Custom Script to Activate Privacy Policy Tab on Page Load -->
<script>
document.addEventListener("DOMContentLoaded", function () {
// Check if the URL contains the fragment identifier for the Privacy Policy tab
if (window.location.hash === "#privacy-policy") {
// Activate the Privacy Policy tab
const privacyPolicyTab = new bootstrap.Tab(document.querySelector('#privacy-policy-tab'));
privacyPolicyTab.show();
}
});
</script>
</body>

</html>
Binary file added course-management/quran.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
49 changes: 49 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Apps</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>

<!-- Header Section -->
<header class="header-section py-5 text-center text-white" style="background: #3a7bd5; background: linear-gradient(45deg, #3a7bd5, #00d2ff);">
<div class="container">
<h1 class="display-3 fw-bold mb-4">Welcome to My Apps</h1>
<p class="lead fs-4">Explore all our apps and check their privacy policies in one place. Simple, fast, and transparent.</p>
</div>
</header>

<!-- App List Section -->
<main class="container py-5">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
<!-- Course Management App -->
<div class="col">
<div class="card shadow-sm border-0 rounded-4">
<img src="./course-management/quran.png" class="card-img-top rounded-4" alt="Course-Management">
<div class="card-body">
<h5 class="card-title fw-bold">Course Management</h5>
<p class="card-text">An all-in-one solution to manage courses, students, and academic progress efficiently.</p>
<a href="course-management/index.html" class="btn btn-primary px-4 py-2 rounded-3">Learn More</a>
</div>
</div>
</div>
<!-- More apps can be added here -->
</div>
</main>

<!-- Footer Section -->
<footer class="footer-section py-4 bg-dark text-white text-center">
<p class="mb-0">&copy; 2024 Ercan Bagra. All rights reserved.</p>
</footer>

<!-- Bootstrap JS & FontAwesome -->
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
</body>
</html>
58 changes: 58 additions & 0 deletions styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
/* Global Styles */
body {
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0;
background-color: #f4f7fc;
}

header {
padding: 80px 0;
color: white;
}

h1, h2 {
font-weight: 600;
}

h5 {
font-weight: 500;
}

footer {
background-color: #333;
color: white;
}

.card-img-top {
height: 200px;
object-fit: cover;
border-radius: 8px;
}

/* Tab styling */
.nav-tabs .nav-link {
border-radius: 0;
color: #28a745;
}

.nav-tabs .nav-link.active {
background-color: #28a745;
color: white;
}

/* Container Padding for a neat look */
.container {
padding: 0 15px;
}

/* Card Shadow and Hover Effect */
.card {
border-radius: 12px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
transform: translateY(-10px);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

0 comments on commit 465965a

Please sign in to comment.