RoshanPaudel/.south-city-college
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

popup modal for ads is added and some hyperlink need to be review

Browse Source
This commit is contained in:
Roshan476
2025-12-23 19:41:39 +05:45
parent 9e1e753175
commit aa09cad6f3
4 changed files with 51 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/image/ads.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

2
assets/style.css
View File

@@ -1594,7 +1594,7 @@ width: 61px;
.modal-content121{
margin-left: 70px !important;
}
#applyModal button{
#applyModal .submit{
background-color: var(--primary-color1) !important;
color: var(--font-color1) !important;
transition: 0.3s all ease-out;

34
index.html
View File

@@ -32,6 +32,9 @@
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" media="screen">
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
</head>
<body>
@@ -1050,7 +1053,11 @@
</div>
</div>
</div>
<!-- popup fancybox -->
<a href="./assets/image/ads.png"
rel="lightbox"
id="popup"
style="display:none">popup image</a>
<!-- Apply Now Modal -->
<div class="modal fade" id="applyModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg">
@@ -1058,7 +1065,7 @@
<!-- Modal Header -->
<div class="modal-header border-0">
<h3 class="modal-title w-100 text-center text-danger fw-bold">
<h3 class="modal-title w-100 text-center fw-bold">
Pre-registration
</h3>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
@@ -1070,7 +1077,7 @@
<!-- Guardian Name -->
<div class="mb-3">
<label class="form-label text-danger">
<label class="form-label ">
Name of the guardian <span class="text-danger">*</span>
</label>
<input type="text" class="form-control custom-input" required>
@@ -1078,7 +1085,7 @@
<!-- Child Name -->
<div class="mb-3">
<label class="form-label text-danger">
<label class="form-label">
Name of the student<span class="text-danger">*</span>
</label>
<input type="text" class="form-control custom-input" required>
@@ -1086,7 +1093,7 @@
<!-- Email -->
<div class="mb-3">
<label class="form-label text-danger">
<label class="form-label">
Email <span class="text-danger">*</span>
</label>
<input type="email" class="form-control custom-input" required>
@@ -1094,7 +1101,7 @@
<!-- Contact -->
<div class="mb-3">
<label class="form-label text-danger">
<label class="form-label">
Contact number <span class="text-danger">*</span>
</label>
<input type="tel" class="form-control custom-input" required>
@@ -1102,7 +1109,7 @@
<!-- Grade -->
<div class="mb-4">
<label class="form-label text-danger">
<label class="form-label">
Choose your course: <span class="text-danger">*</span>
</label>
<select class="form-select custom-input" required>
@@ -1112,16 +1119,16 @@
</div>
<!-- reCAPTCHA Placeholder -->
<div class="mb-4">
<!-- <div class="mb-4">
<div class="border rounded p-3 d-inline-flex align-items-center gap-3">
<input type="checkbox">
<span>I’m not a robot</span>
<small class="text-muted ms-3">reCAPTCHA</small>
</div>
</div>
</div> -->
<!-- Submit -->
<button type="submit" class="btn w-100 py-2 fw-bold">
<button type="submit" class="submit btn w-100 py-2 fw-bold">
SEND
</button>
@@ -1134,6 +1141,13 @@
<!-- Link to Bootstrap JS (optional) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<!-- popup ads -->
<script>
$(document).ready(function(){
$("#popup").fancybox().trigger('click');
});
</script>
<script src="/bootstraps/js/bootstrap.bundle.min.js">
// popup modal of home

26
popup.html Normal file
View File

@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>Fancybox Simple Example</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" media="screen">
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
</head>
<body>
<h1>This is my wordpress project</h1>
<a href="./assets/image/man.png"
rel="lightbox"
id="popup"
style="display:none">popup image</a>
</body>
<script>
$(document).ready(function(){
$("#popup").fancybox().trigger('click');
});
</script>
</html>