KIIT-DU-BHUBANESWAR · Sreejit1234 · Feb 6, 2021
diff --git a/Sreejit/LICENSE b/Sreejit/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Incubate IND
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/Sreejit/Portfolio.html b/Sreejit/Portfolio.html
@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="style.css">
+  <title>PortFolio</title>
+</head>
+<body>
+  <!-- Header -->
+  <section id="header">
+    <div class="header container">
+      <div class="nav-bar">
+        <div class="brand">
+          <a href="#hero"><h1><span>S</span>reejit <span>D</span>as</h1></a>
+        </div>
+        <div class="nav-list">
+          <div class="hamburger"><div class="bar"></div></div>
+          <ul>
+            <li><a href="#hero" data-after="Home">Home</a></li>
+            <li><a href="#services" data-after="Service">Services</a></li>
+            <li><a href="#projects" data-after="Projects">Projects</a></li>
+            <li><a href="#about" data-after="About">About</a></li>
+            <li><a href="#contact" data-after="Contact">Contact</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- End Header -->
+
+
+  <!-- Hero Section  -->
+  <section id="hero">
+    <div class="hero container">
+      <div>
+        <h1>Hello, <span></span></h1>
+        <h1>My Name is <span></span></h1>
+        <h1>Sreejit <span></span></h1>
+        <a href="#projects" type="button" class="cta">Portfolio</a>
+      </div>
+    </div>
+  </section>
+  <!-- End Hero Section  -->
+
+  <!-- Service Section -->
+  <section id="services">
+    <div class="services container">
+      <div class="service-top">
+        <h1 class="section-title">Lang<span>u</span>ages</h1>
+        <p>I have firm grip on the languages given below.</p>
+      </div>
+      <div class="service-bottom">
+        <div class="service-item">
+          <div class="icon"><img src="img/c.png"/></div>
+          <h2>C</h2>
+          <p>I have competed in many of the coding competitions in C language.</p>
+        </div>
+        <div class="service-item">
+          <div class="icon"><img src="img/cpp.png"/></div>
+          <h2>C++</h2>
+          <p>I have a basic knowledge of C++.</p>
+        </div>
+        <div class="service-item">
+          <div class="icon"><img src="img/java.png"/></div>
+          <h2>Java</h2>
+          <p>I have learned Java from my class 12 and have a good grip on this language</p>
+        </div>
+        <div class="service-item">
+          <div class="icon"><img src="img/sql.png"/></div>
+          <h2>SQL</h2>
+          <p>I have learned SQL from Coursera.</p>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- End Service Section -->
+
+  <!-- Projects Section -->
+  <section id="projects">
+    <div class="projects container">
+      <div class="projects-header">
+        <h1 class="section-title">Recent <span>Projects</span></h1>
+      </div>
+      <div class="all-projects">
+        <div class="project-item">
+          <div class="project-info">
+            <h1>Home Automation</h1>
+            <p>I have fully autmated my room with the help of IOT.</p>
+          </div>
+          <div class="project-img">
+            <img src="./img/home.jpg" alt="img">
+          </div>
+        </div>
+        <div class="project-item">
+          <div class="project-info">
+            <h1>Drone</h1>
+            <p>I have made a drone with camera and temerature,humidity sensor.</p>
+          </div>
+          <div class="project-img">
+            <img src="./img/drone.jpg" alt="img">
+          </div>
+        </div>
+        <div class="project-item">
+          <div class="project-info">
+            <h1>Drowsiness Sensor</h1>
+            <p>At present I am working on this project with the help of machine learning.</p>
+          </div>
+          <div class="project-img">
+            <img src="./img/drw.jpg" alt="img">
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- End Projects Section -->
+
+  <!-- About Section -->
+  <section id="about">
+    <div class="about container">
+      <div class="col-left">
+        <div class="about-img">
+          <img src="./img/me.jpeg" alt="img">
+        </div>
+      </div>
+      <div class="col-right">
+        <h1 class="section-title">About <span>me</span></h1>
+        <h2>Developer</h2>
+        <p>I am a college student at present. I have done many projects whose certificates are attached. I have keen interest on IOT. In that field I have many Projetcs as well. I have even developed few websites and also a active participant in Hackathons.</p>
+        <a href="Resume.pdf"target="_blank" class="cta">Download Resume</a>
+      </div>
+    </div>
+  </section>
+  <!-- End About Section -->
+
+  <!-- Contact Section -->
+  <section id="contact">
+    <div class="contact container">
+      <div><h1 class="section-title">Contact <span>info</span></h1></div>
+      <div class="contact-items">
+        <div class="contact-item">
+          <div class="icon"><img src="https://img.icons8.com/bubbles/100/000000/phone.png"/></div>
+          <div class="contact-info">
+            <h1>Phone</h1>
+            <h2>+91 7609081364</h2>
+            <h2>+91 8481967669</h2>
+          </div>
+        </div>
+        <div class="contact-item">
+          <div class="icon"><img src="https://img.icons8.com/bubbles/100/000000/new-post.png"/></div>
+          <div class="contact-info">
+            <h1>Email</h1>
+            <h2><a href="mailto:[email protected]">[email protected]</a></h2>
+            <h2><a href="mailto:[email protected]">[email protected]</a></h2>
+          </div>
+        </div>
+        <div class="contact-item">
+          <div class="icon"><img src="https://img.icons8.com/bubbles/100/000000/map-marker.png"/></div>
+          <div class="contact-info">
+            <h1>Address</h1>
+            <h2>3/1,Amornath Roy Lane,Central Road,Shyamnagar,24PGS(N),West Bengal India</h2>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- End Contact Section -->
+
+  <!-- Footer -->
+  <section id="footer">
+    <div class="footer container">
+      <div class="brand"><h1><span>S</span>reejit <span>D</span>as</h1></div>
+      <div class="social-icon">
+        <div class="social-item">
+          <a href="https://www.facebook.com/sreejit.das.129" target="_blank"><img src="https://img.icons8.com/bubbles/100/000000/facebook-new.png"/></a>
+        </div>
+        <div class="social-item">
+          <a href="https://www.instagram.com/sreejitdas/" target="_blank"><img src="https://img.icons8.com/bubbles/100/000000/instagram-new.png"/></a>
+        </div>
+        <div class="social-item">
+          <a href="https://twitter.com/SreejitDas9" target="_blank"><img src="https://img.icons8.com/bubbles/100/000000/twitter.png"/></a>
+        </div>
+        <div class="social-item">
+          <a href="https://www.linkedin.com/in/sreejit-das-b359b11b0/" target="_blank"><img src="https://img.icons8.com/bubbles/100/000000/linkedin.png"/></a>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- End Footer -->
+  <script src="./app.js"></script>
+</body>
+</html>
diff --git a/Sreejit/README.md b/Sreejit/README.md
@@ -0,0 +1,23 @@
+# Github Developer Tech Camp
+
+**GitHub developer tech camp** (GDTC) aims to cultivate and inspire future leaders by accommodating a platform to share ideas and create a space for innovation where ideas come to life. GDTC is a platform where the innovators and industry experts meet from diverse fields like Edutech, Healthtech, and Fintech. The event provides a platform for collaboration, discussion, and connecting 50+ colleges & students across India who were a part of the Code Innovation Series to ignite their passion to curb India’s growth story.
+
+## CHALLENGES
+
+The participants can select one of the below mentioned challenges in which they will start working from Day 1 and then submit their work at the end of the Camp by generating a PR to this repository.
+
+The task is that we utilize GitHub features over the course of next 3 days, each indiviual is to come up with a portfolio of their own and then create a PR. At the end of the Camp we will be having our own portfolios live on the internet to be made public.
+
+## DAY 1
+
+### Step 1
+#### Fork this repository
+
+### Step 2
+#### Create a New Folder within the forked repository, with the 'folder name' being your 'Your Name'
+
+Clone the forked repository into your system and initiate with your project from one of the above mentioned categories.
+
+# The task for Day 1 is to create a basic portfolio like this in HTML and then generate a PR
+
+![](https://storage.googleapis.com/incind/70847770-1e3f3380-1e8a-11ea-8f68-05fa649f6237.jpegEC5HSnc)
diff --git a/Sreejit/Resume.pdf b/Sreejit/Resume.pdf
diff --git a/Sreejit/app.js b/Sreejit/app.js
@@ -0,0 +1,25 @@
+const hamburger = document.querySelector('.header .nav-bar .nav-list .hamburger');
+const mobile_menu = document.querySelector('.header .nav-bar .nav-list ul');
+const menu_item = document.querySelectorAll('.header .nav-bar .nav-list ul li a');
+const header = document.querySelector('.header.container');
+
+hamburger.addEventListener('click', () => {
+	hamburger.classList.toggle('active');
+	mobile_menu.classList.toggle('active');
+});
+
+document.addEventListener('scroll', () => {
+	var scroll_position = window.scrollY;
+	if (scroll_position > 250) {
+		header.style.backgroundColor = '#29323c';
+	} else {
+		header.style.backgroundColor = 'transparent';
+	}
+});
+
+menu_item.forEach((item) => {
+	item.addEventListener('click', () => {
+		hamburger.classList.toggle('active');
+		mobile_menu.classList.toggle('active');
+	});
+});
diff --git a/Sreejit/img/c.png b/Sreejit/img/c.png
diff --git a/Sreejit/img/cpp.png b/Sreejit/img/cpp.png
diff --git a/Sreejit/img/drone.jpg b/Sreejit/img/drone.jpg
diff --git a/Sreejit/img/drw.jpg b/Sreejit/img/drw.jpg
diff --git a/Sreejit/img/hero-bg.jpg b/Sreejit/img/hero-bg.jpg
diff --git a/Sreejit/img/home.jpg b/Sreejit/img/home.jpg
diff --git a/Sreejit/img/java.png b/Sreejit/img/java.png
diff --git a/Sreejit/img/me.jpeg b/Sreejit/img/me.jpeg
diff --git a/Sreejit/img/sql.png b/Sreejit/img/sql.png