0% found this document useful (0 votes)
44 views94 pages

Miniproject Part 2

Uploaded by

Ajay C R
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
44 views94 pages

Miniproject Part 2

Uploaded by

Ajay C R
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 94

1

ABSTRACT

In today's digital age, the accessibility of educational resources plays a


crucial role in facilitating learning processes. This project focuses on the
development of a website tailored specifically for diploma students to
streamline the downloading and uploading of notes. The website serves
as a centralized platform where students can access a wide range of study
materials uploaded by their peers and instructors, while also contributing
their own notes to benefit the academic community.

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.

Through thorough research, systematic methodology, and rigorous


testing, the project ensures the development of a reliable and secure
platform. User feedback and performance evaluations are conducted to
refine the website, ensuring optimal usability and functionality.
Furthermore, the project discusses potential challenges, such as
maintaining data integrity and user privacy, and proposes solutions to
mitigate these issues.

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.

DEPARTMENT OF COMPUTER ENGINEERING


2

INTRODUCTION

In today's rapidly evolving educational landscape, the accessibility of


high-quality learning materials is paramount to the academic success of
students. Diploma programs offer specialized knowledge and practical
skills tailored to specific career paths. However, diploma students often
face challenges in accessing comprehensive study materials pertinent to
their courses. Traditional methods of note-sharing may prove insufficient,
limiting students' ability to supplement their learning effectively.

To address these challenges, our project focuses on the development of a


dedicated website for diploma students, facilitating the downloading and
uploading of course-related notes. This platform aims to streamline the
process of accessing, sharing, and contributing educational resources,
providing diploma students with a centralized repository of study
materials. By offering a user-friendly interface and robust functionalities,
the website seeks to enhance learning outcomes and support the academic
journey of diploma students across various disciplines. Through this
project, we aim to contribute to the advancement of educational
technology and foster collaboration within the diploma student
community.

OVERVIEW

Our project involves developing a website designed for diploma


students. This platform allows students to easily download and upload
course related notes. The website acts as a hub where diploma students
can find a range of study materials and share their own notes to benefit
the academic community. With a user interface and powerful features the
goal of the website is to simplify the process of accessing, sharing and
contributing resources. This will ultimately improve learning outcomes

DEPARTMENT OF COMPUTER ENGINEERING


3

and support the journey of diploma students, in fields. Through this


initiative we aim to overcome the obstacles faced by diploma students in
obtaining study materials while also encouraging collaboration and
knowledge exchange, within the community.
IMPLEMENTATION

FRONTEND DEVELOPMENT:

a) Design the user interface using HTML, CSS, and JavaScript.

b) Implement responsive design to ensure the website is accessible


on various devices.

BACKEND DEVELOPMENT:

Set Up Google Drive


a) Create a folder named diploma programms in google drive.
b) Open the folder and create the necessary diploma courses as
folders.
c) Open the folder and add the semesters for every diploma programs.
d) Create the list of subjects as folders in the drive.
e) Copy the folder link and paste it into the code.
f) If we click on the subjects in the website it will redirect it into the
subject folder there we can download and upload notes.

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.

DEPARTMENT OF COMPUTER ENGINEERING


5

Users can explore course subjects by clicking on different department


icons.
User can select different subjects and download their notes
After clicking on any subjects it will redirect to google drive and
displays the notes if the notes are not present we can upload the notes
by clicking on the plus icon.
COURSE.HTML

SUBJECT.HTML

DEPARTMENT OF COMPUTER ENGINEERING


6

ABOUT US.HTML

DEPLOYMENT

Install GitHub Desktop:


a) Download and install GitHub Desktop.
b) Sign in with your GitHub account.
Install a Text Editor:
a) If you haven’t already, download and install Visual Studio
Code (VS Code).
b) Create a Folder for Your Code:
c) Create a new folder on your local machine where you’ll save
your website code.
Open VS Code:
a) Launch VS Code.
b) Drag and drop the folder you created into VS Code to open it.
Create a New Repository on GitHub:
a) Go to GitHub and log in.

DEPARTMENT OF COMPUTER ENGINEERING


7

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:

1. NOTE UPLOAD AND DOWNLOAD:


 Allow users to upload their notes in file formats, like PDF, DOC
and others so they can easily share them with their peers.
 Provide a seamless download experience for users to access
uploaded notes.

2. COURSE AND SUBJECT CATEGORIES:


DEPARTMENT OF COMPUTER ENGINEERING
8

 Organize uploaded notes into categories based on courses, subjects,


or topics for easy navigation.

3. ACCESSIBILITY AND RESPONSIVE DESIGN:


 Implement responsive design principles to optimize the website's
display and functionality across various devices and screen sizes.

4. DETAILS:

1. LANGUAGE USED: HTML,CSS,JAVASCRIPT

2. TYPE: : WEBSITE

3. IDE: : VS CODE

5. DARK MODE SUPPORT:


 Toggle Dark Mode: Provide a button or switch to enable dark
mode.
 Manual Override: Allow users to manually switch to dark mode
even if their system preference is different.

CODE STRUCTURE:

HTML:

1. <meta content="width=device-width, initial-scale=1.0"


name="viewport" />: This element sets the viewport settings for
the document, which control how the page is displayed on different
devices. In this case, it sets the width to the device width and the
initial scale to 1.0.

DEPARTMENT OF COMPUTER ENGINEERING


9

2. <meta content="Tech" name="keywords" />: This element


provides keywords that describe the content of the document.
These keywords can be used by search engines to index the page.
3. <meta name="robots" content="index, follow" />: This element
specifies the rules for web crawlers (robots) when indexing the
page. In this case, it allows both indexing and following links on
the page.
4. <link rel="canonical" href="">: This element specifies the
canonical URL for the page. It helps search engines determine the
original source of the content when multiple versions of the same
page exist.
5. <link href="images/favicon.ico" rel="icon">: This element sets the
favicon (shortcut icon) for the page. The favicon is displayed in the
browser's address bar and tab.
6. <link href="images/apple-touch-icon.png" rel="apple-touch-
icon">: This element sets the apple touch icon for the page. It is
used when the page is added to the home screen on iOS devices.
7. <link rel="preconnect" href="https://fonts.gstatic.com" />: This
element establishes a connection to the Google Fonts server before
loading the fonts. It helps improve the performance of the page by
reducing the time it takes to load the fonts.
8. <link href="https://fonts.googleapis.com/css2?
display=swap&family=Montserrat" rel="stylesheet" />: This
element loads the Montserrat font from Google Fonts. The font is
used to style the text on the page.
9. <link rel="stylesheet" href="./css/style.css" />: This element loads
the custom CSS file for the website. It contains the styles that are
specific to the Diploma Desk website.
10.<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-
[email protected]/font/bootstrap-icons.min.css">: This element loads
the Bootstrap icons font. It provides a set of icons that can be used
in the website.
11.<script async src="https://www.googletagmanager.com/gtag/js?
id=UA-175250230-2"></script>: This script loads the Google
Analytics tracking code. It is used to track user interactions on the
website and provide insights into user behavior.
12.<body class="light">: This element sets the class of the body
element to "light". This class is likely used to apply specific styles
to the body.

