generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproduct8.html
129 lines (124 loc) · 7.53 KB
/
product8.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
<link href="https://fonts.googleapis.com/css2?family=Grenze+Gotisch:wght@200&family=Syne+Mono&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Kanit&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Holtwood+One+SC&display=swap" rel="stylesheet">
<link rel="shortcut icon" type="image/png" sizes="32x32" href="assets/favicons/favicon-32x32.png">
<link rel="shortcut icon" type="image/png" sizes="16x16" href="assets/favicons/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/favicons/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="assets/favicons/android-chrome-512x512.png">
<link rel="apple-touch-icon" type="image/png" href="assets/favicons/apple-touch-icon.png"/>
<link href="assets/styles/style.css" rel="stylesheet">
<title>Bad Arts Entertainment - Product</title>
</head>
<body>
<header>
<nav class="navbar navbar-expand-md sticky-top">
<a class="navbar-brand" href="index.html"><img src="assets/img/logo4.jpg" alt="bad arts logo"/></a>
<a class="navbar-brand" href="index.html"><h2 class="nav-title">Bad Arts Entertainment</h2></a>
<button class="navbar-toggler" data-toggle="collapse" data-target="#bad-nav" aria-controls="bad-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"><i class="fas fa-bars fa-1x"></i></span>
</button>
<div class="collapse navbar-collapse" id="bad-nav">
<ul class="navbar-nav ml-lg-auto" id="other-items">
<li class="nav-item active">
<a class="nav-link" href="videos.html">Videos <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="shop.html">Shop <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact<span class="sr-only">(current)</span></a>
</li>
</ul>
</div>
</nav>
</header>
<div class="wrapper">
<a href="shop.html"><i class="fas fa-arrow-left"></i></a>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="container-fluid product-img">
<img class="img-responsive" src="assets/img/merch3.jpg" alt="product image"/>
</div>
</div>
<div class="col-md-6">
<div class="product-text">
<h2>DJ Green t-shirt</h2><br>
<span class="product-price">Was <s>24.99</s> Now 14.99 Save 35%</span><br><br>
<h6 class="product-description">Item Description</h6>
<p>One year on, here's A10Sín's follow up to his first album "The Crettin LP" which was released last Hallowe'en. Here we have the sequel, "The Common Rough LP" which tells a tale of satanic gangsterism and unruly drug abuse instilled with the soul of A10Sín. Once more, fully produced by DJ Green we get a guest starring role from Dublin's underground phantom "Ghostee", a sea urchin from the bowels of the towers. This package also includes all of the instrumentals too so you're really get bang for your buck here!</p>
<form class="checkout" action="product8.html" method="GET">
<label style="color:white;">Quantity: </label>
<input type="number" class="checkout-qty" name="qty" placeholder="0" required/><br><br>
<button class="btn btn-warning" type="submit">Add to cart</button>
</form>
</div>
</div>
</div>
</div>
</div>
<!--Start of footer-->
<footer class="page-footer sticky-footer font-small pt-4" style="background: url(assets/img/pattern3.jpg);">
<div class="container-fluid" style="background: url(assets/img/pattern3.jpg);">
<div class="row" style="background: url(assets/img/pattern3.jpg);">
<!--Start of left footer column-->
<div class="col-md-4 mb-4 text-center" id="left-col">
<h3><br>Join our mailing list</h3>
<form id="mailing" name="mailing" action="product8.html" method="GET">
<label>Please enter your email address:</label><br>
<input type="text" class="mailing-email" name="email" placeholder=" Email Address" autocomplete="off" required><br>
<label>Are you over 18?</label>
<input type="radio" name="age" value="yes"/> Yes
<input type="radio" name="age" value="no"/> No<br>
<button class="btn btn-sm" id="mailing-button2" type="submit">Join</button>
</form>
</div>
<!--End of left footer column-->
<!--Start of center column-->
<div class="col-md-4 mb-4 text-center" id="center-col">
<br>
<h3>Bad Arts Entertainment</h3>
<p>An independent hip hop label based in<br>Limerick City.</p>
<a href="https://twitter.com/BadArtsEnterta1?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @BadArtsEnterta1</a>
</div>
<!--End of center column-->
<!--Start of right footer column-->
<div class="col-md-4 mb-4 text-center" id="right-col">
<h3 class="text-center"><br>Find us:</h3><br>
<div class="footer-icons">
<a class="footer-links" href="https://www.facebook.com/badartsentertainment/" target="_blank">
<i class="fab fa-facebook fa-lg white-text mr-md-5 mr-3 fa-2x"></i>
</a>
<a class="footer-links" href="https://www.instagram.com/badartpresents/?hl=en" target="_blank">
<i class="fab fa-instagram fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
</a>
<a class="footer-links" href="https://www.youtube.com/channel/UCThENMecXQjSUiKiTjWP5Dw" target="_blank">
<i class="fab fa-youtube fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
</a>
</div>
</div>
</div>
</div>
<!--End of right footer column-->
<!--Start of copyright banner-->
<div class="footer-copyright text-center py-3">
Copyright © Bad Arts Entertainment 2020
</div>
<!--End of copyright banner-->
</footer>
<!--End of footer-->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/cfd5bd64a2.js" crossorigin="anonymous"></script>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js" integrity="sha512-IQLehpLoVS4fNzl7IfH8Iowfm5+RiMGtHykgZJl9AWMgqx0AmJ6cRWcB+GaGVtIsnC4voMfm8f2vwtY+6oPjpQ==" crossorigin="anonymous"></script>
</body>
</html>