professional web site design for you

I will create a professional web site design for you 

Im a Web Designer and Developer with over 7 Years of Experience. 
Please check more details about me on my LinkedIn - https://www.linkedin.com/in/thilankadesilva/
Contact me for HTML CSS issue or PSD TO HTML

A Good Looking Professional Web Site. 

A Static 5 Page minimalist custom website for Anyone in USA
Using HTML 5 CSS 3 Jquery and Bootstrap 4
Basic Website design
Personal Website or Small Business Web site Includes (Everything you need :) )
Simple website design
Slide Show
Image Gallery
SEO Friendly
Contact From
Design Customization on request
Customize the color scheme and layout on requestResponsive Design - Mobile web siteInclude Source Code

Feel free to contact before you order. -affordable rates

Please send all the content (text, logo and images ) for the web site within the first day to begin the work and complete on time.

share facebook youtube video on my 50,000 fans fb page

I will share your Facebook Video or YouTube video to my 51000 main Facebook page and other mini pages. I will share your link for 5 times within 2 days in my pages. 

Number of social shares from high authority pages will help to rank your video higher (Video SEO) on search engines and more engagements plus reach.

My facebook page has real and active fans. 

I will test review your web site for SEO speed performance design

In this Website QA gig i will do a deep testing for your web site. I will review your site for Performance | Best Practices | Accessibility | SEO.

Why me ? Im a Web Designer and Developer with over 7 Years of Experience.

Web site Testing will Includes

Web Developer Testing - SEO Testing, Page Performance , Speed Testing , Web Page Size  
Website User Testing -  Accessibility Test, Usability Check, Spelling Check
Web Design Testing - Responsive Web Test , Mobile Design Test
CSS HTML Bug Fix / CSS HTML Error Fixing (Extra Service)
Mobile Responsive Issue Fix (Extra Service)

I will send you a report and advice how to fix the issue on your web site.

by this gig you can improve and optimize your website SEO, Loading time and User Experience.

Hiding a div on IE 6 , 7, 8

Hiding a Writing a style specifically for Internet explorer IE 6 ,7, 8

Add this code to header tag

    <!--[if IE 6]>
    <style>#dl-menu{display: none;}</style>
    <![endif]-->
    <!--[if IE 7]>
    <style>#dl-menu{display: none;}</style>
    <![endif]-->
    <!--[if IE 8]>
    <style>#dl-menu{display: none;}</style>
    <![endif]-->

Keith Count down with server time

Keith jQuery Count down time working with server time with Ajax

Javascript  code

<script>
function serverTime() { 
    var time = null; 
    $.ajax({url: 'serverTime.php', 
        async: false, dataType: 'text', 
        success: function(text) { 
            time = new Date(text); 
        }, error: function(http, message, exc) { 
            time = new Date(); 
    }}); 
    return time; 
}

 $(document).ready(function () {
 
 
 
    $('#120').countdown({
        until: new Date(2014, 03 - 1, 30),
        format: 'DHMS',
  serverSync: serverTime
    });
});
</script>

PHP file

<?php
$now = new DateTime(null, new DateTimeZone('Asia/Kolkata'));
echo $now->format("M j, Y H:i:s O")."\n";
?>

Jquery Change width and height on scroll - page elements

<!--CSS change on Scroll-->
 <script>
     $(window).scroll(function () {
  //if($(".toggleMenu").css("display") == "none"){  --> condition for mobile
            if ($(this).scrollTop() > 100) {
                $('.lgo').css({width:'90px'});
                $('.mm').css({margin:'5px 10px'});
            } else {
                $('.lgo').css({width:'140px'});
                $('.mm').css({margin:'15px 10px'});
            //}
   }        
  });
 </script>

If Else for Jquery Example

<script>
$(document).ready(function(){

 // hide #back-top first
 $("#back-top").hide();
 
 // fade in #back-top
 $(function () {
  $(window).scroll(function () {
   if ($(this).scrollTop() > 100) {
    $('#back-top').fadeIn();
   } else {
    $('#back-top').fadeOut();
   }
  });

  // scroll body to 0px on click
  $('#back-top').click(function () {
   $('body,html').animate({
    scrollTop: 0
   }, 800);
   return false;
  });
 });

});
</script> 

World's simplest background parallax effect

How to apply the World's simplest background parallax effect to you web site background image for the scroll function.

$(window).scroll(function() {
    var x = $(this).scrollTop();
    $('#slide5').css('background-position', '100% ' + parseInt(-x / 3.5) + 'px' + ', 0% ' + parseInt(-x / 5) + 'px');
});

Using Readmore JS correctly

<script src="js/readmore.min.js"></script>
<script>
  $('.manage2').readmore({
    maxHeight: 100
  });
 
  // Wait a tick before firing Readmore on the #info block to give Prettify time to finish painting.
  setTimeout(function() {
    $('.manage2').readmore({
      moreLink: '<a href="#" style="color:#4a89dc">Read More</a>',
lessLink: '<a href="#" class="managename" style="color:#4a89dc">Close</a>',
      maxHeight: 100,
      afterToggle: function(trigger, element, more) {
        if(! more) { // The "Close" link was clicked
          $('html, body').animate( { scrollTop: element.offset().top }, {duration: 100 } );
        }
      }
    });
  }, 100);
</script>
<!---Read more codeEND-->

CSS3 transform code on hover

#logo:hover{
-moz-transform: scale(1) rotate(4deg) translate(0px, 0px) skew(0deg, -4deg);
-webkit-transform: scale(1) rotate(4deg) translate(0px, 0px) skew(0deg, -4deg);
-o-transform: scale(1) rotate(4deg) translate(0px, 0px) skew(0deg, -4deg);
-ms-transform: scale(1) rotate(4deg) translate(0px, 0px) skew(0deg, -4deg);
transform: scale(1) rotate(4deg) translate(0px, 0px) skew(0deg, -4deg);
}