generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproduct2.html
125 lines (120 loc) · 6.95 KB
/
product2.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
<!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="product-img">
<img class="img-responsive" src="assets/img/merch1small.jpg" alt="product image"/>
</div>
</div>
<div class="col-md-6">
<div class="product-text">
<h2>DJ Green t-shirt (SOLD OUT)</h2><br>
<span class="product-price">Was <s>24.99</s> Now 14.99 Save 35%</span><br><br>
<p>Item Desription:<br>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! This is also the first official badarts entertainment full project! </p>
<form class="checkout" action="product2.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="product2.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://kit.fontawesome.com/cfd5bd64a2.js" crossorigin="anonymous"></script>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</body>
</html>