50 Dollar a professional web site design for yo

I will create a professional web site design for you for 50 Dollars

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 request

Responsive Design - Mobile web site

Include 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.

facebook youtube Promotion on Fiverr

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.

 facebook youtube Promotion on Fiverr

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.

Audit review your web site

Audit  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. 

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');
});