DEPARTMENT OF COMPUTER ENGINEERING


10

13.<nav class="navbar navbar-expand-lg navbar-dark py-md-4 py-sm-


2 mr-md-5">: This element creates the navigation bar for the
website. It is a flex container with a column flow and is set to
expand and grow horizontally.
14.<a class="navbar-brand" href="./">Diploma Desk</a>: This
element creates the brand logo for the website. It includes the text
"Diploma Desk" and sets the href attribute to the home page.
15.<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">: This element creates the button for the
navigation bar's hamburger menu. It is set to expand and grow
horizontal
16.<div class="container-fluid main-cont">: This element creates a
container for the main content of the webpage.

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.

DEPARTMENT OF COMPUTER ENGINEERING


11

9. @keyframes come-in2: This defines the come-in2 animation using


keyframes. It starts from the current state and ends at transform:
translateY(0);, which brings the element back to its original
position.
10..come-in2:nth-child(odd): This targets elements with the class
come-in2 that are odd children of their parent. It adjusts the
animation duration to 0.7 seconds specifically for these elements.
11..course-syllabus:hover: Styles applied when hovering over syllabus
links, adjusting text decoration, color, background color, and scale.
12..course-second-cont: Styles for another section of course-related
content, adjusting font size and using flexbox for layout.
13..notesBtn: Styles for buttons related to course notes, setting text
decoration, display, color, width, background color, padding, text
alignment, font size, transition effect, and border radius.
14..notesPopBtn: Styles for buttons related to course notes, similar
to .notesBtn but with a different background color.
15..sub-drop: Styles for a dropdown menu, adjusting margin and text
alignment.
16..modal-content, .modal-header: Styles for modal content and
header, adjusting background color, border, and padding.
17.::-webkit-scrollbar, ::-webkit-scrollbar-track, ::-webkit-scrollbar-
thumb, ::-webkit-scrollbar-thumb:hover: Styles for scrollbar
appearance and behavior in WebKit browsers.
18.@media (max-width: 768px): Media query for screens with a
maximum width of 768 pixels, adjusting styles for mobile view,
including centering course title, adjusting text alignment, margins,
and layout for various elements.
19..buttonStyle: Styles for elements with the class buttonStyle,
including background color, border, border radius, margins,
padding, font size, and transition effect on hover.

JAVASCRIPT:

DEPARTMENT OF COMPUTER ENGINEERING


12

1. Variable Declaration:
 var ‘currentTheme = ""’: Declares a variable currentTheme to
store the current theme of the page.

2. Document Ready Function:


 Uses jQuery's $(document).ready() function to execute code once
the DOM is fully loaded.
 Calls the getPageTheme() function to retrieve the current theme
from localStorage.
 Calls the setPageTheme() function to apply the retrieved theme.

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.

6. Determine Semester and Subject Information:


 Determines the semester and subject information based on the
subject ID.
 Updates the page title and displays the subject code and title.
Retrieves subject-specific data from a JSON file using AJAX.

DEPARTMENT OF COMPUTER ENGINEERING


13

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.

TESTING AND RESULT

DEPARTMENT OF COMPUTER ENGINEERING


14

DEPARTMENT OF COMPUTER ENGINEERING


15

DEPARTMENT OF COMPUTER ENGINEERING


16

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="" />

<link href="images/favicon.ico" rel="icon">


<link href="images/apple-touch-icon.png" rel="apple-touch-icon">

<!--google font-->
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?
family=Montserrat&display=swap" rel="stylesheet" />

DEPARTMENT OF COMPUTER ENGINEERING


17

<!-- Bootstrap CSS -->


<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="./css/style.css" />


<link rel="stylesheet" href="./css/anim.css">

<!-- icon library -->


<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-
[email protected]/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.7.0/css/font-awesome.min.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>

</head>
<style>
body {
min-height: 100vh;
display: flex;

DEPARTMENT OF COMPUTER ENGINEERING


18

flex-flow: column nowrap;


}
</style>

<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>

<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>

<div class="collapse navbar-collapse" id="navbarSupportedContent">


<ul class="navbar-nav ml-auto mt-2 mt-md-0 text-center">
<li class="nav-item text-center">
<a class="nav-link" href="./">Home</a>
</li>

<li class="nav-item dropdown active ">


<a class="nav-link dropdown-toggle" href="./course.html" role="button">
Courses<span class="sr-only">(current)</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./sub.html?id=CE">CE</a>
<a class="dropdown-item" href="./sub2.html?id=BME">BME</a>
<a class="dropdown-item" href="./sub3.html?id=EL">EL</a>
<a class="dropdown-item" href="./sub4.html?
id=CHE">CHE</a>

DEPARTMENT OF COMPUTER ENGINEERING


19

</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>

<a class="btn-theme d-none d-lg-inline-flex" onclick="changePageTheme()"


data-toggle="tooltip"
data-placement="bottom" title="Change theme">
<i class="bi bi-moon theme-icon"></i></a>
</ul>

</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 class="col-md-6 come-in2 d-flex align-items-center flex-column my-


auto">
<img src="images/nomtes_250.png" alt="Nomtes" class="nomtes_icon">
<div id="nomtes">Diploma Desk</div>
<div id="innertext">Notes for Diploma Students</div>
<button class="btn mt-4" onclick="location.href='course.html';">
<i class="fa fa-book pr-2" aria-hidden="true"></i> Courses
</button>

DEPARTMENT OF COMPUTER ENGINEERING


20

</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" />

DEPARTMENT OF COMPUTER ENGINEERING


21

<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="images/favicon.ico" rel="icon">


<link href="images/apple-touch-icon.png" rel="apple-touch-icon">

<link rel="preconnect" href="https://fonts.gstatic.com">

<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/course.css">


<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/anim.css">

<!-- Global site tag (gtag.js) - Google Analytics -->

DEPARTMENT OF COMPUTER ENGINEERING


22

<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>

</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>

<div class="collapse navbar-collapse" id="navbarSupportedContent">


<ul class="navbar-nav ml-auto mt-2 mt-md-0 text-center">
<li class="nav-item text-center">
<a class="nav-link" href="./">Home</a>
</li>

<li class="nav-item dropdown active ">

