-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (127 loc) · 7.79 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Amber's Music</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Karla:wght@300&family=Playfair+Display:wght@500&display=swap" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<!-- ======= Navbar ======= -->
<nav class="navbar navbar-light custom-navbar">
<div class="container">
<p>👋 Hi, I'm</p><br>
</div>
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="assets/img/alt.png" style="width: 80%;">
</a><br>
</div>
<div class="container">
<p class="mb-0"><a href="mailto:amberleightrask@gmail.com">📨</a> If you're interested in co-writing or recording any of these songs, please <a href="mailto:amberleightrask@gmail.com">click here to reach out.</a></p>
</div>
</nav>
<main id="main">
<!-- ======= Featured Music Section ======= -->
<section class="section pb-5">
<div class="container">
<div class="row mb-5 align-items-end">
<div class="col-md-6" data-aos="fade-up">
<h2>🎶 Featured Music</h2><br>
</div>
<iframe width="100%" height="375" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/1416644341&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/amberleightrask" title="Amber Leigh Trask" target="_blank" style="color: #cccccc; text-decoration: none;">Amber Leigh Trask</a> · <a href="https://soundcloud.com/amberleightrask/sets/featured" title="Featured" target="_blank" style="color: #cccccc; text-decoration: none;">Featured</a></div>
<div class="col-lg-6 social">
<br><br>
<h4 class="listen">Listen Here:</h4>
<a href="https://soundcloud.com/amberleightrask"><i class="bi bi-cloudy-fill icon-size"></i></a>
<a href="https://open.spotify.com/artist/3EWfiFkQtS9kF7NKZo9rBQ?si=n_KjyU9CTX63vjOlJ8tYjA"><i class="bi bi-spotify icon-size"></i></a>
<a href="https://music.apple.com/us/artist/amber-leigh-trask/1667338384"><i class="bi bi-apple icon-size"></i></a>
</div>
</div>
</div>
</section><!-- End Featured Music Section -->
<!-- ======= Archives Section ======= -->
<section class="section pb-5">
<div class="container">
<div class="row mb-5 align-items-end">
<div class="col-md-6" data-aos="fade-up">
<h2>🎧 The Archives</h2>
<p class="mb-0">Songs from high school, college, and shortly thereafter.</p>
</div>
</div>
<div class="row">
<div class="col-md-7 ml-auto order-2" data-aos="fade-up">
<h4>The Archives</h4>
<h6>2009-2018</h6><br>
<p>"In 'The Archives' you will find collections of songs from my past phases of life - high school, college, just after graduation during my first fews years with a real job and a new husband, and one from our time living on a canal boat in the English countryside. If you're looking for nostalgia, songs written during these phases of life, this is where you'll find them."</p>
<p><a href="https://soundcloud.com/amberleightrask/albums" target="_blank" class="readmore">Listen Here</a></p>
</div>
<div class="col-md-4 mb-5 mb-md-0" data-aos="fade-up">
<p><img src="assets/img/archives0.jpg" alt="Image" class="img-fluid"></p>
</div>
</div>
</section><!-- End Archives Section -->
<!-- ======= About Section ======= -->
<section class="section pb-5">
<div class="container">
<div class="row mb-5 align-items-end">
<div class="col-md-6" data-aos="fade-up">
<h2>👋 About Me</h2>
<p class="mb-0">My name is Amber and I like to make music.<br>I also like to practice yoga, cook, and play with my dog.</p>
</div>
</div>
<div class="row">
<div class="col-md-4 ml-auto order-2" data-aos="fade-up">
<p>I was born in Tarboro, NC, and grew up mostly in Forest, VA (where I started voice and guitar lessons, and my songwriting journey). In 2009 I moved to Nashville, TN to study Commercial Music, Voice: Music Business Emphasis at Belmont University.</p>
<p>I worked in the music business for a while after college, doing Artist Relations for Yamaha Entertainment Group, placing keyboards with their endorsed artists, and helping with production for concerts, as well as studio recording sessions.</p>
In 2015 I married my best friend, and in 2016 we moved to Oxford, England. I perform on my own as well as with my husband, as our duo <a href="https://www.youtube.com/channel/UCH3takQ_qOMFFtZdYOATEyg" target="_blank">Leigh & Liam</a>.</p>
<p><a href="https://soundcloud.com/amberleightrask" target="_blank" class="readmore">Listen Here</a></p>
</div>
<div class="col-md-6 mb-5 mb-md-0" data-aos="fade-up">
<p><img src="assets/img/gallery1.jpg" alt="Image" class="img-fluid"></p>
</div>
</div>
</div>
</section>
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer class="footer" role="contentinfo">
<div class="container">
<div class="row">
<div class="col-sm-6">
<p class="mb-1">© Copyright Amber Leigh Trask. All Rights Reserved.</p>
</div>
<div class="col-sm-6 social text-md-end">
<a href="https://twitter.com/AmberLeighTrask"><span class="bi bi-twitter"></span></a>
<a href="https://www.facebook.com/AmberLeighTrask/"><span class="bi bi-facebook"></span></a>
<a href="https://www.instagram.com/amberleightrask/"><span class="bi bi-instagram"></span></a>
<a href="mailto:amberleightrask@gmail.com"><span class="bi bi-envelope-fill"></span></a>
</div>
</div>
</div>
</footer>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>