Skip to content

Commit cb699a9

Browse files
SohamDeshmukh1SohamDeshmukh1
committed
Major Changes (Download Place Created)
1 parent b3b96c0 commit cb699a9

File tree

3 files changed

+576
-199
lines changed

3 files changed

+576
-199
lines changed

‎departments/computer/I-Scheme/Notes.html

+192-67
Original file line numberDiff line numberDiff line change
@@ -12,90 +12,215 @@
1212
integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+"
1313
crossorigin="anonymous"></script>
1414

15-
<style>
16-
.container1 {
17-
display: flex;
18-
justify-content: space-between;
19-
flex-wrap: wrap; /* Allow items to wrap to next line */
20-
}
21-
22-
.card {
23-
width: 30%;
24-
margin-bottom:78px;
25-
margin-top: -12%;
26-
border: 1px solid #ccc;
27-
border-radius: 8px;
28-
overflow: hidden;
29-
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
30-
}
31-
32-
33-
.heading {
34-
font-size: 18px;
35-
margin: 0;
36-
text-align: center;
37-
}
38-
39-
/* Media query for smaller screens */
40-
@media (max-width: 720px) {
41-
.container1 {
42-
flex-direction: column;
43-
}
44-
45-
.card {
46-
width: 80%
47-
}
48-
}
49-
</style>
5015
</head>
5116

5217
<body>
5318
<link rel="stylesheet" href="../../DepartmentMain.css" type="text/css">
5419
<script src="../../../loadheader.js"></script>
55-
5620
<section class="section computer-department" data-section="computer-department">
5721
<div class="container">
5822
<div class="row">
5923
<div class="col-md-12">
6024
<div class="section-heading">
61-
<h2>Computer Department</h2>
25+
<h2>Notes</h2>
6226
</div>
6327
</div>
6428
</div>
6529
</div>
6630
</section>
67-
68-
<div class="container1" style="padding-bottom: 50px;">
69-
<a href="./I-Scheme.html">
70-
<div class="card">
71-
<div class="main-content">
72-
<p class="heading">I - Scheme </p>
73-
</div>
31+
<nav class="navbar" style="margin-top: -60px;">
32+
<div class="container" style="width: 90%;">
33+
<button class="btn btn-outline-light" onclick="scrollToSemester('semester1')">Semester 1</button>
34+
<button class="btn btn-outline-light" onclick="scrollToSemester('semester2')">Semester 2</button>
35+
<button class="btn btn-outline-light" onclick="scrollToSemester('semester3')">Semester 3</button>
36+
<button class="btn btn-outline-light" onclick="scrollToSemester('semester4')">Semester 4</button>
37+
<button class="btn btn-outline-light" onclick="scrollToSemester('semester5')">Semester 5</button>
38+
<button class="btn btn-outline-light" onclick="scrollToSemester('semester6')">Semester 6</button>
39+
</div>
40+
</nav>
41+
<hr>
42+
<div class="container-data" id="semester1">
43+
<div class="card-data">
44+
<div class="main-content">
45+
<p class="heading">Semester 1</p>
46+
<table class="data-table">
47+
<tr >
48+
<td class="td1">Item 1</td>
49+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
50+
</tr>
51+
<tr>
52+
<td class="td1">Item 2</td>
53+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
54+
</tr>
55+
<tr>
56+
<td class="td1">Item 2</td>
57+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
58+
</tr>
59+
<tr>
60+
<td class="td1">Item 2</td>
61+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
62+
</tr>
63+
<tr>
64+
<td class="td1">Item 2</td>
65+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
66+
</tr>
67+
<!-- Add more rows as needed -->
68+
</table>
7469
</div>
75-
</a>
70+
</div>
71+
</div>
72+
<div class="container-data" id="semester2">
73+
<div class="card-data">
74+
<div class="main-content">
75+
<p class="heading">Semester 2</p>
76+
<table class="data-table">
77+
<tr>
78+
<td class="td1">Item 2</td>
79+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
80+
</tr>
81+
<tr>
82+
<td class="td1">Item 2</td>
83+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
84+
</tr>
85+
<tr>
86+
<td class="td1">Item 2</td>
87+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
88+
</tr>
89+
<tr >
90+
<td class="td1">Item 1</td>
91+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
92+
</tr>
93+
<tr>
94+
<td class="td1">Item 2</td>
95+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
96+
</tr>
97+
<tr>
98+
<td class="td1">Item 2</td>
99+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
100+
</tr>
101+
<!-- Add more rows as needed -->
102+
</table>
103+
</div>
104+
</div>
105+
</div>
106+
<div class="container-data" id="semester3">
107+
<div class="card-data">
108+
<div class="main-content">
109+
<p class="heading">Semester 3</p>
110+
<table class="data-table">
111+
<tr >
112+
<td class="td1">Item 1</td>
113+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
114+
</tr>
115+
<tr>
116+
<td class="td1">Item 2</td>
117+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
118+
</tr>
119+
<tr>
120+
<td class="td1">Item 2</td>
121+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
122+
</tr>
123+
<!-- Add more rows as needed -->
124+
</table>
125+
</div>
126+
</div>
127+
</div>
128+
<div class="container-data" id="semester4">
129+
<div class="card-data">
130+
<div class="main-content">
131+
<p class="heading">Semester 4</p>
132+
<table class="data-table">
133+
<tr >
134+
<td class="td1">Item 1</td>
135+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
136+
</tr>
137+
<tr>
138+
<td class="td1">Item 2</td>
139+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
140+
</tr>
141+
<tr>
142+
<td class="td1">Item 2</td>
143+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
144+
</tr>
145+
<!-- Add more rows as needed -->
146+
</table>
147+
</div>
148+
</div>
149+
</div>
150+
<div class="container-data"id="semester5">
151+
<div class="card-data">
152+
<div class="main-content">
153+
<p class="heading">Semester 5</p>
154+
<table class="data-table">
155+
<tr >
156+
<td class="td1">Item 1</td>
157+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
158+
</tr>
159+
<tr>
160+
<td class="td1">Item 2</td>
161+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
162+
</tr>
163+
<tr>
164+
<td class="td1">Item 2</td>
165+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
166+
</tr>
167+
<!-- Add more rows as needed -->
168+
</table>
169+
</div>
170+
</div>
171+
</div>
172+
<div class="container-data"id="semester6">
173+
<div class="card-data">
174+
<div class="main-content">
175+
<p class="heading">Semester 6</p>
176+
<table class="data-table">
177+
<tr >
178+
<td class="td1">Item 1</td>
179+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
180+
</tr>
181+
<tr>
182+
<td class="td1">Item 2</td>
183+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
184+
</tr>
185+
<tr>
186+
<td class="td1">Item 2</td>
187+
<td class="td1"><a href="#"><span class="select-link"> Download </span></a></td>
188+
</tr>
189+
<!-- Add more rows as needed -->
190+
</table>
191+
</div>
192+
</div>
76193
</div>
77-
78-
79-
80-
<script src="../../../loadfooter.js"></script>
81-
82-
83-
<!-- Include your footer and scripts -->
84-
85-
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
86-
<script src="../../../vendor/jquery/jquery.min.js"></script>
87-
<script src="../../../vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
88-
<script src="../../../assets/js/isotope.min.js"></script>
89-
<script src="../../../assets/js/owl-carousel.js"></script>
90-
<script src="../../../assets/js/lightbox.js"></script>
91-
<script src="../../../assets/js/tabs.js"></script>
92-
<script src="../../../assets/js/video.js"></script>
93-
<script src="../../../assets/js/slick-slider.js"></script>
94-
<script src="../../../assets/js/custom.js"></script>
95-
96-
<!-- This place i have called the footer -->
97194

