JjayTTP · kutub23 · May 25, 2023 · May 25, 2023 · May 26, 2023 · May 27, 2023
diff --git a/.vs/VSWorkspaceState.json b/.vs/VSWorkspaceState.json
@@ -0,0 +1,8 @@
+{
+  "ExpandedNodes": [
+    "",
+    "\\Kutub website factory"
+  ],
+  "SelectedNode": "\\Kutub website factory\\programming.jpg",
+  "PreviewInSolutionExplorer": false
+}
diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite
diff --git a/.vs/ttp_cohort_4_application/FileContentIndex/0272b330-6d12-4c9b-a82c-051eb61d335a.vsidx b/.vs/ttp_cohort_4_application/FileContentIndex/0272b330-6d12-4c9b-a82c-051eb61d335a.vsidx
diff --git a/.vs/ttp_cohort_4_application/FileContentIndex/103afcbc-d32f-4f6f-a1ca-86c5e66fd090.vsidx b/.vs/ttp_cohort_4_application/FileContentIndex/103afcbc-d32f-4f6f-a1ca-86c5e66fd090.vsidx
diff --git a/.vs/ttp_cohort_4_application/FileContentIndex/5f863c27-783b-4cdb-b4d4-623c5fa53f3e.vsidx b/.vs/ttp_cohort_4_application/FileContentIndex/5f863c27-783b-4cdb-b4d4-623c5fa53f3e.vsidx
diff --git a/.vs/ttp_cohort_4_application/FileContentIndex/read.lock b/.vs/ttp_cohort_4_application/FileContentIndex/read.lock
diff --git a/.vs/ttp_cohort_4_application/v17/.wsuo b/.vs/ttp_cohort_4_application/v17/.wsuo
diff --git a/Kutub website factory/PROJECT.png b/Kutub website factory/PROJECT.png
diff --git a/Kutub website factory/Script1.js b/Kutub website factory/Script1.js
@@ -0,0 +1,35 @@
+
+let menuIcon= document.querySelector ('#menu-icon');
+let menuIcon= document.querySelector ('.navbar');
+
+menuIcon.onclcik = () => {
+	menuIcon.classlist.toggle('bx-x');
+	navbar.classlist.toggle('active');
+}
+
+
+let section = document. querySelector All('section');
+let navlink = document. querySelector All('header nav a ');
+
+
+window.onscroll=() => {
+	section.forEach(sec=>{
+		let top =window.scrolly;
+		let offset= sec.offsetTop - 150;
+		let height= sec.offsetHeight;
+		let id = sec.getAttribute('id');
+
+		if (top >= offset && top< offset + height ){
+			navlink.forEach(links =>{
+				links.classlist.remove('active');
+				document.querySelector('header nav a [href*='+ id +']').classlist.add('active')
+
+			});
+		};
+
+	});
+
+	let header = document.querySelector('header');
+
+	header.classlist.toggle('sticky', window.scrolly> 100);
+};
diff --git a/Kutub website factory/back.jpg b/Kutub website factory/back.jpg
diff --git a/Kutub website factory/back.png b/Kutub website factory/back.png
diff --git a/Kutub website factory/index.html b/Kutub website factory/index.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-..." crossorigin="anonymous" />
+
+<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
+
+<link rel="stylesheet" href="style.css">
+
+</head>
+
+<body>
+
+  ,<header class="header">
+    <a href="#" class="logo">portfolio</a>
+
+    <i class='bx bx-menu' id="menu-icon"></i>
+
+    <nav class="navbar">
+    <a href="#home"class="active">Home</a>
+    <a href="#about">About</a>
+    <a href="#project">Project</a>
+    <a href="#contact">Contact</a>
+  </nav>
+</header>
+
+ <section class= "home" id="home">
+    <div class="home-content">
+    <h3> Hello, it's me </h3>
+    <h1> KUTUB UDDIN </h1>
+
+
+    <h3>I'm a <span> Software developer and Cybersecurity Engineer </h3> 
+
+    <div class="social-media">
+        <a href="https://github.com/kutub23"><i class='bx bxl-github' ></i></a>
+        <a href="#"><i class='bx bxl-instagram-alt' ></i></a>
+        <a href="#"><i class='bx bxl-linkedin' ></i></a>
+
+     </div>
+
+    </div>
+    <div class="home-image">
+      <img src="photooutput.png"alt="">
+      </div>
+      </section>
+
+    <section class="about" id="about">
+
+    </div>
+
+    <div class="about-content">
+    <h2 class="heading"> About,<span> Me</span></h2>
+    <h3> Sofware Developer and Cybersecurity Engineer</h3>
+    <p> Im currently a student at JOHN JAY pursing degree in computer science and infromation security.
+        Im very passion about Software development and Cybersecurity, Always seeking to expand my knowledge and skill.
+        i enjoy coding and find satisfaction in turing complex concepts into practical appilcation.
+        Also learning and studying different security framework and practices. </p>
+
+       </div>   
+
+    </section>
+
+    <section class="project " id="project">
+        <h2 class="heading"> My <span> Project</span></h2>
+         <div class="project-image">
+      <img src="PROJECT.png"alt="">
+      </div>
+
+        <div class="project-container">
+            <div class="project-box">
+            <h3>Data Base</h3>
+            <p> In this diagram showing data modeling is the process of creating a conceptual, logical, and physical representation of data structures and their relationships within a system. It involves identifying the entities (objects), attributes, and relationships between them to define the structure of the data. </p>
+
+            </section>
+<div id="contact">
+		<div class="container">
+			<div class="row">
+				<div class="contact-left">
+					<h1 class="sub-title">Contact Me</h1>
+					<p><i class="fas fa-envelope"></i> kutub0623@gmail.com</p>
+
+                    </div>
+                    </div>
+                    </div>
+                    </div>
+                    <div class="contact-right">
+					<form name="submit-to-google-sheet">
+						<input type="text" name="Name" placeholder="Your Name" required />
+						<input type="email" name="Email" placeholder="Your Email" required />
+						<textarea name="Message" rows="6" placeholder="Enter Your Message Please"></textarea>
+						<button type="submit" class="btn btn2">Submit</button>
+					</form>
+					<span id="msg">
+
+					</span>
+
+                <footer class="footer">
+                    <div class="footer-text">
+                        <p> Copyright &copy; 2023 by UDDIN | All Right Reserved.</p>
+                    </div>
+
+                <footer>
+
+            <script src="Script1.js"></script>
+        </body>
+
+        </html>
diff --git a/Kutub website factory/linux.jpg b/Kutub website factory/linux.jpg
diff --git a/Kutub website factory/network.jpg b/Kutub website factory/network.jpg
diff --git a/Kutub website factory/photooutput.png b/Kutub website factory/photooutput.png
diff --git a/Kutub website factory/programming.jpg b/Kutub website factory/programming.jpg
diff --git a/Kutub website factory/security.jpg b/Kutub website factory/security.jpg