DEPARTMENT OF COMPUTER ENGINEERING


23

<a class="nav-link dropdown-toggle" href="./course.html"


role="button">
Courses<span class="sr-only">(current)</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./sub.html?
id=CE">CE</a>
<a class="dropdown-item" href="./sub2.html?
id=BME">BME</a>
<a class="dropdown-item" href="./sub3.html?
id=EL">EL</a>
<a class="dropdown-item" href="./sub4.html?
id=CHE">CHE</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>

<a class="btn-theme d-none d-lg-inline-flex"


onclick="changePageTheme()" data-toggle="tooltip"
data-placement="bottom" title="Change theme"><i class="bi bi-
moon theme-icon"></i></a>
</ul>

</div>
</nav>
<div class="container-fluid main-cont">

DEPARTMENT OF COMPUTER ENGINEERING


24

<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 class="col-md-6 col-lg-2 mt-3 come-in">


<a class="course" href="./sub2.html?id=BME">
<div class="text-center course-header">
<p>BME</p>
</div>
<div class="course-title come-in2">
Diploma in BioMedical Engineering
</div>
</a>
<a class="course-syllabus"
href="https://drive.google.com/file/d/1OvRV2FQ3EiQg48YJ9VYy_C18UcGhEQIC/
view?usp=sharing" target="_blank">Check Syllabus</a>
</div>
<div class="col-md-6 col-lg-2 mt-3 come-in">
<a class="course" href="./sub3.html?id=EL">

DEPARTMENT OF COMPUTER ENGINEERING


25

<div class="text-center course-header">


<p>EL</p>
</div>
<div class="course-title come-in2">
Diploma in Electronics Engineering
</div>
</a>
<a class="course-syllabus"
href="https://drive.google.com/file/d/1YJ6MB_Qgnd9f3h25PkPiB7nCh51m8MXP/
view?usp=sharing" target="_blank">Check Syllabus</a>
</div>
<div class="col-md-6 col-lg-2 mt-3 come-in">
<a class="course" href="./sub4.html?id=CHE">
<div class="text-center course-header">
<p>CHE</p>
</div>
<div class="course-title come-in2">
Diploma in Computer Hardware Engineering
</div>
</a>
<a class="course-syllabus"
href="https://drive.google.com/file/d/1JoxuNZxYGc8ji9lzO5Pluq8VlAST9wM_/
view?usp=sharing" target="_blank">Check Syllabus</a>
</div>
</div>
</div>

</div>
</body>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"

integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVN
A/GpGFF93hXpG5KkN"

DEPARTMENT OF COMPUTER ENGINEERING


26

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="" />

<link href="images/favicon.ico" rel="icon">


<link href="images/apple-touch-icon.png" rel="apple-touch-icon">

<!--google font-->

DEPARTMENT OF COMPUTER ENGINEERING


27

<link rel="preconnect" href="https://fonts.gstatic.com">


<link href="https://fonts.googleapis.com/css2?
family=Montserrat&display=swap" rel="stylesheet">

<!-- Bootstrap CSS -->


<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-
JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ
0Z" crossorigin="anonymous">
<!-- icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-
[email protected]/font/bootstrap-icons.min.css">

<link href="./css/aboutStyle.css" rel="stylesheet">


<link href="./css/anim.css" rel="stylesheet">
<link rel="stylesheet" href="./css/style.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>

</head>
<style>
.social-icon {
font-size: 1.2em;

DEPARTMENT OF COMPUTER ENGINEERING


28

color: white;
margin-top: 10px;
text-decoration: none;
align-content: center;
}
</style>

<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>

<div class="collapse navbar-collapse" id="navbarSupportedContent">


<ul class="navbar-nav ml-auto mt-2 mt-md-0 text-center">
<li class="nav-item text-center">
<a class="nav-link" href="./">Home</a>
</li>

<li class="nav-item dropdown active ">


<a class="nav-link dropdown-toggle" href="./course.html" role="button">
Courses<span class="sr-only">(current)</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./semester.html?id=BCA">CE</a>

DEPARTMENT OF COMPUTER ENGINEERING


29

<a class="dropdown-item" href="./semester2.html?


id=BME">BME</a>
<a class="dropdown-item" href="./semester3.html?
id=EL">EL</a>
<a class="dropdown-item" href="./semester4.html?
id=CHE">CHE</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>

<a class="btn-theme d-none d-lg-inline-flex" onclick="changePageTheme()"


data-toggle="tooltip"
data-placement="bottom" title="Change theme"><i class="bi bi-moon
theme-icon"></i></a>
</ul>

</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">

DEPARTMENT OF COMPUTER ENGINEERING


30

<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">

DEPARTMENT OF COMPUTER ENGINEERING


31

<i class="fa fa-github pr-2"></i> GITHUB


</a>
<a href="https://www.instagram.com/xbotics7/" target="_blank" class="
socialmedia-link text-left">
<i class="fa fa-instagram pr-2 "> </i> INSTAGRAM
</a>
<a href="https://twitter.com/xbotics7" target="_blank" class="
socialmedia-link text-left">
<i class="fa fa-twitter pr-2"> </i>TWITTER
</a>
</div>
<div class=" contact-margin container-header-contact">CONTACT
US</div>
<div class="social-link-div">
<a href="[email protected]" target="_blank" class=" socialmedia-
link mailto social text-left">
<i class="fa fa-envelope-o pr-2 "> </i>EMAIL
</a>
</div>
</div>
</div>
</div>
<div class="d-flex fixed-bottom made-love">
Made with love<br>By students of Diploma(2st year)
</div>
<div class="d-flex justify-content-center align-self-center mt-md-3 fixed-bottom
pos">
Copyright 2021: CodeCrafters
</div>

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"

DEPARTMENT OF COMPUTER ENGINEERING


32

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="images/favicon.ico" rel="icon">


<link href="images/apple-touch-icon.png" rel="apple-touch-icon">

DEPARTMENT OF COMPUTER ENGINEERING


33

<link rel="preconnect" href="https://fonts.gstatic.com">

<link href="https://fonts.googleapis.com/css2?
family=Montserrat&amp;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>

DEPARTMENT OF COMPUTER ENGINEERING


34

<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>

<div class="collapse navbar-collapse" id="navbarSupportedContent">


<ul class="navbar-nav ml-auto mt-2 mt-md-0 text-center">
<li class="nav-item text-center">
<a class="nav-link" href="./">Home</a>
</li>

<li class="nav-item dropdown active ">


<a class="nav-link dropdown-toggle" href="./course.html"
role="button">
Courses<span class="sr-only">(current)</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./sub.html?
id=CE">CE</a>
<a class="dropdown-item" href="./sub2.html?
id=BME">BME</a>
<a class="dropdown-item" href="./sub3.html?
id=EL">EL</a>
<a class="dropdown-item" href="./sub4.html?
id=CHE">CHE</a>
</div>
</li>

