FEWD87 · shaunk11 · May 19, 2016 · May 25, 2016 · rmjames · May 24, 2016
diff --git a/bio.html b/bio.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Bio</title>
+        <link rel="stylesheet" type="text/css" href="css/bio_experience_styles.css">
+    </head>
+    <body>
+    <h1>Ariana Grande Biography</h1><a class="ghost-button" href="index.html">Go Back</a>
+
+
+
+        <img src="images/ariana_bio.jpg" alt="Ariana Grande">
+
+        <p>
+            Ariana Grande-Butera (born June 26, 1993), known professionally as Ariana Grande, is an American singer and actress. She began her career in the Broadway musical 13, before landing the role of Cat Valentine on the Nickelodeon television series Victorious in 2009. After four seasons, the show ended, and Grande starred on the spinoff, Sam & Cat, which ended in 2014. She has also appeared in other theatre, television and film roles and lent her voice to animated television and films.
+        </p>
+
+        <p>
+            Grande's music career began with the soundtrack Music from Victorious (2011). She signed a recording contract with Republic Records and released her debut studio album Yours Truly in 2013, which debuted at number one on the US Billboard 200. The album's lead single, "The Way", reached the top-ten of the Billboard Hot 100, with critics comparing her wide vocal range to Mariah Carey's.
+        </p>
+
+        <p>
+            Grande's second studio album, My Everything (2014), also reached number one in the United States and charted well in various other countries. With the singles "Problem", "Break Free", "Bang Bang" and "Love Me Harder" from that album, she spent 34 continuous weeks in the top 10 of the Billboard Hot 100 and had the most top 10 singles of any artist in 2014. In 2015, Grande promoted My Everything with her first world tour, The Honeymoon Tour, and guest-starred in the Fox comedy horror television series Scream Queens. She also released the single "Focus", released a holiday EP album, Christmas & Chill, and was heard on several collaborative projects. In March 2016, she released "Dangerous Woman", the lead single from her upcoming third studio album of the same name. The album is set to be released on May 20, 2016. The song debuted at No. 10 on the Billboard Hot 100, making Grande the first person in the history of that chart to have the lead single from each of her first three albums debut in the top 10.
+        </p>
+
+        <p>
+            Grande's accolades include two American Music Awards, Music Business Association's Breakthrough Artist of the Year, an MTV Video Music Award, two MTV Europe Music Awards and two Grammy Award nominations. In 2016, Time named Grande one of the 100 most influential people in the world on the annual Time 100 list. Grande has a large following on social media, including the 4th most followed Instagram account. * via <a href="https://en.wikipedia.org/wiki/Ariana_Grande" target="_blank">Wikipedia</a>
+        </p>
+
+    </body>
+</html>
diff --git a/css/bio_experience_styles.css b/css/bio_experience_styles.css
@@ -0,0 +1,36 @@
+h1 {
+    font-family: helvetica, sans-serif, arial;
+    font-size: 50px;
+    color: white;
+}
+
+body {
+    background-color: gray;
+    color: black;
+    font-family: helvetica, sans-serif, arial;
+}
+
+img {
+    float: left;
+    margin-right: 10px;
+    width: 300px;
+    margin-bottom: 2px;
+}
+
+.ghost-button {
+  display: inline-block;
+  width: 100px;
+  padding: 8px;
+  color: #fff;
+  border: 2px solid #fff;
+  text-align: center;
+  outline: none;
+  text-decoration: none;
+  border-radius: 8px;
+}
+
+.ghost-button:hover,
+.ghost-button:active {
+  background-color: #fff;
+  color: gray;
+}
diff --git a/css/styles.css b/css/styles.css
@@ -0,0 +1,50 @@
+.background {
+  background-image: url(images/ariana.png);
+}
+
+nav {
+  color: gray;
+  width: 100%;
+  position: absolute;
+  margin-top: 300px;
+  margin-left: -25px;
+
+}
+
+h2 {
+
+   text-align: right;
+   color: gray; 
+   font: bold 70px/45px Helvetica, Sans-Serif, Arial; 
+   letter-spacing: 0px;
+   position: absolute;
+   top: 200px; 
+   width: 100%; 
+   color: gray; 
+   font: bold 70px/45px Helvetica, Sans-Serif, Arial; 
+   letter-spacing: 0px;
+   margin-left: -25px;
+}
+
+ a {
+    color: gray;
+    font-family: Helvetica, Sans-Serif, Arial;
+    font-size: 30px;
+    float: right;
+}
+
+img {
+    float:right;
+    width:100%;
+    padding-left:9999px;
+}
+
+.image { 
+   position: relative; 
+   width: 100%; 
+   border: none;
+}
+
+body {
+  background-color: gray;
+}
diff --git a/experience.html b/experience.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Experience</title>
+        <link rel="stylesheet" type="text/css" href="css/bio_experience_styles.css">
+    </head>
+        <body>
+
+            <h1>Ariana Grande Experience    </h1>
+
+            <a class="ghost-button" href="index.html">Go Back</a>
+
+            <img src="images/ariana4.jpg" alt="Ariana Grande">
+
+            <p>
+                <ul>TELEVISION/FILM</ul>
+                    <li>Zoolander 2</li>
+                    <li>Scream Queens</li>
+                    <li>Sam & Cat</li>
+                    <li>Family Guy</li>
+                    <li>VicTORIous</li>
+                    <li>Brain Surge</li>
+            </p>
+
+            <p>For more acting credits, visit:
+            <a href="http://www.imdb.com/name/nm3812858/?ref_=nv_sr_1" target="_blank">IMDB</a>
+            </p>
+
+        </body>
+</html>
diff --git a/images/Ariana2.png b/images/Ariana2.png
diff --git a/images/ariana.png b/images/ariana.png
diff --git a/images/ariana3.jpg b/images/ariana3.jpg
diff --git a/images/ariana4.jpg b/images/ariana4.jpg
diff --git a/images/ariana_bio.jpg b/images/ariana_bio.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Ariana Grande</title>
+        <link rel="stylesheet" type="text/css" href="css/styles.css">
+    </head>
+        <body>
+
+          <div class="background">
+          <img src="images/ariana.png">
+          <h2>Ariana Grande</h2>
+
+          <nav>
+             <a href="bio.html">Bio</a>
+             <br>
+             <br>
+             <a href="experience.html">Experience</a>
+
+          </nav>
+          </div>
+
+        </body>
+</html>