diff --git a/project/TK/GithubWorkshop.html b/project/TK/GithubWorkshop.html
new file mode 100644
index 0000000..5c25a8c
--- /dev/null
+++ b/project/TK/GithubWorkshop.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Event Gallery</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel="stylesheet" type="text/css" href="dsc1.css">
+ <link rel="stylesheet" type="text/css" 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@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
+ <script
+ src="https://code.jquery.com/jquery-3.5.1.js"
+ integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
+ crossorigin="anonymous"></script>
+</head>
+<body style="background-color: rgb(201, 196, 193);">
+ <h1 style="background-color: black; color: white; min-height: 80px; font-size: 60px;text-align: center;letter-spacing: 3px; width: 100% ">
+ DSC AKGEC</h1>
+ <div class="container" style="margin-top: 20px; margin-left: 100px; margin-right: 300px;">
+
+ <img src="dscpic\Screenshot245.png" style=" margin-left: 260px; margin-top: 2px; margin-bottom: 13px;">
+ </div>
+ <div>
+ <pre style="background-color: black; color: white; min-height: 80px; font-size: 20px;text-align: center;letter-spacing: px; line-height: 18px; width: 100%; padding-left:5px; padding-top: `25px; overflow: hidden;">
+ In order to acquaint the students and learners with an in-depth knowledge
+ of GitHub, DSC AKGEC is organising a workshop session on September 30, 2020.
+ You can join us, live at our YouTube channel at 05:00 pm.
+ </pre>
+ </div>
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
+<script type="text/javascript" src="dsc1.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/project/TK/debug.log b/project/TK/debug.log
new file mode 100644
index 0000000..b35b850
--- /dev/null
+++ b/project/TK/debug.log
@@ -0,0 +1,3 @@
+[1016/205649.251:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1017/155932.841:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1018/133303.284:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
diff --git a/project/TK/dsc1.css b/project/TK/dsc1.css
new file mode 100644
index 0000000..23b5d0a
--- /dev/null
+++ b/project/TK/dsc1.css
@@ -0,0 +1,237 @@
+body{
+ margin: 0;
+ width: 100%;
+ background-color: white;
+}
+.slide-container{
+ position: sticky;
+ top: 0;
+ z-index: -1;
+}
+.slide img{
+ margin-top: 40px;
+ object-fit: cover;
+ position: sticky;
+ top: 0;
+ width: 100%;
+ z-index:-1;
+ max-height: 450px;
+}
+.container1:hover .image1 {
+ opacity: 0.3;
+}
+
+.container1:hover .middle1 {
+ opacity: 1;
+}
+
+.text1 {
+ background-color: rgb(230, 227, 78);
+ color: black;
+ font-size: 16px;
+ text-align: center;
+ padding: 16px 32px;
+}
+.middle1{
+ opacity: 0;
+}
+.topnav{
+ overflow: hidden;
+ background-color: black;
+ top: 0;
+ margin-top: 0px;
+}
+#insta:hover{
+ font-size: 100px;
+ cursor: pointer;
+ color: black;
+}
+.topnav>ul>li{
+ /*float: left;*/
+ display: block;
+ color: #f2f2f2;
+ text-align: center;
+ padding: 5px 10px 15px 16px;
+ text-decoration: none;
+ font-size: 20px;
+ z-index: 1000;
+}
+.topnav>ul>li:not(.rightnav){
+ float: left;
+
+}
+.topnav>ul>li>a{
+ color: #f2f2f2;
+ text-align: center;
+ text-decoration: none;
+ font-size: 20px;
+}
+.dropdown-menu1{
+ display: none;
+ position: absolute;
+ background-color: rgba(0,0,0,1);
+ min-width: 300px;
+ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
+ z-index: 1;
+ box-sizing: content-box;
+ margin-left: 0;
+ margin-top: 16px;
+ list-style: none;
+ padding-left:0;
+}
+.topnav li:hover, .topnav li.active{
+ background-color: rgb(200,45,45);
+ color: black;
+}
+.topnav li:hover>a, .topnav li.active>a{
+ color: black;
+}
+.dropdown1:hover .dropdown-menu1{
+ display: block;
+}
+.dropdown-menu1 li:hover{
+ background-color: rgb(200,45,45);
+}
+.dropdown-menu1 li:hover a{
+ color: black;
+}
+.dropdown-menu1 li a{
+ color: white;
+ text-decoration: none;
+}
+nav{
+ width: 100%;
+ position: fixed;
+ z-index: 100;
+}
+.rightnav{
+ float: right;
+ min-width: 150px;
+ margin-right: 0px;
+}
+.topnav .icon{
+ display: none;
+ cursor: pointer;
+}
+@media screen and (max-width: 1050px) {
+ .topnav ul>li {display: none;
+ width: 100%;
+ height: 100%;
+ top: 50px;
+ left:0;
+ transition: 0.5s;
+ border-bottom: 1px solid rgba(100,100,0,0.2);
+ }
+ .topnav .icon {
+ display: block;
+ width: 100px;
+ }
+@media screen and (max-width: 1050px){
+ .topnav .responsive{
+ display: block;
+ width: 100%;
+ float: none;
+ }
+ .dropdown1:hover .dropdown-menu1{
+ width: 100%;
+ display: block;
+ position: relative;
+ }
+ }
+
+
+ /*
+@media screen and (max-width: 1050px) {
+ .topnav .active {position: relative;}
+ .topnav .active .icon {
+ position: absolute;
+ right: 0;
+ top: 0;
+ }
+ .topnav .active .dropdown1:hover .dropdown-menu1 {
+ float: none;
+ display: block;
+ width: 100%;
+ position: absolute;
+
+ }
+ .topnav .active .dropdown1 {
+ float: none;
+ display: block;
+ width: 100%;
+ }*/
+
+/*SLIDE SHOW*/
+.slide img{
+ margin-top: 40px;
+ object-fit: cover;
+ position: sticky;
+ top: 0;
+ width: 200px;
+ z-index:-1;
+
+}
+hr{
+ height: 12px;
+ border: 0;
+ box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
+}
+a #go{
+ text-align: right;
+ margin-top: 0;
+ margin-right: 10%;
+ font-size: 3em;
+
+}
+.container1 {
+ position: relative;
+}
+
+.image1 {
+ opacity: 1;
+ display: block;
+ transition: .5s ease;
+ backface-visibility: hidden;
+}
+
+.middle1 {
+ transition: .5s ease;
+ opacity: 0;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ text-align: center;
+}
+
+.container1:hover .image1 {
+ opacity: 0.3;
+}
+
+.container1:hover .middle1 {
+ opacity: 1;
+}
+
+.text1 {
+ background-color: rgb(230, 227, 78);
+ color: black;
+ font-size: 16px;
+ text-align: center;
+ padding: 16px 32px;
+}
+.main{
+ height: 300px;
+ width: 400px;
+ background-color: black;
+}
+.container10{
+ background-color: blue;
+ float: left;
+ width: 50%;
+}
+.container20{
+ background-color: pink;
+ float: right;
+ width: 50%;
+}
\ No newline at end of file
diff --git a/project/TK/dsc1.html b/project/TK/dsc1.html
new file mode 100644
index 0000000..b6de99d
--- /dev/null
+++ b/project/TK/dsc1.html
@@ -0,0 +1,399 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>DSCtrial</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel="stylesheet" type="text/css" href="dsc1.css">
+ <link rel="stylesheet" type="text/css" 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@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
+ <script
+ src="https://code.jquery.com/jquery-3.5.1.js"
+ integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
+ crossorigin="anonymous"></script>
+</head>
+<body id="top">
+ <nav>
+ <div class="topnav" id="mytopnav">
+ <ul class="navbarleft">
+ <li class="active"><a href="#top">DSC AKGEC</a></li>
+ <li class="dropdown1">ABOUT US
+ <ul class="dropdown-menu1">
+ <li><a href="#team">TEAM</a></li>
+ <li><a href="#lead">LEAD</a></li>
+ <!-- <li><a href="#">EVENT GALLERY</a></li> -->
+ <li><a href="#about">MORE</a></li>
+ </ul>
+ </li>
+ <li class="dropdown1">PROJECTS AND ACHIEVMENTS
+ <ul class="dropdown-menu1">
+ <li><a href="#">..</a></li>
+ <li><a href="#">.. </a></li>
+ <li><a href="#">..</a></li>
+ </ul>
+ </li>
+ <li class="dropdown1"> UPCOMING EVENTS
+ <ul class="dropdown-menu1">
+ <li><a href="hackfest.html">DSC Hackfest</a></li>
+ <li><a href="GithubWorkshop.html">GitHub Workshop</a></li>
+ <li><a href="learningWeek.html">Week Of Learning</a></li>
+ </ul>
+ </li>
+ <li class="rightnav" style="margin-right: 40px;">
+ <a href="#contact">CONTACT US</a>
+ </li>
+ <!--<li class="dropdown1 rightnav">CONTACT US
+ <ul class="dropdown-menu1">
+ <li><a href="#">E-MAIL</a></li>
+ <li><a href="#">CONTACT NUMBER</a></li>
+ <li><a href="#">MORE</a></li>
+ </ul>
+ </li>-->
+ </ul>
+ <ul>
+ <li class="icon rightnav">
+ <!-- <a href="javascript:void(0);" class="icon" onclick="myFunction()"> -->
+ <i class="fa fa-bars"></i>
+ </a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ <!-- slide show -->
+ <div class="slide-container">
+ <div class="effect slide">
+ <img src="dscpic\slideshow1.png" style="min-height: 250px; min-width: 1200px; position: sticky;">
+ </div>
+ <div class="effect slide">
+ <img src="dscpic\slideshow2.png" style="min-height: 250px; min-width: 1200px;">
+ </div>
+ <div class="effect slide">
+ <img src="dscpic\slideshow3.png" style="min-height: 250px; min-width: 1200px;">
+ </div>
+ </div>
+ <div id="about" style="background-color: white;">
+ <h1 style="text-align: center;font-size: 5em;text-shadow: rgba(100,0,0,0.8); background-color: rgba(162, 164, 245,1);min-height:120px; letter-spacing: 5px; border-top: solid 5px black; border-bottom: black solid 5px;">Developer Student Clubs</h1>
+ <div class="row">
+ <div class="col-lg-6 col-sm-12">
+ <p style="margin-top: 90px; margin-left: 50px; border-left: solid 7px rgba(162, 164, 245,1); padding-left: 7px; font-size: 20px;"><strong style="letter-spacing: 2px; font-size: 1em;"> DEVELOPER STUDENT CLUBS </strong> are university based community groups for students interested in Google developer technologies. Students from all undergraduate or graduate programs with an interest in growing as a developer are welcome. By joining a DSC, students grow their knowledge in a peer-to-peer learning environment and build solutions for local businesses and their community.</p>
+ <iframe src="https://www.youtube.com/watch?v=ScJ9aL0b65E" height="200" width="600" style="margin-left: 50px;"></iframe>
+ </div>
+ <div class="col-lg-6 col-sm-12">
+ <a href="https://developers.google.com/community/dsc" target="blank">
+ <img src="dscpic\gif-final.gif" id="bs" style="max-height: 500px;margin-top: 0; padding-left: 0; margin-left: 0;">
+ <p id="go" style="font-size: 20px; letter-spacing: 2px; text-align: center; margin-top: 0;text-decoration: none;">GO TO DSC GOOGLE.</p>
+ </a>
+ </div>
+ </div>
+ </div>
+ <div style="background-color:rgb(162, 164, 245); outline: none; margin-top: 0px;" >
+ <div style="background-color: rgb(162, 164, 245); margin-top: 0px;margin-left: 0;">
+ <h1 style="font-size: 80px; padding-left: 30px; text-align: center; outline: none;">
+ DSC AKGEC</h1>
+ </div>
+ <div style="background-color: rgb(232, 234, 235)";><h2 style="text-align: center;">DOMAINS</h2>
+ <div class="row container" style="margin: auto; cursor: pointer;">
+ <div class="col-lg-3 col-md-6 col-sm-12 container1" onclick="appdev()">
+ <img src="https://thumbs.dreamstime.com/z/developer-create-application-mobile-app-development-flat-cartoon-miniature-illustration-vector-graphic-developer-create-135757695.jpg" style="border:10px solid black; max-height: 300px; max-width: 300px;min-width: 300px; min-height: 300px;" class="image1">
+ <div class="middle1">
+ <div class="text1">App Development</div>
+ </div>
+ </div>
+ <!-- <p style="margin-left: 33%; border-left: 10px solid rgb(162, 164, 245); margin-top: 10px; padding-left: 10px; max-width: 310px;">
+ Mobile app development is the act or process by which a Mobile App is developed for devices.
+
+ Application software developers have to consider a long array of screen sizes, hardware specifications, and configurations because of intense competition in mobile software and changes within each of the platforms. Mobile app development has been steadily growing, in revenues and jobs created.
+ </p>-->
+ <div class="col-lg-3 col-md-6 col-sm-12 container1" onclick="webdev()">
+ <img src="https://www.pngfind.com/pngs/m/539-5399083_web-development-website-design-cartoon-hd-png-download.png"style="border:10px solid black; max-height: 300px; max-width: 300px; min-height: 300px; min-width: 300px" class="image1">
+
+ <div class="middle1">
+ <div class="text1">Web Development</div>
+ </div>
+ </div>
+
+ <div class="col-lg-3 col-md-6 col-sm-12 container1" onclick="machinelearning()">
+ <img src="https://www.kindpng.com/picc/m/346-3460736_app-analysis-data-and-google-play-data-cartoon.png" style="border: 10px solid black; max-height: 300px; max-width: 300px; min-height: 300px; min-width: 300px" class="image1">
+
+ <div class="middle1">
+ <div class="text1">Machine Learning</div>
+ </div>
+ </div>
+ <div class="col-lg-3 col-md-6 col-sm-12 container1" onclick="management()">
+ <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT0fKAxSl1Z94TCazRMkOHGEnzn0CAIs0uhNQ&usqp=CAU"style="border: 10px solid black;max-height: 300px; min-height: 300px;max-width: 300px;min-width: 300px;" class="image1">
+
+ <div class="middle1">
+ <div class="text1">Managerial</div>
+ </div>
+ </div>
+ </div>
+ <div>
+ <div style="margin-left: 13%; border-left: 8px solid rgb(162, 164, 245); max-width: 80%; margin-top: 13px; display: none;" class="domain" id="app" >
+ <div style="background-color:rgb(162, 164, 245); margin-left: 0; text-align: center; min-height: 40px; padding: auto; letter-spacing: 3px; ">
+ <h3>APP DEVELOPMENT</h3>
+ </div>
+ <p style="padding-left: 10px;">Mobile app development is the act or process by which a Mobile App is developed for devices.
+
+ Application software developers have to consider a long array of screen sizes, hardware specifications, and configurations because of intense competition in mobile software and changes within each of the platforms. Mobile app development has been steadily growing, in revenues and jobs created.</p>
+ <p style="padding-left: 10px;">
+ As part of the development process, mobile UI design is also essential in the creation of mobile apps.
+
+ Mobile app development is becoming more critical for
+
+ many businesses with more than 3 billion people
+
+ worldwide using smartphones; more than 1.7 billion using tablets as of 2020. Users, on average, spend 90 percent of their mobile time in apps and there are more than 700 million apps downloads from various app stores.
+ </p>
+ </div>
+
+ </div>
+ <div>
+ <div style="margin-left: 13%; border-left: 8px solid rgb(162, 164, 245); max-width: 80%; margin-top: 13px; display: none;" class="domain" id="web" >
+ <div style="background-color:rgb(162, 164, 245); margin-left: 0; text-align: center; min-height: 40px; padding: auto; letter-spacing: 3px; ">
+ <h3>WEB DEVELOPMENT</h3>
+ </div>
+ <p style="padding-left: 10px;">Websites are the basic requirements for any business, startups and play a major role in digital marketing.
+
+ With all these added advantages web development is a skill with high demand in the market. Web development is the work involved in
+
+ developing a website for the Internet or intranet.
+
+ But before beginning to throw ourselves in any domain, we should know its basic requirements.</p>
+ <p style="padding-left: 10px;">
+ Tech Giants like Google and Facebook are working in this field and bringing out new developments as we speak. New versions of JS(ES 2017), languages like TypeScript (Developed by Microsoft) are coming into play;
+
+ Updates in frameworks like React, Angular, Vue and promotion of MEAN stack (MongoDB, Express, Angular, NodeJS) in the tech industry and many more.
+
+ </p>
+ <p style="padding-left: 10px;">
+ Such developments and the amount of internet traffic prove to be a boon to web development. Adding this skill to your resume is an added advantage.
+ Web development is broadly divided into: Back-end development and Front-end development. To have the best User Experience(UX), we not only need a catchy User Interface(UI) but also smooth working of the website. In order to be a successful web developer, one should have a knowledge of both front end and back end. There are many JS frameworks in the market today that have the best User Interface which helps in enhancing the user experience of a website.
+ </p>
+ <p style="padding-left: 10px;">
+ For web development, there are multiple ways to get started. One is to learn JavaScript, as most advanced frameworks are based on this language and its extension (JSX). Other languages involved in this domain are python, leading to Django,
+
+ Java and more. <br>
+
+ Some top JSX frameworks may include ReactJs, AngularJs etc.<br>
+
+ For the back end, we have Node.js, Flask, and Express,
+
+ which is a framework of Node.js. The most common front-end languages are HTML(Hyper
+
+ Text Markup Language) and CSS (Cascading style Sheet).<br>
+
+ </p>
+ </div>
+
+ </div>
+ <div>
+ <div style="margin-left: 13%; border-left: 8px solid rgb(162, 164, 245); max-width: 80%; margin-top: 13px; display: none;" class="domain" id="machine" >
+ <div style="background-color:rgb(162, 164, 245); margin-left: 0; text-align: center; min-height: 40px; padding: auto; letter-spacing: 3px; ">
+ <h3>MACHINE LEARNING</h3>
+ </div>
+ <p style="padding-left: 10px;">Machine learning is the science of getting computers to act without being explicitly programmed. It is a branch of Artificial Intelligence(AI) which is the broad science of mimicking human abilities.
+
+ While many machine
+
+ learning algorithms have been around for a long time, the ability to automatically apply complex mathematical calculations to big data over and over, faster and faster - is a recent development</p>
+ <p style="padding-left: 10px;">
+ Machine Learning is a very old branch of mathematics as Neural Networks had been idealized in the 1960s. So, why this upsurge in this branch of machine learning after 4 decades?
+
+ Because, today, there has been an overflow of data in the market and the rise in computing power with the tools like CUDA (GPU acceleration to maths provided by NVIDIA) and innumerable open source libraries have deemed it possible for people with less resources to work on this field. Data crunching and getting out meaning from data is getting easier with the advancements in ML, delving into creative spaces.
+
+ </p>
+ <p style="padding-left: 10px;">
+ What's required to create good machine learning systems? <br>
+
+ •Data preparation capabilities <br>
+
+ •Algorithms - basic and advanced • Automation and iterative processes <br>
+
+ Scalability <br>
+
+ •Ensemble modeling<br>
+ </p>
+ <p style="padding-left: 10px;">
+ Three of the most widely adopted machine learning methods are as follows but there are also other methods of machine learning. <br>
+
+ Supervised learning is commonly used in applications where historical data predicts future events like stock markets, trends in market, etc.<br>
+
+ Unsupervised learning algorithms are used to segment text topics, recommend items and identify data outliers.<br>
+
+ Reinforcement learning is used for robotics, gaming and navigation.<br>
+ </p>
+ </div>
+
+ </div>
+ <div style="margin-left: 13%; border-left: 8px solid rgb(162, 164, 245); max-width: 80%; margin-top: 13px; display: none;" class="domain" id="manage">
+ <div style="background-color:rgb(162, 164, 245); margin-left: 0; text-align: center; min-height: 40px; padding: auto; letter-spacing: 3px; ">
+ <h3>MANAGEMENT</h3>
+ </div>
+ <p style="padding-left: 10px;">Management and leadership skills are often used interchangeably as they both involve planning, decision-making, problem-solving, communication, delegation, and time management. Good managers are almost always good leaders as well. In addition to leading, a critical role of a manager is to also ensure that all parts of the organization are functioning cohesive. Without such integration, several issues can arise and failure is bound to happen. Management skills are crucial for various positions and at different levels of a company, from top leadership to intermediate supervisors to first-level managers.</p>
+ <p style="padding-left: 10px;">
+ They include the capacity to perform executive duties in an organization while avoiding crisis situations and promptly solving problems when they occur.
+
+ Management skills can be developed through learning and practical experience as a manager. The skills help the manager to relate with their fellow co-workers and know how to deal well with their subordinates, which allows for the easy flow of activities in the organization. Gaining experience in leadership roles is easy while at university, so be sure to take advantage of all opportunities.
+ </p>
+ </div>
+</div>
+</div>
+<div style="background-color: white; margin-top: 0; outline: none;">
+ <div id="team" style="margin-top: 0; outline: none;">
+ <h1 style="text-align: center;font-size: 3em;text-shadow: rgba(100,0,0,0.8); background-color: rgba(162, 164, 245,1);max-height:70px; letter-spacing: 8px; margin-top: 0px;">TEAM</h1>
+ </div>
+ <div class="row container">
+ <div class="col-sm-12 col-lg-6">
+ <img src="dscpic\8.gif" style="max-width: 90%; max-height: 80%; min-height: 80%; min-width: 90%; margin: 0;">
+ </div>
+ <div class="col-lg-2 team-slide" style="margin-left: 10px;">
+ <div style="width: 100%; height: 10%; background-color: rgb(218, 209, 222); text-align: center; font-size: 30px; margin-top: 3px;min-width: 200px; text-decoration: none; color: black; text-transform: none;">4-Th Year</div>
+ <!--<div style="border: 7px solid rgb(246, 235, 250)">
+ <ul>
+ <li>Mansi Gupta</li>
+ <li>Jatin Pal</li>
+ <li>Mansi Gupta</li>
+ <li>Jatin Pal</li>
+ <li>Mansi Gupta</li>
+ <li>Jatin Pal</li>
+ </ul>
+ </div> -->
+ <div class="effect1 slide1">
+ <img src="dscpic\Screenshot(265).png" style="max-height: 240px; min-width: 200px; border: 12px solid rgb(218, 209, 222)">
+ </div>
+ <div class="effect1 slide1">
+ <img src="dscpic\Screenshot(266).png" style="max-height: 240px; min-width: 200px;border: 12px solid rgb(218, 209, 222);">
+ </div>
+ </div>
+ <div class="col-lg-2 team-slide1" style="margin-left: 60px;">
+ <div style="width: 100%; height: 10%; background-color: rgb(218, 209, 222); text-align: center; font-size: 30px; margin-top: 3px;min-width: 200px; text-decoration: none; color: black; text-transform: none;">3rd-Year</div>
+ <!--<div style="border: 7px solid rgb(246, 235, 250)">
+ <ul>
+ <li>Mansi Gupta</li>
+ <li>Jatin Pal</li>
+ <li>Mansi Gupta</li>
+ <li>Jatin Pal</li>
+ <li>Mansi Gupta</li>
+ <li>Jatin Pal</li>
+ </ul>
+ </div> -->
+ <div class="effect2 slide2">
+ <img src="dscpic\Screenshot(268).png" style="max-height: 240px; min-width: 200px; border: 12px solid rgb(218, 209, 222)">
+ </div>
+ <div class="effect2 slide2">
+ <img src="dscpic\Screenshot(286).png" style="max-height: 240px; min-width: 200px;border: 12px solid rgb(218, 209, 222);">
+ </div>
+ <div class="effect2 slide2">
+ <img src="dscpic\Screenshot(287).png" style="max-height: 240px; min-width: 200px;border: 12px solid rgb(218, 209, 222);">
+ </div>
+ <div class="effect2 slide2">
+ <img src="dscpic\Screenshot(288).png" style="max-height: 240px; min-width: 200px;border: 12px solid rgb(218, 209, 222);">
+ </div>
+ </div>
+
+ <!-- <div class="col-lg-2" style="margin-left: 10px;">
+ <div style="width: 100%; height: 10%; background-color: rgb(246, 235, 250); text-align: center; font-size: 30px; margin-top: 25px;">3-Rd Year</div>
+ <div style="border: 7px solid rgb(246, 235, 250)">
+ <ul>
+ <li>Mansi Gupta</li>
+ <li>Jatin Pal</li>
+ <li>Mansi Gupta</li>
+ <li>Jatin Pal</li>
+ <li>Mansi Gupta</li>
+ <li>Jatin Pal</li>
+ </ul>
+ </div>
+ </div>
+ <div>
+ <h2 style="text-align: center; padding-left: 40%;">4th Year</h2>
+ <div class="container row">
+
+ <div class="col-lg-4 col-sm-12 col-md-6 main" style="box-sizing: border-box;">
+ <div class="container10">
+ <img src="C:\Users\HP\Desktop\dscPics\Screenshot(265)p.png" style="border-radius: 50%; border: solid 2px rgba(0,0,0,0.6); box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3); padding: 5px; max-height: 120px;">
+ </div>
+ <div class="container20">
+ <h4 style="font-family: Sen;
+ font-weight: 700;
+ color: rgb(66, 133, 244);
+ font-size: 22px;
+ min-width: 150px;">Mansi Goel</h4>
+ <h3 style="font-family: Sen;
+ font-size: 16px;
+ color: rgb(112, 112, 112);
+ margin-bottom: 4px;
+ min-width: 180px;
+ padding-bottom:2px;
+ text-align: center;
+ border-bottom: 1px solid rgba(112, 112, 112,0.5);">DSC Lead | Management</h3>
+ <div style="box-sizing: border-box; display: inline;">
+ <a href="#"><i class="fa fa-linkedin " aria-hidden="true"></i></a>
+ <a href="#"><i class="fa fa-github " aria-hidden="true"></i></a>
+ <a href="#"><i class="fa fa-paperclip " aria-hidden="true"></i></a>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+
+ </div>
+ <div class="container row">
+ <div class="col-lg-4 col-sm-12">
+ <img src="">
+ </div>
+ </div> -->
+</div>
+<div style="background-color: white;">
+ <div id="lead">
+ <h1 style="text-align: center;font-size: 3em;text-shadow: rgba(100,0,0,0.8); background-color: rgba(162, 164, 245,1);max-height:70px; letter-spacing: 8px;">Lead</h1>
+ <div class="row">
+ <div style="margin-left: 50px;">
+ <img src="dscpic\screenshot239.png" style="border-radius: 50%; border: 4px solid black; margin-left: 40%;" >
+ <h2 style="text-align: center; background-color: black; color: white; max-width: 250px; margin-left: 44%; margin-top: 4px;">MS. Mansi Goel</h2>
+ <h5 style="color: rgba(0,0,0,0.6); margin-left: 44%;">-Management | DSC Lead</h5>
+ <div style="background-color: rgba(0,0,0,0.1); width: 100%; min-width: 1200px; margin-left: 0;">
+ <h2 style="font-size: 35px; margin-left: 20%;">How to lead DSC?</h2>
+ <pre style="font-size: 20px; color: rgba(0,0,0,0.8);">
+ -Have a minimum of two years left until graduation
+ -Enrolled in an undergraduate program at a college or university
+ -Can commit to program for one year
+ -Passionate about creating impact in community
+ -Strong technical understanding of computer programming and/or software engineering
+ -Have experience with event planning or leading a team
+ -Have some connection to the local developer community
+ -Host a meetup event ideally once a month, and at least every 3 months
+ </pre>
+ </div>
+
+ </div>
+ </div>
+ </div>
+</div>
+<div id="contact" style="background-color: white; margin-top: 0;">
+ <div style="background-color: rgb(162, 164, 245); margin-top: 0px;margin-left: 0;">
+ <h1 style="font-size: 80px; padding-left: 30px; text-align: center; outline: none;">
+ CONTACT US</h1>
+
+ </div>
+ <div class="container">
+ <div class="row">
+ <div class="col-lg-6">
+ <img src="dscpic\google-assistant-animations[1].gif" style="max-height: 80%;">
+ </div>
+ <div class="col-lg-6 container">
+ <a href="https://www.instagram.com/dsc_akgec/"><i class="fa fa-instagram" aria-hidden="true" style="font-size: 80px; font-weight: 30px; text-shadow: 4px 2px rgba(0,0,0,0.3); margin-left: 30%; margin-top: 20%;"></i></a>
+
+ <a href="https://twitter.com/hashtag/dsc?lang=en">
+ <i class="fa fa-twitter" aria-hidden="true" style="font-size: 80px; font-weight: 30px; text-shadow: 4px 2px rgba(0,0,0,0.3); margin-left: 60%;"></i>
+ </a>
+ <a href="#"><i class="fa fa-telegram" aria-hidden="true"style="font-size: 80px; font-weight: 30px; text-shadow: 4px 2px rgba(0,0,0,0.3); margin-left: 30%;"></i>
+</a>
+ </div>
+ </div>
+
+</div>
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
+<script type="text/javascript" src="dsc1.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/project/TK/dsc1.js b/project/TK/dsc1.js
new file mode 100644
index 0000000..481c6c4
--- /dev/null
+++ b/project/TK/dsc1.js
@@ -0,0 +1,95 @@
+/*/function myFunction() {
+ var x = document.getElementById("mytopnav");
+ if (x.className === "topnav") {
+ x.className += " responsive";
+ } else {
+ x.className = "topnav";
+ }
+}
+document.querySelector(".icon").addEventListener("click", myFunction);/*/
+$(document).ready(function(){
+ $('.icon').click(function(){
+ $('.topnav ul li').toggleClass('responsive')
+ })
+})
+
+
+var index=0;
+show();
+function show(){
+ var i;
+ var slides=document.getElementsByClassName("slide");
+ for(i=0;i<slides.length;i++){
+ slides[i].style.display="none";
+ }
+ index=index+1;
+ if(index>slides.length){
+ index=1;
+ }
+ slides[index-1].style.display="block";
+ setTimeout(show,3000);
+}
+var index1=0;
+show1();
+function show1(){
+ var j;
+ var slides1=document.getElementsByClassName("slide1");
+ for(j=0;j<slides1.length;j++){
+ slides1[j].style.display="none";
+ }
+ index1=index1+1;
+ if(index1>slides1.length){
+ index1=1;
+ }
+ slides1[index1-1].style.display="block";
+ setTimeout(show1,1000);
+}
+var index2=0;
+show2();
+function show2(){
+ var j;
+ var slides2=document.getElementsByClassName("slide2");
+ for(j=0;j<slides2.length;j++){
+ slides2[j].style.display="none";
+ }
+ index2=index2+1;
+ if(index2>slides2.length){
+ index2=1;
+ }
+ slides2[index1-1].style.display="block";
+ setTimeout(show2,1000);
+}
+
+function appdev() {
+ var x = document.getElementById("app");
+ if (x.style.display === "none") {
+ x.style.display = "block";
+ } else {
+ x.style.display = "none";
+ }
+}
+function webdev() {
+ var x = document.getElementById("web");
+ if (x.style.display === "none") {
+ x.style.display = "block";
+ } else {
+ x.style.display = "none";
+ }
+}
+function machinelearning() {
+ var x = document.getElementById("machine");
+ if (x.style.display === "none") {
+ x.style.display = "block";
+ } else {
+ x.style.display = "none";
+ }
+}
+function management() {
+ var x = document.getElementById("manage");
+ if (x.style.display === "none") {
+ x.style.display = "block";
+ } else {
+ x.style.display = "none";
+ }
+}
+
diff --git a/project/TK/dsc1.txt b/project/TK/dsc1.txt
new file mode 100644
index 0000000..b78f9af
--- /dev/null
+++ b/project/TK/dsc1.txt
@@ -0,0 +1,31 @@
+/*/function myFunction() {
+ var x = document.getElementById("mytopnav");
+ if (x.className === "topnav") {
+ x.className += " responsive";
+ } else {
+ x.className = "topnav";
+ }
+}
+document.querySelector(".icon").addEventListener("click", myFunction);/*/
+$(document).ready(function(){
+ $('.icon').click(function(){
+ $('.topnav ul li').toggleClass('responsive')
+ })
+})
+
+
+var index=0;
+show();
+function show(){
+ var i;
+ var slides=document.getElementsByClassName("slide");
+ for(i=0;i<slides.length;i++){
+ slides[i].style.display="none";
+ }
+ index=index+1;
+ if(index>slides.length){
+ index=1;
+ }
+ slides[index-1].style.display="block";
+ setTimeout(show,3000);
+}
\ No newline at end of file
diff --git a/project/TK/dscpic/0.png b/project/TK/dscpic/0.png
new file mode 100644
index 0000000..c1274cf
Binary files /dev/null and b/project/TK/dscpic/0.png differ
diff --git a/project/TK/dscpic/8.gif b/project/TK/dscpic/8.gif
new file mode 100644
index 0000000..4b22099
Binary files /dev/null and b/project/TK/dscpic/8.gif differ
diff --git a/project/TK/dscpic/BlaringGaseousEsok-small.gif b/project/TK/dscpic/BlaringGaseousEsok-small.gif
new file mode 100644
index 0000000..0ddfed3
Binary files /dev/null and b/project/TK/dscpic/BlaringGaseousEsok-small.gif differ
diff --git a/project/TK/dscpic/How-to-Become-Google-Developer-Students-ClubDSC-Lead.png b/project/TK/dscpic/How-to-Become-Google-Developer-Students-ClubDSC-Lead.png
new file mode 100644
index 0000000..ab63251
Binary files /dev/null and b/project/TK/dscpic/How-to-Become-Google-Developer-Students-ClubDSC-Lead.png differ
diff --git a/project/TK/dscpic/Screenshot(265).png b/project/TK/dscpic/Screenshot(265).png
new file mode 100644
index 0000000..97c41cb
Binary files /dev/null and b/project/TK/dscpic/Screenshot(265).png differ
diff --git a/project/TK/dscpic/Screenshot(265)p.png b/project/TK/dscpic/Screenshot(265)p.png
new file mode 100644
index 0000000..68c6712
Binary files /dev/null and b/project/TK/dscpic/Screenshot(265)p.png differ
diff --git a/project/TK/dscpic/Screenshot(266).png b/project/TK/dscpic/Screenshot(266).png
new file mode 100644
index 0000000..db3e0f9
Binary files /dev/null and b/project/TK/dscpic/Screenshot(266).png differ
diff --git a/project/TK/dscpic/Screenshot(266)p.png b/project/TK/dscpic/Screenshot(266)p.png
new file mode 100644
index 0000000..753e10a
Binary files /dev/null and b/project/TK/dscpic/Screenshot(266)p.png differ
diff --git a/project/TK/dscpic/Screenshot(268).png b/project/TK/dscpic/Screenshot(268).png
new file mode 100644
index 0000000..dd6b929
Binary files /dev/null and b/project/TK/dscpic/Screenshot(268).png differ
diff --git a/project/TK/dscpic/Screenshot(268)p.png b/project/TK/dscpic/Screenshot(268)p.png
new file mode 100644
index 0000000..a71d901
Binary files /dev/null and b/project/TK/dscpic/Screenshot(268)p.png differ
diff --git a/project/TK/dscpic/Screenshot(269).png b/project/TK/dscpic/Screenshot(269).png
new file mode 100644
index 0000000..aaef834
Binary files /dev/null and b/project/TK/dscpic/Screenshot(269).png differ
diff --git a/project/TK/dscpic/Screenshot(286).png b/project/TK/dscpic/Screenshot(286).png
new file mode 100644
index 0000000..721ad6b
Binary files /dev/null and b/project/TK/dscpic/Screenshot(286).png differ
diff --git a/project/TK/dscpic/Screenshot(287).png b/project/TK/dscpic/Screenshot(287).png
new file mode 100644
index 0000000..f947518
Binary files /dev/null and b/project/TK/dscpic/Screenshot(287).png differ
diff --git a/project/TK/dscpic/Screenshot(288).png b/project/TK/dscpic/Screenshot(288).png
new file mode 100644
index 0000000..abce30b
Binary files /dev/null and b/project/TK/dscpic/Screenshot(288).png differ
diff --git a/project/TK/dscpic/Screenshot239.png b/project/TK/dscpic/Screenshot239.png
new file mode 100644
index 0000000..aafeeb8
Binary files /dev/null and b/project/TK/dscpic/Screenshot239.png differ
diff --git a/project/TK/dscpic/Screenshot245.png b/project/TK/dscpic/Screenshot245.png
new file mode 100644
index 0000000..a3472b2
Binary files /dev/null and b/project/TK/dscpic/Screenshot245.png differ
diff --git a/project/TK/dscpic/Screenshot247.png b/project/TK/dscpic/Screenshot247.png
new file mode 100644
index 0000000..837c025
Binary files /dev/null and b/project/TK/dscpic/Screenshot247.png differ
diff --git a/project/TK/dscpic/Screenshot400.png b/project/TK/dscpic/Screenshot400.png
new file mode 100644
index 0000000..13422a4
Binary files /dev/null and b/project/TK/dscpic/Screenshot400.png differ
diff --git a/project/TK/dscpic/dsc1.png b/project/TK/dscpic/dsc1.png
new file mode 100644
index 0000000..2ca023d
Binary files /dev/null and b/project/TK/dscpic/dsc1.png differ
diff --git a/project/TK/dscpic/gif-final.gif b/project/TK/dscpic/gif-final.gif
new file mode 100644
index 0000000..491dc31
Binary files /dev/null and b/project/TK/dscpic/gif-final.gif differ
diff --git a/project/TK/dscpic/google-assistant-animations[1].gif b/project/TK/dscpic/google-assistant-animations[1].gif
new file mode 100644
index 0000000..8302664
Binary files /dev/null and b/project/TK/dscpic/google-assistant-animations[1].gif differ
diff --git a/project/TK/dscpic/images.jpg b/project/TK/dscpic/images.jpg
new file mode 100644
index 0000000..509bbfd
Binary files /dev/null and b/project/TK/dscpic/images.jpg differ
diff --git a/project/TK/dscpic/images.png b/project/TK/dscpic/images.png
new file mode 100644
index 0000000..360b587
Binary files /dev/null and b/project/TK/dscpic/images.png differ
diff --git a/project/TK/dscpic/knockout_on_black_correct.png b/project/TK/dscpic/knockout_on_black_correct.png
new file mode 100644
index 0000000..dc8945f
Binary files /dev/null and b/project/TK/dscpic/knockout_on_black_correct.png differ
diff --git a/project/TK/dscpic/sg-together-somerset-article.gif b/project/TK/dscpic/sg-together-somerset-article.gif
new file mode 100644
index 0000000..149f5f8
Binary files /dev/null and b/project/TK/dscpic/sg-together-somerset-article.gif differ
diff --git a/project/TK/dscpic/slideshow1.png b/project/TK/dscpic/slideshow1.png
new file mode 100644
index 0000000..4d13ceb
Binary files /dev/null and b/project/TK/dscpic/slideshow1.png differ
diff --git a/project/TK/dscpic/slideshow2.png b/project/TK/dscpic/slideshow2.png
new file mode 100644
index 0000000..e9fefa8
Binary files /dev/null and b/project/TK/dscpic/slideshow2.png differ
diff --git a/project/TK/dscpic/slideshow3.png b/project/TK/dscpic/slideshow3.png
new file mode 100644
index 0000000..e6c892c
Binary files /dev/null and b/project/TK/dscpic/slideshow3.png differ
diff --git a/project/TK/event.html b/project/TK/event.html
new file mode 100644
index 0000000..e69de29
diff --git a/project/TK/hackfest.html b/project/TK/hackfest.html
new file mode 100644
index 0000000..e1675fe
--- /dev/null
+++ b/project/TK/hackfest.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Event Gallery</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel="stylesheet" type="text/css" href="dsc1.css">
+ <link rel="stylesheet" type="text/css" 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@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
+ <script
+ src="https://code.jquery.com/jquery-3.5.1.js"
+ integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
+ crossorigin="anonymous"></script>
+</head>
+<body style="background-color: rgb(201, 196, 193);">
+ <h1 style="background-color: black; color: white; min-height: 80px; font-size: 60px;text-align: center;letter-spacing: 3px; width: 100% ">
+ DSC AKGEC</h1>
+ <div class="container" style="margin-top: 20px; margin-left: 100px; margin-right: 300px;">
+
+ <img src="dscpic\Screenshot400.png" style=" margin-left: 260px; margin-top: 2px; margin-bottom: 13px;">
+ </div>
+ <div>
+ <pre style="background-color: black; color: white; min-height: 80px; font-size: 20px;text-align: center;letter-spacing: px; line-height: 18px; width: 100%; padding-left:10px; padding-top: `25px; overflow: hidden;">
+ "While free software was meant to force developers to lose sleep over ethical dilemmas,
+ open source software was meant to end their insomnia."
+
+Want to dramatically speed up the level of innovation? HackFest is here with yet another session bringing
+ you a great opportunity to start and chart your journey in the world of open source.
+
+Join us and be a part of an informative and interactive session on Getting Started with Open Source by
+Mr. Anuj Garg, founder of Code for Cause and Opensource Outreach and Advocate at JBoss Community.
+
+This event is brought to you by DSC
+
+AKGEC in collaboration with DSC IGDTUW, DSC Indraprastha College for Women and DSC PGDAV.
+
+The session will be live on YouTube on 4th of October at 5pm
+ </pre>
+ </div>
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
+<script type="text/javascript" src="dsc1.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/project/TK/learningWeek.html b/project/TK/learningWeek.html
new file mode 100644
index 0000000..d087afc
--- /dev/null
+++ b/project/TK/learningWeek.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Event Gallery</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel="stylesheet" type="text/css" href="dsc1.css">
+ <link rel="stylesheet" type="text/css" 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@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
+ <script
+ src="https://code.jquery.com/jquery-3.5.1.js"
+ integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
+ crossorigin="anonymous"></script>
+</head>
+<body style="background-color: rgb(201, 196, 193);">
+ <h1 style="background-color: black; color: white; min-height: 80px; font-size: 60px;text-align: center;letter-spacing: 3px; width: 100% ">
+ DSC AKGEC</h1>
+ <div class="container" style="margin-top: 20px; margin-left: 100px; margin-right: 300px;">
+
+ <img src="dscpic\Screenshot247.png" style=" margin-left: 260px; margin-top: 2px; margin-bottom: 13px;">
+ </div>
+ <div>
+ <pre style="background-color: black; color: white; min-height: 80px; font-size: 20px;text-align: center;letter-spacing: px; line-height: 18px; width: 100%; padding-left:5px; padding-top: `25px; overflow: hidden;">
+ "WEEK OF LEARNING" in association with Progate Japan. Curious to know about it?? Here is your chance to
+
+learn the most in-demand technologies and be ready Week of Learning is an intensive
+ week-long learning program from Progate. It is an online learning platform where you will learn web development from
+
+for your next
+
+internship!
+
+absolute basics and build your own first project! "DSC AKGEC" is happy to bring Week of Learning for all students in AKGEC.
+
+This program is scheduled from 27.03.20 to 04.04.20.So STAY TUNED for some excitement coming your way.
+
+REGISTRATIONS START SOON!!!
+It is an online learning platform where you will learn web development from absolute basics and build your own first project!
+
+DSC AKGEC is happy to bring 'Week of Learning' for
+
+all the students in AKGEC. This program is scheduled
+
+from 27.03.20 to 08.04.20.
+
+Follow these steps to register for free: Step 1.Join the team on Progate
+
+Step 2. Complete your registration Step 3. Join the queries group on WhatsApp. ALL LINKS ARE GIVEN IN THE BIO.
+ </pre>
+ </div>
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
+<script type="text/javascript" src="dsc1.js"></script>
+</body>
+</html>
\ No newline at end of file