Spaces:
Running
Running
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<title>Portfolio</title> | |
<link rel="stylesheet" href="style.css" /> | |
<script src="https://kit.fontawesome.com/66aa7c98b3.js" crossorigin="anonymous"></script> | |
<script src="https://code.jquery.com/jquery-3.6.0.min.js" | |
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> | |
</head> | |
<body> | |
<header class="header"> | |
<nav class="navbar"> | |
<div class="navbar-container container"> | |
<div> | |
<h1 class="navbar-brand">Jainesh Patel</h1> | |
</div> | |
<ul class="menu-items"> | |
<li><a href="#about">About</a></li> | |
<li><a href="#my-works">Portfolio</a></li> | |
<li><a href="#contact-me">Contact</a></li> | |
</ul> | |
</div> | |
</nav> | |
<div class="home-content" id="home-page"> | |
<div class="name"> | |
<h1>Hi, I'm Jainesh</h1> | |
<p>A Web Developer.</p> | |
</div> | |
<div class="angle-down-icon"> | |
<a href="#about"><i class="fas fa-angle-down"></i></a> | |
</div> | |
</div> | |
</header> | |
<section class="about-me" id="about"> | |
<div class="container"> | |
<div class="about-content"> | |
<div class="left-content"> | |
<div> | |
<h1 class="about-heading">About Me</h1> | |
</div> | |
<p> | |
As a dedicated Computer Science student at the New Jersey Institute of Technology (NJIT), I have cultivated a strong interest in programming, with a particular emphasis on the art of full-stack development. | |
This latest pursuit is one that I am eager to add to my expanding skill set. | |
I am currently on track to graduate in May of 2024, with a specialization in the field of Web Development and Application. | |
My extensive experience in crafting client-side user interfaces is complemented by my well-rounded proficiency in various full-stack programming languages. | |
My attention to detail and ever-growing knowledge of web development enables me to deliver seamless, engaging user experiences. | |
As a highly motivated and enthusiastic individual, I am keen to gain valuable entry-level experience by contributing my skills. | |
</p> | |
<div class="work-arrow"> | |
<p> | |
<a href="#my-works">Check out my work <i class="fas fa-arrow-down"></i></a> | |
</p> | |
</div> | |
</div> | |
<div class="skills"> | |
<div class="right-content"> | |
<div> | |
<h1 class="skills-heading">My Skills</h1> | |
</div> | |
<div class="skills-bar"> | |
<div class="bar"> | |
<div class="info"> | |
<span>Java</span> | |
</div> | |
<div class="progress-line"><span class="python"></span></div> | |
<div class="bar"> | |
<div class="info"> | |
<span>Python</span> | |
</div> | |
<div class="progress-line"><span class="mysql"></span></div> | |
<div class="bar"> | |
<div class="info"> | |
<span>MYSQL</span> | |
</div> | |
<div class="progress-line"><span class="javascript"></span></div> | |
<div class="bar"> | |
<div class="info"> | |
<span>JAVASCRIPT</span> | |
</div> | |
<div class="progress-line"><span class="cprogramming"></span></div> | |
<div class="bar"> | |
<div class="info"> | |
<span>C/C++</span> | |
</div> | |
<div class="progress-line"><span class="c"></span></div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="work-arrow-2"> | |
<p> | |
<a href="#my-works">Check out my work <i class="fas fa-arrow-down"></i></a> | |
</p> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<section id="my-works"> | |
<div class="portfolio"> | |
<div class="proj-heading"> | |
<h1>Portfolio</h1> | |
</div> | |
<div class="portfolio-content container"> | |
<div class="proj-1"> | |
<div class="proj1-details"> | |
<i class="fab fa-html5"></i> | |
<i class="fab fa-css3-alt"></i> | |
<i class="fab fa-js"></i> | |
<i class="fab fa-php"></i> | |
<h2>Sentiment Analysis</h2> | |
<p>Developed a Sentiment Analysis application using Python, employing natural language processing and | |
machine learning techniques. The app analyzes user-provided sentences, accurately categorizing sentiments as | |
positive or negative. Implemented dynamic data visualizations with Matplotlib for clear representation. | |
Demonstrated proficiency in NLP, ML, and data visualization. | |
</p> | |
<button><a href="https://github.com/Jainesh212/CS482-Project"tps target="blank">View source <i | |
class="fas fa-external-link-alt"></i></a> | |
</button> | |
</div> | |
</div> | |
<div class="proj-2"> | |
<div class="proj2-details"> | |
<i class="fab fa-java"></i> | |
<h2>Smart Gym Managemnet System</h2> | |
<p> Designed and implemented a Smart Gym Management System using PHP, Java, MySQL, and | |
HTML/CSS3. Streamlined membership processes, integrated secure payment gateways, and developed an intuitive | |
user interface. Led a collaborative development team, ensuring project completion within specified timelines. | |
Resulted in enhanced operations and advanced System for Gym System. | |
</p> | |
<button><a href="https://github.com/Jainesh212/Gym-Management-System" target="blank">View source <i | |
class="fas fa-external-link-alt"></i></a> | |
</button> | |
</div> | |
</div> | |
<div class="more-work"> | |
<p> | |
More | |
</p> | |
<a href="https://github.com/Jainesh212" target="blank">GitHub</a> | |
</div> | |
</div> | |
</div> | |
</section> | |
<div class="contact" id="contact-me"> | |
<div class="container"> | |
<div class="contact-content"> | |
<h2>Contact Me</h2> | |
<p class="mail"> | |
Get in touch with me <i class="fas fa-arrow-right"></i> jaineshpatel212@gmail.com | |
</p> | |
<p class="links">Or find me on:</p> | |
<a href="https://www.linkedin.com/in/jainesh-patel-2603a5213/" target="blank"><i class="fab fa-linkedin"> | |
Linkedin</i></a> | |
<a href="https://github.com/Jainesh212" target="blank"><i class="fab fa-github"></i> Github</a></div> | |
</div> | |
</div> | |
<!-- JAVASCRIPT --> | |
<script src="app.js"></script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | |
</body> | |
</html> |