DEPARTMENT OF COMPUTER ENGINEERING


35

<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>

<a class="btn-theme d-none d-lg-inline-flex"


onclick="changePageTheme()" data-toggle="tooltip" data-placement="bottom"
title="Change theme"><i class="bi bi-moon theme-icon"></i></a>
</ul>

</div>
</nav>
<div class="container-fluid main-cont">
<div class="container-fluid ml-md-2">

<div class="row" style="margin-left: -10px;">


<div class="col-md-6 come-in sub-img order-md-2" style="max-
height: 100px; align-items: center;">

</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>

DEPARTMENT OF COMPUTER ENGINEERING


36

<div class="dropdown-menu sem-drop-menu" aria-


labelledby="sem-title">
<a class="dropdown-item active" href="./sub.html?
id=sem1">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">

DEPARTMENT OF COMPUTER ENGINEERING


37

Engineering Workshop Practice</a><br><br>


<h3> Semester 2</h3>
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1l86YHr5DdL_S71UQvLrawhL08KCrz
yxh?usp=sharing">
Mathematics – II
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1wANsrq_e82LUkkJjZmJWIdwrwndoz
Tjp?usp=sharing">
Applied Physics II
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1167ikjxF0bwjXp7DW2IkBhPGBq20g
mJA?usp=sharing">
Environmental Science
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1ANVV8vDw9ftH7A_6mvYQEcPgjUG
f1AOr?usp=sharing">
Fundamentals of Electrical & Electronics Engineering
</a>
</a>
<h3> Semester 3</h3>
<a class="subject"
href="https://drive.google.com/drive/folders/10qKT1V2c78kL1tOmQsplng5DuA5C
MDjb?usp=sharing">
Computer Organisation
</a> <a class="subject"
href="https://drive.google.com/drive/folders/11ELhfUN5aIBB1g05RdGvO_G_p53Ik
Fv3?usp=sharing">
Programming in C
</a> <a class="subject"
href="https://drive.google.com/drive/folders/11TXRH495yZwOOcITsJ6dRMI3hGwn
3ZsY?usp=sharing">
Database Management Systems
</a> <a class="subject"
href="https://drive.google.com/drive/folders/10zGw42iMk2gKxVh7DJ4bVKpZsIGR
_pSv?usp=sharing">
Digital Computer Fundamentals

DEPARTMENT OF COMPUTER ENGINEERING


38

</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

DEPARTMENT OF COMPUTER ENGINEERING


39

</a> <a class="subject"


href="https://drive.google.com/drive/folders/14HCmbbx9KmE8RlNgAuAMCS10Eh
76xVK1?usp=sharing">
Operating System
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1xo_hPOGKkgjR8aTcs-
EJ7SjKRQ4LwpHc?usp=sharing">
Virtualisation Technology and Cloud Computing
</a> <a class="subject"
href="https://drive.google.com/drive/folders/19rPDqbb2Sryp81asnhRNIXS-
nPGItzAg?usp=sharing">
Ethical Hacking
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1BCwpqmlS7uaj2ELjSoGOSDXha1Oqd
try?usp=sharing">
Fundamentals of Artificial Intelligence and Machine Learning
</a>

</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

DEPARTMENT OF COMPUTER ENGINEERING


40

</a> <a class="subject"


href="https://drive.google.com/drive/folders/10SMF5ADBo6L8rZ6P7EJw1_LmaUm
zrMZY?usp=sharing">
Introduction to 5G
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1EPSQvxqod-Ch-
6Gkn4MJbxSyNnMiA0ra?usp=sharing">
Introduction to IoT
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1nCiP3iPl8OC1AFkz--
A9or0WLXKNCoVe?usp=sharing">
Fundamentals of Web Technology
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1uY8vJEo1fAlqEwfJB-
dPZ7MEcvZRmJOG?usp=sharing">
Cloud Computing
</a></div>
</div>
</div>

</div>

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-


KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/
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="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="./js/main.js"></script>
<script src="./js/sub.js"></script>

</body></html>

DEPARTMENT OF COMPUTER ENGINEERING


41

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="images/favicon.ico" rel="icon">


<link href="images/apple-touch-icon.png" rel="apple-touch-icon">

<link rel="preconnect" href="https://fonts.gstatic.com">

<link href="https://fonts.googleapis.com/css2?
family=Montserrat&amp;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">

DEPARTMENT OF COMPUTER ENGINEERING


42

<!-- 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>

<div class="collapse navbar-collapse" id="navbarSupportedContent">


<ul class="navbar-nav ml-auto mt-2 mt-md-0 text-center">
<li class="nav-item text-center">
<a class="nav-link" href="./">Home</a>
</li>

<li class="nav-item dropdown active ">

DEPARTMENT OF COMPUTER ENGINEERING


43

<a class="nav-link dropdown-toggle" href="./course.html"


role="button">
Courses<span class="sr-only">(current)</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./sub.html?
id=CE">CE</a>
<a class="dropdown-item" href="./sub2.html?
id=BME">BME</a>
<a class="dropdown-item" href="./sub3.html?
id=EL">EL</a>
<a class="dropdown-item" href="./sub4.html?
id=CHE">CHE</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>

<a class="btn-theme d-none d-lg-inline-flex"


onclick="changePageTheme()" data-toggle="tooltip" data-placement="bottom"
title="Change theme"><i class="bi bi-moon theme-icon"></i></a>
</ul>

</div>
</nav>
<div class="container-fluid main-cont">
<div class="container-fluid ml-md-2">

DEPARTMENT OF COMPUTER ENGINEERING


44

<div class="row" style="margin-left: -10px;">


<div class="col-md-6 come-in sub-img order-md-2" style="max-
height: 100px; align-items: center;">

</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 class="dropdown-menu sem-drop-menu" aria-


labelledby="sem-title">
<a class="dropdown-item active" href="./sub.html?
id=sem1">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>

DEPARTMENT OF COMPUTER ENGINEERING


45

<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

DEPARTMENT OF COMPUTER ENGINEERING


46

</a> <a class="subject"


