Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
82 changes: 82 additions & 0 deletions Projects/Manav Jain/Submission.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
body, h1, h2, h3, p, ul, li {
margin: 0;
padding: 0;
}

body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
color: #333;
}

header {
background-color: #fff;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
padding: 1rem;
}

nav {
display: flex;
justify-content: space-between;
align-items: center;
}

.logo {
font-size: 1.5rem;
font-weight: bold;
}

.nav-links li {
display: inline;
margin-right: 1rem;
}

.nav-links a {
text-decoration: none;
color: #333;
}

.section {
padding: 4rem 0;
text-align: center;
}

.project {
margin: 2rem;
}

.project img {
max-width: 100%;
height: auto;
border: 1px solid #ddd;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.project h3 {
margin-top: 1rem;
font-size: 1.2rem;
}

footer {
background-color: #333;
color: #fff;
padding: 1rem 0;
text-align: center;
}
.glow {
font-size: 40px;
color: #fff;
text-align: center;
-webkit-animation: glow 1s ease-in-out infinite alternate;
-moz-animation: glow 1s ease-in-out infinite alternate;
animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
from {
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 50px #fff, 0 0 60px #fff, 0 0 70px #fff;
}
to {
text-shadow: 0 0 20px #fff, 0 0 30px #0000FF, 0 0 40px #0000FF, 0 0 50px #0000FF, 0 0 60px #0000FF, 0 0 70px #0000FF, 0 0 80px #0000FF;
}
}
106 changes: 106 additions & 0 deletions Projects/Manav Jain/Submission.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,106 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="Submission.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Manav Jain - Portfolio</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="https://seeklogo.com/images/A/arc-reactor-logo-E940091674-seeklogo.com.png">
<style>
html {
scroll-behavior: smooth;
}
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
}

.button1 {
background-color: white;
color: black;
border: 2px solid #555555;
}

.button1:hover {
background-color: black;
color: white;
}
</style>
</head>
</head>
<body style="background-color:black;">
<header>
<nav>
<div class="logo"><a href="https://youtu.be/dQw4w9WgXcQ?si=HWvH78pqUEuEk_ng" target="_blank"><img src="https://seeklogo.com/images/A/arc-reactor-logo-E940091674-seeklogo.com.png" width="70" height="70"></a></div>
<ul class="nav-links">
<li><a href="#about"><font color="black"><button class="button button1">About</button></font></a></li>
<li><a href="#portfolio"><font color="black"><button class="button button1">Portfolio</button></font></a></li>
<li><a href="#contact"><font color="black"><button class="button button1">Contact</button></font></a></li>
</ul>
</nav>
</header>

<section id="about" class="section">
<h2 class="glow"><font color="white">About Me</font></h2>
<br>
<p><font color="white">Hello there! I'm Manav Jain, a 2nd Year Computer Science and Engineering student with a passion for programming and problem-solving.

My journey has led me to explore the intricate nuances of programming, where I thrive by solving simple and complex problems. Whether it's Competitive Programming or General Coding, I'm dedicated to achieving excellence.

When I'm not immersed in work, you can find me writing. I believe in the power of words, which drives me to think outside the box.

I'm excited to share my experiences and insights on this platform. Feel free to explore my portfolio and get in touch with me for collaborations, discussions, or just to say hello.
</font></p>

<p><font color="white">Let's embark on this journey together!</font></p>
</section>

<section id="portfolio" class="section">
<h2><font color="white" class="glow">Experience</font></h2>
<div class="project">
<img src="https://amalthea.iitgn.ac.in/2017/img/mascot_homepage.png" width="100" height="100">
<h3><font color="white">Amalthea Marketing Executive</font></h3>
<br>
<p><font color="white">As a Marketing Executive at Amalthea, I led efforts to elevate our institute's technical summit.
Collaborating with a dynamic team, I shaped impactful campaigns.
Crafting compelling narratives, I highlighted Amalthea's mission, employing innovative digital strategies and curating engaging content.
Spearheading the successful launch of Amalthea '22 stands as a proud achievement, showcasing my data-driven insights.
Thriving in the fast-paced industry, I leveraged analytics, tracked trends, and fostered partnerships for market enhancement.
Passionate about innovation and communication, I believe effective marketing shapes lasting brand impact.</font></p>
</div>
<div class="project">
<img src="data:image/jpeg;base64,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" width="100" height="100">
<h3><font color="white">Blithchron Design Executive</font></h3>
<br>
<p><font color="white">As a Design Executive at Blithchron, I infused creativity into every aspect of our college's cultural fest.
From event posters to social media graphics, I created a captivating visual identity, enhancing attendee engagement.
Collaborating with diverse teams, I ensured seamless design integration for an unforgettable Blithchron 2023.
This role expanded my skills and deepened my appreciation for design's role in crafting memorable experiences.
Proud to contribute to our college's vibrant culture celebration.</font></p>
</div>
</section>

<section id="contact" class="section">
<h2><font color="white">Contact Me</font></h2>
<br>
<p>
<a href="https://www.linkedin.com/in/manav-jain-140044259/" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/ca/LinkedIn_logo_initials.png/640px-LinkedIn_logo_initials.png" width="50" height="50"></a>
<a href="https://instagram.com/manavjain_2003?utm_source=qr&igshid=MzNlNGNkZWQ4Mg%3D%3D" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Instagram_logo_2016.svg/2048px-Instagram_logo_2016.svg.png" width="50" height="50"></a>
</p>
</section>

<footer>
<p>&copy; 2023 Manav Jain. All rights reserved.</p>
</footer>
</body>
</html>