<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Ellen Baryshev</title>
<style>
*{
box-sizing:border-box;
margin:0;
padding:0;
}
body{
background-color:#BFD2DB;
}
main{
width:400px;
background-color:white;
text-align:center; /*to align all conten in the middle of the box*/
margin:0 auto; /*to position the box in the moddle of the browser*/
}
header{
width:100%;
height:50px;
background-color:#2F6A83;
font-size:30px;
color:white;
padding-top:5px;
}
p{
width:300px;
margin:auto;
text-align:left;
}
</style>
</head>
<body>
<main>
<header>
Ellen Baryshev
</header>
<img src="Ellen.jpg"><br>
<p>I am a graphic and web designer and part-time college professor,
teaching various classes.<br>
I love teaching and many of my students have “A”s in the class, but for that they have to apply some effort.
</p>
<br>
<a href="https://www.linkedin.com/in/ellen-baryshev-1109912b" target="_blank"><img src="linkedin-icon.png"></a>
<a href="https://www.pinterest.com/ebaryshev" target="_blank"><img src="pinterest-icon.png"></a>
<a href="https://www.facebook.com/ellen.baryshev" target="_blank"><img src="facebook-icon.png"></a>
<a href="javascript:;"><img src="youtube-icon.png"></a>
<br>
<br>
</main>
</body>
</html>
