-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathTaylor Swift.html
168 lines (145 loc) · 7.77 KB
/
Taylor Swift.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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html>
<head>
<title>Taylor Swift - Artist</title>
<link rel="stylesheet" href="/artist/artist.css">
<meta name="viewport" content="display-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Noto+Sans|Roboto+Mono&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="container">
<!-- navbar -->
<div class="navbar">
<img src="../home/img/logo1.png" alt="Logo" class="logo">
<ul>
<li><a href="playlist.html">Playlist</a></li>
<li><a href="artistIndex.html">Artist</a></li>
<li><a href="About Us.html">About</a></li>
<li><a href="subscription.html">Subscription</a></li>
<li><a href="login.html">Login</a></li>
</ul>
</div>
<div class="content-information-beta"></div>
<div class="artist-container-layout2" id="artist-container-layout2">
<div class="artist-content-container-layout">
<div class="artist-title">
<p id="artist-title">Artist</p>
</div>
<div class="container2">
<div class="grid-container-2">
<div class="item1">
<div class="img-container">
<img src='/artist/img/Taylor Swift2.jpg' width='70%' height='50%'>
</div>
</div>
<div class="item2">
<h2>Who is Taylor Swift?</h2>
<br />
<p>Numerous Grammy Awards winner, singer-songwriter and country-pop star Taylor Swift is living every teenager’s dream.
Born in a small town, she changed the way the current generation perceived country music.
Being compared to the likes of legendary country artists such as Dolly Parton and Willie Nelson, Swift was only sixteen when she released her debut album.
She is not only a great vocalist, but can also skilfully play instruments such as the guitar, piano and ukulele.
She is the only female artist to have won two ‘Album of the Year’ awards at the Grammy’s.
Her chart-busters like ‘Love Story’ and ‘You Belong with Me’ brought her global recognition.
With the release of every album, she breaks her own record. She is an inspiration to several aspiring artists.
Not only is she listed in the platinum-selling albums of all time, she also embodies compassion as she has extended unending support to several charitable organisations.
</p>
<br />
<ul>
<li>Nick Name: Swifty, T-Swizzle, Tay</li>
<li>Birthday: December 13, 1989</li>
<li>Nationality: American</li>
<li>Age: 31 Years, 31 Year Old Females</li>
<li>Sun Sign: Sagittarius</li>
<li>Also Known As: Taylor Alison Swift, T-Swizzle, Swifty, Tay</li>
<li>Born In: Reading, Pennsylvania, U.S.</li>
</ul>
</div>
</div>
<div class="iframe-video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/RsEZmictANA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
<!-- content footer -->
<div class="footer-content">
<div class="footer-content-row1">
<img src="../home/img/logo1.png" alt="Logo" class="logo1">
<div class="footer-information-cell-content">
<div class="footer-cell-col1">
<p id="footer-title">Related Links</p><br>
<a href="About Us.html" id="btn-footer"><p id="footer-text">About Us</p><br></a>
<a href="subscription.html" id="btn-footer"><p id="footer-text">Subscription</p><br></a>
<a href="artistIndex.html" id="btn-footer"><p id="footer-text">Artist</p><br></a>
<a href="playlist.html" id="btn-footer"><p id="footer-text">Playlist</p><br></a>
</div>
</div>
<div class="footer-icon-list">
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-instagram"></a>
</div>
<div class="copyright-footer">
<div class="footer-copyright-leftcol">
<p id="footer-text2"><a href="#" id="btn-footer">Legal</a>
<a href="#" id="btn-footer">Privacy Center</a>
<a href="#" id="btn-footer">Privacy Policy</a>
<a href="#" id="btn-footer">Cookies</a>
</p>
</div>
<div class="footer-copyright-rightcol">
<i class="fa fa-globe" style="font-size:20px;color:white"></i>
<div class="position-icon-text1">
<p id="footer-text">Malaysia</p>
</div>
</div>
</div>
</div>
</div>
<script>
// hide button show img
$(function(){
if($('#load-more').click(function(){
$('.content_img2').slice(0, 3).show();
$('#load-more').hide();
$('#artist-container-layout').height(860);
$('.artist-content-container-layout').height(780);
})
);
});
// reference
// --------------------------
// $(function () {
// x=0;
// $('.content_img2').slice(0, 3).show();
// if($('.content_img2').length != 0){
// $('#load-more').show();
// }
// $('#loadMore').on('click', function (e) {
// e.preventDefault();
// x = x+3;
// $(' .content_img2').slice(0, x).slideDown();
// });
// });
// $ready(document).ready(function (){
// $("").slice(0, 3).show();
// if($(".content_img2:hidden").length != 0){
// $("#load-more").show();
// }
// $("#load-more").on('click', function(e){
// e.preventDefault();
// $(".content_imgw:hidden").slice(0, 9).slideDown();
// if($(".content_imgw:hidden").length == 0){
// $("#load-more").fadeOut('slow');
// }
// })
// }
// )
</script>
</body>
</html>