<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Husband Fair</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<header class="header_bac">
<div class="fullwidth">
	<div class="container">
		<div class="row">
				<div class="col-md-6 col-sm-6 col-xs-6 mainlogo">
					<img src="images/logo.png" class="img-responsive" alt="Logo">
				 </div>
				<div class="col-md-6 col-sm-6 col-xs-6 header_top_Bg">
					<img src="images/logo2.png" class="img-responsive pull-right" alt="Logo"> 
				</div>
				
		</div>
	</div>
		<!--navigation start-->
		<div class="container topnavigation">
			<nav class="navbar navbar-default">
			  
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
				  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				  </button>
				  <a class="navbar-brand nopadding" href="#"></a>
				</div>
			
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse nopadding" id="bs-example-navbar-collapse-1">
				  <ul class="nav navbar-nav toplinks">
					<li class=""><a href="#">Home<span class="sr-only">(current)</span></a></li>
					<li><a href="#">About</a></li>
					<li><a href="#">Eligible Hubby Material</a></li>
					<li><a href="#">Hubby Fair Events</a></li>
					<li><a href="#">Hubby Packaging</a></li>
					<li><a href="#">Hubby Fair Shop</a></li>
					<li><a href="#">News</a></li>
					<li><a href="#">Contact</a></li>
				  </ul>
				
				</div><!-- /.navbar-collapse -->
			 
			</nav>
		</div>
		<!--navigation end-->
</div>
</header>
<!--banner sec-->
<div class="fullwidth">
	<div class="container">
		<div class="row">
			<div class="col-md-12 relative_div">
				<img src="images/banner_img.png" class="img-responsive" alt="The World's Most Eligible Bachelors" />
				<div class="txt_sec">
					<p class="ban_txt">The World's Most Eligible Bachelors </p>
					<p class="avil_ready">Available And Ready For Marriage Hire</p>
					<p class="italic_txt">"Our candidates are 100% Husband Material,<br/> Husband Fair Approved!"</p>
					<p class="rhonda_txt">Rhonda Coleman-Albazie,<br> 
             <span>International Husband Broker </span></p>
			 <a href="#" class="cmnButton">click here to learn more </a>
				</div>
				<div class="img_right">
				<img src="images/man.png" class="" alt="Man" />
				</div>
			</div>
		</div>
	</div>
</div>
<div class="fullwidth">
	<div class="container">
		<div class="row margin0
		">
			<div class="top_border">
			<div class="col-md-4 col-sm-4 col-xs-12 no-padding">
				<div class="first_sec">
					<h3 class="head">Eligible Husband Material</h3>
					<p class="sec_txt">Eligible, successful gentlemen that are interested in and ready for marriage. </p>  
				</div>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-12 no-padding">
				<div class="first_sec second_bac">
					<h3 class="head">Hubby Fair Events</h3>
					<p class="sec_txt">Attend one of our Hubby Fairs and get on the fast track to marriage with the phenomenal woman of your dreams.</p>  
				</div>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-12 no-padding">
				<div class="first_sec">
					<h3 class="head">Hubby Packaging</h3>
					<p class="sec_txt">Attend one of our Hubby Fairs and get on the fast track to marriage with the phenomenal woman of your dreams.  </p>  
				</div>
			</div>
			</div>
			
		</div>
	</div>
</div>
<div class="fullwidth">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="heading6">Husband Fair Packaging</div>
</div>
<div class="clearfix"></div>
<div class="col-md-4 col-sm-4 col-xs-12 text-right btn-group"><img src="images/button1.png" alt="Button" /></div>
<div class="col-md-4 col-sm-4 col-xs-12 text-center btn-group"><img src="images/button2.png" alt="Button" /></div>
<div class="col-md-4 col-sm-4 col-xs-12 text-left btn-group"><img src="images/button2.png" alt="Button" /></div>
<div class="clearfix"></div>
<div class="col-md-12">
<div class="footLogo"></div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-offset-1 col-md-7">
<ul class="list-inline text-left">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Eligible Hubby Material</a></li>
<li><a href="#">Hubby Fair Events</a></li>
<li><a href="#">Hubby Packaging</a></li>
<li><a href="#">Hubby Fair Shop</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">Terms and Conditions</a></li>
</ul>
</div>
<div class="col-md-2 col-md-offset-1 ftLogo"><img src="images/footer_logo.png" class="img-responsive" alt="Logo" /></div>
</div>
</div>
</footer>

