<!DOCTYPE html>
<html>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-7">
<head>
<title>with Style</title>
<link href="text.css" type="text/css"rel="stylesheet" />
</head>
body {
padding: 20px;}
h1, h2, h3, a {
font-weight: normal;
color: #0088dd;
margin: 0px;}
h1 {
font-family: Georgia, Times, serif;
font-size: 150%;
text-shadow: 4px 4px 4px #666666;
padding-bottom: 10px;}
h2 {
font-family: "Gill Sans", Arial, sans-serif;
font-size: 90%;
text-transform: uppercase;
letter-spacing:1.5em;}
h3 {
font-size: 300%;}
p {
font-family: Arial, Verdana, sans-serif;
line-height: 1.4em;
color: #665544;}
p.intro:first-line {
font-weight: bold;}
.credits {
font-style: italic;
text-align: right;}
a {
text-decoration: none;}
a:hover {
text-decoration: underline;}
<h1>MSc Digital Marketing</h1>
<p class="credits">Management Science & Technology
Department</p>
<p class="intro">The <a class="breed"
href="http://www.mst.ihu.gr">Management Science & Technology
Department </a></p>
<h2>The Department</h2><h3>History</h3
<p>The Department's cognitive object covers a general overview
of all aspects of public or private businesses...</p>
</body>
</html> 