我已经尝试了所有东西,这个粘性的中殿将不起作用。你可以跳过CSS并直接进入HTML,它有我想用来实现这个的jQuery。
代码:
body {
margin: 0px;
background-color: #fff;
}
/* Logo */
.entirelogo {
z-index: 100;
}
.logo {
position: relative;
top: 0;
margin: auto;
z-index: 105;
}
#conceal {
width: 100%;
height: 300px;
position: absolute;
top: -50px;
left: 0;
background-color: #fff;
z-index: 104;
}
/* End Logo */
/* Navigation */
nav {
width: 100%;
height: 100px;
text-align: center;
position: relative;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.7)
}
#main_nav {
position: relative;
z-index: 103;
}
ul {
background-color: #FFF;
margin: 0;
padding: 0;
width: 100%;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}
li {
display: inline;
font-family: "Lato";
font-size: 20px;
text-transform: uppercase;
display: inline-block;
margin: 20px 10px;
padding: 20px 25px 25px 25px;
z-index: 30;
position: relative;
top: 5;
}
/*Dropdown Menu*/
.dropdown {
display: inline-block;
cursor: pointer;
position: relative;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
z-index: 25;
}
.dropbtn {
padding: 45px 0 35px 0px;
margin: -45px 40px -35px 40px;
background-color: #FFF;
}
.dropdown-content {
visibility: hidden;
display: block;
opacity: 1;
position: absolute;
top: 150%;
left: 0;
width: 100%;
transform: translateY(-20em);
z-index: -100;
transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s;
}
/* Links inside the dropdown */
.dropdown-content a {
color: black;
text-decoration: none;
font-size: 10px;
margin: 0px;
z-index: -250;
}
.dropdown-content li {
display: block;
margin: 40px;
padding: 0px;
z-index: -250;
}
/*Dropdown links hover */
.dropdown-content a:hover {
background-color: #f1f1f1;
}
/*Dropdown menu hover */
.dropdown:hover .dropdown-content {
visibility: visible;
z-index: -10;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.5s;
}
/*Color of dropdown button when dropdown content shown */
.dropdown:hover {
color: #6d9dc5;
}
#main-nav-scrolled {
top: 0px;
width: 100%;
position: fixed;
}
/* End Navigation */
/*
font-family: 'Lato', sans-serif;
font-family: 'Fjalla One', sans-serif;
font-family: 'Gloria Hallelujah', cursive;
*/
<html>
<head>
<title>JAM Bakery</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Fjalla+One|Gloria+Hallelujah|Lato" rel="stylesheet">
<script>
var mn = $("main-nav");
mns = $("main-nav-scrolled");
$(window).scroll(function() {
if ($(this).scrollTop() > 275) {
mn.addClass(mns);
} else {
mn.removeClass(mns);
}
});
</script>
</head>
<body>
<!--Nav-->
<div class="entirelogo">
<p id="conceal"></p>
<center><img class="logo" src="Pictures/Jam_Bakery.png" width="312.5" height="250"></center>
</div>
<nav class="main_nav">
<ul>
<div class="dropdown">
<li class="dropbtn">Products</li>
<ul class=dropdown-content>
<li><a href="cupcakes.html">Cupcakes</a></li>
<li><a href="cakes.html">Cakes</a></li>
<li><a href="bagles.html">Bagles</a>
<li>
</ul>
</div>
<li class="buttons"><a href="aboutus.html" class="btn">About Us</a></li>
<li class="buttons"><a href="contactus.html" class="btn">Contact Us</a></li>
</ul>
</nav>
<!--End Nav-->
<br>
<div class="content">
<p>wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
</p>
</div>
</body>
</html>
答案 0 :(得分:1)
您的上述代码存在许多问题。
首先,您的元素具有类main_nav
,但您尝试使用$("main-nav")
来定位它。用$(".main_nav")
代替它。
其次,您正在尝试添加类main-nav-scrolled
,它实际上是在CSS(#main-nav-scrolled
)中写为 ID 。将其更改为类选择器:
.main-nav-scrolled {
top: 0px;
width: 100%;
position: fixed;
}
最后,您可以直接定位,完全不需要变量:
$(window).scroll(function() {
if ($(this).scrollTop() > 275) {
$(".main_nav").addClass('main-nav-scrolled');
} else {
$(".main_nav").removeClass('main-nav-scrolled');
}
});
我已更新您的代码以提供工作副本:
body {
margin: 0px;
background-color: #fff;
}
/* Logo */
.entirelogo {
z-index: 100;
}
.logo {
position: relative;
top: 0;
margin: auto;
z-index: 105;
}
#conceal {
width: 100%;
height: 300px;
position: absolute;
top: -50px;
left: 0;
background-color: #fff;
z-index: 104;
}
/* End Logo */
/* Navigation */
nav {
width: 100%;
height: 100px;
text-align: center;
position: relative;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.7)
}
#main_nav {
position: relative;
z-index: 103;
}
ul {
background-color: #FFF;
margin: 0;
padding: 0;
width: 100%;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}
li {
display: inline;
font-family: "Lato";
font-size: 20px;
text-transform: uppercase;
display: inline-block;
margin: 20px 10px;
padding: 20px 25px 25px 25px;
z-index: 30;
position: relative;
top: 5;
}
/*Dropdown Menu*/
.dropdown {
display: inline-block;
cursor: pointer;
position: relative;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
z-index: 25;
}
.dropbtn {
padding: 45px 0 35px 0px;
margin: -45px 40px -35px 40px;
background-color: #FFF;
}
.dropdown-content {
visibility: hidden;
display: block;
opacity: 1;
position: absolute;
top: 150%;
left: 0;
width: 100%;
transform: translateY(-20em);
z-index: -100;
transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s;
}
/* Links inside the dropdown */
.dropdown-content a {
color: black;
text-decoration: none;
font-size: 10px;
margin: 0px;
z-index: -250;
}
.dropdown-content li {
display: block;
margin: 40px;
padding: 0px;
z-index: -250;
}
/*Dropdown links hover */
.dropdown-content a:hover {
background-color: #f1f1f1;
}
/*Dropdown menu hover */
.dropdown:hover .dropdown-content {
visibility: visible;
z-index: -10;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.5s;
}
/*Color of dropdown button when dropdown content shown */
.dropdown:hover {
color: #6d9dc5;
}
.main-nav-scrolled {
top: 0px;
width: 100%;
position: fixed;
}
/* End Navigation */
/*
font-family: 'Lato', sans-serif;
font-family: 'Fjalla One', sans-serif;
font-family: 'Gloria Hallelujah', cursive;
*/
<html>
<head>
<title>JAM Bakery</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Fjalla+One|Gloria+Hallelujah|Lato" rel="stylesheet">
<script>
var mn = $("main-nav");
mns = "main-nav-scrolled";
$(window).scroll(function() {
if ($(this).scrollTop() > 275) {
$(".main_nav").addClass('main-nav-scrolled');
} else {
$(".main_nav").removeClass('main-nav-scrolled');
}
});
</script>
</head>
<body>
<!--Nav-->
<div class="entirelogo">
<p id="conceal"></p>
<center><img class="logo" src="Pictures/Jam_Bakery.png" width="312.5" height="250"></center>
</div>
<nav class="main_nav">
<ul>
<div class="dropdown">
<li class="dropbtn">Products</li>
<ul class=dropdown-content>
<li><a href="cupcakes.html">Cupcakes</a></li>
<li><a href="cakes.html">Cakes</a></li>
<li><a href="bagles.html">Bagles</a>
<li>
</ul>
</div>
<li class="buttons"><a href="aboutus.html" class="btn">About Us</a></li>
<li class="buttons"><a href="contactus.html" class="btn">Contact Us</a></li>
</ul>
</nav>
<!--End Nav-->
<br>
<div class="content">
<p>wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
wifjoadshfguiowADHSBFJIOWAHJSDBFIOUAWADHJSBFIOUQahjksbdfidoasaDHBIODASbcnxhjisoakBCHVKIOaksbchxkiosacnvx
</p>
</div>
</body>
</html>