/
works.html
176 lines (150 loc) · 6.53 KB
/
works.html
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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC|Cinzel" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Crimson+Text" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
</head>
<body>
<header>
<div class="main-heading">
<h1>Jane Austen</h1>
</div>
</header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="wworks.html">Works</a></li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
<div class="overlay">
<div class="right arrow"><p>></p></div>
<div class="left arrow"><p><</p></div>
<div class="carousel">
<div class="child one">
<p class="close"><u>close</u></p>
<img src="images/prideprejudice.jpg" alt="Pride and Prejudice">
<h3>Pride and Prejudice</h3>
<p>When Elizabeth Bennet meets eligible bachelor Fitzwilliam Darcy,
she thinks him arrogant and conceited; he is indifferent to her good looks
and lively mind. When she later discovers that Darcy has involved himself
in the troubled relationship between his friend Bingley and her beloved
sister Jane, she is determined to dislike him more than ever. In the
sparkling comedy of manners that follows, Jane Austen shows the folly of
judging by first impressions and superbly evokes the friendships, gossip
and snobberies of provincial middle-class life.</p>
</div>
<div class="child two">
<p class="close"><u>close</u></p>
<img src="images/persuasion.jpg" alt="Persuasion">
<h3>Persuasion</h3>
<p>At twenty-seven, Anne Elliot is no longer young and has few romantic prospects.
Eight years earlier, she had been persuaded by her friend Lady Russell to break
off her engagement to Frederick Wentworth, a handsome naval captain with neither
fortune nor rank. What happens when they encounter each other again is movingly
told in Jane Austen's last completed novel.</p>
</div>
<div class="child three">
<p class="close"><u>close</u></p>
<img src="images/mansfieldpark.jpg" alt="Mansfield Park">
<h3>Mansfield Park</h3>
<p>Taken from the poverty, Fanny Price is brought up with her rich cousins at Mansfield Park,
acutely aware of her humble rank and with her cousin Edmund as her sole ally.
During her uncle's absence in Antigua, the Crawford's arrive in the neighbourhood
bringing with them the glamour of London life and a reckless taste for flirtation. Mansfield
Park is considered Jane Austen's first mature work and, with its quiet heroine
and subtle examination of social position and moral integrity, one of her most
profound.</p>
</div>
<div class="child four">
<p class="close"><u>close</u></p>
<img src="images/sensesensibility.jpg" alt="Sense and Sensibility">
<h3>Sense and Sensibility</h3>
<p>Marianne Dashwood wears her heart on her sleeve, and when she falls in love
with the dashing John Willoughby she ignores her sister
Elinor's warning that her impulsive behaviour leaves her open to gossip.
Meanwhile Elinor is struggling to conceal her own romantic disappointment.
The sisters learn that sense must mix with sensibility if they are to find
personal happiness. </p>
</div>
<div class="child five">
<p class="close"><u>close</u></p>
<img src="images/emma.jpg" alt="Emma">
<h3>Emma</h3>
<p>Beautiful and clever Emma Woodhouse is perfectly content
with her life and sees no need for love or marriage. Nothing,
however, delights her more than interfering in the romantic lives of others.
But when she ignores the warnings of her good friend Mr. Knightley and
attempts to arrange a suitable match for her protegee Harriet Smith, her
carefully laid plans soon unravel and have consequences that she never
expected.Emma is often seen as Jane Austen's most flawless work.
</p>
</div>
<div class="child six">
<p class="close"><u>close</u></p>
<img src="images/northangerabbey.jpg" alt="Northanger Abbey">
<h3>Northanger Abbey</h3>
<p>During an eventful season at Bath, young, naive Catherine Morland
experiences the joys of fashionable society for the first time. She is
delighted with her new acquaintances: flirtatious Isabella, who shares
Catherine's love of Gothic romance and horror, and sophisticated Henry
and Eleanor Tilney, who invite her to their father's mysterious house,
Northanger Abbey. There, her imagination influenced by novels of sensation
and intrigue, Catherine imagines terrible crimes committed by General Tilney.
With its broad comedy and irrepressible heroine, this is the most youthful
and and optimistic of Jane Austen's works.</p>
</div>
</div>
</div>
<h2>Works</h2>
<main class="works">
<div class="book">
<img src="images/prideprejudice.jpg" alt="Pride and Prejudice">
<p>Pride and Prejudice</p>
</div>
<div class="book">
<img src="images/persuasion.jpg" alt="Persuasion">
<p>Persuasion</p>
</div>
<div class="book">
<img src="images/mansfieldpark.jpg" alt="Mansfiend Park">
<p>Mansfield Park</p>
</div>
<div class="book">
<img src="images/sensesensibility.jpg" alt="Sense and Sensibility">
<p>Sense and Sensibility</p>
</div>
<div class="book">
<img src="images/emma.jpg" alt="Emma">
<p>Emma</p>
</div>
<div class="book">
<img src="images/northangerabbey.jpg" alt="Northanger Abbey">
<p>Northanger Abbey</p>
</div>
</main>
<aside class="link">
<p>Read all of Austen's works for free at
<a href="https://www.gutenberg.org/ebooks/search/?query=jane+austen" id="gutenberg-link">
Project Gutenberg!
</a></p>
</aside>
<script src="js/main.js"></script>
</script>
<footer>
<ul>
<li>
<a href="http://www.stonesquareddevelopment.com" target="_blank">
<p>©<?php echo date("Y");?> Stonesquared Development</p>
</a>
</li>
</ul>
</footer>
<div class="emtpty-space">
</div>
</body>
</html>