-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 4b8ea21
Showing
5 changed files
with
215 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,2 @@ | ||
# Local Netlify folder | ||
.netlify |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,40 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width"> | ||
<title>repl.it</title> | ||
<link href="stylesheet.css" rel="stylesheet" type="text/css" /> | ||
</head> | ||
<body> | ||
<nav> | ||
<ul> | ||
<li><a href='file:///C:/Users/Marius/Desktop/Rapid%20prototype%20project/index.html'> Home</a></li> | ||
<li><a href='file:///C:/Users/Marius/Desktop/Rapid%20prototype%20project/discography.html'> Discography</a></li> | ||
<li><a href='file:///C:/Users/Marius/Desktop/Rapid%20prototype%20project/career.html'> Career</a></li> | ||
</ul> | ||
</nav> | ||
<header> | ||
<h1>Careers</h1> | ||
</header> | ||
<section> | ||
<article><img id="car1" src="https://www.geocities.ws/krystalthesupergirlbrazil/pics/concerts/live05.jpg" alt="Krystal Piano" style="width:170px;height:170px;margin-left:15px;"> | ||
Krystal Marie Peterson got her first big break performing the title song "Supergirl!" on Disney's The Princess Diaries soundtracks and was also known for touring as the opening act for the Backstreet Boys on The Black & Blue Tour | ||
<br> | ||
Her debut album was called Me & My Piano, and it was released on June 5, 2001, right before the success of the film The Princess Diaries. She also provided her song "Love Is a Beautiful Thing" for the film Legally Blonde; the song was remixed for the soundtrack. In 2002, she released the song "The Kid in You" for Disney's The Country Bears soundtrack as well as appearing in the film as herself. She also guest-starred as the lead role in the Touched by an Angel episode 9x16: "A Song for My Father". Additionally, she provided the singing voice for Velma at the end of the direct to DVD movie Scooby-Doo! and the Legend of the Vampire. | ||
</article> | ||
|
||
<aside> | ||
<article><img id="car2" src="https://64.media.tumblr.com/334f0b7db9482d94f612ed743f0a3cea/tumblr_ngb5c2Timw1qcela8o1_250.jpg" alt="Krystal Band" style="width:170px;height:170px;margin-left:15px;"> | ||
She later went by Miss Krystal and recorded an album titled Hip-Hop Soul, Vol. 1. It was originally due to be released around Christmas in 2002. However, it was never released. | ||
<br> | ||
In 2002, Krystal played an art student in the Paramount TV movie called Save the Last Dance, based on the film of the same name. Set at an art school, Krystal described the concept as "the next Fame." The film was meant to serve as a series pilot, but it was not picked up. | ||
<br> | ||
She was the lead singer on Victor Wooten's 2012-2013 tour. | ||
<br> | ||
In July 2013 she started performing as Krystal Peterson & the Queen City Band and they released an EP on iTunes named Spell. | ||
</article> | ||
</aside> | ||
</section> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,66 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width"> | ||
<title>Discography</title> | ||
<link href="stylesheet.css" rel="stylesheet" type="text/css" /> | ||
</head> | ||
|
||
|
||
<body> | ||
<nav> | ||
<ul > | ||
<li><a href='file:///C:/Users/Marius/Desktop/Rapid%20prototype%20project/index.html'> Home</a></li> | ||
<li><a href='file:///C:/Users/Marius/Desktop/Rapid%20prototype%20project/discography.html'> Discography</a></li> | ||
<li><a href='file:///C:/Users/Marius/Desktop/Rapid%20prototype%20project/career.html'> Career</a></li> | ||
</ul> | ||
|
||
</nav> | ||
<header> | ||
<h1>Discography of Krystal Harris</h1> | ||
</header> | ||
<section> | ||
<ul> | ||
<li> | ||
<!-- <div class="dropdown1"> | ||
<button class="dropbtn">Singles</button> --> | ||
<div class="dropdown-content"> | ||
<ul> | ||
<li> <a href='http://www.songlyrics.com/krystal-harris/my-religion-lyrics/'>"My Religion" (2000)</a></li> | ||
<li> <a href="http://www.songlyrics.com/krystal-harris/supergirl-lyrics/">"Supergirl!" (2001)</a></li> | ||
<li> <a href="http://www.songlyrics.com/krystal-harris/love-is-a-beautiful-thing-legally-blonde-version-lyrics/">"Love is a Beautiful Thing" (2001)</a></li> | ||
<li> <a href='https://www.stlyrics.com/lyrics/thecountrybears/thekidinyou.htm'>"The Kid in You" (2002)</a></li> | ||
</ul> | ||
<!-- </div> --> | ||
</div> | ||
</li> | ||
<li> | ||
<div class="dropdown2"> | ||
<!-- <button class="dropbtn">SoundTrack Features</button> | ||
<div class="dropdown-content"> --> --> | ||
<ul> | ||
<li><a href='https://www.youtube.com/playlist?list=PLzOFIKsUPryxosEBlO7lXDXlvffTSzyFl'>The Princess Diaries</a></li> | ||
<li><a href="https://www.youtube.com/playlist?list=PL80B4E6F941333546&app=desktop">Legally Blonde</a></li> | ||
<li><a href="https://www.youtube.com/playlist?list=PLohYzz4btpaR9oEZ_r7Kfvm9oUxccJjbO">Country bears</a></li> | ||
</ul> | ||
<!-- </div> --> | ||
</div> | ||
</li> | ||
<li> | ||
<div class="dropdown3"> | ||
<!-- <button class="dropbtn">Albums</button> | ||
<div class="dropdown-content"> --> | ||
<ol> | ||
<li> <a href='https://www.amazon.co.uk/Me-Piano-Harris-Krystal-Audio/dp/B00GMVY6II'>Buy me and my Piano here</a></li> | ||
</ol> | ||
<!-- </div> --> | ||
</div> | ||
</li> | ||
</ul> | ||
|
||
|
||
</section> | ||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,29 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width"> | ||
<title>repl.it</title> | ||
<link href="stylesheet.css" rel="stylesheet" type="text/css" /> | ||
</head> | ||
<body> | ||
|
||
<nav> | ||
<ul> | ||
<li><a href='file:///C:/Users/Marius/Desktop/Rapid%20prototype%20project/index.html'> Home</a></li> | ||
<li><a href='file:///C:/Users/Marius/Desktop/Rapid%20prototype%20project/discography.html'> Discography</a></li> | ||
<li><a href='file:///C:/Users/Marius/Desktop/Rapid%20prototype%20project/career.html'> Career</a></li> | ||
</ul> | ||
|
||
</nav> | ||
<img src="https://upload.wikimedia.org/wikipedia/en/c/c7/Krystal_Harris_-_Me_%26_My_Piano.jpg"> | ||
<header> | ||
<h1>Krystal Harris</h1> | ||
</header> | ||
<section> | ||
Krystal Marie Peterson (née Harris; November 7, 1981, in Anderson, Indiana) is a singer-songwriter/instrumentalist who primarily plays the piano. Krystal has been singing since she was just 18 months old, and began playing the piano at 3 years of age. She also plays the drums and the flute. She graduated in 1999 from Anderson High School in Anderson, Indiana at the age of 17. | ||
<br> | ||
As early as 2000, she felt at odds with the demands of pop stardom. Krystal eventually moved back home to Indiana for what she called "a time of restoration" and to reassess her career. She married Daniel Peterson and they settled in Cincinnati, Ohio. Peterson is the drummer in Krystal's current band. | ||
</section> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,78 @@ | ||
html { | ||
background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTuTRubktE_nBePZ7UvICyIR4ndySBiCmM7xw&usqp=CAU); | ||
} | ||
body { | ||
padding: 10px; | ||
margin: 50px; | ||
background-color: white; | ||
|
||
} | ||
.dropbtn { | ||
background-color: #4CAF50; | ||
color: black; | ||
padding: 16px; | ||
font-size: 16px; | ||
border: none; | ||
cursor: pointer; | ||
} | ||
|
||
.dropdown { | ||
position: relative; | ||
display: inline-block; | ||
} | ||
|
||
.dropdown-content { | ||
display: none; | ||
position: absolute; | ||
background-color: #f9f9f9; | ||
min-width: 160px; | ||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
z-index: 1; | ||
} | ||
|
||
.dropdown-content a { | ||
color: darkred; | ||
padding: 12px 16px; | ||
text-decoration: none; | ||
display: block; | ||
} | ||
|
||
.dropdown-content a:hover {background-color: #f1f1f1} | ||
|
||
.dropdown:hover .dropdown-content { | ||
display: block; | ||
} | ||
|
||
.dropdown:hover .dropbtn { | ||
background-color: #3e8e41; | ||
} | ||
#car1 { | ||
float: right; | ||
} | ||
#car2 { | ||
float: left; | ||
} | ||
nav { | ||
list-style-type: none; | ||
margin: 0; | ||
padding: 0; | ||
overflow: hidden; | ||
background-color: #333; | ||
} | ||
|
||
li { | ||
float: left; | ||
} | ||
|
||
li a { | ||
background-color: black; | ||
display: block; | ||
color: darkred; | ||
text-align: center; | ||
padding: 14px 16px; | ||
text-decoration: none; | ||
} | ||
|
||
li a:hover { | ||
background-color: #111; | ||
} |