Scribd
Upload
52 views2 pages

Portfolio Page

This document is an HTML template for a personal portfolio website. It features a header welcoming visitors and a section showcasing three featured projects, each with an image and description. The projects include a dynamic web application, a creative design project, and an e-commerce site built with React and Node.js.

Uploaded by

xifahah487
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
52 views2 pages

Portfolio Page

This document is an HTML template for a personal portfolio website. It features a header welcoming visitors and a section showcasing three featured projects, each with an image and description. The projects include a dynamic web application, a creative design project, and an e-commerce site built with React and Node.js.

Uploaded by

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

<!

DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

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

<title>My Portfolio</title>

<style>

body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; }

header { background-color: #333; color: white; padding: 20px; text-align: center; }

section { margin: 20px; }

.project { display: inline-block; width: 30%; margin: 1%; background-color: white;


padding: 20px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }

.project img { width: 100%; height: auto; }

</style>

</head>

<body>

<header>

<h1>Welcome to My Portfolio</h1>

</header>

<section>

<h2>Featured Projects</h2>

<div class="project">

<img src="https://via.placeholder.com/300" alt="Project 1">

<h3>Project 1</h3>

<p>This project involves building a dynamic web application using HTML, CSS, and
JavaScript.</p>

</div>

<div class="project">

<img src="https://via.placeholder.com/300" alt="Project 2">


<h3>Project 2</h3>

<p>A creative design project showcasing the use of modern web design
principles.</p>

</div>

<div class="project">

<img src="https://via.placeholder.com/300" alt="Project 3">

<h3>Project 3</h3>

<p>An e-commerce site built with React and Node.js to provide a seamless shopping
experience.</p>

</div>

</section>

</body>

</html>

You might also like