Skip to content

Commit 8a5206b

Browse files
SohamDeshmukh1SohamDeshmukh1
committed
Header Footer Added To sub pages Dynamically
Some major changes with the webpage
1 parent 0275b82 commit 8a5206b

File tree

6 files changed

+109
-321
lines changed

6 files changed

+109
-321
lines changed

‎departments/computer/I-Scheme.html

+2-160
Original file line numberDiff line numberDiff line change
@@ -1,90 +1,8 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
4-
<head>
5-
<meta charset="utf-8">
6-
<meta name="viewport" content="width=device-width,initial-scale">
7-
<meta charset="utf-8">
8-
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9-
<meta name="description" content="">
10-
<meta name="author" content="">
11-
<link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900"
12-
rel="stylesheet">
13-
<title>Brain Bazaar</title>
14-
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicon_io/apple-touch-icon.png">
15-
<link rel="icon" type="image/png" sizes="32x32" href="../../assets/images/favicon_io/favicon-32x32.png">
16-
<link rel="icon" type="image/png" sizes="16x16" href="../../assets/images/favicon_io/favicon-16x16.png">
17-
<link rel="manifest" href="assets/images/favicon_io/site.webmanifest">
18-
19-
20-
<!-- Social Media Preview -->
21-
22-
<meta property="og:title" content="Brain Bazaar - Your One-Stop Destination for PRECISE STUDY MATERIAL" />
23-
<meta property="og:description"
24-
content="Brain Bazaar offers PRECISE STUDY MATERIAL including MICROPROJECTS, QUESTION BANKS, QUESTIONAIRE, and more. Visit us today and score the maximum in your exams!" />
25-
<meta property="og:image" content="https://www.brainbazaar.in/assets/images/webpre.jpg" />
26-
<meta property="og:url" content="https://www.brainbazaar.in" />
27-
<meta name="twitter:card" content="summary_large_image" />
28-
<meta name="twitter:title" content="Brain Bazaar - Your One-Stop Destination for PRECISE STUDY MATERIAL" />
29-
<meta name="twitter:description"
30-
content="Brain Bazaar offers PRECISE STUDY MATERIAL including MICROPROJECTS, QUESTION BANKS, QUESTIONAIRE, and more. Visit us today and score the maximum in your exams!" />
31-
<meta name="twitter:image" content="https://www.brainbazaar.in/assets/images/webpre.jpg" />
32-
<meta name="twitter:url" content="https://www.brainbazaar.in" />
33-
<meta property="linkedin:title" content="Brain Bazaar - Your One-Stop Destination for PRECISE STUDY MATERIAL" />
34-
<meta property="linkedin:description"
35-
content="Brain Bazaar offers PRECISE STUDY MATERIAL including MICROPROJECTS, QUESTION BANKS, QUESTIONAIRE, and more. Visit us today and score the maximum in your exams!" />
36-
<meta property="linkedin:image" content="https://www.brainbazaar.in/assets/images/webpre.jpg" />
37-
<meta property="linkedin:url" content="https://www.brainbazaar.in" />
38-
39-
<!-- Additional meta tags for other platforms -->
40-
<meta property="whatsapp:title" content="Brain Bazaar - Study Material Hub" />
41-
<meta property="whatsapp:description"
42-
content="Get precise study material, microprojects, question banks, and more at Brain Bazaar. Score high in your exams! 📚" />
43-
<meta property="whatsapp:image" content="https://www.brainbazaar.in/assets/images/webpre.jpg" />
44-
45-
<meta property="telegram:title" content="Brain Bazaar - Study Material Hub" />
46-
<meta property="telegram:description"
47-
content="Access precise study material, microprojects, question banks, and more at Brain Bazaar. Achieve academic success! 🚀" />
48-
<meta property="telegram:image" content="https://www.brainbazaar.in/assets/images/webpre.jpg" />
49-
50-
<meta property="snapchat:title" content="Brain Bazaar - Study Material Hub" />
51-
<meta property="snapchat:image" content="https://www.brainbazaar.in/assets/images/webpre.jpg" />
52-
<!-- Snapchat generally uses the image tag for previews -->
53-
54-
<meta property="instagram:title" content="Brain Bazaar - Study Material Hub" />
55-
<meta property="instagram:description"
56-
content="Unlock precise study material, microprojects, question banks, and more at Brain Bazaar. Excel in your exams! 🌟" />
57-
<meta property="instagram:image" content="https://www.brainbazaar.in/assets/images/webpre.jpg" />
58-
59-
<!-- Bootstrap core CSS -->
60-
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
61-
<!-- Additional CSS Files -->
62-
<link rel="stylesheet" href="../../assets/css/fontawesome.css">
633
<link rel="stylesheet" href="comp.css">
64-
<link rel="stylesheet" href="../../assets/css/owl.css">
65-
<link rel="stylesheet" href="../../assets/css/flex-slider.css">
66-
67-
68-
69-
70-
</head>
71-
724
<body>
73-
<!--header-->
74-
<header class="main-header clearfix" role="header">
75-
<div class="logo">
76-
<a href="../../index.html"><em>Brain</em> Bazaar</a>
77-
</div>
78-
<a href="#" class="menu-link"><i class="fa fa-bars"></i></a>
79-
<nav id="menu" class="main-nav" role="navigation">
80-
<ul class="main-menu">
81-
<li><a href="../../index.html">Home</a></li>
82-
<li><a href="#">Projects</a></li>
83-
<li><a href="#">Contact</a></li>
84-
</ul>
85-
86-
</nav>
87-
</header>
5+
<script src="../../loadheader.js"></script>
886

