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

Leeds NW5 - Meron_Gebremichael - HTML-CSS-Coursework-week1 #206

Open
Meronggk wants to merge 7 commits into
base: master
Choose a base branch
from
Open

Leeds NW5 - Meron_Gebremichael - HTML-CSS-Coursework-week1 #206

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
6399db6
add header
Meronggk Jul 28, 2022
42bebd5
add linds
Meronggk Jul 28, 2022
89f80f9
fixing nav
Meronggk Jul 28, 2022
7c47105
adding nav
Meronggk Jul 28, 2022
015eb1d
adding links
Meronggk Jul 28, 2022
b57fd03
removing article
Meronggk Jul 28, 2022
bc72773
add margin
Meronggk Jul 29, 2022
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
66 changes: 66 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,69 @@
* for example: General styles, Navigation styles, Hero styles, Footer etc.
*
*/
html {
background-color: rgb(127, 229, 255);
}
header {
height: 50px;
width: 100%;
text-align: start;
font-family: serif;
font-size: 40px;
font-weight: bolder;
color: #830837;
margin-top: 5rem;
}
.learns {
font-family: serif;
font-size: 20px;
}


.frame {
margin-top: 5.5rem;
text-align: center;
}
.float {
text-align: center;
margin-bottom: 10erm;
color: rgb(121, 9, 9);

}
.learn {
margin-top: 2rem;
text-decoration: solid;
color: #830837;
}

.break h1 {
margin-top: 3.5rem;
font-size: 3.125rem;
color: rgb(26, 11, 11);
text-align: start;
font-weight: 300;

}
.broken {
text-align: start;
margin-right: 3.5rem;
}
.broken article {
text-align: start;

}
.gally, .broke, .arty {
margin-top: 3.5;
font-size: 1.45rem;
}
.about {
margin-top: 10rem;
text-align: center;
color: #838994;
}
.about h3 {
margin: 0.437rem;
color: #333333;
font-family: 'Times New Roman';
}

71 changes: 69 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,74 @@
<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 -->
<main>
<header>Meron Art</header>
<div class="learns">
<p>Art is a diverse range of human activity, and resulting product, that
involves creative or imaginative talent expressive of technical
proficiency, beauty, emotional power, or conceptual ideas.
There is no generally agreed definition of what constitutes art, and
its interpretation has varied greatly throughout history and across cultures.
The three classical branches of visual art are painting, sculpture, and architecture.
Theatre, dance, and other performing arts, as well as literature, music, film and other
media such as interactive media, are included in a broader definition of the arts.
Until the 17th century, art referred to any skill or mastery and was not differentiated
from crafts or sciences. In modern usage after the 17th century, where aesthetic
considerations are paramount, the fine arts are separated and distinguished from
acquired skills in general, such as the decorative or applied arts.
</p>
<div class="learn">
<a href="https://www.google.com/search?q=why+art+is+important&oq=why+art+is+important&aqs=chrome..69i57j0i512l9.10168j0j9&sourceid=chrome&ie=UTF-8">Learn more</a>
</div>
</div>

<div class="frame">

<iframe width="695" height="391" src="https://www.youtube.com/embed/rFYgGG2Rgd0"
title="NYC Art Gallery Tour of Chelsea & Meatpacking" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="float">
<h2>Gallery Video</h2>
</div>
</div>
<section class="break">

<br>
<div class="broke">
<h2>Meaning Of Art</h2>
<article>
Art gives us meaning and helps us understand our world. Scientific studies
have proven that art appreciation improves our quality of life and makes us feel
good. When we create art, we elevate our mood, we improve our ability to problem
solve, and open our minds to new ideas. </article>
</div>
<div class="learn">
<a href="https://www.google.com/search?q=why+art+is+important&oq=why+art+is+important&aqs=chrome..69i57j0i512l9.10168j0j9&sourceid=chrome&ie=UTF-8">Learn more</a>

</div>

<br>
<div class="arty">
<h2>Summary</h2>
<article>When you look at the paintings made in caves and rocks by the ancient people, it
gives us an idea about their culture. So, art is a form of preserving culture. It
reflects a society's beliefs, cultural values, etc.</article>
</div>
<div class="learn">
<a href="https://www.google.com/search?q=why+art+is+important&oq=why+art+is+important&aqs=chrome..69i57j0i512l9.10168j0j9&sourceid=chrome&ie=UTF-8">Learn more</a>
</div>
</div>
</section>
</main>

<footer>
<div class="about">
<h3>for more info click at</h3>
<a href="https://www.google.com/search?q=why+art+is+important&oq=why+art+is+important&aqs=chrome..69i57j0i512l9.10168j0j9&sourceid=chrome&ie=UTF-8">Why art is important</a>
<address>
contact: ggkmeron@gmail.com
</address>
</div>
</footer>
</body>
</html>