Scribd
Upload
9 views2 pages

Copy The Code

The document is an HTML webpage titled 'About Me' featuring a personal introduction of Arghajit Ray, who has pursued a BCA course at Global College of Science and Technology. It includes a navigation menu, a profile picture, and a footer with copyright information. The accompanying CSS styles the layout, including header, navigation, and footer elements.

Uploaded by

arghajitray
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
9 views2 pages

Copy The Code

The document is an HTML webpage titled 'About Me' featuring a personal introduction of Arghajit Ray, who has pursued a BCA course at Global College of Science and Technology. It includes a navigation menu, a profile picture, and a footer with copyright information. The accompanying CSS styles the layout, including header, navigation, and footer elements.

Uploaded by

arghajitray
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/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Me</title>
<link rel="stylesheet" href="TEXT2.css">
</head>
<body>
<header>
<h1>About Me</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>

<section class="about-me">
<div class="profile-picture">
<img src="c:\Users\argha\OneDrive\Desktop\HTML FILE\1.jpg.jpg">
</div>
<div class="bio">
<h2>Hello, I'm Arghajit Ray</h2>
<p>I have persuded BCA course.<br>My college name is Global College of
Science and Technilogy. </p>
<p></p>
</div>
</section>

<footer>
<p>&copy; 2024 My Website. All rights reserved.</p>
</footer>
</body>
</html>

CSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}

header {
background-color: #333;
color: #fff;
padding: 20px;
}

header h1 {
margin: 0;
}

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

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

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

.about-me {
display: flex;
align-items: center;
justify-content: center;
padding: 50px;
}

.profile-picture {
margin-right: 40px;
}

.profile-picture img {
width: 200px;
height: 200px;
border-radius: 50%;
}

.bio {
max-width: 600px;
}

footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 20px;
position: fixed;
bottom: 0;
width: 100%;
}

You might also like