dsc-akgec · tarushi02 · Oct 23, 2020
diff --git a/project/TK/GithubWorkshop.html 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/[email protected]/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/[email protected]/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>
diff --git a/project/TK/debug.log 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
@@ -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%;
+}