Initial commit

Saadsaleem17 · Feb 2, 2024 · 90d5906 · 90d5906
commit 90d5906
Show file tree

Hide file tree

Showing 123 changed files with 4,282 additions and 0 deletions.
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto
diff --git a/README.md b/README.md
@@ -0,0 +1,2 @@
+# Coding-Bits
+
diff --git a/images/courses/algo-course.jpg b/images/courses/algo-course.jpg
diff --git a/images/courses/algo.png b/images/courses/algo.png
diff --git a/images/courses/book.png b/images/courses/book.png
diff --git a/images/courses/c-course.jpg b/images/courses/c-course.jpg
diff --git a/images/courses/cn.jpg b/images/courses/cn.jpg
diff --git a/images/courses/coaa.jpg b/images/courses/coaa.jpg
diff --git a/images/courses/compiler.jpg b/images/courses/compiler.jpg
diff --git a/images/courses/computer.png b/images/courses/computer.png
diff --git a/images/courses/d1.png b/images/courses/d1.png
diff --git a/images/courses/data-algo.jpg b/images/courses/data-algo.jpg
diff --git a/images/courses/data-course.jpg b/images/courses/data-course.jpg
diff --git a/images/courses/data.png b/images/courses/data.png
diff --git a/images/courses/database.jpg b/images/courses/database.jpg
diff --git a/images/courses/digital.jpg b/images/courses/digital.jpg
diff --git a/images/courses/gate-papers.png b/images/courses/gate-papers.png
diff --git a/images/courses/inorganic.jpg b/images/courses/inorganic.jpg
diff --git a/images/courses/java-course.jpg b/images/courses/java-course.jpg
diff --git a/images/courses/javascript-course.jpg b/images/courses/javascript-course.jpg
diff --git a/images/courses/math.jpg b/images/courses/math.jpg
diff --git a/images/courses/organic.jpg b/images/courses/organic.jpg
diff --git a/images/courses/os.jpg b/images/courses/os.jpg
diff --git a/images/courses/paper-download.png b/images/courses/paper-download.png
diff --git a/images/courses/paper.png b/images/courses/paper.png
diff --git a/images/courses/physical.jpg b/images/courses/physical.jpg
diff --git a/images/courses/physics.jpg b/images/courses/physics.jpg
diff --git a/images/courses/projects.png b/images/courses/projects.png
diff --git a/images/courses/python-course.png b/images/courses/python-course.png
diff --git a/images/courses/web-course.jpg b/images/courses/web-course.jpg
diff --git a/images/creator/d b/images/creator/d
diff --git a/images/creator/dop.jpg b/images/creator/dop.jpg
diff --git a/images/creator/f b/images/creator/f
diff --git a/images/creator/girl.jpg b/images/creator/girl.jpg
diff --git a/images/creator/humanNotExist1.jpg b/images/creator/humanNotExist1.jpg
diff --git a/images/creator/humanNotExist2.jpg b/images/creator/humanNotExist2.jpg
diff --git a/images/creator/humanNotExist3.jpg b/images/creator/humanNotExist3.jpg
diff --git a/images/creator/humanNotExist4.jpg b/images/creator/humanNotExist4.jpg
diff --git a/images/creator/roshan1.jpeg b/images/creator/roshan1.jpeg
diff --git a/images/creator/roshan12.jpeg b/images/creator/roshan12.jpeg
diff --git a/images/extra/animated.gif b/images/extra/animated.gif
diff --git a/images/extra/b1.jpg b/images/extra/b1.jpg
diff --git a/images/extra/b2.jpg b/images/extra/b2.jpg
diff --git a/images/extra/b3.jpg b/images/extra/b3.jpg
diff --git a/images/extra/b4.jpg b/images/extra/b4.jpg
diff --git a/images/extra/backwallpaper.jpg b/images/extra/backwallpaper.jpg
diff --git a/images/extra/e3.jpg b/images/extra/e3.jpg
diff --git a/images/extra/quiz.jpg b/images/extra/quiz.jpg
diff --git a/images/extra/svg1.jpg b/images/extra/svg1.jpg
diff --git a/images/icon/about.png b/images/icon/about.png
diff --git a/images/icon/books.png b/images/icon/books.png
diff --git a/images/icon/brainbooster.png b/images/icon/brainbooster.png
diff --git a/images/icon/call.png b/images/icon/call.png
diff --git a/images/icon/cart.png b/images/icon/cart.png
diff --git a/images/icon/close.png b/images/icon/close.png
diff --git a/images/icon/computer-courses.png b/images/icon/computer-courses.png
diff --git a/images/icon/contactus.png b/images/icon/contactus.png
diff --git a/images/icon/discussion.png b/images/icon/discussion.png
diff --git a/images/icon/dropdown.png b/images/icon/dropdown.png
diff --git a/images/icon/email.png b/images/icon/email.png
diff --git a/images/icon/facebook.png b/images/icon/facebook.png
diff --git a/images/icon/favicon.png b/images/icon/favicon.png
diff --git a/images/icon/fb.png b/images/icon/fb.png
diff --git a/images/icon/fb2.png b/images/icon/fb2.png
diff --git a/images/icon/google.png b/images/icon/google.png
diff --git a/images/icon/help.png b/images/icon/help.png
diff --git a/images/icon/home.png b/images/icon/home.png
diff --git a/images/icon/insta.png b/images/icon/insta.png
diff --git a/images/icon/insta2.png b/images/icon/insta2.png
diff --git a/images/icon/lessthan.png b/images/icon/lessthan.png
diff --git a/images/icon/linkedin.png b/images/icon/linkedin.png
diff --git a/images/icon/location.png b/images/icon/location.png
diff --git a/images/icon/logo - Copy.png b/images/icon/logo - Copy.png
diff --git a/images/icon/logo old.png b/images/icon/logo old.png
diff --git a/images/icon/logo.png b/images/icon/logo.png
diff --git a/images/icon/logo2.png b/images/icon/logo2.png
diff --git a/images/icon/mail.png b/images/icon/mail.png
diff --git a/images/icon/makeitfull.png b/images/icon/makeitfull.png
diff --git a/images/icon/menu-unchecked.png b/images/icon/menu-unchecked.png
diff --git a/images/icon/menu.png b/images/icon/menu.png
diff --git a/images/icon/morethan.png b/images/icon/morethan.png
diff --git a/images/icon/name.png b/images/icon/name.png
diff --git a/images/icon/online-tutorials.png b/images/icon/online-tutorials.png
diff --git a/images/icon/p3.png b/images/icon/p3.png
diff --git a/images/icon/papers.jpg b/images/icon/papers.jpg
diff --git a/images/icon/password.png b/images/icon/password.png
diff --git a/images/icon/phone.png b/images/icon/phone.png
diff --git a/images/icon/play.png b/images/icon/play.png
diff --git a/images/icon/portfolio.png b/images/icon/portfolio.png
diff --git a/images/icon/product.png b/images/icon/product.png
diff --git a/images/icon/profile.png b/images/icon/profile.png
diff --git a/images/icon/q-left.png b/images/icon/q-left.png
diff --git a/images/icon/q-right.png b/images/icon/q-right.png
diff --git a/images/icon/q1.png b/images/icon/q1.png
diff --git a/images/icon/right-arrow.png b/images/icon/right-arrow.png
diff --git a/images/icon/sa.png b/images/icon/sa.png
diff --git a/images/icon/search.png b/images/icon/search.png
diff --git a/images/icon/services.png b/images/icon/services.png
diff --git a/images/icon/star.png b/images/icon/star.png
diff --git a/images/icon/team.png b/images/icon/team.png
diff --git a/images/icon/tt.png b/images/icon/tt.png
diff --git a/images/icon/tt2.png b/images/icon/tt2.png
diff --git a/images/icon/user.png b/images/icon/user.png
diff --git a/images/icon/ytube.png b/images/icon/ytube.png
diff --git a/images/projects/p1.jpg b/images/projects/p1.jpg
diff --git a/images/projects/p2.jpg b/images/projects/p2.jpg
diff --git a/images/projects/p3.jpg b/images/projects/p3.jpg
diff --git a/images/projects/p4.jpg b/images/projects/p4.jpg
diff --git a/images/projects/p5.jpg b/images/projects/p5.jpg
diff --git a/index.html b/index.html
diff --git a/login.html b/login.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<link rel="shortcut icon" type="png" href="images/icon/favicon.png">
+	<title>Login SignUp</title>
+	<link rel="stylesheet" type="text/css" href="loginStyle.css">
+	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+  <!-- It will redirect to the Home Page after submitting the form -->
+  <script>
+  $(document).ready(function(){
+    $("form").submit(function(){
+      alert("Great Job !");
+    });
+  });
+  </script>
+</head>
+<body>
+		<div class="form-box">
+			<div class="button-box">
+				<div id="btn"></div>
+				<button type="button" class="toggle-btn" id="log" onclick="login()" style="color: #fff;">Log In</button>
+				<button type="button" class="toggle-btn" id="reg" onclick="register()">Register</button>
+			</div>
+			<div class="social-icons">
+				<img src="images/icon/fb2.png">
+				<img src="images/icon/insta2.png">
+				<img src="images/icon/tt2.png">
+			</div>
+
+			<!-- Login Form -->
+			<form id="login" class="input-group" action="index.html">
+				<div class="inp">
+					<img src="images/icon/user.png"><input type="text" id="email" class="input-field" placeholder="Username or Phone Number" style="width: 88%; border:none;" required="required">
+				</div>
+				<div class="inp">
+					<img src="images/icon/password.png"><input type="password" id="password" class="input-field" placeholder="Password" style="width: 88%; border: none;" required="required">
+				</div>
+				<input type="checkbox" class="check-box">Remember Password
+				<button type="submit" class="submit-btn">Log In</button>
+			</form>
+
+
+			<div class="other" id="other">
+				<div class="instead">
+					<h3>or</h3>
+				</div>
+				<button class="connect" onclick="google()">
+					<img src="images/icon/google.png"><span>Sign in with Google</span>
+				</button>
+			</div>
+
+			<!-- Registration Form -->
+			<form id="register" class="input-group">
+				<input type="text" class="input-field" placeholder="Full Name" required="required">
+				<input type="email" class="input-field" placeholder="Email Address" required="required">
+				<input type="password" class="input-field" placeholder="Create Password" name="psame" required="required">
+				<input type="password" class="input-field" placeholder="Confirm Password" name="psame" required="required">
+				<input type="checkbox" class="check-box" id="chkAgree" onclick="goFurther()">I agree to the Terms & Conditions
+				<button type="submit" id="btnSubmit" class="submit-btn reg-btn">Register</button>
+			</form>
+		</div>
+		<script type="text/javascript" src="script.js"></script>
+</body>
+</html>
diff --git a/loginStyle.css b/loginStyle.css
@@ -0,0 +1,207 @@
+* {
+	margin: 0;
+	padding: 0;
+	font-family: sans-serif;
+}
+
+body {
+	background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5)),url("images/extra/backwallpaper.jpg");
+	background-size: cover;
+	background-attachment: fixed;
+	display: flex;
+	justify-content: center;
+}
+.logo {
+	display: flex;
+	justify-content: center;
+}
+.logo img {
+	width: 100px;
+}
+.form-box
+{
+	width: 380px;
+	height: 500px;
+	position: relative;
+	margin: 6% auto;
+	background: #fff8;
+	padding: 5px;
+	border-radius: 5px;
+	overflow: hidden;
+	box-shadow: 0px 0px 100px rgba(0,0,0,0.4);
+}
+
+.button-box
+{
+	width: 220px;
+	margin: 35px auto;
+	position: relative;
+	box-shadow: 0 0 20px 9px rgba(0,0,0,.1);
+	border-radius: 30px;
+}
+
+.toggle-btn
+{
+	padding: 10px 30px;
+	cursor: pointer;
+	background: transparent;
+	position: relative;
+	border: 0;
+	outline: none;
+}
+
+#btn
+{
+	top: 0;
+	left: 0;
+	position: absolute;
+	width: 110px;
+	height: 100%;
+	background: linear-gradient(to right, #FA4B37, #DF2771);
+	border-radius: 30px;
+	transition: 0.5s;
+}
+.social-icons
+{
+	margin: 30px auto;
+	text-align: center;
+}
+.social-icons img
+{
+	width: 30px;
+	margin: 0 7px;
+	cursor: pointer;
+	opacity: 0.85;
+}
+
+.input-group
+{
+	top: 180px;
+	position: absolute;
+	width: 280px;
+	transition: .5s;
+	font-size: 13px;
+	color: #010101;
+}
+.inp {
+	border-bottom: 1px solid rgba(0,0,0,0.4);
+	justify-content: center;
+}
+.inp img{
+	width: 20px;
+	padding-right: 10px;
+}
+.input-field
+{
+	width: 100%;
+	padding: 10px 0;
+	margin: 5px 0;
+	border-left: 0;
+	border-right: 0;
+	border-top: 0;
+	border-bottom: 1px solid rgba(0,0,0,0.4);
+	outline: none;
+	background: transparent;
+	color: rgba(0,0,0);
+}
+::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
+	color: rgba(0,0,0,0.7);
+	/*opacity: 1;  Firefox */
+}
+#register .input-field {
+	color: rgba(0,0,0,0.8);
+}
+.submit-btn
+{
+	width: 85%;
+	padding: 10px 30px;
+	cursor: pointer;
+	display: block;
+	margin: auto;
+	background: linear-gradient(to right, #FA4B37, #DF2771);
+	color: #fff;
+	border: 0;
+	outline: none;
+	border-radius: 30px;
+}
+
+.reg-btn {
+	background: lightgray;
+}
+.check-box
+{
+	cursor: pointer;
+	margin: 30px 10px 30px 0;
+}
+
+.instead {
+	margin-top: 10px;
+}
+.instead h3 {
+    overflow: hidden;
+    text-align: center;
+    color: rgba(0,0,0,0.6);
+}
+.instead h3:before,
+.instead h3:after {
+    background-color: rgba(0,0,0,0.5);
+    content: "";
+    display: inline-block;
+    height: 1px;
+    position: relative;
+    vertical-align: middle;
+    width: 50%;
+}
+.instead h3:before {
+    right: 0.5em;
+    margin-left: -50%;
+}
+.instead h3:after {
+    left: 0.5em;
+    margin-right: -50%;
+}
+span
+{
+	color: rgba(0,0,0,0.8);
+	font-size: 12px;
+}
+
+#login
+{
+	left: 50px;
+}
+#register
+{
+	left: 450px;
+}
+
+.other {
+	display: grid;
+	justify-content: center;
+	margin-top: 250px;
+}
+
+.connect {
+	display: flex;
+	margin: 10px;
+	padding: 0px 30px;
+	align-items: center;
+	text-align: center;
+	justify-content: center;
+	border: 1px solid lightgray;
+	cursor: pointer;
+	outline: none;
+	/*border-radius: 10px;*/
+	background: #fff3;
+}
+.connect:hover {
+	background: #fff8;
+}
+.connect img {
+	padding: 5px;
+	width: 25px;
+}
+.connect span {
+	padding: 10px;
+	font-size: 15px;
+}
diff --git a/quiz.html b/quiz.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<link rel="shortcut icon" type="png" href="../images/icon/favicon.png">
+	<title>Quiz on Coding Bits</title>
+	<link rel="stylesheet" type="text/css" href="quizStyle.css">
+	<script type="text/javascript" src="../script.js"></script>
+</head>
+<body>
+
+<!-- NAVIGATION -->
+	<header>
+		<div class="nav" id="nav">
+			<div id="Coding Bits-logo">
+			<a href="../index.html"><img src="../images/icon/logo.png" style="width: 120px;"></a></div>
+			<div class="switch-tab" id="switch-tab" onclick="switchTAB()"><img src="../images/icon/menu.png"></div>
+			<ul id="list-switch">
+				<li><a href="jee.html"><img src="../images/courses/d1.png" class="icon">JEE</a></li>
+				<li><a href="gate.html"><img src="../images/courses/paper.png" class="icon">GATE</a></li>
+				<li><a href="computer_courses.html"><img src="../images/courses/computer.png" class="icon">Computer Courses</a></li>
+				<li><a href="computer_courses.html#data"><img src="../images/courses/data.png" class="icon">Data Structures</a></li>
+				<li><a href="computer_courses.html#algo"><img src="../images/courses/algo.png" class="icon">Algorithm</a></li>
+				<li><a href="computer_courses.html#projects"><img src="../images/courses/projects.png" class="icon">Projects</a></li>
+			</ul>
+			<div class="search" id="search-switch">
+				<input type="search" placeholder="Search" class="srch"><button id="srchbtn"><img src="../images/icon/search.png"></button>
+			</div>
+		</div>
+	</header>
+
+
+<!-- MAIN Heading of Page -->
+	<div class="title" id="title">
+		<span>Daily Quiz on Coding Bits</span>
+		<div class="shortdesc"><br>
+			<p>If you think education is expensive, try ignorance</p>
+		</div>
+		<button onclick="startquiz()">Start Now</button>
+	</div>
+
+
+<div class="panel" id="panel">
+
+	<div class="left-side" id="left">
+		<ul>
+			<li onclick="quizt(1)">HOME</li>
+			<li onclick="quizt(2)">JEE Mains</li>
+			<li onclick="quizt(3)">JEE Advanced</li>
+			<li onclick="quizt(4)">GATE</li>
+			<li onclick="quizt(5)">C/C++</li>
+			<li onclick="quizt(6)">Java</li>
+			<li onclick="quizt(7)">Python</li>
+			<li onclick="quizt(8)">JavaScript</li>
+			<li onclick="quizt(9)">Data Structures</li>
+			<li onclick="quizt(10)">Algorithm</li>
+			<li onclick="quizt(11)">Interview Questions</li>
+		</ul>
+	</div>
+
+	<div class="right-side" id="right">
+		<div id="quiz-container">
+
+			<div id="f1"><div class="quiz-frame main-frame"></div></div>
+
+			<div id="f2"><iframe class="quiz-frame" src="https://docs.google.com/forms/d/e/1FAIpQLSe3hXLPuiQGqj1n3IeeAzM8YLNpgJIIk_zfteoEdWka4X3wxQ/viewform?embedded=true" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe></div>
+
+			<div id="f3"><iframe class="quiz-frame" src="https://docs.google.com/forms/d/e/1FAIpQLSeVTLsd_AqZGpbIMnZRm20OKrjjiYSirWBjfCHpWtAsMQU--g/viewform?embedded=true" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe></div>
+
+			<div id="f4"><iframe class="quiz-frame" src="https://docs.google.com/forms/d/e/1FAIpQLSdjSKZhQp5jqqR34zD_uWMtgXr18F9pdK6YqcafLSP6J7VZjw/viewform?embedded=true" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe></div>
+
+			<div id="f5"><iframe class="quiz-frame" src="https://docs.google.com/forms/d/e/1FAIpQLSe1xs1-41MAbLN7KkXrJwtGdbl5ydxe_vX_nmFRjf6c0wtYkA/viewform?embedded=true"  frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe></iframe></div>
+
+			<div id="f6"><iframe class="quiz-frame" src="https://docs.google.com/forms/d/e/1FAIpQLSdHFDm_BakVxro_zJI78OF2OLJpXgDzzaAVMHD9hptWlXBSpA/viewform?embedded=true" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe></div>
+
+			<div id="f7"><iframe class="quiz-frame" src="https://docs.google.com/forms/d/e/1FAIpQLSdgD7yFEJtqpkImDiLAaQ7w9VcsO688gr1V3Gl7FqwM5yXtWQ/viewform?embedded=true" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe></div>
+
+			<div id="f8"><iframe class="quiz-frame" src="https://docs.google.com/forms/d/e/1FAIpQLSchDBnai_Aup7YFJQegg4z-qoB338p010VgZRxBYDT17xoRew/viewform?embedded=true" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe></div>
+
+			<div id="f9"><iframe class="quiz-frame" src="https://docs.google.com/forms/d/e/1FAIpQLSfY5oIAz4R9Ty-LBpx7h4th6OJ0-RkrxIlLslRV4NjwwW8_uw/viewform?embedded=true" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe></div>
+
+			<div id="f10"><iframe class="quiz-frame" src="https://docs.google.com/forms/d/e/1FAIpQLSflwS89sG7H98J9vFgFqJgsKaZ5gpq3yUlOiW3up7RQQ-qRnw/viewform?embedded=true" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe></div>
+
+			<div id="f11"><iframe class="quiz-frame" src="https://docs.google.com/forms/d/e/1FAIpQLSe_aS8-CMNFdUzI1UE73zahC2bmMwJkmB6FJXPIeKbLIBqB4Q/viewform?embedded=true" frameborder="0" marginheiclass="quiz-frame" ght="0" marginwidth="0">Loading…</iframe></div>
+
+		</div>
+	</div>
+
+</div>
+
+	<script type="text/javascript" src="../script.js"></script>
+</body>
+</html>
diff --git a/samplePapers/p1.pdf b/samplePapers/p1.pdf
diff --git a/samplePapers/p2.pdf b/samplePapers/p2.pdf
diff --git a/samplePapers/p3.pdf b/samplePapers/p3.pdf
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		# Auto detect text files and perform LF normalization
		* text=auto