-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #9 from kjsce-codecell/Vivek
Add: Vivek Jain's 1st Project
- Loading branch information
Showing
4 changed files
with
438 additions
and
1 deletion.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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,109 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Vivek Jain</title> | ||
| <link rel="stylesheet" href="style.css"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <nav> | ||
| <div class="logo">Vivek Jain</div> | ||
| <ul> | ||
| <li><a href="#about">About</a></li> | ||
| <li><a href="#skills">Skills</a></li> | ||
| <li><a href="#projects">Projects</a></li> | ||
| <li><a href="#contact">Contact</a></li> | ||
| </ul> | ||
| </nav> | ||
| </header> | ||
| <section id="hero"> | ||
| <div class="hero-content"> | ||
| <h1>Hello, I'm Vivek Jain</h1> | ||
| <div class="typewriter"> | ||
| <p><b>KJSSE CodeCell's Core Creative Team Member.....</b></p> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <section id="about"> | ||
| <div class="container"> | ||
| <h2>About Me</h2> | ||
| <p> | ||
| I'm Vivek Jain, a core member of KJSSE CodeCell’s Creative Team and a dedicated cybersecurity enthusiast. Having served as the FY Representative, I bring a unique blend of creativity and technical skill to every project I take on. My expertise shines in Capture the Flag (CTF) events, where I’ve not only achieved the top 1% rank on TryHackMe, earning the [0XD] GOD Rank, but also contributed by organizing national CTFs, crafting challenges that engage and inspire. With hands-on experience and guidance from mentors, I’m passionate about blending innovation with cybersecurity, constantly pushing boundaries to bring new ideas to life.</p> | ||
| </div> | ||
| </section> | ||
| <section id="skills"> | ||
| <div class="container"> | ||
| <h2>Skills</h2> | ||
| <div class="skills-grid"> | ||
| <div class="skill"> | ||
| <i class="fas fa-code"></i> | ||
| <h3>Web Development</h3> | ||
| <p>HTML, CSS, JavaScript</p> | ||
| </div> | ||
| <div class="skill"> | ||
| <i class="fas fa-paint-brush"></i> | ||
| <h3>Design</h3> | ||
| <p>Premiere Pro, After Effects, Photoshop, Illustrator, Figma</p> | ||
| </div> | ||
| <div class="skill"> | ||
| <i class="fas fa-lock"></i> | ||
| <h3>Cybersecurity</h3> | ||
| <p>TryHackMe, HackTheBox, KJSCE_CTF</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <section id="projects"> | ||
| <div class="container"> | ||
| <h2>Projects</h2> | ||
| <div class="projects-grid"> | ||
| <div class="project"> | ||
| <h3>1st Project</h3> | ||
| <p>Coming Soon...</p> | ||
| </div> | ||
| <div class="project"> | ||
| <h3>2nd Project</h3> | ||
| <p>Coming Soon...</p> | ||
| </div> | ||
| <div class="project"> | ||
| <h3>3rd Project</h3> | ||
| <p>Coming Soon...</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <section id="contact"> | ||
| <div class="container"> | ||
| <h2>Contact Me</h2> | ||
| <form> | ||
| <label for="name">Name</label> | ||
| <input type="text" id="name" name="name" required> | ||
| <label for="email">Email</label> | ||
| <input type="email" id="email" name="email" required> | ||
| <label for="message">Message</label> | ||
| <textarea id="message" name="message" required></textarea> | ||
| <button type="submit">Send</button> | ||
| </form> | ||
| </div> | ||
| </section> | ||
| <section id="social-media"> | ||
| <div class="container"> | ||
| <h2>Follow Me</h2> | ||
| <div class="social-icons"> | ||
| <a href="https://www.instagram.com/vivek_jain.2395/" target="_blank"><i class="fab fa-instagram"></i></a> | ||
| <a href="https://github.com/vivekjain488" target="_blank"><i class="fab fa-github"></i></a> | ||
| <a href="https://linkedin.com/in/vivekjainofficial7/" target="_blank"><i class="fab fa-linkedin"></i></a> | ||
| <a href="https://x.com/Vivekjain2395" target="_blank"><i class="fab fa-twitter"></i></a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <footer> | ||
| <div class="container"> | ||
| <p>Made with ❤️ by VIVEK JAIN</p> | ||
| </div> | ||
| </footer> | ||
| </body> | ||
| </html> |
Oops, something went wrong.