tag:blogger.com,1999:blog-53833693997826840882024-03-05T01:14:09.727-08:00Feyenoord Camp SingaporeGet a chance for a trial in Netherlands!Unknownnoreply@blogger.comBlogger3125tag:blogger.com,1999:blog-5383369399782684088.post-76382706630666527102020-05-20T21:01:00.000-07:002019-11-29T00:48:14.924-08:00HOME
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz8zaSlCR0QolAx4r1Chq4s8vS9JV34BTcVIyA_3SnbM-ZKMh8Y_xU0y0AYwZoAxPhBiTXdedTKy9dmF4WSsvse0qBArKBcJ2gNg4MXVfo9CjfJGPeY4nTq7GhBG7uaC1vUxyBBRvoKzXF/s1600/MPHeader.jpg" style="margin-bottom:-5px;"/>
<script>
jQuery(document).ready(function ($) {
var _SlideshowTransitions = [
//Fade
{ $Duration: 1200, $Opacity: 2 }
];
var options = {
$AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
$AutoPlaySteps: 1, //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1
$AutoPlayInterval: 3000, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
$PauseOnHover: 0, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1
$ArrowKeyNavigation: true, //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
$SlideDuration: 500, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
$MinDragOffsetToSlide: 20, //[Optional] Minimum drag offset to trigger slide , default value is 20
//$SlideWidth: 600, //[Optional] Width of every slide in pixels, default value is width of 'slides' container
//$SlideHeight: 300, //[Optional] Height of every slide in pixels, default value is height of 'slides' container
$SlideSpacing: 0, //[Optional] Space between each slide in pixels, default value is 0
$DisplayPieces: 1, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
$ParkingPosition: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
$UISearchMode: 1, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
$PlayOrientation: 1, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
$DragOrientation: 3, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
$SlideshowOptions: { //[Optional] Options to specify and enable slideshow or not
$Class: $JssorSlideshowRunner$, //[Required] Class to create instance of slideshow
$Transitions: _SlideshowTransitions, //[Required] An array of slideshow transitions to play slideshow
$TransitionsOrder: 1, //[Optional] The way to choose transition to play slide, 1 Sequence, 0 Random
$ShowLink: true //[Optional] Whether to bring slide link on top of the slider when slideshow is running, default value is false
},
$BulletNavigatorOptions: { //[Optional] Options to specify and enable navigator or not
$Class: $JssorBulletNavigator$, //[Required] Class to create navigator instance
$ChanceToShow: 0, //[Required] 0 Never, 1 Mouse Over, 2 Always
$AutoCenter: 1, //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
$Steps: 1, //[Optional] Steps to go for each navigation request, default value is 1
$Lanes: 1, //[Optional] Specify lanes to arrange items, default value is 1
$SpacingX: 8, //[Optional] Horizontal space between each item in pixel, default value is 0
$SpacingY: 8, //[Optional] Vertical space between each item in pixel, default value is 0
$Orientation: 1 //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
},
$ArrowNavigatorOptions: { //[Optional] Options to specify and enable arrow navigator or not
$Class: $JssorArrowNavigator$, //[Requried] Class to create arrow navigator instance
$ChanceToShow: 0, //[Required] 0 Never, 1 Mouse Over, 2 Always
$AutoCenter: 2, //[Optional] Auto center arrows in parent container, 0 No, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
$Steps: 1 //[Optional] Steps to go for each navigation request, default value is 1
}
};
var jssor_slider1 = new $JssorSlider$("slider1_container", options);
//responsive code begin
//you can remove responsive code if you don't want the slider scales while window resizes
function ScaleSlider() {
var bodyWidth = document.body.clientWidth;
if (bodyWidth)
jssor_slider1.$ScaleWidth(Math.min(bodyWidth, 880));
else
window.setTimeout(ScaleSlider, 30);
}
ScaleSlider();
$(window).bind("load", ScaleSlider);
$(window).bind("resize", ScaleSlider);
$(window).bind("orientationchange", ScaleSlider);
//responsive code end
});
</script>
<!-- Jssor Slider Begin -->
<!-- You can move inline styles to css file or css block. -->
<div id="slider1_container" style="position: relative; margin: 0 auto;
top: 0px; left: 0px; width: 890px; height: 350px; overflow: hidden; border-bottom:0px solid #000;">
<!-- Loading Screen -->
<div data-u="loading" style="position: absolute; top: 0px; left: 0px;">
<div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block;
top: 0px; left: 0px; width: 890px; height: 100%;">
</div>
</div>
<!-- Slides Container -->
<div data-u="slides" style="position: absolute; left: 0px; top: 0px; width: 890px;
height: 350px; overflow: hidden;">
<div>
<img data-u="image" src="http://www.looniqhosting.com/FEYENOORDCAMP/IMAGES/SLIDER/1.jpg" alt="" />
<div style="position: absolute; width: 880px; height: 480px; top: 30px; left: 0px; padding: 5px;
text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
color: #FFFFFF;">
</div>
<div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 0px; padding: 5px;
text-align: left; line-height: 36px; font-size: 30px;
color: #FFFFFF;">
</div>
</div>
<div>
<img data-u="image" src="http://www.looniqhosting.com/FEYENOORDCAMP/IMAGES/SLIDER/2.jpg" alt="" />
<div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 0px; padding: 5px;
text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
color: #FFFFFF;">
</div>
<div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 0px; padding: 5px;
text-align: left; line-height: 36px; font-size: 30px;
color: #FFFFFF;">
</div>
</div>
<div>
<img data-u="image" src="http://www.looniqhosting.com/FEYENOORDCAMP/IMAGES/SLIDER/3.jpg" alt="" />
<div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 0px; padding: 5px;
text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
color: #FFFFFF;">
</div>
<div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 0px; padding: 5px;
text-align: left; line-height: 36px; font-size: 30px;
color: #FFFFFF;">
</div>
</div>
<div>
<img data-u="image" src="http://www.looniqhosting.com/FEYENOORDCAMP/IMAGES/SLIDER/1.jpg" alt="" />
<div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 0px; padding: 5px;
text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
color: #FFFFFF;">
</div>
<div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 0px; padding: 5px;
text-align: left; line-height: 36px; font-size: 30px;
color: #FFFFFF;">
</div>
</div>
<div>
<img data-u="image" src="http://www.looniqhosting.com/FEYENOORDCAMP/IMAGES/SLIDER/2.jpg" alt="" />
<div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 0px; padding: 5px;
text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
color: #FFFFFF;">
</div>
<div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 0px; padding: 5px;
text-align: left; line-height: 36px; font-size: 30px;
color: #FFFFFF;">
</div>
</div>
<div>
<img data-u="image" src="http://www.looniqhosting.com/FEYENOORDCAMP/IMAGES/SLIDER/3.jpg" alt=""/>
<div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 0px; padding: 5px;
text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
color: #FFFFFF;">
</div>
<div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 0px; padding: 5px;
text-align: left; line-height: 36px; font-size: 30px;
color: #FFFFFF;">
</div>
</div>
</div></div>
<div style="width: 890px; margin-left:5px;">
<div class="fadehover" style="float:left; margin-right:20px;">
<a href="http://www.feyenoordcampsingapore.com/p/register.html"><img src="http://www.looniqhosting.com/FEYENOORDCAMP/IMAGES/MPHOVER/mphover_l.jpg" alt="" class="a" ></a>
<img src="http://www.looniqhosting.com/FEYENOORDCAMP/IMAGES/MPHOVER/mphover_lh.jpg" alt="" class="b" />
</div>
<div class="fadehover" style="float:left;">
<a href="http://www.feyenoordcampsingapore.com/p/about.html"><img src="http://www.looniqhosting.com/FEYENOORDCAMP/IMAGES/MPHOVER/mphover_r.jpg" alt="" class="a" ></a>
<img src="http://www.looniqhosting.com/FEYENOORDCAMP/IMAGES/MPHOVER/mphover_rh.jpg" alt="" class="b" />
</div>
</div>
<style>
div.fadehover {
width:430px;
height:220px;
position:relative;
margin-top:16px;
margin-bottom:16px;
}
img.a {
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
img.b {
position: absolute;
left: 0;
top: 0;
}
</style>
<script type='text/javascript'>
$(document).ready(function(){
$("img.a").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
});
});
</script>
</br>
<iframe width="870" height="488" src="https://www.youtube.com/embed/yUlPmlqpQ5A" style="margin-left:5px; margin-bottom:5px; border:5px solid #000000;" frameborder="0" allowfullscreen></iframe>
</br>
<div class="hover14 column">
<div>
<figure><a href="https://www.feyenoordacademy.nl/" target=_blank"><img src="http://www.looniqhosting.com/FEYENOORDCAMP/IMAGES/MPHOVER/fa_link.jpg"/></a></figure> </div>
<div>
<figure><a href="https://www.feyenoordkampioen.nl/" target=_blank"><img src="http://www.looniqhosting.com/FEYENOORDCAMP/IMAGES/MPHOVER/nl_link.jpg"/></a></figure> </div>
<div>
<figure><a href="https://www.feyenoord.com/feyenoord-international/news" target=_blank"><img src="http://www.looniqhosting.com/FEYENOORDCAMP/IMAGES//MPHOVER/fi_link.jpg"/></a></figure> </div>
</div>
<style>
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
body {
color: #333;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}
h1,
h1+p {
margin: 0px 5px 0;
font-weight: 300;
}
h1+p a {
color: #333;
}
h1+p a:hover {
text-decoration: none;
}
h2 {
margin: 0px 5px 0;
padding: 0;
font-weight: 300;
}
h2 span {
margin-left: 1em;
color: #aaa;
font-size: 85%;
}
.column {
margin: 5px 5px;
padding: 0;
}
.column:last-child {
padding-bottom: 0px;
}
.column::after {
content: '';
clear: both;
display: block;
}
.column div {
position: relative;
float: left;
width: 280px;
height: 340px;
margin: 0 0 0 20px;
padding: 0;
}
.column div:first-child {
margin-left: 0;
}
.column div span {
position: absolute;
bottom: -20px;
left: 0;
z-index: -1;
display: block;
width: 280px;
margin: 0;
padding: 0;
color: #444;
font-size: 18px;
text-decoration: none;
text-align: center;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
opacity: 0;
}
figure {
width: 280px;
height: 340px;
margin: 0;
padding: 0;
background: #fff;
overflow: hidden;
}
figure:hover+span {
bottom: -36px;
opacity: 1;
}
/* Shine */
.hover14 figure {
position: relative;
}
.hover14 figure::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.hover14 figure:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
</style>
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-5383369399782684088.post-53740193200239709282019-01-18T00:19:00.001-08:002019-01-18T00:23:27.510-08:00IMG<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAZS8VnJumWldPTATf2lVxvIZMNULOHdiFfrLa0qv3NEFecpYw3Mn60-r8AZRZUvJjNXMs6FACBx43yZhOZPHHHi03V6xHc4jXO1JNQKsff10I9DT8QBVcSjIlqE73fFWeYVTA_Zqw3h_s/s1600/fttt.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAZS8VnJumWldPTATf2lVxvIZMNULOHdiFfrLa0qv3NEFecpYw3Mn60-r8AZRZUvJjNXMs6FACBx43yZhOZPHHHi03V6xHc4jXO1JNQKsff10I9DT8QBVcSjIlqE73fFWeYVTA_Zqw3h_s/s1600/fttt.jpg" data-original-width="890" data-original-height="171" /></a>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-5383369399782684088.post-12619744229162037352017-06-01T19:04:00.001-07:002017-06-08T01:13:00.973-07:00Testing<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGSUxMAxtbpj2icnx9ewxlhvkKuz4DCgdhR3eDULHgRESuwQJOf0Htht0rPy1b0VGeu02OEhqfzZkDzsrWGm2BiSXSKKeC0SonnCPVX9718J0SjNemc_rlIsaxmhSLH9NK7ijIGI8Iufs/s1600/signature.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_bse5QeVpVkh4Dw9gdI6mQQvirrlkYrVmqj-xr9ojoyV6r3lZJESh3jnsC3oztvrle3B-nQu3hOu3kNlqFq50Ol6rOoLg413HFd6L3iW7WDIS0hJSr4DVzpgNKD9B_cHc9lJY_VCuxDuO/s1600/signatureChamp.JPG"/>Unknownnoreply@blogger.com