rav4s
/
english-books-website
mirror of https://github.com/Rav4s/english-books-website
1
1
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Added more books, articles, and poems

main
Ravi Shah 5 years ago
parent
d82f32f9da
commit
2f45c48113
5 changed files with 607 additions and 5 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 173
      imacg3stevejobs.html
  2. 78
      index.html
  3. 15
      js/redirects.js
  4. 173
      sonnetbillycollins.html
  5. 173
      sonnetxii.html

173
imacg3stevejobs.html
View File

@ -0,0 +1,173 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Twenty Years Ago, Steve Jobs Introduced the iMac G3</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Twenty Years Ago, Steve Jobs Introduced the iMac G3">
<meta charset="UTF-8">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="css/styles.css" rel="stylesheet" media="screen">
<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"></noscript>
<link rel="manifest" href="static/site.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="static/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="static/favicon-16x16.png">
<!-- Begin Inlined Google Fonts -->
<style>
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>
<!-- End Inlined Google Fonts -->
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u = "//analytics.yeetpc.com/matomo/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '4']);
var d = document,
g = d.createElement('script'),
s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript';
g.async = true;
g.src = u + 'matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body>
<div class="page-container">
<div class="content-wrap">
<!-- Top Navbar -->
<div class="Navbar">
<div class="Navbar__Link Navbar__Link-brand">
<h1><a href="./">Outside Reading Assignment</a></h1>
</div>
<div class="Navbar__Link Navbar__Link-toggle">
<i class="fa fa-bars"></i>
</div>
<nav class="Navbar__Items Navbar__Items--right">
<div class="Navbar__Link">
<a href="mailto:ravi@yeetpc.com">Contact Me</a>
</div>
</nav>
</div>
<!-- End Top Navbar -->
<!-- Begin Top Banner -->
<div class="banner">
<div class="card-top-banner">
<p class="top-banner-text-medium">Twenty Years Ago, Steve Jobs Introduced the iMac G3</p>
<br />
</div>
</div>
<!-- End Top Banner -->
<!-- Begin Responsive Layout -->
<div class="main-box">
<div class="main-box-text">
Type: Article<br />Author: Stephen Hackett<br />Publish Date: 5/6/2018<br />Publisher: 512 Pixels<br />
<a href="https://512pixels.net/2018/05/20-years-imac-g3-steve-jobs/">Link</a><br />Reflection: This article describes the tremendous impact that the iMac G3 had on the world, not only at the time of its release, but even today, as we continue innovating in the world of personal computing and the Internet. This iMac pioneered multiple features such as USB, which is used in almost all modern computers (except for modern Macs), and the ability to connect to the Internet out of the box (with an internal modem). In the article, Stephen details how the iMac enabled Apple to lift itself out of a "multi-year downward spiral" and become the trillion-dollar company it is today.
</div>
</div>
<!-- End Responsive Layout -->
<!-- Begin Footer -->
<div class="footer">
<div class="footer-links">
<p>Source code <a href="https://github.com/Rav4s/english-books-website">on GitHub</a>.</p>
<p style="border-bottom: 100px;">© 2021 Ravi Shah</p>
</div>
</div>
<!-- End Footer -->
</div>
</div>
<script src="js/expandnavbar.js" defer></script>
</body>
</html>

78
index.html
View File

@ -163,15 +163,15 @@
</div>
<div class="column">
<br />
<div id="repairdashboard" class="card">
<div id="redmoonrising" class="card">
<div class="card-header">
Another book
Red Moon Rising: Sputnik and the Hidden Rivalries that Ignited the Space Age
</div>
</div>
</div>
<div class="column">
<br />
<div id="thinkpadx220" class="card">
<div id="shshhssssssssssssssssssssssssssssdbbdbdbaidoifijss" class="card">
<div class="card-header">
Another book
</div>
@ -193,7 +193,23 @@
</div>
<div class="column">
<br />
<div id="repairdashboard" class="card">
<div id="imacg3stevejobs" class="card">
<div class="card-header">
Twenty Years Ago, Steve Jobs Introduced the iMac G3
</div>
</div>
</div>
<div class="column">
<br />
<div id="oooooooooaishdsyshjajnnkll" class="card">
<div class="card-header">
Another article
</div>
</div>
</div>
<div class="column">
<br />
<div id="ll" class="card">
<div class="card-header">
Another article
</div>
@ -201,12 +217,64 @@
</div>
<div class="column">
<br />
<div id="thinkpadx220" class="card">
<div id="oo" class="card">
<div class="card-header">
Another article
</div>
</div>
</div>
<div class="column">
<br />
<div id="tstst" class="card">
<div class="card-header">
Another article
</div>
</div>
</div>
</div>
<br />
<div class="top-banner-text-medium">
Poems
</div>
<div class="row">
<div class="column">
<br />
<div id="sonnetbillycollins" class="card">
<div class="card-header">
“Sonnet” by Billy Collins
</div>
</div>
</div>
<div class="column">
<br />
<div id="sonnetxii" class="card">
<div class="card-header">
“Sonnet XII” by William Shakespeare
</div>
</div>
</div>
</div>
<br />
<div class="top-banner-text-medium">
Short Stories
</div>
<div class="row">
<div class="column">
<br />
<div id="jsjsjjjsjsjs" class="card">
<div class="card-header">
Short Story 1
</div>
</div>
</div>
<div class="column">
<br />
<div id="sonnkjfkjfjfjfjfjjfetxii" class="card">
<div class="card-header">
Another one
</div>
</div>
</div>
</div>
<!-- End Responsive Layout -->

15
js/redirects.js
View File

