-
Notifications
You must be signed in to change notification settings - Fork 0
/
purchase.html
121 lines (120 loc) · 5.71 KB
/
purchase.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
<!DOCTYPE html>
<html>
<head>
<title>BAEKHYUN | City Lights Album</title>
<link href="purchase.css" type="text/css" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css?family=Nunito:400,700&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/png" href="https://img.icons8.com/color/32/000000/music-transcript.png"/>
<script src="https://kit.fontawesome.com/53e63c2ea0.js" crossorigin="anonymous"></script>
</head>
<body>
<!--Header-->
<header>
<nav>
<ul>
<li><a href="./index.html"><i class="fa fa-home"></i></a></li>
<li><a href="./shop.html">Shop</a></li>
<li><a href="./gallery.html">Gallery</a></li>
<li><a href="./about.html">About The Artist</a></li>
<li>Fan Forum (COMING SOON!)</li>
</ul>
</nav>
</header>
<!--End Header-->
<!--Cart View-->
<div class="viewcart">
<a class="cart" href="https://citylights.foxycart.com/cart?cart=view">
<img src="icons/supermarket24px.png">Cart (<span data-fc-id="minicart-quantity">0</span>)
</a>
</div>
<!--Banner-->
<div class="banner">
<img src="shopping/CLalbum.jpg" alt="Baekhyun Solo Album| City Lights" class="center">
<h1 class="center">City Lights | Baekhyun 1st Mini Album</h1>
</div>
<!--End Banner-->
<!--Pricing-->
<div id="price" class="price">
$12.50
</div>
<!-- Form -->
<form class="form_purchase" action="https://citylights.foxycart.com/cart" method="post" accept-charset="utf-8">
<input type="hidden" name="name" value="City Lights album" />
<input type="hidden" name="price" value="12.50" />
<input type="hidden" name="code" value="sku123" />
<label class="label_left">Album Version</label>
<select name="album">
<option value="day">Day Version</option>
<option value="night">Night Version</option>
</select>
<br>
<input class="button" type="submit" value="Add to Cart" class="submit" />
</form>
<!--form end-->
<!--Preorder-->
<div id= "preorder" class="preorder">
<h3>Pre-order bonus:</h3>
<p>Preorder City Lights by July 5th and receive a limited edition signed polaroid. All polaroids have been hand signed by the artist himself.
There are two versions available and they will be selected at random. Only available while supplies last!
</div>
<!--End of Preorders-->
<!--Make 'em Love Baek-->
<div id="About" class="content">
<h1>About The Album</h1>
<p>City Lights is composed of six tracks with their own unique style and sound.
Though each track offers something new and unique, they all mesh together
in a beautiful sound. Tracks such as <i>Ice Queen</i> let the listener relax to Baekhyun's smooth, low
register while <i>Betcha</i> will find itself on the houseparty playlist.
</p>
<p>
There are two versions: Day version and Night version. Both musical CDs
are the same, but the contents of the album booklet, photocards, and album design
is different. Please see below for the differences.
</p>
</div>
<!--Tracklist-->
<div id="tracklist" class="tracklist">
<h1>Tracklisting:</h1>
<ol>
<li>UN Village</li>
<li>Stay Up (Feat. Beenzino)</li>
<li>Betcha</li>
<li>Ice Queen</li>
<li>Diamond</li>
<li>Psycho (Bonus Track)</li>
</ol>
</div>
<!--End Tracklist-->
<!--YouTube embed-->
<div class="listen">
<h1>Listen to an Album Preview</h1>
<iframe width="560" height="315" src="https://www.youtube.com/embed/t9wAEOGiZnY"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
<!--Youtube embed end-->
<!--Album Preview-->
<div id="preview" class="album-preview">
<h1 text="center">Album Contents Preview</h1>
<img src="shopping/albumpre1.jpg"
alt="Baekhyun City Lights|Album preview Lyric Booklet" class="center">
<img src="shopping/albumpre3.jpg"
alt="Baekhyun City Lights|Album preview Lyric Booklet" class="center">
<img src="shopping/albumpre4.jpg"
alt="Baekhyun City Lights|Album preview Lyric Booklet" class="center">
<img src="shopping/albumpre2.jpg"
alt="Baekhyun City Lights|Album preview Folded Posters" class="center">
<img src="shopping/albumpre5.jpg"
alt="Baekhyun City Lights| Album preview Photocards" class="center">
</div>
<!--End of Preview-->
<!--Footer-->
<footer>
Copyright Dana Draper & SM Entertainment/Byun Baekhyun
</footer>
<!-- FOXYCART -->
<script data-cfasync="false" src="https://cdn.foxycart.com/citylights/loader.js" async defer></script>
<!-- /FOXYCART -->
</body>
</html>