98195

196+
<script src="../../../loadfooter.js"></script>
99197
</body>
100-
101-
</html>
198+
<!-- Include your footer and scripts -->
199+
200+
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
201+
<script src="../../../vendor/jquery/jquery.min.js"></script>
202+
<script src="../../../vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
203+
<script src="../../../assets/js/isotope.min.js"></script>
204+
<script src="../../../assets/js/owl-carousel.js"></script>
205+
<script src="../../../assets/js/lightbox.js"></script>
206+
<script src="../../../assets/js/tabs.js"></script>
207+
<script src="../../../assets/js/video.js"></script>
208+
<script src="../../../assets/js/slick-slider.js"></script>
209+
<script src="../../../assets/js/custom.js"></script>
210+
211+
<!-- This place i have called the footer -->
212+
213+
<script>
214+
function scrollToSemester(semesterId) {
215+
var element = document.getElementById(semesterId);
216+
var offset = element.getBoundingClientRect().top;
217+
var navbarHeight = document.querySelector('.navbar').offsetHeight;
218+
var windowHeight = window.innerHeight;
219+
window.scrollTo({
220+
top: window.pageYOffset + offset - navbarHeight - (windowHeight / 2),
221+
behavior: 'smooth'
222+
});
223+
}
224+
</script>
225+
226+
</html>

0 commit comments

Comments
 (0)