Unique Content:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link href="style.css" rel="stylesheet" type="text/css">
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="nav">
<p id="welcomeLink">Welcome Message</p>
<p id="historyLink">History & Background</p>
<p id="valueLink">Importance of Quality</p>
<p id="contactLink">Get in Touch</p>
</div>
<div id="welcomeArrow"></div>
<div id="historyArrow"></div>
<div id="valueArrow"></div>
<div id="contactArrow"></div>
<div id="wrapper">
<div id="mainHeader">
<img src="Carnaby_Full__Logo_1.jpg" />
</dvi>
<div id="content">
<p id="welcomeP">
Clothing defines one's image, except for hands and face. Carnaby Custom is based on this concept. Located in Midtown Manhattan, we offer top-notch custom-made suits, shirts, and sport coats in the tri-state area.
</p>
<p id="historyP">
In 1971, Leonard Logsdail Sr. established his bespoke tailoring shop in London, which catered to a distinguished clientele. Later, he moved the business to New York City at the insistence of his wife. This shift made him one of the most reputable tailor in the country and beyond. <br> <br> Crafting a suit by hand demands time and resources, which inspired the creation of Carnaby Custom. Our aim is to deliver customized garments overseen by master tailor Leonard Sr., all while being more budget-friendly.
</p>
<p id="valueP">
Each person has unique body proportions that demand personalized tailoring. Even if two men share exact measurements, their clothing will vary due to posture differences and other factors. At Carnaby Custom, we create made-to-measure garments ensuring a perfect fit. <br> <br>
Clients collaborate with us in designing suits reflecting their lifestyles. With an array of fabrics, linings, and style preferences available, the design possibilities are endless. <br> <br>
During consultations, we grasp your style and requirements fully, aiming for long-term client relationships rather than quick sales. Alongside competitive prices, our tailored garments match or surpass off-the-rack quality at retail stores. </p></a>
</div>
</div>
</body>
</html>
CSS: body { background: url(navy_blue/navy_blue.png); }
#nav {
position: absolute;
text-align:center;
top: 322px;
float: left;
left: 155px;
padding-right: 20px;
padding-left: 20px;
background: #D5D5D5;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
border: black solid thin;
border-radius: 10px;
line-height: 16px;
}
#nav p {
color: #000099;
}
#nav p:hover {
opacity: .6;
cursor: pointer;
-moz-transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
}
#welcomeArrow {
position: absolute;
left: 255px;
top: 336px;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 17px solid #D5D5D5;
}
#historyArrow {
display: none;
position: absolute;
left: 256px;
top: 364px;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 17px solid #D5D5D5;
}
#valueArrow {
display: none;
position: absolute;
left: 256px;
top: 396px;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 17px solid #D5D5D5;
}
#contactArrow {
display: none;
position: absolute;
left: 256px;
top: 430px;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 17px solid #D5D5D5;
}
#wrapper {
background: url(billie_holiday/billie_holiday.png);
top: auto;
margin: auto;
text-align: center;
height: auto;
width: 640px;
font-family: 'Open Sans', sans-serif;
padding: 30px;
border: black solid medium;
border-radius: 10px;
}
#wrapper p {
padding-top: 20px;
font-size: 14px;
}
#mainHeader img{
border: solid thin black;
}
#welcomeP {
display: inline;
}
#historyP {
display: none;
}
#valueP{
display: none;
}
#contactP {
display: none;
}
#welcomeH {
font-size: 24px;
color: #993300;
}