-
Notifications
You must be signed in to change notification settings - Fork 0
/
bio.html
96 lines (88 loc) · 4.96 KB
/
bio.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Kaley Eberle | Bio</title>
<link rel="preload" as="font" href="/fonts/martinaFont.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="image" href="./img/kaley.jpg">
<link rel="stylesheet" id="theme_link" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/4.3.1/flatly/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/about.css">
<link href="favicon.ico" rel="icon" type="image/x-icon"/>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8=" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" />
<script src="./js/docs.js"></script>
<script async="" defer="" src="https://buttons.github.io/buttons.js"></script>
</head>
<body style="margin-right: 0px;">
<!-- Navbar -->
<nav class="navbar navbar-expand-md navbar-dark bg-primary fixed-left">
<a class="navbar-brand" href="./index.html" id="mainBrand"><h4>Kaley Eberle</h4></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<div class="container" onclick="myFunction(this)">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
</button>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<div class="container" id="navHolder">
<ul class="navbar-nav" id="navbar-content">
<li class="nav-item">
<a class="nav-link" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./bio.html">Bio</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="">Merch</a>
</li> -->
<li class="nav-item">
<a class="nav-link" href="https://my.setmore.com/bookingpage/497fdf90-f84f-4a3c-a370-3edd5f26a826">Booking</a>
</li>
<li class="nav-item d-flex justify-content-center" id="socialLinks">
<a class="nav-link" href="https://www.instagram.com/kaleyeberlemusic/"><i class="fab fa-instagram fa-lg"></i></a>
<a class="nav-link" href="https://www.youtube.com/channel/UCLMrm06BxyEU-IyupqRrSEQ"><i class="fab fa-youtube fa-lg"></i></a>
<a class="nav-link" href="https://www.facebook.com/officialkaleyeberle/?ref=py_c"><i class="fab fa-facebook-f fa-lg"></i></a>
</li>
<li class="nav-item">
<iframe src="https://open.spotify.com/follow/1/?uri=spotify:artist:6S7ZU3n8x7aNkjccfAJloM?si=aK-yRsIBR-yoXkIHjTY4NA&dl_branch=1&size=detail&theme=dark&show-count=0" width="300" height="56" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" allowtransparency="true"></iframe>
</li>
</ul>
</div>
</div>
<footer class="page-footer font-small pt-4 d-none d-md-flex h-100 w-100 align-items-end" style="color: #ffffff; padding-right: 3rem;" >
<p>© 2021 Kaley Eberle. All Rights Reserved.</p>
</footer>
</nav>
<!-- About section -->
<div class="container d-flex flex-column pt-sm-5 pt-xl-0 ml-sm-0" id="mainDisplay">
<div class="row">
<div class="col imgCol">
<img class="rounded-circle d-flex" src="./img/kaley.jpg" alt="">
</div>
<div class="col d-flex flex-column justify-content-center" id="aboutMeSection">
<h1>About Me</h1>
<p>
Kaley Eberle was born and raised in Cincinnati, Ohio. Growing up, she participated
in many musical ventures such as theatre, choir, band, and her high school acappella
group. At the age of 8, she started playing guitar and at 15 started playing piano.
</p>
<p>At 12, she started her songwriting journey.</p>
</div>
</div>
<div class="row">
<!-- Footer -->
<footer class="page-footer font-small pt-4 d-sm-none" >
<p class="text-center">© 2021 Kaley Eberle. All Rights Reserved.</p>
</footer>
</div>
</div>
</body>
</html>