diff --git a/spotify.html b/spotify.html
new file mode 100644
index 000000000..fb73ee408
--- /dev/null
+++ b/spotify.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+   <link rel="stylesheet" href="styles/style.css">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+   <section class="nav">
+<div >
+    <img src="images/spotify-logo.png" alt="spotify logo">
+</div>
+<div class="nav-end">
+    <ul>
+        <li>Premium </li>
+        <li>Discover</li>
+        <li>Help </li>
+        <li>Download</li>
+    </ul>
+</div>
+</section> 
+<section class="section1">
+    <div class="image">
+        <h1>Music for everyone.</h1>
+    <p> Spotify is now free on mobile, tablet and computer.<br> Listen to the
+        right music, wherever you are. </p>
+    </div>
+    </section>
+<section>
+<h3>
+    What’s on Spotify?
+</h3>
+<div class="row">
+    <div>
+<img src="images/music-icon.png" alt="music-icon">
+<h4>
+    Millions of Songs
+</h4>
+<p>
+    There are millions of songs
+</p>
+    </div>
+    <div>
+<img src="images/high-quality-icon.png" alt="high-quality-icon">
+<h4>
+    HD Music
+</h4>
+<p>
+    Listen to music as if you were listening live
+</p>
+    </div>
+    <div>
+        <img src="images/devices-icon.png" alt="devices-icon">
+        <h4>
+            Stream Everywhere
+        </h4>
+        <p>
+            Stream music on your smartphone, tablet or computer
+        </p>
+    </div>
+</div>
+</section>
+<section class="last">
+<div class="contents">
+<h2>
+    It’s as yeezy as Kanye West.
+</h2>
+<h6>
+    Search
+</h6>
+<p>
+    Know what you want to listen to? Just search and hit play.
+</p>
+<h6>
+    Browse
+</h6>
+<p>
+    Check out the
+    latest charts, brand new releases and great playlists for right now.
+</p>
+<h6>
+    Discover
+</h6>
+<p>
+    Enjoy new music every Monday with your
+    own personal playlist. Or sit back and enjoy Radio.
+</p>
+</div>
+<div>
+    <img class="white-icon" src="images/spotify-icon-white.png" alt="spotify-icon-white">
+
+</div>
+<div>
+<img class="app-image" src="images/spotify-app.jpg" alt="spotify-app">
+</div>
+
+
+
+
+
+</section>
+
+
+
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/styles/style.css b/styles/style.css
index 55efb32c6..c181539d4 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -6,3 +6,118 @@ Green: #00B172
 White: #FFF
 
 */
+.nav{
+    display: flex;
+}
+.nav img{
+    width: 25%;
+}
+.nav ul li{
+    list-style: none;
+}
+.nav-end ul{
+    display: flex;
+    flex-direction: row;
+   
+}.nav-end ul li{
+    padding: 10px 50px 10px 0px;
+    font-size: 1.5em;
+}
+.section1 h1{
+    text-align: center;
+    font-size: 5.5em;
+    font-weight: 600;
+}
+.section1 p{
+    margin-top: 0px;
+    font-size: 2.2em;
+    font-weight: 300;
+
+}
+.image{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-image: url(/Users/suni/Desktop/IronHack/lab-css-spotify-clone/images/landing.jpg);
+    background-repeat: no-repeat;
+    background-size: cover;
+    width: 100%;
+    padding: 250px 0px;
+    color: white;
+}
+
+h3{
+font-size: 3em;
+    margin: auto;
+    padding: 50px 0px 10px 0px;
+    border-bottom: 3px solid #00B172;
+    width: fit-content;
+    font-weight: 600;
+}
+.row img{
+    width:30%;
+padding: 20px 0px 20px 120px;
+margin-left: 40px;
+}
+.row{
+    padding: 80px 0px;
+    display: flex;
+    flex-direction: row;
+justify-content: space-around;
+}
+.row h4,p{
+    text-align: center;
+
+}
+.row p{
+    font-size: 1.5em;
+    margin: 0px 100px;
+}
+.row h4{
+    font-size: 1.8em;
+    color: #00B172;
+}
+.last{
+    display: flex;
+    flex-direction: row;
+    color: white;
+    border: 1px solid #00B172;
+    background-color: #00B172;
+    margin: 10px 30px;
+    padding-bottom: 20px;
+
+}
+h2{
+    color:white;
+    font-size: 2.5em;
+    font-weight: 500;
+    border-bottom: 3px solid white;
+    width: fit-content;
+}
+
+h6{
+    font-size: 2em;
+    font-weight: 600;
+    margin: 40px 10px 40px 0px;
+
+}
+.contents p{
+    text-align: left;
+    font-size: 1.3em;
+}
+.contents{
+  padding:20px 10px 50px 100px
+}
+
+.white-icon{
+    width: 30%;
+position: relative;
+top: 45%;
+left: 20%;    
+}
+.app-image{
+    width: 80%;
+    position: relative;
+top: 15%;
+right:10%;
+}
\ No newline at end of file