href="https://drive.google.com/drive/folders/19eJ8AG2UqRUyvtUpUnzOp0ynz74xL
7p3?usp=sharing">
Basic Electronics
</a>
<h3> Semester 3</h3>
<a class="subject"
href="https://drive.google.com/drive/folders/13Hza2oP5xMIxbhO_s0foL6hPcsGhfJv
v?usp=sharing">
Basic Medical Sciences
</a> <a class="subject"
href="https://drive.google.com/drive/folders/13O5TZss8Zf2JtpxLvS5ZNSI5j5N_iiF
W?usp=sharing">
Medical Instrumentation
</a> <a class="subject"
href="https://drive.google.com/drive/folders/13RCoTdGYdvNoJ6UPHWa0A-
rPPvZnrw3W?usp=sharing">
Electronic Circuits
</a> <a class="subject"
href="https://drive.google.com/drive/folders/13V215NC7Rr0R1n4wtmvL7PZwCfKL
keAB?usp=sharing">
Digital Electronics
</a> <a class="subject"
href="https://drive.google.com/drive/folders/13YtrElMAevPS4xtj6hkN3HO9eMim2S
PI?usp=sharing">
Electronic Measurements and Instrumentation
</a><br>
<h3>Semester 4</h3>

<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

DEPARTMENT OF COMPUTER ENGINEERING


47

</a> <a class="subject"


href="https://drive.google.com/drive/folders/13tLrSLD3fdWBhhLm_yn1IFFik_l6Yhi
N?usp=sharing">
Therapeutic Equipment
</a> <a class="subject"
href="https://drive.google.com/drive/folders/13zQYhXkjCMBkgJHvgkfGxQhGemY
xoLb0?usp=sharing">
Community Skills in Indian knowledge system
</a> <a class="subject"
href="https://drive.google.com/drive/folders/145RhWZlfQRVralp87_fEqLKgWcw7l
cyw?usp=sharing">
Electric Circuits & Networks
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1Xk6zvnESn1LRwHLrrZY9UCN-
j8t45I9I?usp=sharing">
Linear Integrated Circuits Lab
</a> <br>
<h3>Semester 5</h3>
<a class="subject"
href="https://drive.google.com/drive/folders/148-42NuW-
6OZ9G2zkDhaRPRtcEEjcw4r?usp=sharing">
Industrial Management and Safety
</a> <a class="subject"
href="https://drive.google.com/drive/folders/14CRW3K_3STEetXlgWF3AhgAsqqsn
Cjej?usp=sharing">
Medical Imaging Techniques
</a> <a class="subject"
href="https://drive.google.com/drive/folders/14DZoAvWLvQYdWwWtGTg2p4Khjr
DMAtFt?usp=sharing">
Hospital Systems
</a> <a class="subject"
href="https://drive.google.com/drive/folders/14EKe3jZk3uNLUFJ9pQybAFC0BI6Cn
0nd?usp=sharing">
Embedded Systems
</a> <a class="subject"
href="https://drive.google.com/drive/folders/14I1R4ui4hopQIfcWYZT28ZCnPz2Q05
Z_?usp=sharing">
Analytical Instruments

DEPARTMENT OF COMPUTER ENGINEERING


48

</a> <a class="subject"


href="https://drive.google.com/drive/folders/14MB1fh-
S_KyP__aXvjR_0xGR7RDxSj_u?usp=sharing">
Programming in C
</a> ><br>
<h3>Semester 6</h3>
<a class="subject"
href="https://drive.google.com/drive/folders/14SDpdhh_wqY08ejLTUce_VED895G
FJsY?usp=sharing">
Entrepreneurship and Startup
</a> <a class="subject"
href="https://drive.google.com/drive/folders/16MzV3tSfL2mO-
y0uYo2bbj9OTTPH5Yzr?usp=sharing">
Introduction to 5G
</a> <a class="subject"
href="https://drive.google.com/drive/folders/16NM_etFf8YM3dCQ2GEdWTcAvM
WCmze_O?usp=sharing">
Advanced Medical Instrumentation and Prosthetics
</a> <a class="subject"
href="https://drive.google.com/drive/folders/16O5aaT8b1nVAS6cMtNkaHeMwrG_h
aupg?usp=sharing">
Signals and Systems
</a> <a class="subject"
href="https://drive.google.com/drive/folders/16PlHaTpyoxuMBuY_xx2o4vaDYWJip
JZ7?usp=sharing">
Bio MEMS
</a> <a class="subject"
href="https://drive.google.com/drive/folders/16QlwxinHVa3tCe2BxWg1PbJWHTUT
XpaV?usp=sharing">
Healthcare Informatics
</a> <a class="subject"
href="https://drive.google.com/drive/folders/16ZLqrxHe-
pI9U9CJ1Gj8Fuk3es1zTqbq?usp=sharing">
Rehabilitation Engineering
</a> <a class="subject"
href="https://drive.google.com/drive/folders/16aS2Soi9p_WpUTVtVPcGGjOAyiKDj
o84?usp=sharing">
Biomedical Instrumentation

DEPARTMENT OF COMPUTER ENGINEERING


49

</a></div>
</div>
</div>

</div>

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-


KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/
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="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="./js/main.js"></script>
<script src="./js/sub.js"></script>

</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="images/favicon.ico" rel="icon">


<link href="images/apple-touch-icon.png" rel="apple-touch-icon">

DEPARTMENT OF COMPUTER ENGINEERING


50

<link rel="preconnect" href="https://fonts.gstatic.com">

<link href="https://fonts.googleapis.com/css2?
family=Montserrat&amp;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>

DEPARTMENT OF COMPUTER ENGINEERING


51

<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>

<div class="collapse navbar-collapse" id="navbarSupportedContent">


<ul class="navbar-nav ml-auto mt-2 mt-md-0 text-center">
<li class="nav-item text-center">
<a class="nav-link" href="./">Home</a>
</li>

<li class="nav-item dropdown active ">


<a class="nav-link dropdown-toggle" href="./course.html"
role="button">
Courses<span class="sr-only">(current)</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./sub.html?
id=CE">CE</a>
<a class="dropdown-item" href="./sub2.html?
id=BME">BME</a>
<a class="dropdown-item" href="./sub3.html?
id=EL">EL</a>
<a class="dropdown-item" href="./sub4.html?
id=CHE">CHE</a>
</div>
</li>

DEPARTMENT OF COMPUTER ENGINEERING


52

<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>

<a class="btn-theme d-none d-lg-inline-flex"


onclick="changePageTheme()" data-toggle="tooltip" data-placement="bottom"
title="Change theme"><i class="bi bi-moon theme-icon"></i></a>
</ul>

</div>
</nav>
<div class="container-fluid main-cont">
<div class="container-fluid ml-md-2">

<div class="row" style="margin-left: -10px;">


<div class="col-md-6 come-in sub-img order-md-2" style="max-
height: 100px; align-items: center;">

</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>

DEPARTMENT OF COMPUTER ENGINEERING


53

<div class="dropdown-menu sem-drop-menu" aria-


