Scribd
Upload
20 views6 pages

MY Portfolio

Uploaded by

Shruti Manchanda
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
20 views6 pages

MY Portfolio

Uploaded by

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

MY Portfolio

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Shruti Manchanda | Portfolio</title>

<style>

body {

font-family: Arial, sans-serif;

margin: 0;

padding: 0;

background-color: #f2f2f2;

text-align: center;

.container {

max-width: 600px;

margin: 50px auto;

padding: 0 20px;

h1 {

font-size: 48px;

margin: 0;

text-transform: uppercase;

color: #333;

p{

font-size: 18px;

margin-top: 10px;

color: #666;

}
nav {

margin-top: 30px;

text-align: center;

nav a {

text-decoration: none;

color: #333;

margin: 0 20px;

font-size: 18px;

text-transform: uppercase;

nav a:hover, nav a:focus {

color: #00f;

text-decoration: underline;

form {

margin-top: 30px;

label {

display: block;

margin-bottom: 10px;

font-weight: bold;

input[type="text"],

input[type="email"],

input[type="tel"] {

width: 100%;

padding: 8px;

margin-bottom: 20px;

border: 1px solid #ccc;

border-radius: 4px;
box-sizing: border-box;

input[type="submit"] {

background-color: #00f;

color: #fff;

border: none;

padding: 10px 20px;

font-size: 18px;

border-radius: 4px;

cursor: pointer;

input[type="submit"]:hover {

background-color: #007bff;

</style>

</head>

<body>

<div class="container">

<div id="blurry-background"></div>

<h1>Shruti Manchanda</h1>

<p>study geek | hustler | coder</p>

<nav>

<a href="#about">About me</a>

<a href="#education">Education</a>

<a href="#expertise">Expertise</a>

<a href="#hobbies">Hobbies</a>

<a href="#goals">Goals</a>

<a href="#contact">Contact</a>

</nav>

</div>
<div id="about" class="container">

<h2>About Me</h2>

<p>Hi, I'm Shruti Manchanda. I am a passionate and dedicated individual with a love for learning
and exploring new technologies. As a study geek, I enjoy delving into complex subjects and finding
innovative solutions to challenging problems.</p>

<p>Aside from my academic pursuits, I'm also a hustler with a drive to succeed. I thrive in fast-
paced environments and enjoy taking on new challenges that push me out of my comfort zone.</p>

<p>As a coder, I'm skilled in various programming languages and technologies, and I'm always
eager to expand my knowledge and expertise.</p>

</div>

<div id="education" class="container">

<h2>Education</h2>

<p>I am currently a third-year student at Vivekananda College, pursuing a diverse range of


subjects. My academic journey encompasses French, English Literature, and IT Fundamentals.</p>

<p>Driven by a passion for learning, I actively engage in expanding my knowledge base.


Considered a study geek among peers, I strive for excellence in both academic pursuits and
extracurricular activities.</p>

</div>

<div id="expertise" class="container">

<h2>Expertise</h2>

<p>I have a strong proficiency in French with extensive knowledge and fluency in the
language.</p>

<p>My passion for English Literature has equipped me with excellent English language skills.</p>

<p>In addition to language proficiency, I am proficient in HTML and skilled in creating animations
using Blender.</p>

<p>I also possess advanced skills in Microsoft Excel and Word, enabling me to efficiently handle
various tasks.</p>

</div>

<div id="hobbies" class="container">

<h2>Hobbies</h2>
<p>My hobbies include coding, where I enjoy exploring new programming languages and
working on personal projects to enhance my skills.</p>

<p>I also have a keen interest in traveling, as it allows me to experience different cultures, meet
new people, and broaden my horizons.</p>

<p>When I'm not coding or traveling, I like to spend time reading, cooking, and practicing
mindfulness to maintain a balanced lifestyle.</p>

</div>

<div id="goals" class="container">

<h2>Goals</h2>

<p>My goals include securing a position in a reputable company where I can apply my skills and
knowledge to contribute to meaningful projects and continue to grow professionally.</p>

<p>In the long term, I aspire to start my own company, leveraging my expertise in technology
and business to create innovative solutions that make a positive impact on society.</p>

<p>Additionally, I aim to continue expanding my knowledge and skills, both in my field of


expertise and in other areas of interest. I also have a strong desire to travel the world, experiencing
diverse cultures and learning valuable life lessons along the way.</p>

</div>

<div id="contact" class="container">

<h2>Contact Me</h2>

<form action="submit.php" method="post">

<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="phone">Phone:</label>

<input type="tel" id="phone" name="phone" required>

<input type="submit" value="Submit">

</form>

</div>
</body>

</html>

You might also like