Skip to content
This repository has been archived by the owner on Jan 14, 2024. It is now read-only.

BirminghamWM4-Justinas_Brazauskas- HTML-CSS-Coursework-Week1 #331

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

BirminghamWM4-Justinas_Brazauskas- HTML-CSS-Coursework-Week1 #331

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
4 changes: 2 additions & 2 deletions .github/pull_request_template.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@

The title for your pull request should be made in this format

CITY CLASS_NO - FIRST_NAME LAST_NAME - MODULE - WEEK_NO

C MODULE - WEEK_NO
ITY CLASS_NO - FIRST_NAME LAST_NAME -
For example,

London Class 7 - Chris Owen - HTML/CSS - Week 1
Expand Down
69 changes: 69 additions & 0 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,3 +6,72 @@
* for example: General styles, Navigation styles, Hero styles, Footer etc.
*
*/
*{
padding: 0;
margin: 0;
box-sizing: border-box;

}
body{
background-color: #f1f1f1;
}
.header h1{
font-family: Verdana, Geneva, Tahoma, sans-serif;
padding-top: 25px;
text-align: center;
color:#000000;

}
.container{
display: flex;
letter-spacing: 1px;
font-size: 17px;
padding: 10px;
display: inline-block;
text-align:left;
border:2px dashed rgb(142, 183, 142);
border-radius: 45px;
margin-top: 55px;
margin-right: 100px;
margin-bottom: 100px;
margin-left: 15rem;





}
.section-heading{
text-align: center;
margin-bottom: 1.5rem;
}

.articles .article-image img{

font-size: 14rem;
margin-right: 15px;
border-radius: 8px;
margin-left: 45px;
}
.articles .article {
cursor: pointer;
}

.articles .article-description{
font-family: 'Times New Roman', Times, serif;
font-size: 1.4rem;
text-align: justify;
margin:2.2rem 0;
font-weight: 300;
display: block;
padding-bottom: 0.5rem;

}

footer{
background-color: darkgray;
color: #fff;
text-align: center;
padding: 2rem 0;

}
76 changes: 74 additions & 2 deletions index.html
View file
Open in desktop
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>My Travel Blog</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
Expand All @@ -15,8 +15,80 @@
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<header class="header"><h1>
My Travel Blog</h1></header>
<body>
<!-- Add your HTML markup here -->
<main class="main">
<section class="articles">
<div class="container">
<div class="section-heading">
<h2>Forests Of Canada</h2>
</div>
<div class="article">
<div class="article-image">
<img src="https://i.pinimg.com/236x/6f/72/91/6f7291d4cc08526cf12a6abb64d2b8f3.jpg" alt="After rain">
<div class="article-title">
<div class="article-description">
<p>Cathedral G.located in MacMillan Park, is one of the most accessible stands of giant Douglas fir trees on Vancouver
Island. The park protects and preserves an internationally significant representative example of Douglas fir old-growth
forest within the Coastal Western Hemlock Biogeoclimatic Zone.

Here visitors can stroll through a network of trails under the shadow of towering ancient Douglas fir trees, majestic
pillars untouched by the modern world, some more than 800 years old.

Trails on either side of the highway lead visitors through the mighty stands of this coastal forest. On the south side
you will find the largest Douglas firs, one measuring more than 9 metres in circumference. On the northern side of the
road you’ll find groves of ancient western</p>
</div>

</div>

</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="section-heading">
<h2>Forests Of Canada</h2>
</div>

<div class="article">
<div class="article-image">
<img src="https://i.pinimg.com/236x/92/84/3a/92843ab10e5aa15f2f880accbfb169a9.jpg" alt="After rain">


<div class="article-title">
<div class="article-description">
<p>Indigenous cultures have a long history of stewarding the land in Cathedral Grove - MacMillan park. These trees provided
indigenous people including the K’ómoks, Tseshaht, and Te’mexw, with raw materials to support their shelter,
transportation, clothing, and tools.

When Europeans settled on Vancouver Island, the land came to be owned by logging companies. Governor General Viscount
Willingdon is credited with bestowing the name “Cathedral Grove” on the park in the 1920s, and even then, it was already
a popular destination for tourists. For many years, the public petitioned the government unsuccessfully to preserve and
protect the land for future generations. In 1944, a forester named H.R MacMillan donated 136 hectares and this site was
formally dedicated as a Class A Provincial Park three years later.</p>
</div>

</div>

</div>
</div>
</div>
</div>
</div>

</section>
<!--footer-->
<footer>
<div class="social-links">
<a href="#"><i class="fab fa-facebook"></i></a>
</div>
<spam>Travel Blog Justinas.Bra</spam>
</footer>

</main>
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
</body>
</html>