JjayTTP · yelgendy123 · May 20, 2023 · May 21, 2023 · May 23, 2023 · May 23, 2023
diff --git a/.vs/ProjectSettings.json b/.vs/ProjectSettings.json
@@ -0,0 +1,3 @@
+{
+  "CurrentProjectSetting": null
+}
diff --git a/.vs/resume/FileContentIndex/227aa0e9-381f-4dd6-a21b-a7352c9853e9.vsidx b/.vs/resume/FileContentIndex/227aa0e9-381f-4dd6-a21b-a7352c9853e9.vsidx
diff --git a/.vs/resume/FileContentIndex/7e5ca2a8-6f81-4587-9868-4d87f7d33f39.vsidx b/.vs/resume/FileContentIndex/7e5ca2a8-6f81-4587-9868-4d87f7d33f39.vsidx
diff --git a/.vs/resume/FileContentIndex/92d8bb05-cef2-4993-b6c2-59bc2d6ed2a0.vsidx b/.vs/resume/FileContentIndex/92d8bb05-cef2-4993-b6c2-59bc2d6ed2a0.vsidx
diff --git a/.vs/resume/FileContentIndex/96600dcb-9b37-4b73-b7f3-801e81fb3485.vsidx b/.vs/resume/FileContentIndex/96600dcb-9b37-4b73-b7f3-801e81fb3485.vsidx
diff --git a/.vs/resume/FileContentIndex/read.lock b/.vs/resume/FileContentIndex/read.lock
diff --git a/.vs/resume/v17/.suo b/.vs/resume/v17/.suo
diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite
diff --git a/images/.vs/ProjectSettings.json b/images/.vs/ProjectSettings.json
@@ -0,0 +1,3 @@
+{
+  "CurrentProjectSetting": null
+}
diff --git a/images/.vs/VSWorkspaceState.json b/images/.vs/VSWorkspaceState.json
@@ -0,0 +1,7 @@
+{
+  "ExpandedNodes": [
+    ""
+  ],
+  "SelectedNode": "\\logo.png",
+  "PreviewInSolutionExplorer": false
+}
diff --git a/images/.vs/images/FileContentIndex/4f5eb868-8376-43a9-a923-ee9d8277011a.vsidx b/images/.vs/images/FileContentIndex/4f5eb868-8376-43a9-a923-ee9d8277011a.vsidx
diff --git a/images/.vs/images/FileContentIndex/5055b4f3-a639-4f1e-a185-47d7d97dfe98.vsidx b/images/.vs/images/FileContentIndex/5055b4f3-a639-4f1e-a185-47d7d97dfe98.vsidx
diff --git a/images/.vs/images/FileContentIndex/72e43405-f31f-40fd-89b0-f6a0c707ba6e.vsidx b/images/.vs/images/FileContentIndex/72e43405-f31f-40fd-89b0-f6a0c707ba6e.vsidx
diff --git a/images/.vs/images/FileContentIndex/8f64c92d-614c-4e6a-bfea-0e0035479307.vsidx b/images/.vs/images/FileContentIndex/8f64c92d-614c-4e6a-bfea-0e0035479307.vsidx
diff --git a/images/.vs/images/FileContentIndex/read.lock b/images/.vs/images/FileContentIndex/read.lock
diff --git a/images/.vs/images/v17/.suo b/images/.vs/images/v17/.suo
diff --git a/images/.vs/slnx.sqlite b/images/.vs/slnx.sqlite
diff --git a/images/1.jpg b/images/1.jpg
diff --git a/images/2.jpg b/images/2.jpg
diff --git a/images/3.jpg b/images/3.jpg
diff --git a/images/3.png b/images/3.png
diff --git a/images/4.png b/images/4.png
diff --git a/images/5.png b/images/5.png
diff --git a/images/7.png b/images/7.png
diff --git a/images/71.png b/images/71.png
diff --git a/images/8.png b/images/8.png
diff --git a/images/b.png b/images/b.png
diff --git a/images/background.jpeg b/images/background.jpeg
diff --git a/images/background1.jpeg b/images/background1.jpeg
diff --git a/images/background2.png b/images/background2.png
diff --git a/images/g.png b/images/g.png
diff --git a/images/images/.vs/ProjectSettings.json b/images/images/.vs/ProjectSettings.json
@@ -0,0 +1,3 @@
+{
+  "CurrentProjectSetting": null
+}
diff --git a/images/images/.vs/VSWorkspaceState.json b/images/images/.vs/VSWorkspaceState.json
@@ -0,0 +1,4 @@
+{
+  "ExpandedNodes": [],
+  "PreviewInSolutionExplorer": false
+}
diff --git a/images/images/.vs/images/FileContentIndex/8c35f2fc-0d41-4596-960e-e35b223a7d1b.vsidx b/images/images/.vs/images/FileContentIndex/8c35f2fc-0d41-4596-960e-e35b223a7d1b.vsidx
diff --git a/images/images/.vs/images/FileContentIndex/b26afbdb-7c90-4d67-9f67-c9bf2824a2d5.vsidx b/images/images/.vs/images/FileContentIndex/b26afbdb-7c90-4d67-9f67-c9bf2824a2d5.vsidx
diff --git a/images/images/.vs/images/FileContentIndex/read.lock b/images/images/.vs/images/FileContentIndex/read.lock
diff --git a/images/images/.vs/images/v17/.suo b/images/images/.vs/images/v17/.suo
diff --git a/images/images/.vs/slnx.sqlite b/images/images/.vs/slnx.sqlite
diff --git a/images/images/logo.png b/images/images/logo.png
diff --git a/images/logo.png b/images/logo.png
diff --git a/index.html b/index.html
@@ -0,0 +1,216 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-..." crossorigin="anonymous" />
+
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>Youssef Elgendy</title>
+	<link rel="stylesheet" href="style.css">
+</head>
+<body>
+	<div id="header">
+		<div class="container">
+			<nav>
+				<img src="images/logo.png" class="logo" />
+				<ul>
+
+					<li><a href="#header">Home</a></li>
+					<li><a href="#about">About</a></li>
+					<li><a href="#portfolio">Projects</a></li>
+					<li><a href="#contact">Contact</a></li>
+
+
+
+
+				</ul>
+			</nav>
+			<div class="header-text">
+				<h1>
+					Software Development <br><span>and</span> CyberSecurity
+				</h1>
+
+			</div>
+
+		</div>
+
+	</div>
+	<!-----------about------------>
+	<div id="about">
+		<div class="container">
+			<div class="coloumn">
+				<div class="about-col-1">
+					<img src="images/3.png" />
+				</div>
+				<div class="about-col-2">
+					<h1 class="sub-title">
+						About me
+					</h1>
+					<p>
+						I am a passionate Computer Science student who always seeks to learn more and explore new things.
+						I have a great passion for programming and penetration testing using it to solve
+						problems, that is why I was seeking to learn the tools that enable me to create more
+						solutions, so I learned the tools that help me create web and mobile applications.
+						I use my skills in programing to get the job done with the highest possible quality.
+					</p>
+					<div class="tab-titles">
+						<p class="tab-links active-link" onclick="opentab('skills')">Skills</p>
+						<p class="tab-links" onclick="opentab('projects')">Projects</p>
+						<p class="tab-links" onclick="opentab('education')">Education</p>
+
+						<div>
+							<div class="tab-contents active-tab" id="skills">
+								<ul>
+									<li><span>Software Development:</span><br>Python,HTML,CSS,C++,Dart,Flutter,C#,<br>.NET MAUI, OOP, Data Structure</li>
+									<li><span>CyberSecurity:</span><br>Basic Pentration Testing,vulnerability assessment of networks,<br>Network Scanning,Nmap,Burpsuite,Metatsploit,<br>Basic information gathering and reconnaissance,Basic knowledge of Cryptography</li>
+
+								</ul>
+
+							</div>
+							<div class="tab-contents" id="projects">
+								<ul>
+									<li><span>Weather App:</span><br>Dart, Flutter, API</li>
+									<li><span>News App:</span><br>.Net Maui, c#, API</li>
+									<li><span>Store App:</span><br>Dart, Flutter, Postman</li>
+									<li><span>Student Chatting App:</span><br>Flutter, Firebase, Dart</li>
+								</ul>
+
+							</div>
+							<div class="tab-contents" id="education">
+								<ul>
+									<li><span>JJAY College 2022-2024:</span><br>Computer Science and Information Security</li>
+
+								</ul>
+
+							</div>
+
+						</div>
+
+
+					</div>
+
+				</div>
+
+			</div>
+
+		</div>
+
+
+	</div>
+	<!-----------------portfolio---------->
+	<div id="portfolio">
+		<div class="container">
+			<h1 class="sub-title"> My Projects</h1>
+			<div class="work-list">
+				<div class="work">
+					<img src="images/2.jpg" />
+					<div class="layer">
+						<h3>
+							Chatting App
+						</h3>
+						<p>
+							It’s a Flutter App Written in Dart Language. Firebase was used in this app for authentication  sign in, sign up so that every user can have a different experience and for the communication between students in the chatting.
+						</p>
+					</div>
+
+				</div>
+				<div class="work">
+					<img src="images/3.jpg" />
+					<div class="layer">
+						<h3>
+							Weather App
+						</h3>
+						<p>
+							In this app I used Flutter and Dart, it relies on API to search for the weather data for a specific city and then we display this data on the home page.
+						</p>
+					</div>
+				</div>
+				<div class="work">
+					<img src="images/4.png" />
+					<div class="layer">
+						<h3>
+							News App
+						</h3>
+						<p>
+							In this app I used .NET MAUI Framework and C# and I also worked with the API to get the data from an online Database, and I divided the app into different categories in order to display News in different pages for each category.
+						</p>
+					</div>
+				</div>
+				<div class="work">
+					<img src="images/5.png" />
+					<div class="layer">
+						<h3>
+							Store App
+						</h3>
+						<p>
+							In this App i used Flutter as a framework for developing the App relying on Dart Language and using the Postman tool to do the requests such as the Get and the Put requests.
+						</p>
+					</div>
+				</div>
+			</div>
+		</div>
+
+	</div>
+	<!--------------------contact--------------->
+	<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> Yahmedgk11@gmail.com</p>
+					<p><i class="fal fa-phone"></i> (347)-589-3847</p>
+					<div class="social-icons">
+						<a href="https://www.linkedin.com/in/youssef-elgendy-625732244/"><i class="fab fa-linkedin"></i></a>
+						<a href="https://github.com/yelgendy123"><i class="fab fa-github"></i></a>
+					</div>
+					<a href="resume.docx" class="btn btn2">Download Resume</a>
+				</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>
+				</div>
+			</div>
+		</div>
+
+
+	</div>
+	<script>
+		var tablinks = document.getElementsByClassName("tab-links");
+		var tabcontents = document.getElementsByClassName("tab-contents");
+
+		function opentab(tabname) {
+			for (tablink of tablinks) {
+				tablink.classList.remove("active-link");
+			}
+			for (tabcontent of tabcontents) {
+				tabcontent.classList.remove("active-tab");
+			}
+			event.currentTarget.classList.add("active-link");
+			document.getElementById(tabname).classList.add("active-tab");
+		}
+
+	</script>
+	<script>
+        const scriptURL = 'https://script.google.com/macros/s/AKfycbypLszFOVVMtbC846PnZtDpJ2ebUPLde6d4CCGaFN1zEttkgtNSvOU4V71c97-IgCVZww/exec'
+		const form = document.forms['submit-to-google-sheet']
+		const msg = document.getElementById("msg")
+
+		form.addEventListener('submit', e => {
+			e.preventDefault()
+			fetch(scriptURL, { method: 'POST', body: new FormData(form) })
+				.then(response => )
+				.catch(error => console.error('Error!', error.message))
+		})
+	</script>
+
+</body>
+
+</html>
diff --git a/resume.docx b/resume.docx