labelledby="sem-title">
<a class="dropdown-item active" href="./sub.html?
id=sem1">Semester 1</a>
<a class="dropdown-item" href="./sub.html?
id=sem2">Semester 2</a>
<a class="dropdown-item" href="./sub.html?
id=sem3">Semester 3</a>
<a class="dropdown-item" href="./sub.html?
id=sem4">Semester 4</a>
<a class="dropdown-item" href="./sub.html?
id=sem5">Semester 5</a>
<a class="dropdown-item" href="./sub.html?
id=sem6">Semester 6</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=EL">
Syllabus
</a>
</div>
<a class="subject"
href="https://drive.google.com/drive/folders/1AMCdRmpgowNccXw3UioIP_dPXhp
_ZOxv?usp=sharing">
Mathematics – I
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1ARgr0QLQ1P7sWUJnIDvdC_wKTM
UeeKCe?usp=sharing">
Applied Physics I

DEPARTMENT OF COMPUTER ENGINEERING


54

</a> <a class="subject"


href="https://drive.google.com/drive/folders/1ARqpddjpM3Qx1x4hPoxpFXA4_c18t-
rH?usp=sharing">
Applied Chemistry
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1ATi8iQHIvYs3aDDflQ3hkwT6npih4FJ
m?usp=sharing">
Engineering Graphics
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1AeGLAUFICrnZiaFjuAAEhOY4Robu
ZBU4?usp=sharing">
Engineering Workshop Practice</a><br><br>
<h3> Semester 2</h3>
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1AeULVkUSrBvWRfhwOXsNMMWZn
xgT80se?usp=sharing">
Mathematics – II
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1AiZLrrmaBDH-cZUVTtzgqC-
Yo6jfJnaK?usp=sharing">
Applied Physics II
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1An6neCveqvkDJE1XqQ_H0dOwToy
MG-9X?usp=sharing">
Environmental Science
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1At17oe4h4LmPIhsXpnUzv4n2PsouOc
Bq?usp=sharing">
Fundamentals of Electrical & Electronics Engineering
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1AxkPVVM1bxu7_stwnw_DMtQBUXZ
EOgB-?usp=sharing">
Basic Electronics
</a>
<h3> Semester 3</h3>
<a class="subject"
href="https://drive.google.com/drive/folders/16iR0M7ZqCNTbnEoAPuy1bgNBCSn
Qk4Lc?usp=sharing">

DEPARTMENT OF COMPUTER ENGINEERING


55

Electric Circuits & Networks


</a> <a class="subject"
href="https://drive.google.com/drive/folders/16sNSTA5QEmHyAjJSyQKkyV0CWH
QNnDN-?usp=sharing">
Principles of Electronic Communication
</a> <a class="subject"
href="https://drive.google.com/drive/folders/16szTf2uqPfqQH9uI53UN-
M4EoC6UHq2z?usp=sharing">
Electronic Circuits
</a> <a class="subject"
href="https://drive.google.com/drive/folders/16tv5NhUyNe7gxarATu8GVMR5NqS6
XKg0?usp=sharing">
Digital Electronics
</a> <a class="subject"
href="https://drive.google.com/drive/folders/16yvmcD7iALkRzkms-
1CuWgSZu0esw_Lu?usp=sharing">
Fundamentals of C Programming
</a><br>
<h3>Semester 4</h3>

<a class="subject" href="./notes.html?id=BCA 202">


Microcontroller and Applications
</a> <a class="subject" href="./notes.html?id=BCA 204">
Electronic Measurements and Instrumentation
</a> <a class="subject" href="./notes.html?id=BCA 206">
Linear Integrated Circuits
</a> <a class="subject" href="./notes.html?id=BCA 208">
Community Skills in Indian knowledge system
</a> <a class="subject" href="./notes.html?id=BCA 210">

</a> <br>
<h3>Semester 5</h3>
<a class="subject"
href="https://drive.google.com/drive/folders/17QYcRQXlYXFocEyzrU9fnCSSlyfvrJ
TC?usp=sharing">

DEPARTMENT OF COMPUTER ENGINEERING


56

Industrial Management and Safety


</a> <a class="subject"
href="https://drive.google.com/drive/folders/17SpMClYUrRXDlxXYOS5erCfDepfh0
cqa?usp=sharing">
Embedded Systems
</a> <a class="subject"
href="https://drive.google.com/drive/folders/17Zlk0wxiG7Zn80IaS4Jmomkg1wL4qO
1f?usp=sharing">
Industrial Automation
</a> <a class="subject"
href="https://drive.google.com/drive/folders/17crh2oNznKy-
YzhJpSamxOl7nTZKUWNV?usp=sharing">
Optical Communication and Networking
</a> <a class="subject"
href="https://drive.google.com/drive/folders/17d_bWO3ckv_kW7rV0LlSCtiNQU4IN
4Wz?usp=sharing">
Microwave Devices and Radar
</a> <a class="subject"
href="https://drive.google.com/drive/folders/17j4HBn4scWz0C_ty-
1ELXyRn_SSDkyP2?usp=sharing">
Advanced Microprocessors
</a> <a class="subject"
href="https://drive.google.com/drive/folders/17mIi0lqXv_YX_V--oYT-L0-
bgiQ4JZbe?usp=sharing">
Digital Communication
</a><br>
<h3>Semester 6</h3>
<a class="subject"
href="https://drive.google.com/drive/folders/17nR5N0KwbWD9UVdhqmooBSB1ZQ
EnXXK4?usp=sharing">
Entrepreneurship and Startup
</a> <a class="subject"
href="https://drive.google.com/drive/folders/17pI9sCo0rtBFEXkQKl8stopP2RLSQ5y
a?usp=sharing">
Medical Electronics
</a> <a class="subject"
href="https://drive.google.com/drive/folders/184wAZdwyroREuOlqDOTDDReIs_7k
OcKF?usp=sharing">

DEPARTMENT OF COMPUTER ENGINEERING


57

Verilog HDL & Programmable Logic Devices


</a> <a class="subject"
href="https://drive.google.com/drive/folders/18KKUV71Gn1pdcSerj-
B_0hKIXfuJ4KeW?usp=sharing">
Consumer Electronics
</a> <a class="subject"
href="https://drive.google.com/drive/folders/18ObRqhRKUNBecax1uZ3mrAlNcbzq2
a6Q?usp=sharing">
Concepts of IoT
</a> <a class="subject"
href="https://drive.google.com/drive/folders/18aSLxfTIJx-
CqB2c0UmhJdtQMy7WPwrs?usp=sharing">
Contemporary Electronics
</a> <a class="subject"
href="https://drive.google.com/drive/folders/18gdlNG3Q07SdkFe124J-
9BdbhabUijKR?usp=sharing">
Introduction to Hybrid and Electric Vehicles
</a> <a class="subject"
href="https://drive.google.com/drive/folders/18r8Bzi8JlA8P8DizsgU6_TMuWOiKO
TmL?usp=sharing">
Introduction to Multimedia
</a></div>
</div>
</div>

