Key7.Biz Index

You might also like

Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 6

<!

DOCTYPE HTML>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>key7.biz</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<meta content="width=device-width, initial-scale=1, maximum-scale=1" nam
e="viewport" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600
,700,800" rel="stylesheet" type="text/css" /><script type="application/x-javascr
ipt"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false)
; function hideURLbar(){ window.scrollTo(0,1); } </script><script src="js/jquery
.min.js"></script><!--<script src="js/jquery.easydropdown.js"></script>--><!--st
art slider -->
<link href="css/fwslider.css" media="all" rel="stylesheet" /><script src
="js/jquery-ui.min.js"></script><script src="js/fwslider.js"></script><!--end sl
ider --><script type="text/javascript">
$(document).ready(function() {
$(".dropdown img.flag").addClass("flagvisibility");
$(".dropdown dt a").click(function() {
$(".dropdown dd ul").toggle();
});
$(".dropdown dd ul li a").click(function() {
var text = $(this).html();
$(".dropdown dt a span").html(text);
$(".dropdown dd ul").hide();
$("#result").html("Selected value is: " + getSelectedValue("samp
le"));
});
function getSelectedValue(id) {
return $("#" + id).find("dt a span.value").html();
}
$(document).bind('click', function(e) {
var $clicked = $(e.target);
if (! $clicked.parents().hasClass("dropdown"))
$(".dropdown dd ul").hide();
});
$("#flagSwitcher").click(function() {
$(".dropdown img.flag").toggleClass("flagvisibility");
});
});
</script>
</head>
<body>
<div class="header">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="header-left">
<div class="logo"><a href="index.html"><img alt="" src="images/key7_logo.jpg" wi
dth="75" /></a></div>
<div class="menu"><a class="toggleMenu" href="#"><img alt="" src="images/nav.png

" /></a>
<div class="clear"></div>
<ul class="nav" id="nav">
<li><a href="index.html">Home</a></li>
<li><a href="">Products</a></li>
<li><a href="">Opportunity</a></li>
<li><a href="">FAQs</a></li>
<li><a href="http://members.key7.biz" target="_blank">Login</a></li>
</ul>
<script type="text/javascript" src="js/responsive-nav.js"></script></div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
<div class="banner"><!-- start slider -->
<div id="fwslider">
<div class="slider_container">
<div class="slide"><!-- Slide image --><img alt="" class="img-responsive" src="i
mages/slider_img/slider001.png" /> <!-- /Slide image --></div>
<!-- /Duplicate to create more slides -->
<div class="slide"><!-- Slide image --><img alt="" class="img-responsive" src="i
mages/slider_img/slider006.jpg" /> <!-- /Slide image --></div>
<!-- /Duplicate to create more slides -->
<div class="slide"><!-- Slide image --><img alt="" class="img-responsive" src="i
mages/slider_img/slider005.jpg" /> <!-- /Slide image --></div>
<!-- /Duplicate to create more slides -->
<div class="slide"><img alt="" class="img-responsive" src="images/slider_img/sli
der002.jpg" /></div>
<!--/slide --><!-- /Duplicate to create more slides -->
<div class="slide"><img alt="" class="img-responsive" src="images/slider_img/sli
der003.jpg" /></div>
<!--/slide --></div>
<div class="timers"></div>
<div class="slidePrev"></div>
<div class="slideNext"></div>
</div>
<!--/slider --></div>
<div class="main">
<div class="content-top">
<h2>*** UPDATE IN PROGRESS ***</h2>
<p>Our superior products are your ticket to a financially-independent life.</p>
<div class="close_but"></div>
<ul id="flexiselDemo3">

<li><img
<li><img
<li><img
<li><img
<li><img
<li><img
<li><img
<li><img

src="images/product001.jpg"
src="images/product002.jpg"
src="images/product003.jpg"
src="images/product00X.jpg"
src="images/product001.jpg"
src="images/product002.jpg"
src="images/product003.jpg"
src="images/product00X.jpg"

/></li>
/></li>
/></li>
/></li>
/></li>
/></li>
/></li>
/></li>

</ul>
<script type="text/javascript">
$(window).load(function() {
$("#flexiselDemo3").flexisel({
visibleItems: 5,
animationSpeed: 1000,
autoPlay: true,
autoPlaySpeed: 3000,
pauseOnHover: true,
enableResponsiveBreakpoints: true,
responsiveBreakpoints: {
portrait: {
changePoint:480,
visibleItems: 1
},
landscape: {
changePoint:640,
visibleItems: 2
},
tablet: {
changePoint:768,
visibleItems: 3
}
}
});
});
</script><script type="text/javascript" src="js/jquery.flexisel.
js"></script></div>
</div>
<div class="content-bottom">
<div class="container">
<div class="row content_bottom-text">
<div class="col-md-7">
<h3>Key7 Mission</h3>
<p class="m_1">Key7 exists because we believe every person matters. Our line of
products supports a healthy lifestyle for people of all ages. We leverage word-o
f-mouth networking and the power of social media to create opportunities that ma
y provide both immediate and residual income</p>
<p class="m_1">What if you could wake up each day full of energy and vitality, w
ith that unmistakable glow of radiant good health, abundant possibilities and am
ple prosperity? That&#39;s what Key7 is all about!</p>
<p class="m_1">We exist to deliver exceptional nutrition and healthy lifestyle s
olutions for you, so you can more easily meet the often overwhelming demands of
modern living.</p>
</div>
</div>
</div>

</div>
<div class="features">
<div class="container">
<h3 class="m_3">Features</h3>
<div class="close_but"></div>
<div class="row">
<div class="col-md-3 top_box">
<div class="view view-ninth"><a href=""> <img alt="" class="img-responsive" src=
"images/pic1.jpg" /> </a>
<div class="mask mask-1"></div>
<a href=""> </a>
<div class="mask mask-2"></div>
<a href=""> </a>
<div class="content">
<h2><a href="">Hover info</a></h2>
<p><a href="">Lorem ipsum dolor sit amet, consectetuer adipiscing.</a></p>
</div>
<a href=""> </a></div>
<h4 class="m_4"><a href="#">The opportunity of a lifetime</a></h4>
<p class="m_5">Key7 combines your desire and drive with an innovative business s
ystem that has already created many multi-million dollar earners. You can go as
far as you want, as fast as your want. In short, it will turn your dreams into r
eality.</p>
</div>
<div class="col-md-3 top_box">
<div class="view view-ninth"><a href=""> <img alt="" class="img-responsive" src=
"images/pic2.jpg" /> </a>
<div class="mask mask-1"></div>
<a href=""> </a>
<div class="mask mask-2"></div>
<a href=""> </a>
<div class="content">
<h2><a href="">Hover info</a></h2>
<p><a href="">Lorem ipsum dolor sit amet, consectetuer adipiscing.</a></p>
</div>
<a href=""> </a></div>
<h4 class="m_4"><a href="#">Life-Enhancing Products</a></h4>
<p class="m_5">Today, Key7 enjoys an ever-expanding network of quality products
that now includes premium coffees, beauty products, and many others.</p>
</div>
<div class="col-md-3 top_box">
<div class="view view-ninth"><a href=""> <img alt="" class="img-responsive" src=
"images/pic3.jpg" /> </a>

<div class="mask mask-1"></div>


<a href=""> </a>
<div class="mask mask-2"></div>
<a href=""> </a>
<div class="content">
<h2><a href="">Hover info</a></h2>
<p><a href="">Lorem ipsum dolor sit amet, consectetuer adipiscing.</a></p>
</div>
<a href=""> </a></div>
<h4 class="m_4"><a href="#">Meetings &amp; Events</a></h4>
<p class="m_5">Be among the first to experience Key7 opportunities! By attending
a Get Together, you can enjoy an entertaining and relaxing experience with frie
nds while learning about our amazing products and business opportunities.</p>
</div>
<div class="col-md-3 top_box1">
<div class="view view-ninth"><a href=""> <img alt="" class="img-responsive" src=
"images/pic4.jpg" /> </a>
<div class="mask mask-1"></div>
<a href=""> </a>
<div class="mask mask-2"></div>
<a href=""> </a>
<div class="content">
<h2><a href="">Hover info</a></h2>
<p><a href="">Lorem ipsum dolor sit amet, consectetuer adipiscing.</a></p>
</div>
<a href=""> </a></div>
<h4 class="m_4"><a href="#">Success Stories</a></h4>
<p class="m_5">Many of our members started out just looking for a flexible, easy
work-from-home job. What they found was way more than that. Along the way they&
#39;ve found new adventures, made lifelong friendships and enjoyed some great pe
rks. But don&#39;t take our word for it. Read how Key7 could change your world f
rom the people who have changed theirs.</p>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-3">
<h4>Products</h4>
<ul class="footer_box">
<li><a href="#">Mens</a></li>
<li><a href="#">Womens</a></li>
<li><a href="#">Youth</a></li>

</ul>
</div>
<div class="col-md-3">
<h4>About</h4>
<ul class="footer_box">
<li><a href="#">Careers and internships</a></li>
<li><a href="#">Sponserships</a></li>
<li><a href="#">team</a></li>
<li><a href="#">Catalog Request/Download</a></li>
</ul>
</div>
<div class="col-md-3">
<h4>Customer Support</h4>
<ul class="footer_box">
<li><a href="#">Contact Us</a></li>
<li><a href="#">Shipping and Order Tracking</a></li>
<li><a href="#">Easy Returns</a></li>
<li><a href="#">Warranty</a></li>
<li><a href="#">Replacement Binding Parts</a></li>
</ul>
</div>
<div class="col-md-3">
<h4>Newsletter</h4>
<div class="footer_search">
<form><input onblur="if (this.value == '') {this.value = 'Enter your email';}" o
nfocus="this.value = '';" type="text" value="Enter your email" /> <input type="s
ubmit" value="Go" /></form>
</div>
<ul class="footer_box">
<li>
<ul class="social">
<li class="facebook"></li>
<li class="twitter"></li>
<li class="instagram"></li>
<li class="pinterest"></li>
<li class="youtube"></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="row footer_bottom">
<div class="copy">
<p>&copy; 2016 <a href="http://key7.biz">key7.biz</a></p>
</div>
</div>
</div>
</div>
</body>
</html>

You might also like