<html>
<head>
	<link rel='stylesheet' href='style.css'/>
	<script src='script.js'></script>
	<link href="https://fonts.googleapis.com/css?family=Lato:400,400i" rel="stylesheet">
	<title>Ricky</title>
</head>
<body>
    <header>
        <img id="authorGIF" src="https://media.giphy.com/media/lXfRV6jysinJe/giphy.gif">
        <h1 id="author">Rick Astley</h1>
        <h1 id="song"><i>"Never Gonna Give You Up"</i></h1>
    </header>
    <section class="verse1">
        <h2>We're no strangers to love<br/>
        You know the rules and so do I<br/>
        A full commitment's what I'm thinking of<br/>
        You wouldn't get this from any other guy</h2>
    </section>
    <section class="stop">
        <h2>I just want to tell you how I'm feeling<br/>
        Gotta make you understand</h2>
    </section>
    <section class="verse2">
        <h2>Never gonna give you up, never gonna let you down<br/>
        Never gonna run around and desert you<br/>
        Never gonna make you cry, never gonna say goodbye<br/>
        Never gonna tell a lie and hurt you</h2>
    </section>
    <section class="stop">
        <h2>We've known each other for so long<br/>
        Your heart's been aching but you're too shy to say it<br/>
        Inside we both know what's been going on<br/>
        We know the game and we're gonna play it</h2>
    </section>
    <section class="verse3">
        <h2>And if you ask me how I'm feeling<br/>
        Don't tell me you're too blind to see</h2>
    </section>
    <section class="stop">
        <h2>Never gonna give you up, never gonna let you down<br/>
        Never gonna run around and desert you<br/>
        Never gonna make you cry, never gonna say goodbye<br/>
        Never gonna tell a lie and hurt you</h2>
    </section>    
    <section class="verse4">
        <h2>Never gonna give you up, never gonna let you down<br/>
        Never gonna run around and desert you<br/>
        Never gonna make you cry, never gonna say goodbye<br/>
        Never gonna tell a lie and hurt you</h2>
    </section>        
    <section class="stop">
        <h2>We've known each other for so long<br/>
        Your heart's been aching but you're too shy to say it<br/>
        Inside we both know what's been going on<br/>
        We know the game and we're gonna play it</h2>
    </section>    
    <section class="verse5">
        <h2>I just want to tell you how I'm feeling<br/>
        Gotta make you understand</h2>
    </section>   
        <section class="stop">
        <h2>Never gonna give you up, never gonna let you down<br/>
        Never gonna run around and desert you<br/>
        Never gonna make you cry, never gonna say goodbye<br/>
        Never gonna tell a lie and hurt you</h2>
    </section>    
    <footer>Written by Mike Stock, Matt Aitken, Peter Waterman<br/> • Copyright © Sony/ATV Music Publishing LLC, Universal Music Publishing Group • </footer>
</body>
</html>
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Lato', sans-serif;
    text-decoration: none;
}

header {
    padding: 20px;
    position: fixed;
    background: white;
    width:100%;
    display: inline;
}
#author {
    float: left;
}
#authorGIF {
    float: left;
    height: 50px;
    width: auto;
}
#song {
    float: right;
}

h2 {
    padding: 15% 0;
    text-align:center;
    font-size: 38px;
    text-shadow: 2px 2px 5px rgba(256 256 256);
}

.verse4 {
    background: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTGwv8W2p5FY5lPq7MtNsTUvQxF4juQmlH25bUAOnjCqaGsFKhk_w") no-repeat top center;
    min-height: 70%;
    background-size: cover;
    background-attachment: fixed;
}
.stop {
    background-color: white;
    min-height: 10%;
    background-size: cover;
    background-attachment: fixed;
}

.verse2 {
    background: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcScHzxXtY9i8w63-XUFlB7wvHQ5c-JhYCC5hbscmynn5VDnFdaM") no-repeat top center;
    min-height: 70%;
    background-size: cover;
    background-attachment: fixed;
}

.verse3 {
    background: url("http://www.isthisreallymylife.com/wp-content/uploads/2015/02/Rick-Astley.png") no-repeat center center;
    min-height: 70%;
    background-size: cover;
    background-attachment: fixed;
}

.verse1 {
    background: url("http://abcnews.go.com/images/GMA/161129_gma_pop_0806.jpg") no-repeat bottom center;
    min-height: 70%;
    background-size: cover;
    background-attachment: fixed;
}

.verse5 {
    background: url("https://draw.acharts.net/artist/rick_astley-54661a349db89-l.png") no-repeat top center;
    min-height: 70%;
    background-size: cover;
    background-attachment: fixed;
}

footer {
    font-size:16px;
    text-align: center;
    padding: 20px 0;
    border-top: 3px solid black;
    width: 80%;
    margin:auto;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.