Scribd
Upload
191 views2 pages

Photography, HTML

The document outlines an HTML micro project for a photography website with different sections including a landing page, images section, and footer. It includes HTML tags and CSS links to style elements and structure the different sections of the page.

Uploaded by

rajashreekhandagale2
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
191 views2 pages

Photography, HTML

The document outlines an HTML micro project for a photography website with different sections including a landing page, images section, and footer. It includes HTML tags and CSS links to style elements and structure the different sections of the page.

Uploaded by

rajashreekhandagale2
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

HTML micro project

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/style.css">
<title>Photography project</title>
</head>

<body>
<main>
<!--Landing Area-->
<div id="landing">
<div id="landing-text">
<div id="landing-text-inner">
<h1>My Photography Website</h1>
<h2>Beatyful Images</h2>
<a href="#images" class="btn" id="view-work">
View Work
</a>
</div>
</div>
<div id="landing-image"></div>
</div>
<div id="images">
<div id="header">
<h2>My Work</h2>
</div>

<img src="https://source.unsplash.com/1600x900/?nature,water
" alt="nature image">
<div class="caption">
<h3>Photo One</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident, error!</p>
</div>
<img src="https://source.unsplash.com/1600x900/?nature,trees
" alt="nature image">
<div class="caption">
<h3>Photo Two</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
Provident, error!</p>
</div>
<img src="https://source.unsplash.com/1600x900/?nature,flowers
" alt="nature image">
<div class="caption">
<h3>Photo Three</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
Provident, error!</p>
</div>
<img src="https://source.unsplash.com/1600x900/?nature,animals
" alt="nature image">
<div class="caption">
<h3>Photo Four</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
Provident, error!</p>
</div>
<img src="https://source.unsplash.com/1600x900/?nature,clouds
" alt="nature image">
<div class="caption">
<h3>Photo Five</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
Provident, error!</p>
</div>
</div>
</main>

<footer>
<h3>Get In Touch</h3>
<p>Email or call us to set up a consult</p>
<p>Email: <strong>[email protected]</strong></p>
<p>Phone:
<a href="+3595555555">
<strong>(+359) 555-5555</strong>
</a>
</p>
</footer>

</body>

</html>

You might also like