897
<!-- Main content for Computer Department page -->
908
<section class="section computer-department" data-section="computer-department">
@@ -98,84 +16,8 @@ <h2> I - Scheme </h2>
9816
</div>
9917
</div>
10018
</section>
101-
<footer>
102-
<div class="container">
103-
<div class="row">
104-
<div class="col-md-12">
105-
<p><i class="fa fa-copyright"></i> Copyright 2024 by Brain Bazaar
106-
| Design: <a href="https://www.instagram.com/thesurajshankhpal" rel="sponsored" target="_parent">Suraj Shankhpal</a> |
107-
<a rel="nofollow" href="https://www.instagram.com/sohamdeshmukh_07/" target="_parent">Soham Deshmukh</a> |
108-
<a rel="nofollow" href="https://www.instagram.com/varun_pingle.007/" target="_parent">Varun Pingle</a> |
109-
<a rel="nofollow" href="https://www.instagram.com/02_sahhhilll/" target="_parent">Sahil Sangle</a>
110-
</p>
111-
</div>
112-
</div>
113-
</div>
114-
</footer>
19+
<script src="../../loadfooter.js"></script>
11520

116-
<!-- Add other scripts as needed -->
117-
<!-- Scripts -->
118-
<!-- Bootstrap core JavaScript -->
119-
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
120-
<script src="vendor/jquery/jquery.min.js"></script>
121-
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
122-
<script src="assets/js/isotope.min.js"></script>
123-
<script src="assets/js/owl-carousel.js"></script>
124-
<script src="assets/js/lightbox.js"></script>
125-
<script src="assets/js/tabs.js"></script>
126-
<script src="assets/js/video.js"></script>
127-
<script src="assets/js/slick-slider.js"></script>
128-
<script src="assets/js/custom.js"></script>
129-
<script>
130-
//according to loftblog tut
131-
$('.nav li:first').addClass('active');
132-
133-
var showSection = function showSection(section, isAnimate) {
134-
var
135-
direction = section.replace(/#/, ''),
136-
reqSection = $('.section').filter('[data-section="' + direction + '"]'),
137-
reqSectionPos = reqSection.offset().top - 0;
138-
139-
if (isAnimate) {
140-
$('body, html').animate({
141-
scrollTop: reqSectionPos },
142-
800);
143-
} else {
144-
$('body, html').scrollTop(reqSectionPos);
145-
}
146-
147-
};
148-
149-
var checkSection = function checkSection() {
150-
$('.section').each(function () {
151-
var
152-
$this = $(this),
153-
topEdge = $this.offset().top - 80,
154-
bottomEdge = topEdge + $this.height(),
155-
wScroll = $(window).scrollTop();
156-
if (topEdge < wScroll && bottomEdge > wScroll) {
157-
var
158-
currentId = $this.data('section'),
159-
reqLink = $('a').filter('[href*=\\#' + currentId + ']');
160-
reqLink.closest('li').addClass('active').
161-
siblings().removeClass('active');
162-
}
163-
});
164-
};
165-
166-
$('.main-menu, .scroll-to-section').on('click', 'a', function (e) {
167-
if($(e.target).hasClass('external')) {
168-
return;
169-
}
170-
e.preventDefault();
171-
$('#menu').removeClass('active');
172-
showSection($(this).attr('href'), true);
173-
});
174-
175-
$(window).scroll(function () {
176-
checkSection();
177-
});
178-
</script>
17921

18022
</body>
18123
</html>

‎departments/computer/comp.css

+2
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@
33
body {
44
font-family: 'Montserrat', sans-serif;
55
background-color: #24273A;
6+
margin: 0%;
7+
padding: 0%;
68
}
79

810
/* Basic */

‎departments/computer/computer.html

+21-160
Original file line numberDiff line numberDiff line change
@@ -1,91 +1,8 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
3+
<link rel="stylesheet" href="comp.css">
44
<head>
5-
<meta charset="utf-8">
6-
<meta name="viewport" content="width=device-width,initial-scale">
7-
<meta charset="utf-8">
8-
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9-
<meta name="description" content="">
10-
<meta name="author" content="">
11-
<link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900"
12-
rel="stylesheet">
13-
<title>Brain Bazaar</title>
14-
<link rel="apple-touch-icon" sizes="180x180" href="../../assets/images/favicon_io/apple-touch-icon.png">
15-
<link rel="icon" type="image/png" sizes="32x32" href="../../assets/images/favicon_io/favicon-32x32.png">
16-
<link rel="icon" type="image/png" sizes="16x16" href="../../assets/images/favicon_io/favicon-16x16.png">
17-
<link rel="manifest" href="../../assets/images/favicon_io/site.webmanifest">
18-
19-
20-
<!-- Social Media Preview -->
21-
22-
<meta property="og:title" content="Brain Bazaar - Your One-Stop Destination for PRECISE STUDY MATERIAL" />
23-
<meta property="og:description"
24-
content="Brain Bazaar offers PRECISE STUDY MATERIAL including MICROPROJECTS, QUESTION BANKS, QUESTIONAIRE, and more. Visit us today and score the maximum in your exams!" />
25-
<meta property="og:image" content="https://www.brainbazaar.in/assets/images/webpre.jpg" />
26-
<meta property="og:url" content="https://www.brainbazaar.in" />
27-
<meta name="twitter:card" content="summary_large_image" />
28-
<meta name="twitter:title" content="Brain Bazaar - Your One-Stop Destination for PRECISE STUDY MATERIAL" />
29-
<meta name="twitter:description"
30-
content="Brain Bazaar offers PRECISE STUDY MATERIAL including MICROPROJECTS, QUESTION BANKS, QUESTIONAIRE, and more. Visit us today and score the maximum in your exams!" />
31-
<meta name="twitter:image" content="https://www.brainbazaar.in/assets/images/webpre.jpg" />
32-
<meta name="twitter:url" content="https://www.brainbazaar.in" />
33-
<meta property="linkedin:title" content="Brain Bazaar - Your One-Stop Destination for PRECISE STUDY MATERIAL" />
34-
<meta property="linkedin:description"
35-
content="Brain Bazaar offers PRECISE STUDY MATERIAL including MICROPROJECTS, QUESTION BANKS, QUESTIONAIRE, and more. Visit us today and score the maximum in your exams!" />
36-
<meta property="linkedin:image" content="https://www.brainbazaar.in/assets/images/webpre.jpg" />
37-
<meta property="linkedin:url" content="https://www.brainbazaar.in" />
38-
39-
<!-- Additional meta tags for other platforms -->
40-
<meta property="whatsapp:title" content="Brain Bazaar - Study Material Hub" />
41-
<meta property="whatsapp:description"
42-
content="Get precise study material, microprojects, question banks, and more at Brain Bazaar. Score high in your exams! 📚" />
43-
<meta property="whatsapp:image" content="https://www.brainbazaar.in/assets/images/webpre.jpg" />
44-
45-
<meta property="telegram:title" content="Brain Bazaar - Study Material Hub" />
46-
<meta property="telegram:description"
47-
content="Access precise study material, microprojects, question banks, and more at Brain Bazaar. Achieve academic success! 🚀" />
48-
<meta property="telegram:image" content="https://www.brainbazaar.in/assets/images/webpre.jpg" />
49-
50-
<meta property="snapchat:title" content="Brain Bazaar - Study Material Hub" />
51-
<meta property="snapchat:image" content="https://www.brainbazaar.in/assets/images/webpre.jpg" />
52-
<!-- Snapchat generally uses the image tag for previews -->
53-
54-
<meta property="instagram:title" content="Brain Bazaar - Study Material Hub" />
55-
<meta property="instagram:description"
56-
content="Unlock precise study material, microprojects, question banks, and more at Brain Bazaar. Excel in your exams! 🌟" />
57-
<meta property="instagram:image" content="https://www.brainbazaar.in/assets/images/webpre.jpg" />
58-
59-
<!-- Bootstrap core CSS -->
60-
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
61-
<!-- Additional CSS Files -->
62-
<link rel="stylesheet" href="../../assets/css/fontawesome.css">
63-
<link rel="stylesheet" href="comp.css">
64-
<link rel="stylesheet" href="../../assets/css/owl.css">
65-
<link rel="stylesheet" href="../../assets/css/flex-slider.css">
66-
67-
68-
69-
70-
</head>
71-
72-
<body style="margin: 0; padding: 0;">
73-
<!--header-->
74-
<header class="main-header clearfix" role="header">
75-
<div class="logo">
76-
<a href="../../index.html"><em>Brain</em> Bazaar</a>
77-
</div>
78-
<a href="#" class="menu-link"><i class="fa fa-bars"></i></a>
79-
<nav id="menu" class="main-nav" role="navigation">
80-
<ul class="main-menu">
81-
<li><a href="../../index.html">Home</a></li>
82-
<li><a href="#">Projects</a></li>
83-
<li><a href="#">Contact</a></li>
84-
</ul>
85-
86-
</nav>
87-
</header>
88-
5+
<script src="../../loadheader.js"></script>
896
<!-- Main content for Computer Department page -->
907
<section class="section computer-department" data-section="computer-department">
918
<div class="container">
@@ -100,89 +17,33 @@ <h2>Computer Department</h2>
10017
</section>
10118

10219
<div>
103-
<a href="../computer/I-Scheme.html"><button class="button">I-scheme</button></a>
20+
<a href="I-Scheme.html"><button class="button">I-scheme</button></a>
10421
</div>
10522
<br>
10623
<div>
107-
<a href="../computer/K-Scheme.html"><button class="button">K-scheme</button></a>
24+
<a href="K-Scheme.html"><button class="button">K-scheme</button></a>
10825
</div>
10926

11027
<!-- Include your footer and scripts -->
111-
<footer>
112-
<div class="container">
113-
<div class="row">
114-
<div class="col-md-12">
115-
<p><i class="fa fa-copyright"></i>Copyright 2024 by Brain Bazaar
116-
| Design: <a href="https://www.instagram.com/thesurajshankhpal" rel="sponsored" target="_parent">Suraj Shankhpal</a>
117-
</p>
118-
</div>
119-
</div>
120-
</div>
121-
</footer>
28+
<script src="../../loadfooter.js"></script>
12229

12330
<!-- Add other scripts as needed -->
124-
<!-- Scripts -->
125-
<!-- Bootstrap core JavaScript -->
126-
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
127-
<script src="vendor/jquery/jquery.min.js"></script>
128-
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
129-
<script src="assets/js/isotope.min.js"></script>
130-
<script src="assets/js/owl-carousel.js"></script>
131-
<script src="assets/js/lightbox.js"></script>
132-
<script src="assets/js/tabs.js"></script>
133-
<script src="assets/js/video.js"></script>
134-
<script src="assets/js/slick-slider.js"></script>
135-
<script src="assets/js/custom.js"></script>
136-
<script>
137-
//according to loftblog tut
138-
$('.nav li:first').addClass('active');
139-
140-
var showSection = function showSection(section, isAnimate) {
141-
var
142-
direction = section.replace(/#/, ''),
143-
reqSection = $('.section').filter('[data-section="' + direction + '"]'),
144-
reqSectionPos = reqSection.offset().top - 0;
145-
146-
if (isAnimate) {
147-
$('body, html').animate({
148-
scrollTop: reqSectionPos },
149-
800);
150-
} else {
151-
$('body, html').scrollTop(reqSectionPos);
152-
}
153-
154-
};
155-
156-
var checkSection = function checkSection() {
157-
$('.section').each(function () {
158-
var
159-
$this = $(this),
160-
topEdge = $this.offset().top - 80,
161-
bottomEdge = topEdge + $this.height(),
162-
wScroll = $(window).scrollTop();
163-
if (topEdge < wScroll && bottomEdge > wScroll) {
164-
var
165-
currentId = $this.data('section'),
166-
reqLink = $('a').filter('[href*=\\#' + currentId + ']');
167-
reqLink.closest('li').addClass('active').
168-
siblings().removeClass('active');
169-
}
170-
});
171-
};
172-
173-
$('.main-menu, .scroll-to-section').on('click', 'a', function (e) {
174-
if($(e.target).hasClass('external')) {
175-
return;
176-
}
177-
e.preventDefault();
178-
$('#menu').removeClass('active');
179-
showSection($(this).attr('href'), true);
180-
});
181-
182-
$(window).scroll(function () {
183-
checkSection();
184-
});
185-
</script>
31+
<!-- Scripts -->
32+
<!-- Bootstrap core JavaScript -->
33+
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
34+
<script src="../../vendor/jquery/jquery.min.js"></script>
35+
<script src="../../vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
36+
<script src="../../assets/js/isotope.min.js"></script>
37+
<script src="../../assets/js/owl-carousel.js"></script>
38+
<script src="../../assets/js/lightbox.js"></script>
39+
<script src="../../assets/js/tabs.js"></script>
40+
<script src="../../assets/js/video.js"></script>
41+
<script src="../../assets/js/slick-slider.js"></script>
42+
<script src="../../assets/js/custom.js"></script>
43+
</head>
44+
45+
<body>
18646

18747
</body>
48+
18849
</html>

‎footer.html

+1
Original file line numberDiff line numberDiff line change
@@ -21,5 +21,6 @@
2121
</div>
2222
</div>
2323
</footer>
24+
2425
</body>
2526
</html>

0 commit comments

Comments
 (0)