@ -4,4 +4,19 @@ document.getElementById("go-down").onclick = function() {
};
document.getElementById("centosdead").onclick = function() {
location.href = "./centos-death.html";
};
document.getElementById("worm").onclick = function() {
location.href = "./worm.html";
};
document.getElementById("redmoonrising").onclick = function() {
location.href = "./redmoonrising.html";
};
document.getElementById("sonnetbillycollins").onclick = function() {
location.href = "./sonnetbillycollins.html";
};
document.getElementById("sonnetxii").onclick = function() {
location.href = "./sonnetxii.html";
};
document.getElementById("imacg3stevejobs").onclick = function() {
location.href = "./imacg3stevejobs.html";
};

173
sonnetbillycollins.html
View File

@ -0,0 +1,173 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>“Sonnet” by Billy Collins</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="“Sonnet” by Billy Collins">
<meta charset="UTF-8">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="css/styles.css" rel="stylesheet" media="screen">
<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"></noscript>
<link rel="manifest" href="static/site.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="static/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="static/favicon-16x16.png">
<!-- Begin Inlined Google Fonts -->
<style>
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>
<!-- End Inlined Google Fonts -->
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u = "//analytics.yeetpc.com/matomo/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '4']);
var d = document,
g = d.createElement('script'),
s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript';
g.async = true;
g.src = u + 'matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body>
<div class="page-container">
<div class="content-wrap">
<!-- Top Navbar -->
<div class="Navbar">
<div class="Navbar__Link Navbar__Link-brand">
<h1><a href="./">Outside Reading Assignment</a></h1>
</div>
<div class="Navbar__Link Navbar__Link-toggle">
<i class="fa fa-bars"></i>
</div>
<nav class="Navbar__Items Navbar__Items--right">
<div class="Navbar__Link">
<a href="mailto:ravi@yeetpc.com">Contact Me</a>
</div>
</nav>
</div>
<!-- End Top Navbar -->
<!-- Begin Top Banner -->
<div class="banner">
<div class="card-top-banner">
<p class="top-banner-text-medium">“Sonnet” by Billy Collins</p>
<br />
</div>
</div>
<!-- End Top Banner -->
<!-- Begin Responsive Layout -->
<div class="main-box">
<div class="main-box-text">
Type: Poem<br />Author: Billy Collins<br />Publish Date: Unknown<br />Publisher: Unknown<br />
Reflection: This poem is about the concept of a sonnet itself, along with its history and influence from various poets. The sonnet weaves through multiple time periods and mentions Elizabethan sonnets and Petrarch, showing respect to the contributions they made to the structure of the sonnet. The sonnet also mentions many of the key components of a sonnet, including the rhyming scheme, verse, volta, and other parts that define a sonnet.
</div>
</div>
<!-- End Responsive Layout -->
<!-- Begin Footer -->
<div class="footer">
<div class="footer-links">
<p>Source code <a href="https://github.com/Rav4s/english-books-website">on GitHub</a>.</p>
<p style="border-bottom: 100px;">© 2021 Ravi Shah</p>
</div>
</div>
<!-- End Footer -->
</div>
</div>
<script src="js/expandnavbar.js" defer></script>
</body>
</html>

173
sonnetxii.html
View File

@ -0,0 +1,173 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>“Sonnet XII” by William Shakespeare</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="“Sonnet XII” by William Shakespeare">
<meta charset="UTF-8">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="css/styles.css" rel="stylesheet" media="screen">
<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"></noscript>
<link rel="manifest" href="static/site.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="static/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="static/favicon-16x16.png">
<!-- Begin Inlined Google Fonts -->
<style>
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>
<!-- End Inlined Google Fonts -->
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u = "//analytics.yeetpc.com/matomo/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '4']);
var d = document,
g = d.createElement('script'),
s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript';
g.async = true;
g.src = u + 'matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body>
<div class="page-container">
<div class="content-wrap">
<!-- Top Navbar -->
<div class="Navbar">
<div class="Navbar__Link Navbar__Link-brand">
<h1><a href="./">Outside Reading Assignment</a></h1>
</div>
<div class="Navbar__Link Navbar__Link-toggle">
<i class="fa fa-bars"></i>
</div>
<nav class="Navbar__Items Navbar__Items--right">
<div class="Navbar__Link">
<a href="mailto:ravi@yeetpc.com">Contact Me</a>
</div>
</nav>
</div>
<!-- End Top Navbar -->
<!-- Begin Top Banner -->
<div class="banner">
<div class="card-top-banner">
<p class="top-banner-text-medium">“Sonnet XII” by William Shakespeare</p>
<br />
</div>
</div>
<!-- End Top Banner -->
<!-- Begin Responsive Layout -->
<div class="main-box">
<div class="main-box-text">
Type: Poem<br />Author: William Shakespeare<br />Publish Date: Unknown<br />Publisher: Unknown<br />
Reflection: This poem reveals the ephemeral nature of this world and the fact that anything that comes to life or to fruition in this world must die and wilt someday. It shows that the eternal truth of our universe is that everything is temporary and will be gone as fast as it came into existence. The poem also highlights the fact that as soon as something leaves this universe, another thing bursts into life and takes its place quickly.
</div>
</div>
<!-- End Responsive Layout -->
<!-- Begin Footer -->
<div class="footer">
<div class="footer-links">
<p>Source code <a href="https://github.com/Rav4s/english-books-website">on GitHub</a>.</p>
<p style="border-bottom: 100px;">© 2021 Ravi Shah</p>
</div>
</div>
<!-- End Footer -->
</div>
</div>
<script src="js/expandnavbar.js" defer></script>
</body>
</html>
Write Preview
Loading…
Cancel
Save