Skip to content
This repository was archived by the owner on Jan 14, 2024. It is now read-only.
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 15 additions & 0 deletions .vscode/launch.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
}
]
}
37 changes: 37 additions & 0 deletions css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -6,3 +6,40 @@
* for example: General styles, Navigation styles, Hero styles, Footer etc.
*
*/

body
{
font-family: Arial, serif;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
background-color: rgb(235, 236, 236);
color: black;
}


main
{
margin:5% 20%;
}

/**styling header section */

#header_id
{
margin:5% 10%;

}

img
{
width: 100%;

}

article:first-child
{
border: 2px solid rgb(149, 150, 150);
}


51 changes: 48 additions & 3 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>My Blog</title>
<title>Landscape Photography</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
Expand All @@ -16,7 +16,52 @@
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
<div id="header_id">
<header>
<h1>Landscape Photography</h1>
<p>Landscape photography is the art of capturing pictures of nature and the outdoors in a way that brings your viewer into the scene. From grand landscapes to intimate details, the best photos demonstrate the photographer’s own connection to nature and capture the essence of the world around them. Below, you’ll find all the landscape photography articles we have written over the past decade, including our highly approachable tutorials and techniques. If you want to learn everything there is to know about taking beautiful landscape pictures, this is the place to start.</p>
</header>
</div>


<main>

<div class="img_class">
<img id="photo_1" src="https://photographylife.com/wp-content/uploads/2019/07/09-Frozen-Lake-Patagonia-960x640.jpg" alt="">
</div>

<div>

<article>
<h2>Essays</h2>
<p>These are the top articles we’ve written to get you started in landscape photography, arranged in alphabetical order. Most importantly, you should know the basic camera settings and technical information (like aperture, shutter speed, exposure, and sharpness). After that, if there is a particular type of landscape subject you want to photograph, you’ll find information here as well.</p>
<a href="https://photographylife.com/landscapes/south-america-8-months">8 Months in South America with a Camera and a Pack</a>
</article>


<article>
<h2>Equipment</h2>
<p>If you already understand the basics of landscape photography, it might be time to learn the more advanced techniques. Things like hyperfocal distance, exposing to the right, and focus stacking are not absolutely essential for learning landscape photography, but they certainly help take your pictures to the next level.</p>
<a href="https://photographylife.com/how-to-correct-white-balance-photoshop">How to Correct White Balance in PhotoShop</a>
</article>

<article>

<h2>Post-Processing</h2>
<p>If you already understand the basics of landscape photography, it might be time to learn the more advanced techniques. Things like hyperfocal distance, exposing to the right, and focus stacking are not absolutely essential for learning landscape photography, but they certainly help take your pictures to the next level.</p>
<a href="https://photographylife.com/landscapes/advanced-post-processing-tips-three-step-sharpening">Advanced Post-Processing Tips: Three-Step Sharpening</a>

</article>

</div>

</main>


<footer>
<p>Copyright © 2023 · Rahma Berhan</p>
</footer>


</body>
</html>