</div>

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-


KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/
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>

DEPARTMENT OF COMPUTER ENGINEERING


58

<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="images/favicon.ico" rel="icon">


<link href="images/apple-touch-icon.png" rel="apple-touch-icon">

<link rel="preconnect" href="https://fonts.gstatic.com">

<link href="https://fonts.googleapis.com/css2?
family=Montserrat&amp;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">

DEPARTMENT OF COMPUTER ENGINEERING


59

<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>

<div class="collapse navbar-collapse" id="navbarSupportedContent">


<ul class="navbar-nav ml-auto mt-2 mt-md-0 text-center">

DEPARTMENT OF COMPUTER ENGINEERING


60

<li class="nav-item text-center">


<a class="nav-link" href="./">Home</a>
</li>

<li class="nav-item dropdown active ">


<a class="nav-link dropdown-toggle" href="./course.html"
role="button">
Courses<span class="sr-only">(current)</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./sub.html?
id=CE">CE</a>
<a class="dropdown-item" href="./sub2.html?
id=BME">BME</a>
<a class="dropdown-item" href="./sub3.html?
id=EL">EL</a>
<a class="dropdown-item" href="./sub4.html?
id=CHE">CHE</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>

<a class="btn-theme d-none d-lg-inline-flex"


onclick="changePageTheme()" data-toggle="tooltip" data-placement="bottom"
title="Change theme"><i class="bi bi-moon theme-icon"></i></a>
</ul>

DEPARTMENT OF COMPUTER ENGINEERING


61

</div>
</nav>
<div class="container-fluid main-cont">
<div class="container-fluid ml-md-2">

<div class="row" style="margin-left: -10px;">


<div class="col-md-6 come-in sub-img order-md-2" style="max-
height: 100px; align-items: center;">

</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 class="dropdown-menu sem-drop-menu" aria-


labelledby="sem-title">
<a class="dropdown-item active" href="./sub.html?
id=sem1">Semester 1</a>
<a class="dropdown-item" href="./sub.html?
id=sem2">Semester 2</a>
<a class="dropdown-item" href="./sub.html?
id=sem3">Semester 3</a>
<a class="dropdown-item" href="./sub.html?
id=sem4">Semester 4</a>
<a class="dropdown-item" href="./sub.html?
id=sem5">Semester 5</a>
<a class="dropdown-item" href="./sub.html?
id=sem6">Semester 6</a>
</div>

DEPARTMENT OF COMPUTER ENGINEERING


62

</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

DEPARTMENT OF COMPUTER ENGINEERING


63

</a> <a class="subject"


href="https://drive.google.com/drive/folders/1ACrjGHK-
waF2KAm4miPhMV3sfUPk3gd8?usp=sharing">
Applied Physics II
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1AEBNaJQci9NM7xrfAKGvy4jJRdG6
NeR5?usp=sharing">
Environmental Science
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1AJynmR7_Io4ES_25_R3_ElK9roAGG
5Dg?usp=sharing">
Fundamentals of Electrical & Electronics Engineering
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1ALK4o79LfR2QaiL_6keG9XXcA1im
Oanu?usp=sharing">
Problem Solving and Programming
</a>
<h3> Semester 3</h3>
<a class="subject"
href="https://drive.google.com/drive/folders/152qzsdSc3qdztnjA2rosEcyvG7dvZ-
Bn?usp=sharing">
Computer System Architecture
</a> <a class="subject"
href="https://drive.google.com/drive/folders/154Ld10HyVYGDvANXGM4m_-
pbxpg35zuA?usp=sharing">
Programming in C
</a> <a class="subject"
href="https://drive.google.com/drive/folders/15GZ2G3rWtzANJAXccfbc98nCpOs90
cwG?usp=sharing">
Computer Networks I
</a> <a class="subject"
href="https://drive.google.com/drive/folders/15KPLkh0OKyVwz2wm9_X9D8ELJfIJ
LTxM?usp=sharing">
Digital Computer Fundamentals
</a> <br>
<h3>Semester 4</h3>

DEPARTMENT OF COMPUTER ENGINEERING


64

<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

DEPARTMENT OF COMPUTER ENGINEERING


65

</a> <a class="subject"


href="https://drive.google.com/drive/folders/15eCgu_QI1r5VZVZwVACbxffEDxOjx
3OE?usp=sharing">
Data structures
</a> <br>
<h3>Semester 6</h3>
<a class="subject"
href="https://drive.google.com/drive/folders/15k2D1AHl7MlhEhEkPc9E9Qr0VqoU2
pBS?usp=sharing">
Entrepreneurship and Startup
</a> <a class="subject"
href="https://drive.google.com/drive/folders/15pPSmQ2MHyiubf14SA08eng7BtaBto
Nh?usp=sharing">
Introduction to 5G
</a> <a class="subject"
href="https://drive.google.com/drive/folders/15zbDRh9G2D8jK--
2cdF76Kciev49RVhZ?usp=sharing">
Fundamentals of Artificial Intelligence & Machine Learning
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1647QGiOI7ofEv1xopFmEA3FmfmWP
56-h?usp=sharing">
Database Management Systems
</a> <a class="subject"
href="https://drive.google.com/drive/folders/1674wCYXDPQSyr0aCEPTNkdgijZLW
TVNd?usp=sharing">
Introduction to IoT
</a> <a class="subject"
href="https://drive.google.com/drive/folders/167I8Jf21CqOCbmRrDM92NG3f55Z3q
yjI?usp=sharing">
Multimedia
</a> <a class="subject"
href="https://drive.google.com/drive/folders/16G8NzXgOCoIHuwTgHgwFXj9x9LT
UMYU2?usp=sharing">
Cloud Computing
</a> <a class="subject"
href="https://drive.google.com/drive/folders/16IqKmTUiOQcJ9Vn_xJHW1jQZHYw
PxPrh?usp=sharing">
Computer System Hardware

DEPARTMENT OF COMPUTER ENGINEERING


66

</a></div>
</div>
</div>

</div>

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-


KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/
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="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="./js/main.js"></script>
<script src="./js/sub.js"></script>

</body></html>

CSS
aboutStyle.cc
.course-header {
height: 150px;
width: 150px;
border-radius: 150px;
margin: auto;
line-height: 150px;
font-size: 2.5em;

DEPARTMENT OF COMPUTER ENGINEERING


67

background-color: rgb(255, 255, 255, 0.1);


}

.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;
}

DEPARTMENT OF COMPUTER ENGINEERING


