Assignment-1/index.html at main · Sithsdoc/Assignment-1 · GitHub

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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<meta charset = "utf-8"/>
<html lang="en">
  <head>
    <title>Renaissance</title>
    <link rel = "stylesheet" href = "styles/main.css">
  </head>
  <body>
    <h1>The Renaissance</h1>
  <div class = "row">
    <div class = "column">
      <img src="images/pieta.png" alt="_blank" class = "pieta"/>
    </div>
    <div class = "column">
      <img src="images/schoolofathens.png" alt="_blank" class = "school"/>
    </div>
    <div class = "column">
      <img src="images/monalisa.png" alt ="_blank" width = 400px; height = auto; class = "lisa"/>
    </div>
  </div>
    <!--links to images-->
    <div class = "solid">
    <p>
      The <b>Renaissance</b> was a shift from Medieval art to realism which was
      used during the <br />
      renaissance. The Renaissance started, in Italy, as the “proto Renaissance”
      in the years 1280-<br />
      1400, during this time the artists started to reawaken the ideals and
      achievements of classical<br />
      Roman culture; however, this was stifled due to war and plague, and its
      influences didn’t<br />
      appear again until the early 1400s. In the beginning there were different
      major artists than the<br />
      ones we know of, such as the sculptor <i>Lorenzo Ghiberti</i>, and painter
      <i>Masaccio</i>.
    </p>
    <!--first paragraph, this is the information of the events leaidng up to renaissance, and the beggining of the renaissance-->
    <p>
      By the end of the 15<sup>th</sup> century Rome became the center of the
      Renaissance instead of<br />
      Florence, Italy, this period was known as the <b>High Renaissance</b>, and
      this is when the 3<br />
      great artists-<i>Leonardo da Vinci</i>, <i>Michelangelo</i>,
      <i>and Rapheal</i>- became known.
      <br />
      <i>Leonardo</i> was a famous painter that expressed the humanist and
      classical values of<br />
      the era, his most known painting would be the "Mona Lisa".
      <i>Michelangelo</i> was most<br />
      known for his sculptors, one of his more known pieces is David in
      Florence, he also<br /> created a sculptor called Pieta, while not
      his area of expertise he also created<br /> paintings, such as the one covering
      the ceiling in
      the Sistine chapel. The last is <i>Rapheal</i>,<br /> he was a painter and a
      sculptor, one of his
      more known paintings is the<br /> "School of Athens" that was painted in the
      Vatican.
    </p>
    <!--This paragraph talks about the 3 artists Leonardo, Michelangelo, and Rapheal,as well as their famous work-->
    <p>
      During the late 1500s the Mannerist style started to appear which is a
      style that<br />
      emphasized artificiality instead of the realism of the renaissance, this
      style, overtime <br />
      replaced realism and thus the renaissance came to an end.
    </p>
    <!--this paragrap talks about the end of the renaissance-->
    <p>
      The realism of the Renaissance affected the design of this website by
      making it<br />
      grounded to reality, such as using blue or green colors because people see
      these <br />
      colors every time they step outside.
    </p>
    <!--this is how realism impacted the website-->
    <div class = "container">
    <p>
      Content links:
    <ol class = "website">
      <li><a href = "https://www.history.com/topics/renaissance/renaissance-art" target="_blank"/>www.history.com</a></li>
      <li><a href = "https://www.britannica.com/art/Renaissance-art" target="_blank" />www.britannica.com</a></li>
    </0l>
    </p>
    </div>
    <div class = "bottle">
    <p>
      Image links:
      <ol class = "image">
        <li><a href = "https://smarthistory.org/leonardo-mona-lisa/" target="_blank" />Mona Lisa</a></li>
        <li><a href = "https://www.britannica.com/topic/Pieta-iconography" target="_blank"/>Pieta</a></li>
        <li><a href = "https://en.wikipedia.org/wiki/The_School_of_Athens " target="_blank" />The School of Athens</a></li>
      </ol>
    </p>
  </div>
   </div>
   </body>
</html>