Untitled

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<title> Contact</title>
<style>


h1 {
  font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;
  color: #fff;
  text-shadow: 4px 4px 3px rgba(0,0,0,0.1);
   margin-bottom:-7.5px;
   color:rgb(0, 26, 102);
}
h2{
 font: 400 80px/0.8 'Great Vibes', Helvetica, sans-serif;
  color: #fff;
  text-shadow: 4px 4px 3px rgba(0,0,0,0.1);
 margin: 10px 10px 15px 55px;
   color:rgb(0, 26, 102);
}

hr{
display:block;
height:2px;
border:0;
border-top:2px solid rgb(0, 26, 102);
margin:auto;
padding:0;
width:30%;

}
.topnav{
overflow:hidden;
background-color:rgb(230, 242, 255);
margin:20px 210px;
}
.topnav a{
float:left;
color:rgb(212, 175, 55);
text-align:center;
padding:15px 18px;
font-size: 18px;
text-decoration:none;
}
.topnav a:hover{
color:rgb(204,0,102);
}
.topnav a.active{
background-color:rgb(204, 215, 255);
}

body{
background-color:rgb(230, 242, 255);
}

.icons{
display:flex;
flex-direction:column;
border-radius:10px;
float:left;
position:fixed;
align-items:between;
margin-left:4px;
margin-right:15px;
}

.poem{
margin: 20px 30px 0px 100px;
text-align:center;
}
.wrap{
display:flex;
align-items:center;
margin:.7em;
}

.img{
width:50px;
height:50px;
border-radius:5px;
box-shadow:0 1px 30x rgba(0,0,0,0.12). 0 1px 2px rgb(0,0,0,0.24);
overflow:hidden;
transition:box-shadow 0.3s;
}

.img:hover{
box-shadow:0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.q{
position:fixed;
display:flex;
align-items:right;
}

</style>
</head>
<body>

<h1 align="center">Laura</h1>
<hr>

<div class="topnav">
<a href="file:///C:\Users\lol\Desktop\laura\laura.html">Home</a>
  <a href="file:///C:\Users\lol\Desktop\laura\news.html">News</a>
  <a class="active" href="file:///C:\Users\lol\Desktop\laura\contact.html">Contact</a>
  <a href="file:///C:\Users\lol\Desktop\laura\about.html">About</a>
  <a href="file:///C:\Users\lol\Desktop\laura\gallery.html">Gallery</a>
  <a href="file:///C:\Users\lol\Desktop\laura\merch.html">Merch</a>
</div>


</head>
<body>
<h2> its me ya boi skinny penis!</h2>
<div class="icons">
<div class="wrap">
<a href="https://www.facebook.com/lauraamanda.valtmane" target="_blank">
<img class="img" src="index.png" alt="Facebook Icon">
</a>
</div>

<div class="wrap">
<a href="https://www.instagram.com/l.aura.v/" target="_blank">
<img class="img" src="insta.png" alt="Instagram Icon">
</a>
</div>

<div class="wrap">
<a href="mailto:lauraamandavaltmane@gmail.com">
<img class="img" src="gmail.png"  alt="Gmail Icon">
</a>
</div>
</div>
<div class="poem">
<p>
What happens to a dream deferred?<br>
<br>
      Does it dry up <br>
      like a raisin in the sun?<br>
      Or fester like a sore—<br>
      And then run?<br>
      Does it stink like rotten meat?<br>
      Or crust and sugar over—<br>
      like a syrupy sweet?<br>
<br>
      Maybe it just sags<br>
      like a heavy load.<br>
<br>
      Or does it explode?<br>
      What happens to a dream deferred?<br>
<br>
      Does it dry up <br>
      like a raisin in the sun?<br>
      Or fester like a sore—<br>
      And then run?<br>
      Does it stink like rotten meat?<br>
      Or crust and sugar over—<br>
      like a syrupy sweet?<br>
<br>
      Maybe it just sags<br>
      like a heavy load.<br>
<br>
      Or does it explode?<br>
      What happens to a dream deferred?<br>
<br>
      Does it dry up <br>
      like a raisin in the sun?<br>
      Or fester like a sore—<br>
      And then run?<br>
      Does it stink like rotten meat?<br>
      Or crust and sugar over—<br>
      like a syrupy sweet?<br>
<br>
      Maybe it just sags<br>
      like a heavy load.<br>
<br>
      Or does it explode?<br>
      What happens to a dream deferred?<br>
<br>
      Does it dry up <br>
      like a raisin in the sun?<br>
      Or fester like a sore—<br>
      And then run?<br>
      Does it stink like rotten meat?<br>
      Or crust and sugar over—<br>
      like a syrupy sweet?<br>
<br>
      Maybe it just sags<br>
      like a heavy load.<br>
<br>
      Or does it explode?<br>
      What happens to a dream deferred?<br>
<br>
      Does it dry up <br>
      like a raisin in the sun?<br>
      Or fester like a sore—<br>
      And then run?<br>
      Does it stink like rotten meat?<br>
      Or crust and sugar over—<br>
      like a syrupy sweet?<br>
<br>
      Maybe it just sags<br>
      like a heavy load.<br>
<br>
      Or does it explode?<br>
</p>


</div>
<div class="q">
<form action="mailto:lauraamandavaltmane@gmail.com">
<textarea name="message" rows="20" cols="20">
</textarea>
<br>
<button type="submit" onclick="alert('Thank you!')" action:="mailto:lauraamandavaltmane@gmail.com">Submit!</button>
</form>
</div>


</body>
</html>