68

.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 {

DEPARTMENT OF COMPUTER ENGINEERING


69

color: rgb(255, 255, 255);


}

.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;
}

DEPARTMENT OF COMPUTER ENGINEERING


70

.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;
}

DEPARTMENT OF COMPUTER ENGINEERING


71

.fixed-bottom {
margin-bottom: 10px;
}

@media screen and (max-width: 768px) {


.footer {
margin-top: 10px;
}
.container-header {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 2em;
font-weight: 500;
padding-left: 0px;
text-align: center;
}
.made-love {
margin-top: 20px;
margin-right: auto;
margin-left: auto;
padding-bottom: 20px;
text-align: right;
justify-content: center;
}
.container-header-social {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 1.5em;
font-weight: 500;
padding-right: 0px;
text-align: center;
}
.container-header-contact {

DEPARTMENT OF COMPUTER ENGINEERING


72

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;


font-size: 1.5em;
font-weight: 500;
padding-right: 0px;
text-align: center;
}
.socialmedia-link {
margin-left: auto;
margin-right: auto;
}
.social-link-div {
margin-right: 0px;
}
.about-content {}
.about-pad {
padding-left: 20px;
}
.fixed-bottom {
position: static !important;
}
.pos {
margin-top: auto;
margin-left: auto;
margin-right: auto;
}
}

anim.css
.come-in2 {
transform: translateY(50px);
animation: come-in2 0.9s ease forwards;

DEPARTMENT OF COMPUTER ENGINEERING


73

.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%);

DEPARTMENT OF COMPUTER ENGINEERING


74

transition: all .3s ease-out;


}

.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;

DEPARTMENT OF COMPUTER ENGINEERING


75

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 */

DEPARTMENT OF COMPUTER ENGINEERING


76

@media (min-width: 768px) {


.main-cont {
min-height: auto;
}
.course-main-header {
text-align: left;
}
}
Style.css
.light {
--card-bg: #fff;
--main-bg1: #559bbb;
--main-bg2: #1e4e6f;
--textColor: #000;
--textHoverColor: #7d7d7d;
--bt-bg: rgba(255, 255, 255, 0.541);
}

.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;

DEPARTMENT OF COMPUTER ENGINEERING


77

transition: all .2s ease-out;


}

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;
}

DEPARTMENT OF COMPUTER ENGINEERING


78

.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;

DEPARTMENT OF COMPUTER ENGINEERING


79

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);

DEPARTMENT OF COMPUTER ENGINEERING


80

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;

DEPARTMENT OF COMPUTER ENGINEERING


81

.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;
}

@media all and (min-width: 992px) {

DEPARTMENT OF COMPUTER ENGINEERING


82

.navbar .nav-item .dropdown-menu {


display: none;
}
.navbar .nav-item:hover .nav-link {}
.navbar .nav-item:hover .dropdown-menu {
display: block;
}
.navbar .nav-item .dropdown-menu {
margin-top: -5px;
}
}

@keyframes come-in {
to {
transform: translateY(0);
}
}

/* Mobile CSS */

@media only screen and (max-width: 768px) {


.bg-col {
padding-bottom: 70%;
background: url(../images/nomtes_home.svg);
background-size: cover;
margin-left: 0;
}
.navbar-brand {
display: block;
margin-left: auto;
font-weight: 600;

DEPARTMENT OF COMPUTER ENGINEERING


83

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));
}
}

DEPARTMENT OF COMPUTER ENGINEERING


84

/* Desktop CSS */

@media (min-width: 768px) {


.social-parent {
margin-right: 0px;
position: absolute;
top: calc(50vh - 58px);
right: 0;
}
.icons {
display: block !important;
}
}
Sub.css
body {
background-image: linear-gradient(to right, #578FA8, #152F41);
color: white;
/* background-image: url("images/pattern_bg.svg"); */
font-family: 'Montserrat', sans-serif;
}

.subject-title {
font-weight: 600;
}

.subject {
text-decoration: none;
display: block;
color: white;
width: 100%;
max-width: 60%;

DEPARTMENT OF COMPUTER ENGINEERING


85

background-color: rgb(255, 255, 255, 10%);


border-top: 1px solid #ffffff1e;
padding: 30px;
text-align: center;
font-size: 1.4em;
transition: all .3s ease-out;
}

.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);
}

DEPARTMENT OF COMPUTER ENGINEERING


86

.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;
}

DEPARTMENT OF COMPUTER ENGINEERING


87

#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;
}

DEPARTMENT OF COMPUTER ENGINEERING


88

/* Desktop CSS */

@media (min-width: 768px) {


.main-cont {
min-height: auto;
}
}

/* Mobile CSS */

@media (max-width: 768px) {


.subject-title {
text-align: center;
font-size: 1.7em;
margin-top: 20px;
}
.course-info {
justify-content: center;
}
.subject {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.sub-img {
padding-bottom: 75%;
margin-left: 0px;
}
}

@media all and (min-width: 992px) {

DEPARTMENT OF COMPUTER ENGINEERING


89

.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

var currentTheme = ""


$(document).ready(function () {
getPageTheme()
setPageTheme(currentTheme)
})

function getPageTheme() {
if (localStorage.getItem("theme") !== null) {
currentTheme = localStorage.getItem("theme")
} else {
localStorage.setItem("theme", "light");
currentTheme = "light"
}

DEPARTMENT OF COMPUTER ENGINEERING


90

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() {

if (currentTheme === 'light') {


currentTheme = 'dark'
}
else {
currentTheme = 'light'
}
localStorage.setItem('theme', currentTheme)
setPageTheme(currentTheme)

}
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"];

DEPARTMENT OF COMPUTER ENGINEERING


91

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 = [];

let params = (new URL(document.location)).searchParams;


let sub_id = params.get("id");

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";

DEPARTMENT OF COMPUTER ENGINEERING


92

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";

DEPARTMENT OF COMPUTER ENGINEERING


93

document.getElementsByClassName("sem-drop-menu")
[0].getElementsByClassName("dropdown-item")[0].className += " active";
break;
}

var notesData = {};


$.getJSON("https://raw.githubusercontent.com/Xbotics7/Nomtes/master/assets/
nomtes7.json", function (data) {

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;) {

// bruh = ` <div class="row">`

// for (var i = 0; i < 2; i++) {


// if(typeof test[_count] !== 'undefined') {

// bruh += ` <a class="subject ml-3 col">


// ${notesData[test[_count]].SubjectName}
// </a>`
// _count++;
// j++;
// }
// }
// bruh += "</div>"

DEPARTMENT OF COMPUTER ENGINEERING


94

// 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

DEPARTMENT OF COMPUTER ENGINEERING

You might also like