mirror of
https://github.com/System-End/English-machbeath-website.git
synced 2026-04-19 15:18:24 +00:00
final version
This commit is contained in:
parent
420af4a811
commit
9c31f06bf8
6 changed files with 316 additions and 50 deletions
57
history.html
57
history.html
|
|
@ -3,17 +3,54 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>History of Macbeth</title>
|
||||
<title>Historical Context of Macbeth</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>History of Macbeth</h1>
|
||||
<p>Macbeth is a tragedy by William Shakespeare. It was first performed in 1606 and is one of his most famous works. The play is set in Scotland and follows the rise and fall of the titular character, Macbeth, a Scottish general who becomes king through treachery and murder.</p>
|
||||
<p>The play was performed at the Globe Theatre in London, which was built in 1599 by Shakespeare's playing company, the Lord Chamberlain's Men. The theatre has a rich history and was one of the most famous theatres of its time.</p>
|
||||
<p>Actors who played the roles in the original performances are not well-documented, but it is known that Richard Burbage, a leading actor of the time, likely played Macbeth.</p>
|
||||
<p>There is a stigma associated with Macbeth, often referred to as the "Macbeth curse." It is considered bad luck to say the name "Macbeth" inside a theatre, and many actors refer to it as "The Scottish Play" instead.</p>
|
||||
<nav>
|
||||
<a href="index.html">Back to Home</a>
|
||||
</nav>
|
||||
<div class="container">
|
||||
<h1>Historical Context of Macbeth</h1>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="politics.html">Political Background</a></li>
|
||||
<li><a href="purpose.html">Author's Purpose</a></li>
|
||||
<li><a href="inspiration.html">Sources of Inspiration</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<h2>Performance History</h2>
|
||||
<p>Macbeth was first performed in 1606 and stands as one of Shakespeare's most renowned tragedies. Set in Scotland, the play chronicles the rise and fall of Macbeth, a Scottish general who becomes king through treachery and murder, ultimately leading to his demise.</p>
|
||||
|
||||
<div class="important-fact">
|
||||
<p>Notably, Macbeth is Shakespeare's shortest tragedy, running significantly shorter than his other major works such as Hamlet or King Lear.</p>
|
||||
</div>
|
||||
|
||||
<h2>The Globe Theatre</h2>
|
||||
<p>The play was performed at the Globe Theatre in London, which was constructed in 1599 by Shakespeare's playing company, the Lord Chamberlain's Men. The Globe Theatre holds significant historical importance as one of the most prominent theaters of the Elizabethan and Jacobean eras.</p>
|
||||
|
||||
<p>The Globe was an open-air amphitheater capable of accommodating approximately 3,000 spectators. In 1613, the theater was destroyed by fire during a performance of Shakespeare's Henry VIII when a theatrical cannon misfired and ignited the thatched roof. The theater was subsequently rebuilt in 1614 but was later closed by Puritan authorities in 1642.</p>
|
||||
|
||||
<h2>Original Cast</h2>
|
||||
<p>Documentation regarding the actors who performed in the original production is limited. However, historical records suggest that Richard Burbage, the leading actor of Shakespeare's company, likely portrayed the character of Macbeth. Burbage was renowned for his performances and frequently took on the principal roles in Shakespeare's plays.</p>
|
||||
|
||||
<p>Following the theatrical conventions of the time, female roles, including that of Lady Macbeth, would have been performed by young male actors. Women were not permitted to perform on the public stage in England until after the Restoration period began in 1660.</p>
|
||||
|
||||
<h2>The "Macbeth Curse"</h2>
|
||||
<p>A notable superstition surrounds Macbeth, commonly referred to as the "Macbeth curse." Theatrical tradition holds that it is unlucky to speak the name "Macbeth" inside a theater, leading many theater professionals to refer to it as "The Scottish Play" instead.</p>
|
||||
|
||||
<div class="important-fact">
|
||||
<p>According to theatrical tradition, if someone accidentally says "Macbeth" in a theater, they must leave the room, turn around three times, spit, knock on the door, and request permission to re-enter to counter the supposed curse.</p>
|
||||
</div>
|
||||
|
||||
<p>This superstition may have originated from the play's inaugural performance, which according to legend was marked by the death of the boy actor cast as Lady Macbeth. Over time, numerous productions of Macbeth have reportedly experienced unusual accidents, injuries, and other misfortunes, reinforcing the superstition.</p>
|
||||
|
||||
<a href="index.html" class="back-to-home">Return to Home Page</a>
|
||||
|
||||
<footer>
|
||||
Prepared by: Aurora Cucci - Pre-AP English, Grade 10
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
27
index.html
27
index.html
|
|
@ -8,16 +8,31 @@
|
|||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Welcome to the Macbeth Website</h1>
|
||||
<h1>Shakespeare's Macbeth: An Analysis</h1>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="history.html">History of Macbeth</a></li>
|
||||
<li><a href="politics.html">Politics of Shakespeare's Time</a></li>
|
||||
<li><a href="history.html">Historical Context</a></li>
|
||||
<li><a href="politics.html">Political Background</a></li>
|
||||
<li><a href="purpose.html">Author's Purpose</a></li>
|
||||
<li><a href="inspiration.html">Author's Inspiration</a></li>
|
||||
<li><a href="inspiration.html">Sources of Inspiration</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<p>Explore the fascinating world of Shakespeare's darkest tragedy. Learn about its history, political context, and the author's purpose and inspiration for creating this timeless work.</p>
|
||||
|
||||
<div class="important-fact">
|
||||
<p>"Fair is foul, and foul is fair: Hover through the fog and filthy air." — <em>Macbeth</em>, Act I, Scene I</p>
|
||||
</div>
|
||||
|
||||
<h2>Introduction to Shakespeare's Macbeth</h2>
|
||||
<p>This website presents an analysis of William Shakespeare's tragedy "Macbeth." The play, written in the early 17th century, remains one of Shakespeare's most studied and performed works. This analysis examines several important aspects of the play including its historical context, the political environment in which it was written, Shakespeare's purpose in writing it, and his sources of inspiration.</p>
|
||||
|
||||
<p>Macbeth explores themes of ambition, betrayal, guilt, and the supernatural through the story of a Scottish general who, influenced by prophecies and his wife's encouragement, murders King Duncan to take the throne. The consequences of this act lead to Macbeth's downfall as he becomes consumed by guilt and paranoia.</p>
|
||||
|
||||
|
||||
|
||||
<footer>
|
||||
Prepared by: Aurora Cucci - Pre-AP English, Grade 10
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
@ -3,15 +3,65 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Author’s Inspiration</title>
|
||||
<title>Sources of Inspiration</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Author’s Inspiration</h1>
|
||||
<p>Shakespeare drew inspiration for Macbeth from various sources, including Holinshed's Chronicles, a historical account of British history. The Chronicles provided the basis for many of the characters and events in the play.</p>
|
||||
<p>The real Macbeth was a Scottish king who ruled from 1040 to 1057. Shakespeare's portrayal of Macbeth is a dramatic interpretation that emphasizes themes of ambition and moral corruption, rather than a strictly historical account.</p>
|
||||
<nav>
|
||||
<a href="index.html">Back to Home</a>
|
||||
</nav>
|
||||
<div class="container">
|
||||
<h1>Shakespeare's Sources of Inspiration for Macbeth</h1>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="history.html">Historical Context</a></li>
|
||||
<li><a href="politics.html">Political Background</a></li>
|
||||
<li><a href="purpose.html">Author's Purpose</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<h2>Holinshed's Chronicles</h2>
|
||||
<p>Shakespeare drew primary inspiration for Macbeth from Holinshed's Chronicles, a comprehensive historical account of British history. This source provided the foundation for many of the characters and events depicted in the play.</p>
|
||||
|
||||
<p>"Chronicles of England, Scotland, and Ireland," published in 1587, was compiled by Raphael Holinshed and other writers. This work was considered the most authoritative historical text available during Shakespeare's era and served as a source for several of his plays, including Macbeth, King Lear, and Cymbeline.</p>
|
||||
|
||||
<div class="important-fact">
|
||||
<p>While Shakespeare drew from Holinshed's narrative, he significantly condensed the timeline. In the Chronicles, Macbeth's reign spans 17 years, whereas in the play, events unfold with much greater rapidity to enhance dramatic effect.</p>
|
||||
</div>
|
||||
|
||||
<h2>The Historical Macbeth</h2>
|
||||
<p>The historical Macbeth ruled Scotland from 1040 to 1057. According to historical records, he ascended to power after defeating King Duncan I in battle, not through the act of murder during the king's sleep as portrayed in Shakespeare's play.</p>
|
||||
|
||||
<p>Contrary to his characterization as a tyrannical usurper in the play, historical accounts suggest that the actual Macbeth was a capable ruler who maintained relative stability during his 17-year reign. Historical records indicate that he undertook a pilgrimage to Rome in 1050, suggesting a level of security in his position that allowed him to leave Scotland for an extended period.</p>
|
||||
|
||||
<h2>Creative Adaptations</h2>
|
||||
<p>Shakespeare's portrayal of Macbeth represents a dramatic interpretation that emphasizes themes of ambition and moral corruption, rather than a historically accurate account. The playwright significantly altered both characters and events to create a more compelling narrative and to align with the political messages he intended to convey.</p>
|
||||
|
||||
<p>Significant differences between historical accounts and Shakespeare's adaptation include:</p>
|
||||
<ul>
|
||||
<li>Duncan is portrayed as an elderly, virtuous king in the play, whereas historical records describe him as a young, relatively ineffective ruler</li>
|
||||
<li>Banquo, presented as Macbeth's noble friend who refuses to participate in regicide, is historically believed to have been Macbeth's accomplice in Duncan's defeat</li>
|
||||
<li>Lady Macbeth's character is largely Shakespeare's creation, as historical information about Macbeth's wife, Gruoch, is limited</li>
|
||||
</ul>
|
||||
|
||||
<div class="important-fact">
|
||||
<p>Historical accounts indicate that the actual Macbeth was defeated and killed by Malcolm (Duncan's son) and Siward (Earl of Northumbria) at the Battle of Lumphanan in 1057, rather than in single combat with Macduff as depicted in the play.</p>
|
||||
</div>
|
||||
|
||||
<h2>Additional Influences</h2>
|
||||
<p>Beyond Holinshed's Chronicles, Shakespeare's work was likely influenced by various contemporaneous sources:</p>
|
||||
<ul>
|
||||
<li>Contemporary accounts of witch trials and King James I's "Daemonologie" (1597)</li>
|
||||
<li>The Gunpowder Plot of 1605, an attempted assassination of King James I</li>
|
||||
<li>Classical tragedy, particularly the works of Seneca, which frequently featured violence, supernatural elements, and themes of revenge</li>
|
||||
<li>Medieval morality plays that addressed themes of sin, redemption, and damnation</li>
|
||||
</ul>
|
||||
<p>These diverse influences contributed to the creation of one of Shakespeare's most psychologically complex and atmospherically powerful tragedies.</p>
|
||||
|
||||
<a href="index.html" class="back-to-home">Return to Home Page</a>
|
||||
|
||||
<footer>
|
||||
Prepared by: Aurora Cucci - Pre-AP English, Grade 10
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
@ -3,15 +3,54 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Politics of Shakespeare’s Time</title>
|
||||
<title>Political Background of Macbeth</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Politics of Shakespeare’s Time</h1>
|
||||
<p>When Shakespeare wrote Macbeth, England was under the rule of King James I, who had a keen interest in witchcraft and the supernatural. The political climate was tense, with concerns about succession and the legitimacy of rulers.</p>
|
||||
<p>Shakespeare wrote Macbeth to appeal to King James I, who was also the patron of Shakespeare's playing company. The play includes themes of kingship, power, and the consequences of ambition, which were relevant to the political context of the time.</p>
|
||||
<nav>
|
||||
<a href="index.html">Back to Home</a>
|
||||
</nav>
|
||||
<div class="container">
|
||||
<h1>Political Background of Shakespeare's Time</h1>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="history.html">Historical Context</a></li>
|
||||
<li><a href="purpose.html">Author's Purpose</a></li>
|
||||
<li><a href="inspiration.html">Sources of Inspiration</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<h2>The Reign of King James I</h2>
|
||||
<p>When Shakespeare composed Macbeth, England was under the governance of King James I, who ascended to the English throne in 1603 following the death of Queen Elizabeth I. Prior to his English coronation, James had ruled as King James VI of Scotland, thereby creating a personal union between the two kingdoms.</p>
|
||||
|
||||
<div class="important-fact">
|
||||
<p>King James I became the patron of Shakespeare's playing company, which was subsequently renamed "The King's Men" in his honor in 1603, demonstrating the important relationship between the monarch and the playwright.</p>
|
||||
</div>
|
||||
|
||||
<h2>Political Tensions of the Era</h2>
|
||||
<p>The political climate during this period was characterized by significant tension regarding matters of succession and the legitimacy of rulers. England had experienced considerable anxiety during the final years of Queen Elizabeth I's reign concerning who would succeed the childless monarch. While King James's accession brought a measure of stability, it also introduced new concerns.</p>
|
||||
|
||||
<p>The early years of James's reign witnessed notable political instability, exemplified by the Gunpowder Plot of 1605—an attempted assassination of the king and both houses of Parliament. This failed conspiracy heightened public fears regarding treason and regicide, themes that feature prominently in Macbeth.</p>
|
||||
|
||||
<h2>Royal Interest in Witchcraft</h2>
|
||||
<p>King James I maintained a significant interest in witchcraft and supernatural phenomena, having personally presided over witch trials in Scotland. In 1597, prior to becoming England's monarch, James published "Daemonologie," a scholarly treatise examining witchcraft that advocated for witch hunting and described the alleged practices of witches and their purported allegiance to demonic forces.</p>
|
||||
|
||||
<p>Shakespeare incorporated these royal interests into Macbeth, featuring witches and supernatural elements that would appeal to the king. The portrayal of the witches in the play corresponds with James's perspective on witchcraft, depicting them as malevolent entities allied with dark powers.</p>
|
||||
|
||||
<div class="important-fact">
|
||||
<p>King James's personal involvement in witch trials in Scotland provided him with what he considered firsthand knowledge of witchcraft, making this subject particularly significant to him.</p>
|
||||
</div>
|
||||
|
||||
<h2>Divine Right of Kings</h2>
|
||||
<p>Shakespeare wrote Macbeth in part to appeal to King James I, the patron of his theatrical company. The play explores themes of kingship, power, and the consequences of unchecked ambition, all of which held relevance in the political context of the time.</p>
|
||||
|
||||
<p>The play supports the doctrine of the "Divine Right of Kings"—a political and religious concept asserting that monarchs derive their authority to rule directly from God. In Macbeth, the legitimate king (Duncan, and later Malcolm) is characterized as virtuous and divinely favored, while the usurper (Macbeth) brings only suffering and disorder to the kingdom.</p>
|
||||
|
||||
<a href="index.html" class="back-to-home">Return to Home Page</a>
|
||||
|
||||
<footer>
|
||||
Prepared by: Aurora Cucci - Pre-AP English, Grade 10
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
57
purpose.html
57
purpose.html
|
|
@ -3,15 +3,56 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Author’s Purpose</title>
|
||||
<title>Author's Purpose</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Author’s Purpose</h1>
|
||||
<p>Shakespeare wrote Macbeth to explore themes of ambition, power, and guilt. He was also motivated by the desire to please King James I, who had a fascination with witchcraft and the supernatural.</p>
|
||||
<p>By writing Macbeth, Shakespeare aimed to secure the favor of the king and ensure the continued patronage of his playing company. The play's themes and characters were designed to resonate with the political and social concerns of the time.</p>
|
||||
<nav>
|
||||
<a href="index.html">Back to Home</a>
|
||||
</nav>
|
||||
<div class="container">
|
||||
<h1>Shakespeare's Purpose in Writing Macbeth</h1>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="history.html">Historical Context</a></li>
|
||||
<li><a href="politics.html">Political Background</a></li>
|
||||
<li><a href="inspiration.html">Sources of Inspiration</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<h2>Thematic Exploration</h2>
|
||||
<p>Shakespeare wrote Macbeth to examine significant themes including ambition, power, and guilt. Through the character of Macbeth, the playwright illustrates how unchecked ambition can lead to moral degradation and ultimately destruction, affecting not only others but also the ambitious individual. The work serves as a profound exploration of the human psyche when corrupted by desire for power.</p>
|
||||
|
||||
<div class="important-fact">
|
||||
<p>"Vaulting ambition, which o'erleaps itself, and falls on th'other." — Macbeth, Act I, Scene VII</p>
|
||||
</div>
|
||||
|
||||
<p>The playwright also sought to investigate the nature of evil and supernatural influences—themes that appear throughout his work but are particularly prominent in Macbeth. The play examines how external forces can tempt individuals toward moral corruption and how such corruption can spread with devastating consequences.</p>
|
||||
|
||||
<h2>Royal Patronage</h2>
|
||||
<p>Shakespeare was motivated by the desire to please King James I, who had a documented fascination with witchcraft and supernatural phenomena. By incorporating these elements into the play, Shakespeare appealed to the monarch's interests while simultaneously creating a dramatically compelling narrative.</p>
|
||||
|
||||
<p>The inclusion of Banquo as an ancestor of King James I was a deliberate choice intended to honor the monarch. In the play, the witches prophesy that Banquo's descendants will become kings, which would have pleased James, who claimed descent from the historical Banquo. This genealogical connection served as a form of flattery toward the king.</p>
|
||||
|
||||
<h2>Securing Patronage and Protection</h2>
|
||||
<p>By writing Macbeth, Shakespeare aimed to secure the favor of the king and ensure the continued patronage of his playing company. The play's themes and characters were designed to resonate with the political and social concerns of the Jacobean era.</p>
|
||||
|
||||
<div class="important-fact">
|
||||
<p>Historical records indicate that The King's Men received payment of £10 for each court performance, a substantial sum that contributed significantly to the company's financial stability.</p>
|
||||
</div>
|
||||
|
||||
<p>Royal patronage provided not only financial support but also protection from civic authorities who often viewed theaters with suspicion and hostility. The King's Men (formerly the Lord Chamberlain's Men) benefited from royal patronage through opportunities to perform at court and the associated payments for these performances.</p>
|
||||
|
||||
<h2>Commercial Considerations</h2>
|
||||
<p>Shakespeare, as a commercial playwright, needed to appeal to a diverse audience. Macbeth, with its supernatural elements, dramatic violence, and psychological depth, was crafted to attract audiences to the theater and maintain public interest in his company's performances.</p>
|
||||
|
||||
<p>The play's relatively brief length (Shakespeare's shortest tragedy) may suggest it was composed for a special occasion or to be performed alongside other entertainments. Its rapid pace and dramatic elements indicate Shakespeare's awareness of audience engagement and attention span.</p>
|
||||
|
||||
<a href="index.html" class="back-to-home">Return to Home Page</a>
|
||||
|
||||
<footer>
|
||||
Prepared by: Aurora Cucci - Pre-AP English, Grade 10
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
104
style.css
104
style.css
|
|
@ -1,7 +1,7 @@
|
|||
/* style.css */
|
||||
/* Enhanced style.css */
|
||||
body {
|
||||
font-family: 'Georgia', serif;
|
||||
line-height: 1.6;
|
||||
line-height: 1.8;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #f5f3e6;
|
||||
|
|
@ -9,9 +9,14 @@ body {
|
|||
}
|
||||
|
||||
.container {
|
||||
max-width: 1000px;
|
||||
max-width: 900px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
padding: 30px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 8px;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
|
@ -20,19 +25,30 @@ h1 {
|
|||
margin-bottom: 30px;
|
||||
font-size: 2.5rem;
|
||||
border-bottom: 2px solid #7b3e19;
|
||||
padding-bottom: 10px;
|
||||
padding-bottom: 15px;
|
||||
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #522b10;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 15px;
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
nav {
|
||||
background-color: #522b10;
|
||||
padding: 15px 0;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 30px;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
nav ul {
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
|
@ -41,30 +57,98 @@ nav ul li {
|
|||
margin: 0 15px;
|
||||
}
|
||||
|
||||
nav ul li a {
|
||||
nav a {
|
||||
color: #f5f3e6;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
transition: color 0.3s;
|
||||
transition: all 0.3s ease;
|
||||
font-size: 1.1rem;
|
||||
padding: 8px 15px;
|
||||
border-radius: 4px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
nav ul li a:hover {
|
||||
nav a:hover {
|
||||
color: #dca76d;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 20px;
|
||||
font-size: 1.1rem;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.back-to-home {
|
||||
display: inline-block;
|
||||
margin-top: 30px;
|
||||
background-color: #522b10;
|
||||
color: #f5f3e6;
|
||||
padding: 10px 20px;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.back-to-home:hover {
|
||||
background-color: #7b3e19;
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.page-content {
|
||||
background-color: #fff;
|
||||
padding: 25px;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.section {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
background-color: #f9f2e2;
|
||||
padding: 15px;
|
||||
border-left: 4px solid #7b3e19;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.header-image {
|
||||
width: 100%;
|
||||
max-height: 250px;
|
||||
object-fit: cover;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
margin-top: 40px;
|
||||
padding: 20px;
|
||||
font-size: 0.9rem;
|
||||
color: #777;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.container {
|
||||
padding: 20px;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
nav ul li {
|
||||
margin: 10px 0;
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue