forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
67 lines (65 loc) · 3.98 KB
/
index.html
File metadata and controls
67 lines (65 loc) · 3.98 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html lang="en">
<head>
<title>The Life of Frida Kahlo</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Caveat&family=Inconsolata&family=Odibee+Sans&family=Open+Sans:wght@500&display=swap" rel="stylesheet">
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>The Life of Frida Kahlo</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<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 -->
<header>
<h1>The Life of Frida Kahlo</h1>
<nav>
<a href="#Home">Home</a>
<a href="#About">About</a>
<a href="#Artwork">Artwork</a>
</nav>
<p>Welcome to the world of Frida Kahlo. She's one of my favourite artists therefore I created this page to pay my respect. Most resources are copied from the original page <a href="https://www.theartstory.org/artist/kahlo-frida/" target="blank">here.</a> </p>
<p>
</header>
<main>
<section>
<h2>Summary of Frida Kahlo</h2>
<hr>
<p>Small pins pierce Kahlo's skin to reveal that she still 'hurts' following illness and accident, whilst a signature tear signifies her ongoing battle with the related psychological overflow. Frida Kahlo typically uses the visual symbolism of physical pain in a long-standing attempt to better understand emotional suffering. Prior to Kahlo's efforts, the language of loss, death, and selfhood, had been relatively well investigated by some male artists (including Albrecht Dürer, Francisco Goya, and Edvard Munch), but had not yet been significantly dissected by a woman. Indeed not only did Kahlo enter into an existing language, but she also expanded it and made it her own. By literally exposing interior organs, and depicting her own body in a bleeding and broken state, Kahlo opened up our insides to help explain human behaviors on the outside. She gathered together motifs that would repeat throughout her career, including ribbons, hair, and personal animals, and in turn created a new and articulate means to discuss the most complex aspects of female identity. As not only a 'great artist' but also a figure worthy of our devotion, Kahlo's iconic face provides everlasting trauma support and she has influence that cannot be underestimated.
</p>
</section>
<hr>
<h3>Important Art by Frida Kahlo</h3>
<article class="artworkContainer">
<article>
<img class="Artwork" src="https://www.fridakahlo.org/images/paintings/henry-ford-hospital.jpg" alt="Henry Ford Hospital, 1932 by Frida Kahlo">
<p class="artname">Henry Ford Hospital, 1932 by Frida Kahlo</p>
</article>
<article>
<img class="Artwork" src="https://www.fridakahlo.org/images/paintings/the-two-fridas.jpg" alt="The Two Fridas, 1939 by Frida Kahlo">
<p class="artname">The Two Fridas, 1939 by Frida Kahlo</p>
</article>
<article>
<img class="Artwork" src="https://www.fridakahlo.org/images/paintings/self-portrait-with-necklace-of-thorns.jpg" alt="Self-Portrait with Thorn Necklace and Hummingbird, 1940">
<p class="artname">Self-Portrait with Thorn Necklace and Hummingbird, 1940</p>
</article>
</article>
</main>
<footer>
<hr>
<p>Are you a fan of Frida as well? Follow me on Instagram <a href="https://www.instagram.com/">here.</a> </p>
<p> © Ying Xing 2022</p>
</footer>
</body>
</html>