-
Notifications
You must be signed in to change notification settings - Fork 0
/
fireworks.html
110 lines (94 loc) · 3.65 KB
/
fireworks.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Rebecca Paulinyi</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/book_pages_style.css">
<link rel="stylesheet" href="/css/navbar.css">
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/footer.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<div id="main_navbar"></div>
<section class="book">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h1 class="display-1">Oh, Brother</h1>
<br>
<hr>
</div>
<div class="col-sm-4">
<div class="card" style="width: 18rem;">
<img src="images/fireworks.jpg" class="card-img-top" alt="...">
<div class="card-body">
<div class="col text-center">
<a href="https://www.amazon.co.uk/gp/product/B008U5XDVK/ref=dbs_a_def_rwt_bibl_vppi_i1" class="btn btn-warning">Buy Now <i class="fa fa-amazon" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<div class="col-sm-8">
<h4>Lily Afton’s older brother is shot – but Lily can still see him. And hear him. And be irritated by him… </h4>
<br>
<h4>Lily has always been a normal teenage girl: good grades, a group of friends she has a laugh with and a crush on
one of the cutest boys in school. Then her brother Sam is shot, and her whole world changes. The brother she’s argued
with for fifteen years is now her constant companion, whether she likes it or not. And all around her, family and
friends are being torn apart by grief.</h4>
<br>
<h4>As Lily tries to help Sam, hold her family together and keep up the façade of the grieving sister,
being all things to all people starts to get too much. While people start to question Lily’s behaviour,
one question hangs over the siblings: how long can the ghost of Sam stick around?</h4>
</div>
</div>
<hr>
</div>
</section>
<div id="main_book_scroll"></div>
<div id="main_newsletter"></div>
<div id="main_footer"></div>
</body>
<script>
$(document).ready(function() {
$("#myCarousel").on("slide.bs.carousel", function(e) {
var $e = $(e.relatedTarget);
var idx = $e.index();
var itemsPerSlide = 4;
var totalItems = $(".carousel-item").length;
if (idx >= totalItems - (itemsPerSlide - 1)) {
var it = itemsPerSlide - (totalItems - idx);
for (var i = 0; i < it; i++) {
// append slides to end
if (e.direction == "left") {
$(".carousel-item")
.eq(i)
.appendTo(".carousel-inner");
} else {
$(".carousel-item")
.eq(0)
.appendTo($(this).find(".carousel-inner"));
}
}
}
});
});
</script>
<script>
$(document).ready(function(){
$('#main_navbar').load('blocks/navbar.html');
$('#main_footer').load('blocks/footer.html');
$("#main_newsletter").load("blocks/newsletter.html");
$("#main_book_scroll").load("blocks/book_scroll.html");
})
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"></script>
</html>