<head>
<style>
body{
margin : 0px 0px auto 0px
}
.header{
background-color:black;
height:500px;
width:685px;
}
.logo{
background-color:white;
height:60px;
width:500px;
float:left;
margin-left:90px;
border:#999 thin solid;
border-bottom-left-radius:150px;
border-bottom-right-radius:150px;
border-bottom-left-radius:150px;
}
.menu{
float:right;
width:80%;;
height:auto;
margin-right:0px;
margin-top:-20px;
}
.menu ul{
list-style:none;
padding:10px;
margin-left:-40px;
}
.menu ul li{
display:inline-block;
border:#06F thin solid;
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
border-radius:5px;
background-color:#69F;
}
.menu ul li a{
text-decoration:none;
color:#FFF;
}
.H {
float:left;
margin-right:0px;
margin-top:-370px;
margin-left:50px;
}
.k{
margin-top:-300px;
}
.border {
background-color:#36F;
height:30px;
width:684px;
border:#009 thin solid;
margin-top:70px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<div class="header">
<div class="logo">
<div class="menu" >
<ul>
<li ><a href="">SERVICES</a></li>
<li ><a href="">NEWS</a></li>
<li ><a href="">CONTACT</a></li>
<li ><a href="">BLOG</a></li>
</ul>
</div>
</div>
</div>
<div class="H"><h1><i style="color:#09F"> Our <i style="color:#FFF">Services</i></i></h1></div>
<div align="left" style="color:#09F" class="k">
<ul>
<li> Employability Skills</li>
<li> What can I do with my degree?</li>
<li>Practice Aptitude Tests</li>
<li>Work Experience Postgraduate</li>
<li> Study Practice Interviews</li>
<input type="submit" name="n4" value="read more" style="background-color:white" /></ul>
</div>
<div class="border"></div>
</div>
</body>
<style>
body{
margin : 0px 0px auto 0px
}
.header{
background-color:black;
height:500px;
width:685px;
}
.logo{
background-color:white;
height:60px;
width:500px;
float:left;
margin-left:90px;
border:#999 thin solid;
border-bottom-left-radius:150px;
border-bottom-right-radius:150px;
border-bottom-left-radius:150px;
}
.menu{
float:right;
width:80%;;
height:auto;
margin-right:0px;
margin-top:-20px;
}
.menu ul{
list-style:none;
padding:10px;
margin-left:-40px;
}
.menu ul li{
display:inline-block;
border:#06F thin solid;
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
border-radius:5px;
background-color:#69F;
}
.menu ul li a{
text-decoration:none;
color:#FFF;
}
.H {
float:left;
margin-right:0px;
margin-top:-370px;
margin-left:50px;
}
.k{
margin-top:-300px;
}
.border {
background-color:#36F;
height:30px;
width:684px;
border:#009 thin solid;
margin-top:70px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<div class="header">
<div class="logo">
<div class="menu" >
<ul>
<li ><a href="">SERVICES</a></li>
<li ><a href="">NEWS</a></li>
<li ><a href="">CONTACT</a></li>
<li ><a href="">BLOG</a></li>
</ul>
</div>
</div>
</div>
<div class="H"><h1><i style="color:#09F"> Our <i style="color:#FFF">Services</i></i></h1></div>
<div align="left" style="color:#09F" class="k">
<ul>
<li> Employability Skills</li>
<li> What can I do with my degree?</li>
<li>Practice Aptitude Tests</li>
<li>Work Experience Postgraduate</li>
<li> Study Practice Interviews</li>
<input type="submit" name="n4" value="read more" style="background-color:white" /></ul>
</div>
<div class="border"></div>
</div>
</body>
No comments:
Post a Comment