-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
4c64528
commit b4f01d2
Showing
1 changed file
with
250 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,250 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <title>Portfolio Landing Page</title> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width" /> | ||
| <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css'> | ||
| <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.2/font/bootstrap-icons.css'> | ||
| <link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Poppins:wght@100;300;400;500;600;700;800;900&family=Ubuntu:wght@300;400;500;700&display=swap"rel="stylesheet'> | ||
| <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css'> | ||
| <link rel="stylesheet" href="style.css" /> | ||
| </head> | ||
| <body> | ||
| <div class="scroll-up-btn"> | ||
| <i class="fas fa-angle-up"></i> | ||
| </div> | ||
| <!-- Header --> | ||
| <nav class="navbar"> | ||
| <div class="max-width"> | ||
| <div class="logo"><a href="#"><span>ODK</span><span>.com</span></a></div> | ||
| <ul class="menu"> | ||
| <li><a href="#home" class="menu-btn"><strong>Home</strong></a></li> | ||
| <li><a href="#about" class="menu-btn"><strong>About</strong></a></li> | ||
|
|
||
| <li><a href="#skills" class="menu-btn"><strong>Skills</strong></a></li> | ||
|
|
||
| <li><a href="#contact" class="menu-btn"><strong>Contact</strong></a></li> | ||
| </ul> | ||
| <div class="menu-btn"> | ||
| <i class="fas fa-bars"></i> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <!-- Home --> | ||
| <section class="home" id="home"> | ||
| <div class="max-width"> | ||
| <div class="home-content"> | ||
| <div class="text-1">Hello, This is</div> | ||
| <div class="text-2">Omkar Kulkarni</div> | ||
| <div class="text-3">And I'm a <span class="typing"></span></div> | ||
|
|
||
| <a href="#">Hire me</a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- About --> | ||
| <section class="about" id="about"> | ||
| <div class="max-width"> | ||
| <h2 class="title">About Me</h2> | ||
| <div class="about-content"> | ||
| <div class="column left"> | ||
| <img src="Omkar_Image.png" alt="Profile Image png"> | ||
|
|
||
| </div> | ||
| <div class="column right"> | ||
|
|
||
| <div class="text">I'm Omkar and I'm a <span class="typing-2"></span></div> | ||
| <p>Seeking an entry-level opportunity with an esteemed organization where I can utilize my skills & enhance learning in the field of work. Capable of mastering new technologies.</p> | ||
| <br> | ||
| <div class="text">Why Work With Me</div> | ||
| <p>I'm a great communicator & love to invest the necessary time to understand the customer's problem very well.</p> | ||
|
|
||
| <a href="https://drive.google.com/file/d/1Ha70YC7AaCahr_8HcYO7OGdQYlOg5fO-/view?usp=sharing" target="blank">Download CV</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
|
|
||
|
|
||
| <!-- Skills--> | ||
| <section class="skills" id="skills"> | ||
| <div class="max-width"> | ||
| <h2 class="title">My Skills</h2> | ||
| <div class="skills-content"> | ||
| <div class="column left"> | ||
|
|
||
| <div class="text">INTERNSHIP EXPERIENCE:</div> | ||
| <p> | ||
| <li class="intern">EXPOSYS DATA LABS: Software Intern - Apr 2023 to May 2023</li> | ||
| <li class="intern">LetsGrowMore: Web Development Intern - Nov 2021 to Dec 2021</li> | ||
| <li class="intern">ZENSAR TECHNOLOGIES: Trainee - Sep 2021 to Nov 2021</li> | ||
| </p> | ||
|
|
||
| <br> | ||
| <div class="text">PROJECT</div> | ||
|
|
||
| <p> | ||
| <li class="project">Giphy Search (HTML, CSS, JavaScript)</li> | ||
| <li class="project">Drowsiness Detection System (Python)</li> | ||
| <li class="project">Quiz App (Java)</li> | ||
|
|
||
| </p> | ||
|
|
||
| <br> | ||
| <div class="text">DEVELOPMENT SKILLS</div> | ||
|
|
||
| <p> | ||
| I'm familiar & work on a daily basis with JAVA, SQL, HTML, CSS, JavaScript, and other modern frameworks. | ||
| </p> | ||
| <a href="#" target="blank">Get Educate...</a> | ||
| </div> | ||
| <div class="column right"> | ||
| <div class="bars"> | ||
| <div class="info"> | ||
| <span>JAVA</span> | ||
| <span>90%</span> | ||
| </div> | ||
|
|
||
| </div> | ||
| <div class="bars"> | ||
| <div class="info"> | ||
| <span>SQL</span> | ||
| <span>80%</span> | ||
| </div> | ||
|
|
||
| </div> | ||
| <div class="bars"> | ||
| <div class="info"> | ||
| <span>HTML</span> | ||
| <span>60%</span> | ||
| </div> | ||
|
|
||
| </div> | ||
| <div class="bars"> | ||
| <div class="info"> | ||
| <span>CSS</span> | ||
| <span>40%</span> | ||
| </div> | ||
|
|
||
| </div> | ||
| <div class="bars"> | ||
| <div class="info"> | ||
| <span>JavaScript</span> | ||
| <span>30%</span> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
|
|
||
|
|
||
| <!-- Contact --> | ||
| <section class="contact" id="contact"> | ||
| <div class="max-width"> | ||
| <h2 class="title">Contact Me</h2> | ||
| <div class="contact-content"> | ||
| <div class="column left"> | ||
| <div class="text">Get in Touch</div> | ||
| <p>Feel free to get in touch with me. I am always open to discussing new projects, creative ideas or opportunities to be a part of your visions. Email me with any questions or inquiries. I'll happy to answer your questions and set up a meeting with you.</p> | ||
| <div class="icons"> | ||
|
|
||
| <a href="#"> | ||
| <div class="row"> | ||
| <i class="fa-solid fa-user-large"></i> | ||
| <div class="info"> | ||
| <div class="head">Name</div> | ||
| <div class="sub-title"><a href="#" style="text-decoration: none; color: #333;"> Omkar Dhananjay Kulkarni</a></div> | ||
| </div> | ||
| </div> | ||
| </a> | ||
|
|
||
| <div class="row"> | ||
| <i class="fa-solid fa-location-dot"></i> | ||
| <div class="info"> | ||
| <div class="head"> Address</div> | ||
| <div class="sub-title"> Gurukripa, Sharada Nagar Behind Cocsit, Latur, MH, India</div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="row"> | ||
| <i class="fa-solid fa-envelope"></i> | ||
| <div class="info"> | ||
| <div class="head">Email</div> | ||
| <div class="sub-title"><a href="mailto:#" style="text-decoration: none; color: #333;"> omkarkulkarni2704@gmail.com</a></div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="row"> | ||
| <i class="bi bi-translate"></i> | ||
| <div class="info"> | ||
| <div class="head">Language Known</div> | ||
| <div class="sub-title">Marathi, Hindi, English</div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <br> | ||
|
|
||
| <!-- Social --> | ||
| <div class="social-menu"> | ||
| <ul> | ||
| <li><a href="https://github.com/omkarkulkarni2704 "><i class="fa-brands fa-github"></i></a></li> | ||
| <li><a href= "https://www.linkedin.com/in/omkar-kulkarni-6540b6203/ "><i class="fa-brands fa-linkedin-in"></i></a></li> | ||
|
|
||
|
|
||
|
|
||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Reach --> | ||
| <div class="column right"> | ||
| <div class="text">Message me</div> | ||
| <form action="#"> | ||
| <div class="fields"> | ||
| <div class="field name"> | ||
| <input type="text" placeholder="Your Name" required> | ||
| </div> | ||
| <div class="field email"> | ||
| <input type="email" placeholder="Your Email" required> | ||
| </div> | ||
| </div> | ||
| <div class="field"> | ||
| <input type="text" placeholder="Subject" required> | ||
| </div> | ||
| <div class="field textarea"> | ||
| <textarea cols="30" rows="10" placeholder="Message.." required></textarea> | ||
| </div> | ||
| <div class="button-area"> | ||
| <button type="submit">Send message</button> | ||
| </div> | ||
| </form> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Footer --> | ||
| <footer> | ||
| <span> | ||
| <a href="#"> Omkar Kulkarni</a> | <span class="far fa-copyright"></span> 2023 All Rights Reserved. Privacy Policy | ||
| </span> | ||
| </footer> | ||
| <script src='https://kit.fontawesome.com/3b57a2a2a7.js'></script> | ||
| <script src='https://code.jquery.com/jquery-3.5.1.min.js'></script> | ||
| <script src='https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js'></script> | ||
| <script src='https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js'></script> | ||
| <script src='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js'></script> | ||
| <script src="script.js"></script> | ||
| </body> | ||
| </html> |