Miniproject Part 2
Miniproject Part 2
ABSTRACT
The project addresses the growing need for a user-friendly and efficient
platform to exchange educational content among diploma students. By
leveraging modern web technologies, the website provides an intuitive
interface for users to navigate, search, and download notes relevant to
their courses. Additionally, robust uploading functionalities enable users
to share their own notes, fostering collaboration and knowledge-sharing
among peers.
Overall, the website for diploma students for downloading and uploading
notes serves as a valuable tool in enhancing the learning experience and
academic success of students pursuing diploma courses. Its
implementation contributes to the advancement of educational
technology, promoting accessibility and collaboration within the
academic community.
INTRODUCTION
OVERVIEW
FRONTEND DEVELOPMENT:
BACKEND DEVELOPMENT:
USER INTERFACE:
1. HOMEPAGE:
At the top, there is a logo representing the brand, accompanied by the
name “Diploma Desk” in white text.
2. NAVIGATION BAR:
DEPARTMENT OF COMPUTER ENGINEERING
4
A horizontal navigation bar spans across the top of the page, offering
several options:
“Home”: Homepage where users can find essential information.
“Courses”: Leads to details about available diploma courses.
“About Us”:Provides information about the organization behind
Diploma Desk.
HOME PAGE
3. COURSES SECTION:
Four diploma courses are prominently displayed:
CE (Computer Engineering)
BME (Biomedical Engineering)
EL (Electronics Engineering)
CHE (Computer Hardware Engineering)
Each course is accompanied by a “Check Syllabus” link.
4. INTERACTIVE ELEMENTS:
Users can explore course syllabus by clicking on the “Check
Syllabus” links.
SUBJECT.HTML
ABOUT US.HTML
DEPLOYMENT
b) Click the “+” icon in the top right corner and select “New
repository.”
c) Name your repository (e.g., my-website).
d) Leave the “Initialize this repository with a README” option
unchecked.
e) Click “Create repository.”
Set Up GitHub Desktop:
a) In GitHub Desktop, click “File” > “Add Local Repository.”
b) Select the folder you created earlier.
c) Click “Add Repository.”
Link Your Local Repository to GitHub:
a) On GitHub Desktop, click “Publish repository.”
b) Choose the repository you created on GitHub.
c) Click “Publish repository.”
Configure GitHub Pages:
a) Go to your GitHub repository on the web.
b) Click “Settings” > “Pages.”
c) Under “Source,” select the branch you want to publish (usually
“main” or “master”).
d) Click “Save.”
Access Your Deployed Website:
a) Your website will be available at
https://spiritseeker341.github.io/DiplomaDesk/
FEATURES:
4. DETAILS:
2. TYPE: : WEBSITE
3. IDE: : VS CODE
CODE STRUCTURE:
HTML:
CSS:
1. .course-header: Styles a header element for a course, setting its
dimensions, border-radius, background color, and alignment.
2. .container-header, .container-header-social, .container-header-
contact: Styles for headers in different sections of the page,
adjusting font size, weight, alignment, and padding.
3. .about-content, .about-pad: Styles for content in the "about"
section, adjusting padding, border-radius, color, and background.
4. .xbot-link, .xbot-link:hover: Styles for links and their hover effects,
specifying color changes on hover.
5. .image-align: Styles for aligning images in the center.
6. .row-margin, .contact-margin: Styles for adjusting margins of
specific elements.
7. .footer: Styles for the footer section, adjusting margin and border.
8. .come-in2: This class defines initial styles for elements that are
targeted to animate. The transform property moves the element
down by 50 pixels initially (translateY(50px)), and the animation
property applies the animation called come-in2, specifying the
duration (0.9 seconds), timing function (ease), and forwards to
keep the final state of the animation after it ends.
JAVASCRIPT:
1. Variable Declaration:
var ‘currentTheme = ""’: Declares a variable currentTheme to
store the current theme of the page.
3. getPageTheme Function:
Checks if the theme is stored in localStorage. If yes, it retrieves it
and assigns it to currentTheme. If not, it sets the theme to "light" in
localStorage and assigns it to currentTheme.
4. setPageTheme Function:
Modifies the DOM based on the current theme.
If the theme is "light", it changes the class of elements with the
class .theme-icon to switch to a moon icon using Bootstrap Icons
classes. Additionally, it sets the body class to "light".
If the theme is not "light", it changes the class of elements with the
class .theme-icon to switch to a sun icon and sets the body class to
"dark".
5. changePageTheme Function:
Handles the theme change action.
Toggles between "light" and "dark" themes by updating the
currentTheme variable.
Updates the theme in localStorage to reflect the change.
Calls the setPageTheme() function to apply the new theme to the
page.
7. Load Syllabus:
Loads the syllabus for the selected subject based on the retrieved
data.
Iterates through the syllabus object and displays unit, title, and
chapters.
CONCLUSION
In conclusion, the project has achieved its objectives of providing a
centralized platform for diploma students to access and download notes.
By leveraging technology and collaborative features, the website aims to
enhance the learning experience and academic performance of diploma
students.
APPENDIX
HTML
INDEX.HTML
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<title>Diploma Desk - Free Notes,for Diploma course</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="Tech" name="keywords" />
<meta content="Diploma Desk - Get High quality Notes" name="description" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="" />
<!--google font-->
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?
family=Montserrat&display=swap" rel="stylesheet" />
gtag('config', 'UA-175250230-2');
</script>
</head>
<style>
body {
min-height: 100vh;
display: flex;
<body class="light">
<nav class="navbar navbar-expand-lg navbar-dark py-md-4 py-sm-2 mr-md-5">
<a class="navbar-brand" href="./">Diploma Desk</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./about.html">About Us</a>
</li>
<li class="nav-item d-lg-none">
<a class="nav-link" onclick="changePageTheme()">Change Theme</a>
</li>
</div>
</nav>
<section class="main_section">
<div class="container-fluid main">
<div class="row" style="margin: 0">
<div class="col-md-6 bg-col order-md-2 come-in2"></div>
</div>
</div>
</div>
</section>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
integrity="sha512-
894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiq
n/+/3e7Jo4EaG7TubfWGUrMQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fak
FPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAy
jUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="./js/main.js"></script>
</html>
COURSE.HTML
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Diploma Desk - Free Notes,for Diploma course</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<link href="https://fonts.googleapis.com/css2?
family=Montserrat&display=swap" rel="stylesheet">
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-
JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ
0Z" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-
awesome/4.7.0/css/font-awesome.min.css"
integrity="sha384-
wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcO
QVnN" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-
[email protected]/font/bootstrap-icons.min.css">
gtag('config', 'UA-175250230-2');
</script>
</head>
<body class="light">
<nav class="navbar navbar-expand-lg navbar-dark my-md-4 my-sm-2 mr-md-
5">
<a class="navbar-brand" href="./">Diploma Desk</a>
<button class="navbar-toggler ml-auto mb-2" style="border:none;"
type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-
controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<li class="nav-item">
<a class="nav-link" href="./about.html">About Us</a>
</li>
</div>
</nav>
<div class="container-fluid main-cont">
<div class="container-fluid">
<h1 class="course-main-header ml-md-4">Courses</h1>
<div class="row">
<div class="col-md-6 col-lg-2 mt-3 come-in">
<a class="course" href="./sub.html?id=CE">
<div class="text-center course-header">
<p>CE</p>
</div>
<div class="course-title come-in2">
Diploma in Computer Engineering
</div>
</a>
<a class="course-syllabus"
href="https://drive.google.com/file/d/1Ahba5m6mNWzScZ0OR9jEIw6ll4pom6p3/
view?usp=sharing"
target="_blank">Check Syllabus</a>
</div>
</div>
</body>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVN
A/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fak
FPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAy
jUar5+76PVCmYl"
crossorigin="anonymous"></script>
<script src="./js/main.js"></script>
</html>
ABOUT.HTML
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Diploma Desk - Free Notes,for Diploma course</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="Tech" name="keywords" />
<meta content="Diploma Desk - Get High quality Notes" name="description" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="" />
<!--google font-->
gtag('config', 'UA-175250230-2');
</script>
</head>
<style>
.social-icon {
font-size: 1.2em;
color: white;
margin-top: 10px;
text-decoration: none;
align-content: center;
}
</style>
<body class="light">
<li class="nav-item">
<a class="nav-link" href="./about.html">About Us</a>
</li>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-md-4 col-sm-12 col-xs-12 come-in">
<div class="row">
<div class="col-12 container-header">ABOUT US</div>
<div class="about-pad mr-3">
<div class="col-12 about-content">
<p>
Every Project developed by us is to learn and have some fun while
creating something new.
We believe in learning by doing as there is no learning without action.
<br /><br />
Being a second year student, me and mates found it real hard to adapt to
the preparation phase
of college examinations. There's a lot to know and a lot to read from
various sources which
bewilders the students. At that moment we realized the need of making
an app and website consisting
of all the possible notes, study materials, book, previous years question
papers, etc at one place
<br /><br />
Therefore we created Diploma Desk: A better way to learn and
prepare for exam easily
</p>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 col-xs-12 my-5 my-md-auto image-align
come-in">
<a class="xbot-link " href="https://github.com/SpiritSeeker341"
target="_blank"><img src="./images/white.png"
class="xbot-logo " alt="xbot logo">
<h1 class="xbotics7">CodeCrafters</h1>
</a>
</div>
<div class="col-md-4 come-in">
<div class=" container-header-social ">SOCIAL MEDIA</div>
<div class="social-link-div">
<a href="https://github.com/SpiritSeeker341" target="_blank"
class="socialmedia-link text-left">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVN
A/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fak
FPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAy
jUar5+76PVCmYl"
crossorigin="anonymous"></script>
<script src="./js/main.js"></script>
</body>
</html>
SUB.HTML
<html lang="en"><head>
<meta charset="utf-8">
<title>Diploma Desk- Free Notes,for Diploma course</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Tech" name="keywords">
<meta content="Diploma Desk - Get High quality Notes"
name="description" />
<meta name="robots" content="index, follow">
<link rel="canonical" href="">
<link href="https://fonts.googleapis.com/css2?
family=Montserrat&display=swap" rel="stylesheet">
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-
JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ
0Z" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-
awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-
wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcO
QVnN" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-
[email protected]/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="./css/sub.css">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/anim.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-
175250230-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-175250230-2');
</script>
<style>
</style></head>
<body class="light">
<nav class="navbar navbar-expand-lg navbar-dark my-md-4 my-sm-2 mr-md-
5">
<a class="navbar-brand" href="./">Diploma Desk</a>
<button class="navbar-toggler ml-auto mb-2" style="border:none;"
type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-
controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle
navigation">
<span class="navbar-toggler-icon"></span>
</button>
<li class="nav-item">
<a class="nav-link" href="./about.html">About Us</a>
</li>
<li class="nav-item d-lg-none">
<a class="nav-link" onclick="changePageTheme()">Change
Theme</a>
</li>
</div>
</nav>
<div class="container-fluid main-cont">
<div class="container-fluid ml-md-2">
</div>
<div class="col-md-6 come-in ml-md-4" id="subjects-cont">
<h1 class="subject-title">
Diploma in Computer Engineering
</h1>
<div class="course-info">
<div class="dropdown sem-drop">
<a id="sem-title" class="dropdown-toggle" href="#"
role="button" data-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">Semester 1</a>
</div>
</div>
<!-- <h3 id="sem-title">
Semester 2
</h3> -->
<h3 class="mx-3">/</h3>
<a id="sem-syllabus" target="_blank"
href="https://sitttrkerala.ac.in/index.php?r=site%2Fdiploma-syllabus-print-
scheme&scheme=REV2021&prog=CT">
Syllabus
</a>
</div>
<a class="subject"
href="https://drive.google.com/drive/folders/1P3tEnst2J3kcurnl7k_iLIMogLhTVXnz
?usp=sharing">
Mathematics – I
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1lLQ18cGHoAserL4usF8iI19GPAvtkz4
Q?usp=sharing">
Applied physics
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1XgB5RiaQqb7v_F1PRVZzXomdW1-
oWKYU?usp=sharing">
Applied Chemistry
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1HJ6nVhxKiQHSPTMvlpURqpmHYGd
juPrf?usp=sharing">
Engineering Graphics
</a> <a class="subject"
href="https://drive.google.com/drive/folders/19Pmge-
vPyRIku4230zGsog_TZcpBhCeN?usp=sharing">
</a>
</a><br>
<h3>Semester 4</h3>
<a class="subject"
href="https://drive.google.com/drive/folders/1ZVjznu1oqLFZt3xPGr5tW4g9P_iLdFT
R?usp=sharing">
Object Oriented Programming
</a> <a class="subject"
href="https://drive.google.com/drive/folders/10TEO1OJ-
L4XhGd8CM4cxU6Am9PC57k2e?usp=sharing">
Computer Communication and Networks
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1EjrgozrGWW3jg4qQiMYAFbAeoOT7
wNlv?usp=sharing">
Data Structures
</a> <a class="subject" href="./notes.html?id=BCA 208">
Data Structures Lab
</a> <a class="subject" href="./notes.html?id=BCA 210">
Computer Networks
</a> <a class="subject"
href="https://drive.google.com/drive/folders/10g1FMMMyXfhN_GnqIhs0wz26SoA
VAzS3?usp=sharing">
Web Programming Lab
</a> <br>
<h3>Semester 5</h3>
<a class="subject"
href="https://drive.google.com/drive/folders/1XOYRnumC_AXZ8m6kX1k-
EQG6IOPRVsn3?usp=sharing">
Project Management and Software Engineering
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1g8TUcw44nsi3hqLqMNgO2f75RadZd
MyQ?usp=sharing">
Embedded System and Real time Operating System
</a><br>
<h3>Semester 6</h3>
<a class="subject"
href="https://drive.google.com/drive/folders/1wteMHCuBJ5uxCDqfsDR5qjX6sBM9l
SGW?usp=sharing">
Entrepreneurship and Startup
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1GtGtySPFxLh6_PPe7vIwq5jYaQvgmC
qO?usp=sharing">
Internet of Things
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1gboezBNTBOyRQtxFIwgRt1rGZZb6vi
jG?usp=sharing">
Server Administration
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1avU4LyBgLvtEcMRrubnJIdugYv8tbH
OB?usp=sharing">
Software Testing
</div>
</body></html>
SUB2.HTML
<html lang="en"><head>
<meta charset="utf-8">
<title>Diploma Desk - Free Notes,for Diploma course</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Tech" name="keywords">
<meta content="Diploma Desk - Get High quality Notes"
name="description" />
<meta name="robots" content="index, follow">
<link rel="canonical" href="">
<link href="https://fonts.googleapis.com/css2?
family=Montserrat&display=swap" rel="stylesheet">
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-
JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ
0Z" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-
awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-
wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcO
QVnN" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-
[email protected]/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="./css/sub.css">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/anim.css">
gtag('config', 'UA-175250230-2');
</script>
<style>
</style></head>
<body class="light">
<nav class="navbar navbar-expand-lg navbar-dark my-md-4 my-sm-2 mr-md-
5">
<a class="navbar-brand" href="./">Diploma Desk</a>
<button class="navbar-toggler ml-auto mb-2" style="border:none;"
type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-
controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle
navigation">
<span class="navbar-toggler-icon"></span>
</button>
<li class="nav-item">
<a class="nav-link" href="./about.html">About Us</a>
</li>
<li class="nav-item d-lg-none">
<a class="nav-link" onclick="changePageTheme()">Change
Theme</a>
</li>
</div>
</nav>
<div class="container-fluid main-cont">
<div class="container-fluid ml-md-2">
</div>
<div class="col-md-6 come-in ml-md-4" id="subjects-cont">
<h1 class="subject-title">
Diploma in Biomedical Engineering
</h1>
<div class="course-info">
<div class="dropdown sem-drop">
<a id="sem-title" class="dropdown-toggle" href="#"
role="button" data-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">Semester 1</a>
</div>
</div>
<!-- <h3 id="sem-title">
Semester 2
</h3> -->
<h3 class="mx-3">/</h3>
<a id="sem-syllabus" target="_blank"
href="https://sitttrkerala.ac.in/index.php?r=site%2Fdiploma-syllabus-print-
scheme&scheme=REV2021&prog=BM">
Syllabus
</a>
</div>
<a class="subject"
href="https://drive.google.com/drive/folders/1AZ4zoQpcbgyPNcPQ1tTR0j06e2sLoh
A8?usp=sharing">
Mathematics – I
</a> <a class="subject"
href="https://drive.google.com/drive/folders/18yoCOmeboRslaT2BHzM5nCfVxFNu
ZkEv?usp=sharing">
Applied Chemistry
</a> <a class="subject"
href="https://drive.google.com/drive/folders/19AxJBTeDamvbBi0B5g2kSG1Gm2can
4Vc?usp=sharing">
Engineering Graphics
</a> <a class="subject"
href="https://drive.google.com/drive/folders/19JOBJ-
ltWsaJBg7nlkRPyLlaPxJ5nTdL?usp=sharing">
Engineering Workshop Practice
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1UsJ7fuvzBN2KLacWK2mrmhN1lTok1
4Vp?usp=sharing">
Physics</a><br><br>
<h3> Semester 2</h3>
</a> <a class="subject"
href="https://drive.google.com/drive/folders/19K4Ld2NpWGVvkxBpgPcj6CHmK1A
84U-1?usp=sharing">
Mathematics – II
</a> <a class="subject"
href="https://drive.google.com/drive/folders/19Vmj-
oRj6qkYtBMkA5Erjf4aQjo8GnN2?usp=sharing">
Applied Physics II
</a> <a class="subject"
href="https://drive.google.com/drive/folders/19_H5G2lZN_BJlXi-
vUvgGXyzhTZuh6Ip?usp=sharing">
Environmental Science
</a> <a class="subject"
href="https://drive.google.com/drive/folders/19dl4nWmhK8IIDcbSlbr-
d_nPXIqlRZVr?usp=sharing">
Fundamentals of Electrical & Electronics Engineering
<a class="subject"
href="https://drive.google.com/drive/folders/13hwoJ3rG90vZTn9JbpJXRQg9OaAlI_
e-?usp=sharing">
Linear Integrated Circuits
</a> <a class="subject"
href="https://drive.google.com/drive/folders/13oQwxrVl7tQvxMIiZEORcpASM2H6
HpeP?usp=sharing">
Microcontroller and Applications
</a></div>
</div>
</div>
</div>
</body></html>
SUB3.HTML
<html lang="en"><head>
<meta charset="utf-8">
<title>Diploma Desk - Free Notes,for Diploma course</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Tech" name="keywords">
<meta content="Diploma Desk - Get High quality Notes"
name="description" />
<meta name="robots" content="index, follow">
<link rel="canonical" href="">
<link href="https://fonts.googleapis.com/css2?
family=Montserrat&display=swap" rel="stylesheet">
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-
JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ
0Z" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-
awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-
wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcO
QVnN" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-
[email protected]/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="./css/sub.css">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/anim.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-
175250230-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-175250230-2');
</script>
<style>
</style></head>
<body class="light">
<nav class="navbar navbar-expand-lg navbar-dark my-md-4 my-sm-2 mr-md-
5">
<a class="navbar-brand" href="./">Diploma Desk</a>
<button class="navbar-toggler ml-auto mb-2" style="border:none;"
type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-
controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle
navigation">
<span class="navbar-toggler-icon"></span>
</button>
<li class="nav-item">
<a class="nav-link" href="./about.html">About Us</a>
</li>
<li class="nav-item d-lg-none">
<a class="nav-link" onclick="changePageTheme()">Change
Theme</a>
</li>
</div>
</nav>
<div class="container-fluid main-cont">
<div class="container-fluid ml-md-2">
</div>
<div class="col-md-6 come-in ml-md-4" id="subjects-cont">
<h1 class="subject-title">
Diploma in Electronics Engineering
</h1>
<div class="course-info">
<div class="dropdown sem-drop">
<a id="sem-title" class="dropdown-toggle" href="#"
role="button" data-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">Semester 1</a>
</a> <br>
<h3>Semester 5</h3>
<a class="subject"
href="https://drive.google.com/drive/folders/17QYcRQXlYXFocEyzrU9fnCSSlyfvrJ
TC?usp=sharing">
</div>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="./js/main.js"></script>
<script src="./js/sub.js"></script>
</body></html>
SUB4.HTML
<html lang="en"><head>
<meta charset="utf-8">
<title>Diploma Desk - Free Notes,for Diploma course</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Tech" name="keywords">
<meta content="Diploma Desk - Get High quality Notes"
name="description" />
<meta name="robots" content="index, follow">
<link rel="canonical" href="">
<link href="https://fonts.googleapis.com/css2?
family=Montserrat&display=swap" rel="stylesheet">
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-
JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ
0Z" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-
awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-
wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcO
QVnN" crossorigin="anonymous">
gtag('config', 'UA-175250230-2');
</script>
<style>
</style></head>
<body class="light">
<nav class="navbar navbar-expand-lg navbar-dark my-md-4 my-sm-2 mr-md-
5">
<a class="navbar-brand" href="./">Diploma Desk</a>
<button class="navbar-toggler ml-auto mb-2" style="border:none;"
type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-
controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle
navigation">
<span class="navbar-toggler-icon"></span>
</button>
<li class="nav-item">
<a class="nav-link" href="./about.html">About Us</a>
</li>
<li class="nav-item d-lg-none">
<a class="nav-link" onclick="changePageTheme()">Change
Theme</a>
</li>
</div>
</nav>
<div class="container-fluid main-cont">
<div class="container-fluid ml-md-2">
</div>
<div class="col-md-6 come-in ml-md-4" id="subjects-cont">
<h1 class="subject-title">
Diploma in Computer Hardware Engineering
</h1>
<div class="course-info">
<div class="dropdown sem-drop">
<a id="sem-title" class="dropdown-toggle" href="#"
role="button" data-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">Semester 1</a>
</div>
<!-- <h3 id="sem-title">
Semester 2
</h3> -->
<h3 class="mx-3">/</h3>
<a id="sem-syllabus" target="_blank"
href="https://sitttrkerala.ac.in/index.php?r=site%2Fdiploma-syllabus-print-
scheme&scheme=REV2021&prog=CM">
Syllabus
</a>
</div>
<a class="subject"
href="https://drive.google.com/drive/folders/19iihuBFVrM2u3M5-
soXdMpTkmd0b3XNw?usp=sharing">
Mathematics – I
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1A0Nv4L4ftFGpMvf69oPypZGu0llrMU
9H?usp=sharing">
Applied Physics I
</a> <a class="subject"
href="https://drive.google.com/drive/folders/19vy9SwRQCNlcZjhkFS-
OGWDYD6GujqHp?usp=sharing">
Applied Chemistry
</a> <a class="subject"
href="https://drive.google.com/drive/folders/19zNaSBf6KXnH24UytadhoVx6Q1eeh
wV1?usp=sharing">
Engineering Graphics
</a> <a class="subject"
href="https://drive.google.com/drive/folders/19za2R135i9hTQPxJ45CooI6PVgtoSM
kC?usp=sharing">
Engineering Workshop Practice</a><br><br>
<h3> Semester 2</h3>
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1ACqGg8L3gkQJ_2MKfuRLEKL_K0iP
ICaB?usp=sharing">
Mathematics – II
<a class="subject"
href="https://drive.google.com/drive/folders/15MeQuYMpmHOpJbB9yN7n-
sYCsE82xkjS?usp=sharing">
Object Oriented Programming
</a> <a class="subject" href="https://drive.google.com/drive/folders/15O-
PkXICQiqglPdn-ai57WnqRANiejBh?usp=sharing">
Computer Networks II
</a> <a class="subject"
href="https://drive.google.com/drive/folders/15OwThtKcjkAEpZSy3a7jHnkFwHYC
UMrI?usp=sharing">
Embedded System and Real time Operating System
</a> <a class="subject"
href="https://drive.google.com/drive/folders/15QekyeFscHL3cg0E_9pytauvOFXpwd
NQ?usp=sharing">
Community Skills in Indian knowledge system
</a> <br>
<h3>Semester 5</h3>
<a class="subject"
href="https://drive.google.com/drive/folders/15TEwFm6R2ZW0g0c2cgfZqrycemwK
MbIH?usp=sharing">
Project Management and Software Engineering
</a> <a class="subject"
href="https://drive.google.com/drive/folders/15U6xDer9ovcGgUeawpA9zWPgUt14T
yZA?usp=sharing">
Internet of Things
</a> <a class="subject"
href="https://drive.google.com/drive/folders/15XJNaomBlRtSJueyu_z59WYCxL4If
KOY?usp=sharing">
Operating System
</a> <a class="subject"
href="https://drive.google.com/drive/folders/15YT9HrxwKj6SgUPVG2rsSg-
JBbx6efPW?usp=sharing">
Virtualisation Technology and Cloud Computing
</a> <a class="subject"
href="https://drive.google.com/drive/folders/15acDsBtjQ82sdQx08E53pRYrO9aClm
-8?usp=sharing">
Web programming
</a></div>
</div>
</div>
</div>
</body></html>
CSS
aboutStyle.cc
.course-header {
height: 150px;
width: 150px;
border-radius: 150px;
margin: auto;
line-height: 150px;
font-size: 2.5em;
.course-title {
text-align: center;
margin-top: 10px;
}
.container-header {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 1.5em;
font-weight: 500;
padding-left: 65px;
text-align: left;
}
.container-header-social {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 1.5em;
font-weight: 500;
padding-right: 65px;
text-align: right;
}
.container-header-contact {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 1.5em;
font-weight: 500;
padding-right: 80px;
text-align: right;
}
.about-content {
font-size: 1.1em;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 100px;
border: transparent;
border-radius: 20px;
color: white;
background: rgba(255, 255, 255, 0.1);
margin-top: 5px;
}
.about-pad {
padding-left: 60px;
}
.xbot-link{
color: white;
}
.xbot-link:hover {
color: white;
}
.xbot-logo {
width: 35%;
}
.xbotics7 {
.image-align {
text-align: center;
margin-top: auto;
margin-bottom: auto;
}
.socialmedia-link {
margin-top: 10px;
border: transparent;
border-radius: 10px;
color: white;
background: rgba(255, 255, 255, 0.1);
display: block;
max-width: 300px;
font-size: 1.2em;
padding: 20px;
margin-left: auto;
}
.socialmedia-link:hover {
text-decoration: none;
color: white;
transform: scale(1.05);
}
.social-link-div {
margin-right: 65px;
}
.row-margin {
margin-top: 10px;
}
.contact-margin {
margin-top: 50px;
}
.footer {
margin-top: 200px;
border: 1px solid black;
}
.sociall {
border: 1px solid black;
}
.link-align-center {
padding-top: 11px;
padding-left: 10px;
}
.made-love {
margin-top: 20px;
margin-right: 80px;
padding-bottom: 20px;
text-align: right;
justify-content: flex-end;
}
.fixed-bottom {
margin-bottom: 10px;
}
anim.css
.come-in2 {
transform: translateY(50px);
animation: come-in2 0.9s ease forwards;
.come-in2:nth-child(odd) {
animation-duration: 0.7s;
}
@keyframes come-in2 {
to {
transform: translateY(0);
}
}
Course.css
body {
/* background-image: linear-gradient(to right, #578FA8 , #152F41); */
color: white;
background-image: url("../images/pattern_bg.svg") !important;
font-family: 'Montserrat', sans-serif;
background-size: cover;
background-color: var(--main-bg2);
background-blend-mode: luminosity;
}
.course-header {
height: 150px;
width: 150px;
border-radius: 150px;
margin: auto;
line-height: 150px;
font-size: 2.5em;
background-color: rgb(255, 255, 255, 20%);
.course-title {
text-align: center;
margin-top: 10px;
}
.course-main-header {
text-align: center;
font-weight: 600;
}
.course {
text-decoration: none;
color: white;
}
.course:hover {
text-decoration: none;
color: white;
}
.course:hover>.course-header {
background-color: rgb(255, 255, 255, 10%);
transform: scale(1.1);
}
.course-syllabus {
text-decoration: none;
display: block;
color: white;
width: 100%;
max-width: 70%;
background-color: rgb(255, 255, 255, 15%);
transition: all .3s ease-out;
height: 50px;
padding-top: 15px;
margin-top: 15px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
text-align: center;
border-radius: 5px;
font-size: 1em;
}
.course-syllabus:hover {
text-decoration: none;
color: white;
background-color: rgb(255, 255, 255, 10%);
transform: scale(1.05);
}
.main-cont {
display: flex;
flex-direction: column;
min-height: calc(100vh - 62px);
}
/* Desktop CSS */
.dark {
--card-bg: #2b2b2b;
--main-bg1: #212529;
--main-bg2: #212529;
--textColor: white;
--textHoverColor: #b2b2b2;
--bt-bg: rgba(36, 36, 36, 0.541);
}
*{
margin: 0;
padding: 0;
box-sizing: border-box;
body {
background-image: linear-gradient(to right, var(--main-bg1), var(--main-bg2));
color: white;
font-family: 'Montserrat', sans-serif;
height: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
}
a{
cursor: pointer;
}
.navbar-brand {
padding-left: 50px;
}
.navbar-nav>li {
padding-left: 15px;
padding-right: 15px;
}
.main_section {
display: flex;
flex-flow: column nowrap;
min-height: auto;
flex: 1;
}
.main {
flex: 1;
}
.bg-col {
padding-bottom: 35%;
/* min-height:50vh; */
background: url(../images/nomtes_home.svg);
background-size: cover;
margin-left: -20px;
}
.navbar-nav .active>.nav-link {
border: 1px rgb(21, 209, 209) solid;
border-radius: 5px;
}
#nomtes {
margin-top: -80px;
font-size: 6em;
font-weight: bold;
text-align: center
}
#innertext {
margin-top: -15px;
}
.btn {
border: transparent;
padding: 20px;
font-size: 1.5em;
width: 100%;
max-width: 280px;
border: transparent;
border-radius: 50px;
color: white;
background: rgba(255, 255, 255, 0.1);
transition: all .3s ease-out;
box-shadow: 0px 5px 20px 2px #00000017;
}
.btn:hover {
transform: scale(1.05);
color: var(--textHoverColor);
}
.btnAndroid {
border: transparent;
width: 280px;
padding: 20px;
border: transparent;
border-radius: 50px;
color: white;
background: rgba(255, 255, 255, 0.1);
box-shadow: 0px 5px 20px 2px #00000017;
transition: all .3s ease-out;
}
.btnAndroid:hover {
color: var(--textHoverColor);
text-decoration: none;
transform: scale(1.05);
}
.bi {
margin: auto;
}
.btn-theme {
text-decoration: none;
font-size: 1.2em;
display: inline-flex;
width: 40px;
height: 40px;
margin-left: 8px;
border-radius: 40px;
background-color: var(--card-bg);
color: var(--textColor);
}
.btn-theme:hover {
color: var(--textColor);
transform: scale(1.05);
}
.social-icon {
font-size: 1.2em;
color: white;
margin-top: 20px;
text-decoration: none;
transition: all .3s ease-out;
.social-icon>i, .social-icon>img {
transition: all .3s ease-out;
}
.social-icon:hover {
text-decoration: none;
color: white;
}
.social-icon:hover>i, .social-icon:hover>img {
transform: scale(1.2);
}
.social-parent {
margin-top: auto;
margin-left: auto;
margin-right: auto;
}
.come-in {
transform: translateY(150px);
animation: come-in 0.7s ease forwards;
}
.come-in:nth-child(odd) {
animation-duration: 0.5s;
}
@keyframes come-in {
to {
transform: translateY(0);
}
}
/* Mobile CSS */
padding-left: 54px;
}
.main_section {
display: flex;
flex-direction: column;
min-height: 90vh;
}
.pos {
margin-top: auto;
margin-left: auto;
margin-right: auto;
}
.nomtes_icon {
height: 150px;
margin-bottom: 30px;
margin-top: -20px;
}
#nomtes {
/* margin-top: 150px ; */
font-size: 4em;
font-weight: bold;
text-align: center
}
.fixed-bottom {
position: static !important;
}
body {
background-image: linear-gradient( var(--main-bg1), var(--main-bg2));
}
}
/* Desktop CSS */
.subject-title {
font-weight: 600;
}
.subject {
text-decoration: none;
display: block;
color: white;
width: 100%;
max-width: 60%;
.subject:nth-child(3) {
margin-top: 25px;
border-radius: 10px 10px 0 0;
border-top: none;
}
.subject:last-child {
border-radius: 0 0 10px 10px;
}
.subject:hover {
text-decoration: none;
color: white;
background-color: rgb(255, 255, 255, 10%);
transform: scale(1.05);
}
.main-cont {
display: flex;
flex-direction: column;
min-height: calc(100vh - 62px);
}
.course-info {
margin-top: 20px;
display: flex;
}
.course-info>* {
font-size: 1.3em;
}
#sem-syllabus {
margin-top: -5px;
color: white;
}
#sem-syllabus:hover {
color: white;
}
.sub-img {
padding-bottom: 39%;
background: url(../images/sub5.svg);
background-size: cover;
margin-top: -30px;
margin-left: -70px;
opacity: 0.7;
}
.sem-drop {
margin-top: -5px;
}
#sem-title {
color: white;
text-decoration: none;
border: 1px rgb(21, 209, 209) solid;
border-radius: 5px;
padding: 5px 18px;
font-size: 0.8em;
}
#sem-title:hover {
color: white;
text-decoration: none;
}
.sem-drop-menu {
padding: 0;
border: 0;
}
.sem-drop-menu .dropdown-item:nth-child(6) {
border: 0;
}
.sem-drop-menu .dropdown-item {
display: flex;
justify-content: center;
padding: 10px 60px;
border-bottom: 1px solid #ebebebb8;
}
/* Desktop CSS */
/* Mobile CSS */
.sem-drop .dropdown-menu {
display: none;
}
.sem-drop:hover {}
.sem-drop:hover .dropdown-menu {
display: block;
}
.sem-drop .dropdown-menu {
margin-top: -5px;
}
}
Javascript
Main.js
function getPageTheme() {
if (localStorage.getItem("theme") !== null) {
currentTheme = localStorage.getItem("theme")
} else {
localStorage.setItem("theme", "light");
currentTheme = "light"
}
function setPageTheme(theme) {
if (theme === 'light') {
$(".theme-icon").removeClass("bi-sun").addClass("bi-moon")
}
else {
$(".theme-icon").removeClass("bi-moon").addClass("bi-sun")
}
$("body").removeClass().addClass(currentTheme);
}
function changePageTheme() {
}
Sub.js
var sem1 = ["BCA 101", "BCA 103", "BCA 105", "BCA 107", "BCA 109"];
var sem2 = ["BCA 102", "BCA 104", "BCA 106", "BCA 108", "BCA 110"];
var sem3 = ["BCA 201", "BCA 203", "BCA 205", "BCA 207", "BCA 209"];
var sem4 = ["BCA 202", "BCA 204", "BCA 206", "BCA 208", "BCA 210"];
var sem5 = ["BCA 301", "BCA 303", "BCA 305", "BCA 307", "BCA 309",
"BCA 311", "BCA 313", "BCA 315"];
var sem6 = ["BCA 302", "BCA 304", "BCA 306", "BCA 308", "BCA 310",
"BCA 312", "BCA 314", "BCA 316"];
var selectedSem = [];
switch (sub_id) {
case "sem1":
selectedSem = sem1;
document.getElementById("sem-title").innerText = "Semester 1";
document.getElementById("sem-syllabus").href =
"https://drive.google.com/file/d/1NHEBDX6abXhIr_LQ9_7bxFPUZaANIRQV/
view";
document.getElementsByClassName("sem-drop-menu")
[0].getElementsByClassName("dropdown-item")[0].className += " active";
break;
case "sem2":
selectedSem = sem2;
document.getElementById("sem-title").innerText = "Semester 2";
document.getElementById("sem-syllabus").href =
"https://drive.google.com/file/d/1z_806K8prZ1XkiHzHJDN1h78YwIflwHt/view";
document.getElementsByClassName("sem-drop-menu")
[0].getElementsByClassName("dropdown-item")[1].className += " active";
break;
case "sem3":
selectedSem = sem3;
document.getElementById("sem-title").innerText = "Semester 3";
document.getElementById("sem-syllabus").href =
"https://drive.google.com/file/d/18Ztc2JiHaPN08dQOLFaCEjebiKSLEorw/view";
document.getElementsByClassName("sem-drop-menu")
[0].getElementsByClassName("dropdown-item")[2].className += " active";
break;
case "sem4":
selectedSem = sem4;
document.getElementById("sem-title").innerText = "Semester 4";
document.getElementById("sem-syllabus").href =
"https://drive.google.com/file/d/13z2ldJHVl6OgvuBfNmJ4qEUcJaYVuLzF/view";
document.getElementsByClassName("sem-drop-menu")
[0].getElementsByClassName("dropdown-item")[3].className += " active";
break;
case "sem5":
selectedSem = sem5;
document.getElementById("sem-title").innerText = "Semester 5";
document.getElementById("sem-syllabus").href =
"https://drive.google.com/file/d/1eTM8sC2TeZkhZbpgdGfqUtVokICH3yeA/view";
document.getElementsByClassName("sem-drop-menu")
[0].getElementsByClassName("dropdown-item")[4].className += " active";
break;
case "sem6":
selectedSem = sem6;
document.getElementById("sem-title").innerText = "Semester 6";
document.getElementById("sem-syllabus").href =
"https://drive.google.com/file/d/1ncmOwCpqmfWrRL2UTg_C5gN7cWB2HJOv/
view";
document.getElementsByClassName("sem-drop-menu")
[0].getElementsByClassName("dropdown-item")[5].className += " active";
break;
default:
selectedSem = sem1;
document.getElementById("sem-title").innerText = "Semester 1";
document.getElementById("sem-syllabus").href =
"https://drive.google.com/file/d/1NHEBDX6abXhIr_LQ9_7bxFPUZaANIRQV/
view";
document.getElementsByClassName("sem-drop-menu")
[0].getElementsByClassName("dropdown-item")[0].className += " active";
break;
}
notesData = data.BCA
// var bruh = data.BCA['BCA 101'];
// console.log(bruh)
// var _count = 0;
// var createRow = true;
// var bruh = '';
// for (var j = 0; j < test.length;) {
// document.getElementById("subjects-cont").innerHTML += bruh;
// }
selectedSem.forEach(function (sub) {
document.getElementById("subjects-cont").innerHTML += ` <a
class="subject" href='./notes.html?id=${sub}'>
${notesData[sub].SubjectName}
</a>`
})
}
)
REFERENCE:
1. https://github.com/SpiritSeeker341/DiplomaDesk
2. ChatGPT, COPILOT, etc
3. Google