Scribd
Upload
11 views4 pages

Mam

This document is an HTML template for a personal portfolio website of Ms. R.T. Reshma Hashmi, an Assistant Professor of Computer Science. It includes sections for her biography, education, skills, projects, and a downloadable resume link. The design features a profile picture, navigation links, and smooth scrolling functionality for user-friendly navigation.

Uploaded by

lucky04182005
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
11 views4 pages

Mam

This document is an HTML template for a personal portfolio website of Ms. R.T. Reshma Hashmi, an Assistant Professor of Computer Science. It includes sections for her biography, education, skills, projects, and a downloadable resume link. The design features a profile picture, navigation links, and smooth scrolling functionality for user-friendly navigation.

Uploaded by

lucky04182005
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>
<head>
<title>Portfolio</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #847ce0;
}

header {
background-color: #cfb8dd;
color: #fff;
text-align: center;
padding: 2rem 0;
position: relative; /* Add this */
}

.header-content h1 {
font-size: 2.5rem;
}

/* Add styles for the round profile picture */


.profile-picture {
width: 100px; /* Adjust the size as needed */
height: 100px;
border-radius: 75%; /* Create a circular shape */
object-fit: cover; /* To ensure the image fills the circular area */
position: absolute; /* Add this */
top: 75px; /* Adjust top position as needed */
left: 75px; /* Adjust left position as needed */
}

nav {
background-color: #333;
color: #fff;
text-align: center;
}

nav ul {
list-style-type: none;
padding: 0;
}

nav ul li {
display: inline;
margin: 0 20px;
}

nav ul li a {
text-decoration: none;
color: #fff;
}

.section-content {
background-color: #fff;
padding: 2rem;
margin: 1rem;
border-radius: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: justify;
}

.download-button {
background-color: #333;
color: #fff;
padding: 0.5rem 1rem;
text-decoration: none;
border-radius: 20px;
display: inline-block;
margin-top: 10px;
align-self: center;
}

.download-button:hover {
background-color: #555;
}

footer {
text-align: center;
padding: 1rem 0;
background-color: #333;
color: #fff;
}

ul {
list-style-type: disc;
padding-left: 20px;
}
</style>
</head>
<body>
<header>
<div class="header-content">
<!-- Add your profile picture here -->
<img src="propic.jpg" alt="Your Profile Picture" class="profile-
picture">
<h1>Ms.R.T.RESHMA HASHMI</h1>
<p>ASSISTANT PROFESSOR</p>
</div>
</header>

<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#resume">Resume</a></li>

</ul>
</nav>

<section id="about">
<div class="section-content">
<h2>About Me</h2>
<p>A seasoned Assistant Professor of Computer Science, well-versed in
the digital realms. On the lookout for an Assistant Professor role where I can
harness my teaching prowess, research acumen, and programming expertise to nurture
the next generation of computer scientists and enrich the academic landscape.</p>
</div>
</section>

<section id="education">
<div class="section-content">
<h2>Education</h2>
<p>University of Madras - M.Sc.IT</p>

</div>
</section>

<section id="skills">
<div class="section-content">
<h2>Skills</h2>
<ul>
<li>JAVA</li>
<li>RDBMS</li>
<li>C++</li>
<li>WEB DESIGNING</li>
<li>ADNROID</li>
<li>R PROGRAMMING<li>

</ul>
</div>
</section>

<section id="projects">
<div class="section-content">
<h2>Projects</h2>
<ul>
<li><a href="#">AI Based alternator control system</a></li>
<li><a href="#">Cloud Security IBM</a></li>
<li><a href="#">IBM chetbot</a></li>
<li><a href="#">chetbot</a></li>
<!-- Add more project links here -->
</ul>
</div>
</section>

<section id="resume">

<div class="section-content">
<center>
<h2>Resume</h2>
<a href="resume.pdf" target="_blank" class="download-button">Download
CV</a>
</center>
</div>

</section>

<footer>
<p>&copy; 2025 RESHMA</p>
</footer>

<script>
// Smooth scrolling to section when clicking on navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();

const targetId = this.getAttribute('href').substring(1);


const targetElement = document.getElementById(targetId);

if (targetElement) {
window.scrollTo({
top: targetElement.offsetTop,
behavior: 'smooth'
});
}
});
});
</script>
</body>
</html>

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy