<!DOCTYPE html>
<head>
<title>Renee Mitchell's Digital Portfolio</title>
<style>
body { font-family: helvetica, sans-serif; margin: 0 auto; max-width: 600px; background: #232323;background-image: url("file:///C:/Users/Renizzle/Pictures/Aviary%20Photos/pink%20sunset.jpg"); background-repeat: no-repeat; background-size: 100% 100%; background-attachment: fixed; padding-bottom: 70px;}
div { height: 200px; background-size: cover; position: relative; margin: 40px 0 0 0; border-radius: 6px;}
h1 { <link href='https://fonts.googleapis.com/css?family=Titillium+Web:700' rel='stylesheet' type='text/css'> font-family: 'Londrina Shadow', cursive; text-align: center; font-size: 90px; color: white; margin: 60px 0 0 0;}
h2 { text-align: center; color: white; margin: 0px 0 70px 0; padding-top: 20px;}
h3 { font-family: 'Londrina Shadow', cursive; text-align: center; font-size: 10px; color: #00008B; margin: 10px 0 0 0;}
p { color: rgba(255,255,255,1); background: black; background: linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0.4)); background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0.4)); background: -moz-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0.4)); padding: 20px; line-height: 28px; text-align: justify; font-family: 'Alegreya Sans', sans-serif; font-size: 30px; position: absolute; bottom: 0; margin: 0; height: 40px; transition: height 0.5s; -webkit-transition: height 0.5s; -moz-transition: height 0.5s;}
small { opacity: 0;}
.about { background-image: url("file:///C:/Users/Renizzle/Desktop/Digital%20Portfolio%20Extracts/div_about.jpg");}
.education { background-image: url("file:///C:/Users/Renizzle/Desktop/Digital%20Portfolio%20Extracts/div_education.jpg");}
.experience { background-image: url("file:///C:/Users/Renizzle/Desktop/Digital%20Portfolio%20Extracts/div_experience.jpg");}
.skills { background-image: url("file:///C:/Users/Renizzle/Desktop/Digital%20Portfolio%20Extracts/div_skills.jpg");}
.number { float: right; width: 500px;}
</style>
</head>
<body>
<h1>Digital Resume</h1>
<h2>Renee Lin Mitchell</h2>
<h3> <input type="email" placeholder="Your email of fun"> <input type="submit"></h3>
<div class="about"> <p>About<span class="number"></span><br/></div>
<div class="education"> <p>Education<span class="number"></span><br/></div>
<div class="experience"> <p>Experience<span class="number"></span><br/></div>
<div class="skills"> <p>Skills<span class="number"></span><br/></div>
</body>