<!--banner sec end-->



<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/custom.js"></script>
</body>

</html>





@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
@font-face {
font-family: 'KievitPro-Book';
src: url('../fonts/KievitPro-Book.eot');
src: url('../fonts/KievitPro-Book.eot?#iefix') format('embedded-opentype'),
url('../fonts/KievitPro-Book.woff2') format('woff2'),
url('../fonts/KievitPro-Book.woff') format('woff'),
url('../fonts/KievitPro-Book.ttf') format('truetype'),
url('../fonts/KievitPro-Book.svg#KievitPro-Book') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KievitPro-Italic';
src: url('../fonts/KievitPro-Italic.eot');
src: url('../fonts/KievitPro-Italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/KievitPro-Book.woff2') format('woff2'),
url('../fonts/KievitPro-Book.woff') format('woff'),
url('../fonts/KievitPro-Book.ttf') format('truetype'),
url('../fonts/KievitPro-Book.svg#KievitPro-Book') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KievitPro-Light';
src: url('../fonts/KievitPro-Light.eot');
src: url('../fonts/KievitPro-Light?#iefix') format('embedded-opentype'),
url('../fonts/KievitPro-Light.woff2') format('woff2'),
url('../fonts/KievitPro-Light.woff') format('woff'),
url('../fonts/KievitPro-Light.ttf') format('truetype'),
url('../fonts/KievitPro-Light.svg#KievitPro-Light') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KievitPro-Regular';
src: url('../fonts/KievitPro-Regular.eot');
src: url('../fonts/KievitPro-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/KievitPro-Regular.woff2') format('woff2'),
url('../fonts/KievitPro-Regular.woff') format('woff'),
url('../fonts/KievitPro-Regular.ttf') format('truetype'),
url('../fonts/KievitPro-Regular.svg#KievitPro-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KievitPro-Thin';
src: url('../fonts/KievitPro-Thin.eot');
src: url('../fonts/KievitPro-Thin.eot?#iefix') format('embedded-opentype'),
url('../fonts/KievitPro-Thin.woff2') format('woff2'),
url('../fonts/KievitPro-Thin.woff') format('woff'),
url('../fonts/KievitPro-Thin.ttf') format('truetype'),
url('../fonts/KievitPro-Thin.svg#KievitPro-Thin') format('svg');
font-weight: normal;
font-style: normal;
}
.fontfamilybook{font-family:'KievitPro-Book';}
.fontfamilylight{font-family:'KievitPro-Light';}
.fontfamilythin{font-family:'KievitPro-Thin'; }
.fontfamilyregular{font-family: 'KievitPro-Regular';}
.fontfamilyitalic{font-family: 'KievitPro-Italic';}
.fullwidth{width:100%; display:block; float:left;}
.mainlogo img{margin-top:25px;}
.header_bac{background:url(../images/header_bac.jpg);}
body{background:url(../images/body-bg.gif)  repeat-x top; background-color:#e6e6e6;}
.topnavigation .navbar-default{background: transparent;
border-bottom: 10px solid #fff;
border-radius: 0;
border-top: 0;
margin: 0;}
.navbar{border:0;}
.nopadding{padding:0px!important;}
.toplinks{}
.toplinks>li{position:relative;}
.toplinks>li>a{padding-right:25px;important; padding-left: 5px!important;}
ul.toplinks{margin:0; padding:0}
.nav>li>a{ padding-left:0px; font-weight: 600; font-family: 'KievitPro-Light'; color:#000!important; text-transform:uppercase; font-size:13px;}
.toplinks li:before{content:''; position:absolute; bottom:-10px; left:0px; background:#6e312e; height:10px; width:100%; opacity:0;}
.toplinks li:hover:before{opacity:1;}

.toplinks li:before{
	-webkit-transition:all ease-out 0.3s;
}
.img_right img{position: absolute;
right: 18px;
bottom:0px;}
.txt_sec{
position: absolute;
left:0;
top:0px;
width:75%;
padding: 20px 40px;
}
.relative_div{position:relative;}
p.ban_txt{
font-family: 'KievitPro-Thin';
font-size: 48px;
text-transform: uppercase;
color: #fff;
letter-spacing: -2px;
margin: 0;
}
p.avil_ready{
	font-family: 'KievitPro-Thin'; 
color: #e2c0be;
font-size: 40px;
/* padding: 0; */
margin: 0;
text-transform: uppercase;
letter-spacing: -2px;
}
p.italic_txt{ 
font-family: 'KievitPro-Italic';
font-size: 22px;
font-style: italic;
color: #b8a3a2;
margin-top: 10px;
}
p.rhonda_txt {
font-family:'KievitPro-Light';
color: #fff;
font-size: 15px;
}
p.rhonda_txt span
{
color: #ba9a98;
font-size: 13px;
}

.cmnButton{ width:201px; height:34px; font-size:13px; color:#5d2a27; font-family: 'KievitPro-Book'; background:url(../images/btn_bg.jpg) repeat-x 0 0; text-transform:uppercase; text-align:center; display:inline-block; line-height:35px; position:relative;
 }
.cmnButton:before {position:absolute; content:''; width:9px; height:15px; background: url(../images/button_arrow_bg.png) no-repeat;
right: 5px;
top: 11px;} 
.cmnButton:hover {color:#5d2a27;
text-decoration:none;}
.first_sec{background: url(../images/lower_secimg.png) repeat-x 0 0;
min-height: 130px;
padding: 25px 20px;}
h3.head{font-family: 'KievitPro-Book'; font-size:19px; color:#000; margin:0;}
.margin-top-15{margin-top:15px;}
 p.sec_txt{font-family: 'KievitPro-Book'; font-size:14px; color:#625a4a; margin-top:10px;}
.no-padding{padding:0!important;}
.second_bac{background:url(../images/second_sec.png) repeat-x 0 0 !important;}
.top_border{border-top:10px solid #fff;}
.no-padright{padding-right:0!important;}
.no-padleft{padding-left:0!important;}
.margin0{margin:0 !important;}
.heading6 { color:#6d1f1b; line-height:49.87px; font-weight:300; font-size:18px; display:inine-block; text-align:center; float:none; margin:18px auto; text-transform:uppercase; letter-spacing:2px; position:relative; }
.heading6:before { width:341px; height:1px; background-color:#c5c5c5; position:absolute; content:''; left:68px; top:25px; }
.heading6:after { width:341px; height:1px; background-color:#c5c5c5; position:absolute; content:''; right:68px; top:25px; }
.footLogo { width:409px; height:51px; background:url(../images/hf_bg_2.png) no-repeat 0 0; float:right; display:inline-block; margin:-9px 0 0 0; }
.footer { width:100%; display:block; border-top:9px solid #1a1a1a; height:376px; float:left; background:url(../images/footer_bg.jpg) no-repeat 0 0 }
.footer ul li { position:relative; }
.footer ul li:after { position:absolute; content:''; width:1px; height:13px; background-color:#646464; top:9px; right:-2px; }
.footer ul li:last-child:after { display:none; }
.footer ul li a { color:#b5b5b5; font-size:13px; font-family: 'KievitPro-Regular'; line-height:29px; }
.footer ul li a:hover { text-decoration:none; }
.ftLogo { margin-top:9px; }
.btn-group > img { width:100%; height:auto; }