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{ .modal-content121{
margin-left: 70px !important; margin-left: 70px !important;
} }
#applyModal button{ #applyModal .submit{
background-color: var(--primary-color1) !important; background-color: var(--primary-color1) !important;
color: var(--font-color1) !important; color: var(--font-color1) !important;
transition: 0.3s all ease-out; 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 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 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> </head>
<body> <body>
@@ -1050,7 +1053,11 @@
</div> </div>
</div> </div>
</div> </div>
<!-- popup fancybox -->
<a href="./assets/image/ads.png"
rel="lightbox"
id="popup"
style="display:none">popup image</a>
<!-- Apply Now Modal --> <!-- Apply Now Modal -->
<div class="modal fade" id="applyModal" tabindex="-1" aria-hidden="true"> <div class="modal fade" id="applyModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-dialog modal-dialog-centered modal-lg">
@@ -1058,7 +1065,7 @@
<!-- Modal Header --> <!-- Modal Header -->
<div class="modal-header border-0"> <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 Pre-registration
</h3> </h3>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button> <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
@@ -1070,7 +1077,7 @@
<!-- Guardian Name --> <!-- Guardian Name -->
<div class="mb-3"> <div class="mb-3">
<label class="form-label text-danger"> <label class="form-label ">
Name of the guardian <span class="text-danger">*</span> Name of the guardian <span class="text-danger">*</span>
</label> </label>
<input type="text" class="form-control custom-input" required> <input type="text" class="form-control custom-input" required>
@@ -1078,7 +1085,7 @@
<!-- Child Name --> <!-- Child Name -->
<div class="mb-3"> <div class="mb-3">
<label class="form-label text-danger"> <label class="form-label">
Name of the student<span class="text-danger">*</span> Name of the student<span class="text-danger">*</span>
</label> </label>
<input type="text" class="form-control custom-input" required> <input type="text" class="form-control custom-input" required>
@@ -1086,7 +1093,7 @@
<!-- Email --> <!-- Email -->
<div class="mb-3"> <div class="mb-3">
<label class="form-label text-danger"> <label class="form-label">
Email <span class="text-danger">*</span> Email <span class="text-danger">*</span>
</label> </label>
<input type="email" class="form-control custom-input" required> <input type="email" class="form-control custom-input" required>
@@ -1094,7 +1101,7 @@
<!-- Contact --> <!-- Contact -->
<div class="mb-3"> <div class="mb-3">
<label class="form-label text-danger"> <label class="form-label">
Contact number <span class="text-danger">*</span> Contact number <span class="text-danger">*</span>
</label> </label>
<input type="tel" class="form-control custom-input" required> <input type="tel" class="form-control custom-input" required>
@@ -1102,7 +1109,7 @@
<!-- Grade --> <!-- Grade -->
<div class="mb-4"> <div class="mb-4">
<label class="form-label text-danger"> <label class="form-label">
Choose your course: <span class="text-danger">*</span> Choose your course: <span class="text-danger">*</span>
</label> </label>
<select class="form-select custom-input" required> <select class="form-select custom-input" required>
@@ -1112,16 +1119,16 @@
</div> </div>
<!-- reCAPTCHA Placeholder --> <!-- reCAPTCHA Placeholder -->
<div class="mb-4"> <!-- <div class="mb-4">
<div class="border rounded p-3 d-inline-flex align-items-center gap-3"> <div class="border rounded p-3 d-inline-flex align-items-center gap-3">
<input type="checkbox"> <input type="checkbox">
<span>I’m not a robot</span> <span>I’m not a robot</span>
<small class="text-muted ms-3">reCAPTCHA</small> <small class="text-muted ms-3">reCAPTCHA</small>
</div> </div>
</div> </div> -->
<!-- Submit --> <!-- 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 SEND
</button> </button>
@@ -1134,6 +1141,13 @@
<!-- Link to Bootstrap JS (optional) --> <!-- Link to Bootstrap JS (optional) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script> <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"> <script src="/bootstraps/js/bootstrap.bundle.min.js">
// popup modal of home // 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>