File size: 7,176 Bytes
7845cb8
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ba783c5
7845cb8
 
 
 
 
 
 
 
 
 
ba783c5
7845cb8
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ba783c5
 
 
 
 
 
7845cb8
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1b9ded3
7845cb8
1b9ded3
7845cb8
 
1b9ded3
7845cb8
1b9ded3
7845cb8
 
1b9ded3
7845cb8
1b9ded3
7845cb8
 
 
 
1b9ded3
7845cb8
 
1b9ded3
7845cb8
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ba783c5
 
 
 
 
 
 
7845cb8
 
 
 
 
 
 
 
ba783c5
 
 
 
 
 
 
7845cb8
 
 
 
 
 
 
 
 
ba783c5
7845cb8
 
 
 
 
 
 
 
 
ba783c5
7845cb8
 
ba783c5
7845cb8
ba783c5
7845cb8
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<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> [email protected]
        </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>