-
Notifications
You must be signed in to change notification settings - Fork 0
/
2149-book.html
86 lines (80 loc) · 5.97 KB
/
2149-book.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="./styles-2149.css">
<title></title>
</head>
<body>
<div id="page-wrapper">
<!-- Navbar Section -->
<header id="header">
<div class="logo">
<img src="./ProfilePic_Square.jpg" alt="headshot of Anthony Nanfito" id="header-img">
</div>
<nav id="nav-bar">
<ul>
<li><a class="nav-link" href="#synopsis">Synopsis</a></li>
<li><a class="nav-link" href="#trailer">Trailer</a></li>
<li><a class="nav-link" href="#where-to-buy">Where to Buy</a></li>
</ul>
</nav>
</header>
<!-- Product Section -->
<section id="hero">
<h2>2149: Emergence</h2>
<h5>A dystopian sci-fi novel by Anthony Nanfito</h5>
<img src="./2149-book-cover.jpeg" alt="a woman looking up as she walks into a glass-ceiling auditorium with faded coding text in the background" id="book-cover">
</section>
<!-- Product Description -->
<div class="container">
<section id="synopsis" class="product-description">
<div class="section-header">
<h3 class="product-header">Synopsis</h3>
</div>
<p id="first-paragraph">Laura Maverik is an orphaned programmer who lives in a virtual reality completely cutoff from the suffering that plagues the world. But how will she cope when a glitch takes her out of her virtual sanctuary and into the real world?</p>
<p id="second-paragraph">By 2149 the ubiquitous use of virtual reality creates a failed utopia, a system of indentured servitude, and the virtual division of society. In theory, the VR Initiative of 2051 intended to save the planet from overpopulation, promote equality, and help the Earth heal from human-caused environmental destruction. In practice, it allowed The VR Corporation to silently create a planet-wide totalitarian regime and enslave a global workforce all for the sake of keeping humanity “safe” inside a virtual reality.</p>
<p id="third-paragraph">After spending eighteen years in the VR, Laura finds herself back in this damaged and unforgiving world she tried to escape. She’s anxious to return to her life in the VR, but forces reveal a different world than the one she remembers. She learns of a resistance movement fighting to free humanity from enslavement and discovers the true legacy of her deceased parents.</p>
<p id="fourth-paragraph">Can Laura help free humanity from a corrupt corporation and restore her parents’ legacy before it’s too late?</p>
<p id="last-paragraph">If you liked the dystopian worlds of Brave New World, 1984, or Ready Player One, then you’ll want to read about the dystopia created by the VR Corporation in 2149.</p>
</section>
<!-- Trailer Video -->
<section id="trailer">
<div class="section-header">
<h3 id="trailer-header">Trailer</h3>
</div>
<div class="video-container">
<iframe id="video" width="100%" height="480" src="https://www.youtube.com/embed/31forcdwrhs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</section>
<!-- Purchase Section -->
<section id="where-to-buy">
<div class="section-header">
<h3>Where to Buy</h3>
</div>
<div class="product" id="ebook">
<ol>
<li><button type="button" name="amazon-eb">
<a href="https://www.amazon.com/dp/B085TL4KYN" target="_blank">Amazon</a></button></li>
<li><button type="button" name="apple"><a href="https://books.apple.com/us/book/id1618596313" target="_blank">Apple</a></button></li>
<li><button type="button" name="angus-robertson"><a href="https://www.angusrobertson.com.au/ebooks/2149-emergence-anthony-nanfito/p/9798201695965" target="_blank">Angust & Robertson</a></button></li>
<li><button type="button" name="barnes-noble"><a href="https://www.barnesandnoble.com/w/2149-anthony-nanfito/1141339517" target="_blank">Barnes & Noble</a></button></li>
<li><button type="button" name="google-play"><a href="https://books.google.com/books/about?id=boFqEAAAQBAJ&hl=en" target="_blank">Google Play</a></button></li>
<li><button type="button" name="kobo"><a href="https://www.kobo.com/us/en/ebook/2149-emergence" target="_blank">Kobo Books</a></button></li>
<li><button type="button" name="scribd"><a href="https://www.scribd.com/book/568634812/2149-Emergence" target="_blank">Scribd</a></button></li>
<li><button type="button" name="tolino"><a href="https://www.thalia.de/shop/home/artikeldetails/A1063590776" target="_blank">Tolino/Thalia.de</a></button></li>
<li><button type="button" name="vivlio"><a href="https://shop.vivlio.com/product/9798201695965_9798201695965_10020" target="_blank">Vivlio</a></button></li>
</ol>
</div>
<div class="more-books">
<h4> More books at <a id="more-books-link" href="https://anthonynanfito.com/" target="_blank">anthonynanfito.com</a></h4>
</section>
<!-- Footer Section -->
<footer>
<p></a>Desgined by <a class="footer-link" id="github-profile" href="https://github.com/ananfito" target="_blank">Anthony Nanfito</a> as part of the <a class="footer-link" href="https://www.freecodecamp.org/learn/2022/responsive-web-design/" target="_blank">'Responsive Web Design'</a> course created by <a class="footer-link" href="https://www.freecodecamp.org/" target="_blank">freeCodeCamp.org</a>.</p>
<p>The <a class="footer-link" id="source-files" href="https://github.com/ananfito/landing-page" target="_blank">source files for this page</a> can be found on GitHub</p>
</footer>
</div>
</div>
</body>
</html>