Skip to content

Commit 256d1fa

Browse files
lokeshmorilokeshmori
committed
Initial commit
1 parent 2078fcd commit 256d1fa

File tree

7 files changed

+783
-0
lines changed

7 files changed

+783
-0
lines changed

‎img/Hospital.webp

23.4 KB
Binary file not shown.

‎img/Screenshot (589).png

487 KB
Loading

‎img/jobest.jpg

254 KB
Loading

‎img/lokes11.png

39.4 KB
Loading

‎img/plain_.jpg

185 KB
Loading

‎index.html

Lines changed: 254 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,254 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Portfolio</title>
7+
8+
<link rel="stylesheet" href="style.css">
9+
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
10+
</head>
11+
<body>
12+
13+
<header class="header">
14+
15+
<a href="#" class="logo">Portfolio</a>
16+
<nav class="navbar">
17+
<a href="#home">Home</a>
18+
<a href="#about">About</a>
19+
<a href="#skills">Skills</a>
20+
<a href="#project">Projects</a>
21+
<a href="#contact">Contact</a>
22+
23+
24+
</nav>
25+
26+
</header>
27+
<section class="home" id="home">
28+
29+
<div class="home-content">
30+
<h3>Hello, It's Me</h3>
31+
<h1>Lokesh Mori</h1>
32+
<h3>And I'm a <span>Java Full Stack Developer</span></h3>
33+
<p> I specialize in building dynamic and responsive websites that provide seamless user experiences. With a strong foundation in Java for backend development and proficiency in HTML, CSS, and JavaScript for the frontend,
34+
My work spans across a range of web applications, from interactive user interfaces to robust backend systems.
35+
I am constantly learning and evolving my skills, currently diving into Spring Boot technology to enhance my backend expertise.
36+
</p>
37+
<div class="home-sci">
38+
39+
<a href="https://www.linkedin.com/in/lokesh-mori-15761b225/"><i class='bx bxl-linkedin bx-tada' ></i></a>
40+
41+
<a href="https://github.com/lokeshmori"><i class='bx bxl-github bx-tada' ></i></a>
42+
<a href="#"><i class='bx bxl-whatsapp' ></i></a>
43+
<a href="#"><i class='bx bx-envelope bx-tada' ></i></a>
44+
<a href="https://leetcode.com/u/lokesh_mori/"><i class='bx bx-code-alt bx-tada' ></i></a>
45+
46+
47+
</div>
48+
<a href="https://drive.google.com/file/d/1DkL2Ap09Uf-9VZAC8HRju200hAUTEVof/view?usp=sharing" class="btn-box" >Resume</a>
49+
50+
</div>
51+
<div class="profile" >
52+
<div class="about-img">
53+
<img src="img/lokes11.png" >
54+
</div>
55+
</div>
56+
</section>
57+
58+
<section class="about" id="about">
59+
<div class="about-img">
60+
<img src="img/lokes11.png" >
61+
</div>
62+
<div class="about-text">
63+
<h2>About<span>Me</span></h2>
64+
<h4> Java Full Stack Developer</h4>
65+
<p> I am a passionate Java Full Stack Developer, skilled in building dynamic, responsive web applications from front-end to back-end. With expertise in HTML5, CSS3, JavaScript, JSP, Servlet, and Spring Boot , I create efficient, user-friendly websites. My development journey is driven by a love for problem-solving and innovation.
66+
I am always eager to learn and recently explored Spring Boot to further enhance my skills. I aim to continue growing as a developer and contribute to impactful, meaningful projects. I am always eager to learn new tools and technologies, and I’ve recently been exploring Spring Boot to enhance my backend development skills further. My goal is to continually grow as a developer, take on diverse projects, and contribute to meaningful work that makes a positive impact in the tech world.</p>
67+
68+
<a href="https://www.linkedin.com/in/lokesh-mori-15761b225/" class="btn-box" >More About Me</a>
69+
70+
</div>
71+
72+
73+
</section >
74+
75+
76+
77+
78+
<section id="skills" class="skills">
79+
80+
<h1 class="sub-title">My <span>Skills</span></h1>
81+
<p class="sub-t">Over the past three years, I have developed and improved a variety of skills</p>
82+
83+
<div class="skill">
84+
<div class="container1" >
85+
86+
<div class="Technical-bars">
87+
<div class="bar"><i style="color: red;" class='bx bxl-java'></i>
88+
<div class="info">
89+
<span>Java</span>
90+
<div class="progress-line java">
91+
<span></span>
92+
</div>
93+
</div>
94+
95+
96+
</div>
97+
<div class="bar"><i style="color: #1010d5;" class='bx bxs-data' ></i>
98+
<div class="info">
99+
<span>SQL</span>
100+
<div class="progress-line sql"></div>
101+
<span></span>
102+
</div>
103+
104+
105+
</div>
106+
107+
<div class="bar"><i style="color: rgb(14, 126, 14);" class='bx bxl-spring-boot' ></i>
108+
<div class="info">
109+
<span>Spring Boot</span>
110+
<div class="progress-line springboot"></div>
111+
<span></span>
112+
</div>
113+
114+
115+
</div>
116+
</div>
117+
118+
</div>
119+
120+
121+
122+
123+
124+
<div class="container1" id="skills">
125+
126+
<div class="Technical-bars">
127+
<div class="bar"><i style="color:orangered;" class='bx bxl-html5'></i>
128+
<div class="info">
129+
<span>HTML</span>
130+
<div class="progress-line html"></div>
131+
<span></span>
132+
</div>
133+
134+
135+
</div>
136+
<div class="bar"><i style="color: rgba(151, 11, 207, 0.997);" class='bx bxl-css3'></i>
137+
<div class="info">
138+
<span>CSS</span>
139+
<div class="progress-line css"></div>
140+
<span></span>
141+
</div>
142+
143+
144+
</div>
145+
<div class="bar"><i style="color: #b0bc1e;" class='bx bxl-javascript'></i>
146+
<div class="info">
147+
<span>JavaScript</span>
148+
<div class="progress-line javascript">
149+
<span></span></div>
150+
</div>
151+
</div>
152+
</div>
153+
</div>
154+
155+
156+
</div>
157+
158+
</section>
159+
160+
<section class="projects" id="project">
161+
162+
<h1 class="sub-title">My <span>Projects</span></h1>
163+
<p class="project-p">I have Completed multiple projects, enhancing my development skills significantly.</p>
164+
165+
<div class="project">
166+
<div class="project1">
167+
<div class="img">
168+
<div class="img1"><img src="img/jobest.jpg" height="290" width="250" ></div>
169+
</div>
170+
<div class="title">
171+
<p> Job Portal - Java Full Stack </p>
172+
</div>
173+
<div class="content">
174+
<p>Developed a job portal using Java (Servlet-JSP) and JDBC, enabling resume posting, job search, applications, and user-friendly management.</p>
175+
176+
<a href="https://github.com/lokeshmori">View Code</a>
177+
</div>
178+
179+
</div>
180+
<div class="project1">
181+
<div class="img">
182+
<div class="img2"><img src="https://i.pinimg.com/originals/2e/9a/73/2e9a73bab3bafc9df898a000f85668e0.png" height="290" width="250" ></div>
183+
</div>
184+
<div class="title">
185+
<p> HMS - Java Full Stack </p>
186+
</div>
187+
<div class="content">
188+
<p> Developed a Hospital Management System for patient records, appointment scheduling, and admin control using MySQL, JSP, Servlets, HTML, CSS, JavaScript.</p>
189+
190+
<a href="https://github.com/lokeshmori/MedTech_Solutions_HMS"> View Code </a>
191+
</div>
192+
193+
</div>
194+
<div class="project1">
195+
<div class="img">
196+
<div class="img3"><img src="img/Screenshot (589).png" height="290" width="250" ></div>
197+
</div>
198+
<div class="title">
199+
<p> Portfolio - Frontend </p>
200+
</div>
201+
<div class="content">
202+
<p>Developed a personal portfolio website using HTML, CSS, and JavaScript to showcase projects, skills, and achievements with responsive Web design.</p>
203+
<a href="#">View Code</a>
204+
</div>
205+
206+
</div>
207+
208+
209+
210+
</div>
211+
212+
213+
</section>
214+
215+
216+
217+
<section class="contact" id="contact">
218+
<div class="contact-text">
219+
<h2>Contact <span>Me</span></h2>
220+
<h4>Let's Work Together </h4>
221+
<p>Feel free to reach out to me for any questions or opportunities.</p>
222+
<div class="contact-list">
223+
<li><i class='bx bxs-send'></i> lokeshmori4@gmail.com</li>
224+
<li><i class='bx bxs-phone' ></i>9993394259</li>
225+
</div>
226+
<div class="contact-icons">
227+
<a href=""><i class='bx bxl-facebook-circle' ></i></a>
228+
<a href=""><i class='bx bxl-twitter' ></i></a>
229+
<a href=""><i class='bx bxl-instagram-alt' ></i></a>
230+
<a href=""><i class='bx bxl-telegram' ></i></a>
231+
</div>
232+
</div>
233+
<div class="contact-form">
234+
<form action="#">
235+
<input type="text" placeholder="Enter Your Name" required>
236+
<input type="email" placeholder="Enter Your Email" required>
237+
<input type="text" name="" id="" placeholder="Enter Your Subject " >
238+
<textarea name="" id="" cols="40" rows="10" placeholder="Enter your Message" required></textarea>
239+
<input type="submit" value="submit" class="send">
240+
</form>
241+
242+
</div>
243+
244+
245+
246+
</section>
247+
248+
249+
250+
251+
252+
253+
</body>
254+
</html>

0 commit comments

Comments
 (0)