Scribd
Upload
7 views4 pages

index

The document is a portfolio webpage for Asav Sharma, a Digital Business and Entrepreneurship student at IIM Bangalore. It includes sections on education, experience, achievements, and contact information, showcasing his academic background, professional journey, and notable accomplishments. The page features a navigation bar, hero section, and various cards for presenting information in a visually appealing format.

Uploaded by

Asav Sharma
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
7 views4 pages

index

The document is a portfolio webpage for Asav Sharma, a Digital Business and Entrepreneurship student at IIM Bangalore. It includes sections on education, experience, achievements, and contact information, showcasing his academic background, professional journey, and notable accomplishments. The page features a navigation bar, hero section, and various cards for presenting information in a visually appealing format.

Uploaded by

Asav Sharma
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 4

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Asav Sharma | Portfolio</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?
family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600
;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.4.0/css/all.min.css">
</head>
<body>
<nav class="navbar">
<div class="nav-content">
<div class="logo">Asav Sharma</div>
<ul class="nav-links">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#achievements">Achievements</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>

<section id="home" class="hero">


<div class="hero-content">
<div class="hero-text">
<span class="greeting">Hello, I'm</span>
<h1>Asav Sharma</h1>
<h2>Digital Business & Entrepreneurship Student</h2>
<p>Pursuing excellence in business and academics at IIM
Bangalore</p>
<div class="hero-cta">
<a href="#contact" class="cta-btn primary">Get in Touch</a>
<a href="#about" class="cta-btn secondary">Learn More</a>
</div>
</div>
<div class="hero-image">
<div class="experience-card">
<span class="number">2+</span>
<span class="label">Years of Experience</span>
</div>
<div class="achievement-card">
<span class="number">40K+</span>
<span class="label">Revenue Generated</span>
</div>
</div>
</div>
</section>

<section id="education" class="education">


<div class="section-header">
<h2>Education</h2>
<span class="subtitle">Academic Journey</span>
</div>
<div class="education-grid">
<div class="education-card">
<div class="card-icon"><i class="fas fa-graduation-cap"></i></div>
<h3>BA Economics</h3>
<p class="institution">Hansraj College</p>
<p class="duration">2024-2028</p>
</div>
<div class="education-card">
<div class="card-icon"><i class="fas fa-university"></i></div>
<h3>BBA Digital Business</h3>
<p class="institution">IIM Bangalore</p>
<p class="duration">2024-2028</p>
</div>
</div>
</section>

<section id="experience" class="experience">


<div class="section-header">
<h2>Experience</h2>
<span class="subtitle">Professional Journey</span>
</div>
<div class="experience-timeline">
<div class="timeline-item">
<div class="timeline-content">
<h3>Founder & CEO</h3>
<h4>SugarCrushBy.Asav</h4>
<span class="duration">2021-2023</span>
<ul>
<li>Started with ₹5,000 initial investment</li>
<li>Generated ₹40,000 revenue</li>
<li>Expanded product portfolio</li>
<li>Implemented digital marketing strategies</li>
</ul>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h3>Content Writer</h3>
<h4>You're Wonderful Project</h4>
<span class="duration">March '20 - April '20</span>
<ul>
<li>Created mental health awareness content</li>
<li>Maintained content quality standards</li>
</ul>
</div>
</div>
</div>
</section>

<section id="achievements" class="achievements">


<div class="section-header">
<h2>Achievements</h2>
<span class="subtitle">Milestones Reached</span>
</div>
<div class="achievements-grid">
<div class="achievement-card">
<i class="fas fa-trophy"></i>
<h3>Academic Excellence</h3>
<p>Scored 200/200 in Political Science & Psychology</p>
</div>
<div class="achievement-card">
<i class="fas fa-award"></i>
<h3>Merit Certificate</h3>
<p>Certificate of Merit for Grade 10 & 11</p>
</div>
<div class="achievement-card">
<i class="fas fa-star"></i>
<h3>Leadership</h3>
<p>Zonal Captain at Delhi Public School</p>
</div>
</div>
</section>

<!-- Previous sections remain the same -->

<section id="contact" class="contact">


<div class="section-header">
<h2>Let's Connect</h2>
<span class="subtitle">I'm always open to new opportunities</span>
</div>
<div class="contact-container">
<div class="contact-info">
<div class="info-card">
<div class="info-icon">
<i class="fas fa-envelope-open-text"></i>
</div>
<h3>Email</h3>
<a href="mailto:[email protected]">[email protected]</a>
</div>
<div class="info-card">
<div class="info-icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<h3>Location</h3>
<p>Delhi, India</p>
</div>
<div class="social-connect">
<h3>Connect With Me</h3>
<div class="social-links">
<a href="www.linkedin.com/in/asav-sharma-b64757221"
class="social-icon" aria-label="LinkedIn">
<i class="fab fa-linkedin-in"></i>
</a>
<a href="#" class="social-icon" aria-label="Instagram">
<i class="fab fa-instagram"></i>
</a>
<a href="#" class="social-icon" aria-label="Twitter">
<i class="fab fa-twitter"></i>
</a>
</div>
</div>
</div>
<div class="contact-form-wrapper">
<form class="contact-form">
<div class="form-header">
<h3>Send Me a Message</h3>
<p>I'll get back to you as soon as possible</p>
</div>
<div class="form-group floating">
<input type="text" id="name" required>
<label for="name">Your Name</label>
</div>
<div class="form-group floating">
<input type="email" id="email" required>
<label for="email">Your Email</label>
</div>
<div class="form-group floating">
<input type="text" id="subject" required>
<label for="subject">Subject</label>
</div>
<div class="form-group floating">
<textarea id="message" rows="5" required></textarea>
<label for="message">Your Message</label>
</div>
<button type="submit" class="submit-btn">
<span>Send Message</span>
<i class="fas fa-paper-plane"></i>
</button>
</form>
</div>
</div>
</section>

You might also like