Get the source code from Github

Result:

title Slide Maker - Creat Your Own Free Slide Show
description Slide maker is a free tool to make a responsive slideshow. You can create a slider easily with a slide maker.
url Open (new window) | https://www.slidesmaker.me/
keywords
Array
(
    [0] => slidemaker
    [1] => slide maker
    [2] => make slider online
    [3] => create slider online
    [4] => slideshow creator tool
    [5] => make free slideshow
)
image
Open (new window) | https://slidesmaker.me/Images/favicon.png
code
feeds
authorName
authorUrl
icon
favicon
Open (new window) | https://www.slidesmaker.me/Images/favicon.png
providerName Slidesmaker
providerUrl Open (new window) | https://www.slidesmaker.me
publishedTime
license
cms
language en
languages
View all collected data

OEmbed data

Endpoint
All data collected

Meta data

All data collected
Array
(
    [viewport] => Array
        (
            [0] => width=device-width, initial-scale=1.0
        )

    [description] => Array
        (
            [0] => Slide maker is a free tool to make a responsive slideshow. You can create a slider easily with a slide maker.
            [1] => Slide maker is a free tool to make a responsive slideshow. You can create a slider easily with a slide maker.
        )

    [keywords] => Array
        (
            [0] => slidemaker, slide maker, make slider online, create slider online, slideshow creator tool, make free slideshow
        )

    [og:locale] => Array
        (
            [0] => en
        )

    [name] => Array
        (
            [0] => Slide Maker - Creat Your Own Free Slide Show
        )

    [image] => Array
        (
            [0] => https://slidesmaker.me/Images/favicon.png
        )

    [og:url] => Array
        (
            [0] => https://slidesmaker.me/
        )

    [og:type] => Array
        (
            [0] => website
        )

    [og:title] => Array
        (
            [0] => Slide Maker - Creat Your Own Free Slide Show
        )

    [og:description] => Array
        (
            [0] => Slide maker is a free tool to make a responsive slideshow. You can create a slider easily with a slide maker.
        )

    [og:image] => Array
        (
            [0] => https://slidesmaker.me/Images/favicon.png
        )

    [twitter:card] => Array
        (
            [0] => Summary
        )

    [twitter:title] => Array
        (
            [0] => Slide Maker - Creat Your Own Free Slide Show
        )

    [twitter:description] => Array
        (
            [0] => Slide maker is a free tool to make a responsive slideshow. You can create a slider easily with a slide maker.
        )

    [twitter:image] => Array
        (
            [0] => https://slidesmaker.me/Images/favicon.png
        )

)

Linked data

All data collected

HTML content

                        <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Slide Maker - Creat a Free Slide Show for your website</title>
<meta name="description" content="Slide maker is a free tool to make a responsive slideshow. You can create a slider easily with a slide maker.">
<meta name="keywords" content="slidemaker, slide maker, make slider online, create slider online, slideshow creator tool, make free slideshow">
<meta property="og:locale" content="en" />
<link rel="shortcut icon" href="Images/favicon.png" type="image/x-icon">

<meta itemprop="name" content="Slide Maker - Creat Your Own Free Slide Show">
<meta itemprop="description" content="Slide maker is a free tool to make a responsive slideshow. You can create a slider easily with a slide maker.">
<meta itemprop="image" content="https://slidesmaker.me/Images/favicon.png">

<meta property="og:url" content="https://slidesmaker.me/">
<meta property="og:type" content="website">
<meta property="og:title" content="Slide Maker - Creat Your Own Free Slide Show">
<meta property="og:description" content="Slide maker is a free tool to make a responsive slideshow. You can create a slider easily with a slide maker.">
<meta property="og:image" content="https://slidesmaker.me/Images/favicon.png">

<meta name="twitter:card" content="Summary">
<meta name="twitter:title" content="Slide Maker - Creat Your Own Free Slide Show">
<meta name="twitter:description" content="Slide maker is a free tool to make a responsive slideshow. You can create a slider easily with a slide maker.">
<meta name="twitter:image" content="https://slidesmaker.me/Images/favicon.png">
<link rel="shortcut icon" href="Images/favicon.png" type="image/x-icon">
<link rel="canonical" href="https://www.slidesmaker.me/" />

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="css.v3.slidemaker.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,900,900i" rel="stylesheet">
<script src="easing.v3.slidemaker.js"></script>
<script src="jquery.v3.slidemaker.js"></script>
<script src="rate.js"></script>
<script src="iconfont.js"></script>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-GCFCN7G09K"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-GCFCN7G09K');
</script>
<style>
		#button {
            display: inline-block;
            background-color: #0d68d5;
            width: 50px;
            height: 50px;
            text-align: center;
            border-radius: 4px;
            position: fixed;
            bottom: 30px;
            right: 30px;
            transition: background-color .3s, 
            opacity .5s, visibility .5s;
            opacity: 0;
            visibility: hidden;
            z-index: 1000;
         }
         #button::after {
            content: "\f077";
            font-family: FontAwesome;
            font-weight: normal;
            font-style: normal;
            fnt-size: 2em;
            line-height: 50px;
            color: #fff;
        }
         #button:hover {
            cursor: pointer;
            background-color: #333;
        }
         #button:active {
            background-color: #555;
        }
         #button.show {
            opacity: 1;
            visibility: visible;
        }
		.brand {
			font-size: 40px;
			font-family: 'montserrat';
			font-weight: 700;
			color: #0d68d5;
		}
		.getstart{
			border: 2px solid #0d68d5;
			border-radius: 3px;
			font-family: 'montserrat';
			font-weight: 700;
			color: #0d68d5;
			margin-top: 15px;
			padding: 5px 40px 5px 40px;
			transition-duration: .4s;
		}
		.butn{
			border-radius: 40px;
			width: 50%;
		}
		.more{
			border-radius: 40px;
			padding: 8px;
			width: 300px;
			margin-top: 0px;
		}
		.getstart:hover{
			background-color: #0d68d5;
			border: 2px solid #0d68d5;
			border-radius: 3px;
			font-family: 'montserrat';
			font-weight: 700;
			color: white;
			margin-top: 15px;
			padding: 5px 40px 5px 40px;
		}
		.butn:hover{
			border-radius: 40px;
			width: 50%;
		}
		.more:hover{
			border-radius: 40px;
			padding: 8px;
			width: 300px;
			margin-top: 0px;
		}
		.navb{
			border: 0px;
			background-color: #fafafa;
			font-family: 'montserrat';
			font-weight: 500;
			margin-top: 20px;
		}
		.navb:hover{
			border: 0px;
			background-color: #fafafa;
			font-family: 'montserrat';
			font-weight: 500;
			margin-top: 20px;
			color: #0d68d5;
		}
		.headerh1{
            font-size: 40px;
			font-family: 'montserrat';
			text-transform: uppercase;
			font-weight: 900;
		}
		.headerh2{
			font-family: 'montserrat';
		}
		.logo{
			font-size: 25px;
			font-weight: 400;
			color: #0d68d5;
		}
		.headerh3{
			font-family: 'montserrat';
			font-size: 20px;
		}
		.font-text{
			font-family: 'montserrat';
			font-size: 16px;
		}
		.font-h3{
			font-family: 'montserrat';
			font-size: 10px;
		}
		.footer{
			text-align: center;
			background-color: #e8e8e8;
			font-family: 'montserrat';
		}
		a{
			color: aliceblue;
			text-decoration: none;
		}
		a:hover{
			transition-duration: .4s;
			color: aliceblue;
			text-decoration: none;
		}
		.link{
			display: none;
		}
		.head-link{
			margin-bottom: 20px;
            font-size: 32px;
		}
		.head-link-bx{
			margin-bottom: 20px;
            font-size: 32px;
		}
		.head-link:hover .link{
			display: block;
			margin-left: 290px;
			margin-top: -25px;
		}
		.head-link-bx:hover .link{
			display: block;
			margin-left: 230px;
			margin-top: -25px;
		}
		.head-link:hover{
			margin-bottom: 30px;
		}
		.head-link-bx:hover{
			margin-bottom: 30px;
		}
		.rateus{
			border: 0px;
			font-size: 20px;
			background-color: #0d68d5;
			color: white;
			border-radius: 5px;
			padding: 5px 15px 5px 15px;
		}
		.name{
			border: 0px;
			background-color: #0d68d5;
			color: white;
			font-family: 'montserrat';
		}
		.loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #0D68D5;
  width: 100px;
  height: 100px;
  margin-top: 50px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
		button:focus{
			outline: none;
		}
	</style>
</head>
<body>

<div style="background-color: #fafafa">
<div class="container">
<div class="row" style="background-color: #fafafa; margin-bottom: 40px">
<div class="brand col-md-4" align="center"><a href="" style="color: #0d68d5">Slide Maker</a><div style="font-size: 12.5px; font-family: Segoe Script; margin-top: -10px; margin-left: -10px">Creat Your Own Free Slide Show</div></div>
<div class="col-md-8" align="center" style="padding-top: 4px;">
<a href="index.php"><button type="button" class="navb" style="color: #0d68d5">Home</button></a>
<a href="blog.html"><button type="button" class="navb">Blog</button></a>
<a href="about.html"><button type="button" class="navb">About</button></a>
<a href="privacy-policy.html"><button type="button" class="navb">Privacy</button></a>
<a href="disclaimer.html"><button type="button" class="navb">Disclaimer</button></a>
<a href="cdn.html"><button type="button" class="navb">CDN</button></a>
</div>
</div>
</div>
</div>

<div align="center" class="container">
<div class="row">
<div class="col-lg-5" style="">
<div align="center">
<div class="skitter skitter-large with-dots">
<ul>
<li>
<a href="#cubeRandom"><img src="Images/slide-maker-slideshow-image-1.jpg" class="cubeRandom" alt="slide-maker-slideshow-image-1" /></a>
</li>
<li>
<a href="#cubeShow"><img src="Images/slide-maker-slideshow-image-2.jpg" class="cubeShow" alt="slide-maker-slideshow-image-2" /></a>
</li>
<li>
<a href="#tube"><img src="Images/slide-maker-slideshow-image-3.jpg" title="slide maker" class="tube" alt="slide-maker-slideshow-image-3" /></a>
</li>
<li>
<a href="#blind"><img src="Images/slide-maker-slideshow-image-4.jpg" class="blind" alt="slide-maker-slideshow-image-4" /></a>
</li>
<li>
<a href="#directionLeft"><img src="Images/slide-maker-slideshow-image-5.jpg" class="directionLeft" alt="slide-maker-slideshow-image-5" /></a>
</li>
<li>
<a href="#cubeSpread"><img src="Images/slide-maker-slideshow-image-6.jpg" class="cubeSpread" alt="slide-maker-slideshow-image-6" /></a>
</li>
<li>
<a href="glassCube"><img src="Images/slide-maker-slideshow-image-7.jpg" class="glassCube" alt="slide-maker-slideshow-image-7" /></a>
</li>
<li>
<a href="#circlesRotate"><img src="Images/slide-maker-slideshow-image-8.jpg" class="circlesRotate" alt="slide-maker-slideshow-image-8" /></a>
</li>
<li>
<a href="#cut"><img src="Images/slide-maker-slideshow-image-9.jpg" class="cut" alt="slide-maker-slideshow-image-9" /></a>
</li>
<li>
<a href="#swapBlocks"><img src="Images/slide-maker-slideshow-image-10.jpg" class="swapBlocks" alt="slide-maker-slideshow-image-10" /></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-7" style="" align="center">
<span class="headerh1"><b>Make Free SlideShows</b></span><br>
<span class="headerh2" style="font-size: 34px">A Wanderful Gift From</span>
<h1 class="headerh2 logo"><b>Slide Maker</b>, a free tool</h1>
<p class="headerh3">Make a responsive slider for your website in minutes. Easily add unlimited photos, choose a skin, download your unique creation and easily add in your website.</p>
<a href="v2.php"><button type="button" class="getstart butn">GET START</button></a>
</div>
</div>
</div>
<div style="background-color: #e8e8e8; margin-top: 50px">
<div class="container">
<div class="row" style="padding: 20px;" align="center">
<div class="col-lg-3 col-md-6" align="center">
<div style="padding: 40px 40px 20px 40px"><img src="Images/server.png" alt="server" style="width: 70px; height: auto"></div>
<div><h2 style="font-size: 22px;font-family: 'montserrat';">Unlimited Storage</h2></div>
<div class="font-text"><p>You can use unlimited images for slide show in slidemaker. Every picture saved in the cloud.</p></div>
</div>
<div class="col-lg-3 col-md-6" align="center">
<div style="padding: 40px 40px 20px 40px"><img src="Images/easy to use.png" alt="easy to use" style="width: 70px; height: auto"></div>
<div><h2 style="font-size: 22px;font-family: 'montserrat';">Easy to Use</h2></div>
<div class="font-text"><p>Anyone can make amazing slide show in minutes easily. All tools are simple and easy to use.</p></div>
</div>
<div class="col-lg-3 col-md-6" align="center">
<div style="padding: 40px 40px 20px 40px"><img src="Images/animation.png" alt="animation" style="width: 70px; height: auto"></div>
<div><h2 style="font-size: 22px;font-family: 'montserrat';">Unlimited Animations</h2></div>
<div class="font-text"><p>This slide maker has unlimited animations. You can change these animations with just a click.</p></div>
</div>
<div class="col-lg-3 col-md-6" align="center">
<div style="padding: 40px 40px 20px 40px"><img src="Images/install.png" alt="install" style="width: 70px; height: auto"></div>
<div><h2 style="font-size: 22px;font-family: 'montserrat';">Easy to Install</h2></div>
<div class="font-text"><p>You can easily add your slide shows into your website. Just download slider code and paste.</p></div>
</div>
</div>
</div>
</div>
<div style="font-family: 'montserrat'; margin-top: 70px; font-size: 40px" align="center">Endless Animations Options!</div>
<div style="font-family: 'montserrat'; margin-top: 5px; font-size: 15px; margin-bottom: 40px" align="center">Here’s a taste of our most popular Slider Animations.</div>
<div class="container" align="center">
<div class="row">
<div class="col-lg-2 col-md-4 col-sm-6 col-6">
<div align="center" style="font-family: 'montserrat';">CubeRandom</div>
<div class="skitter skitter-large with-dots"><ul>
<li>
<a href="#cubeRandom"><img src="Images/slide-maker-slideshow-image-1.jpg" class="cubeRandom" alt="slide-maker-slideshow-image-example-1" /></a>
</li>
<li>
<a href="#cubeRandom"><img src="Images/slide-maker-slideshow-image-2.jpg" class="cubeRandom" alt="slide-maker-slideshow-image-example-2" /></a>
</li>
</ul></div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-6">
<div align="center" style="font-family: 'montserrat';">Paralell</div>
<div class="skitter skitter-large with-dots"><ul>
<li>
<a href="#paralell"><img src="Images/slide-maker-slideshow-image-1.jpg" class="paralell" alt="slide-maker-slideshow-image-1-1" /></a>
</li>
<li>
<a href="#paralell"><img src="Images/slide-maker-slideshow-image-2.jpg" class="paralell" alt="slide-maker-slideshow-image-2-1" /></a>
</li>
</ul></div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-6">
<div align="center" style="font-family: 'montserrat';">BlindWidth</div>
<div class="skitter skitter-large with-dots"><ul>
<li>
<a href="#blindWidth"><img src="Images/slide-maker-slideshow-image-1.jpg" class="blindWidth" alt="slide-maker-slideshow-image-1-2" /></a>
</li>
<li>
<a href="#blindWidth"><img src="Images/slide-maker-slideshow-image-2.jpg" class="blindWidth" alt="slide-maker-slideshow-image-2-2" /></a>
</li>
</ul></div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-6">
<div align="center" style="font-family: 'montserrat';">Cut</div>
<div class="skitter skitter-large with-dots"><ul>
<li>
<a href="#cut"><img src="Images/slide-maker-slideshow-image-1.jpg" class="cut" alt="slide-maker-slideshow-image-1-3" /></a>
</li>
<li>
<a href="#cut"><img src="Images/slide-maker-slideshow-image-2.jpg" class="cut" alt="slide-maker-slideshow-image-2-3" /></a>
</li>
</ul></div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-6">
<div align="center" style="font-family: 'montserrat';">GlassBlock</div>
<div class="skitter skitter-large with-dots"><ul>
<li>
<a href="#glassBlock"><img src="Images/slide-maker-slideshow-image-1.jpg" class="glassBlock" alt="slide-maker-slideshow-image-1-4" /></a>
</li>
<li>
<a href="#glassBlock"><img src="Images/slide-maker-slideshow-image-2.jpg" class="glassBlock" alt="slide-maker-slideshow-image-2-4" /></a>
</li>
</ul></div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-6">
<div align="center" style="font-family: 'montserrat';">SwapBlocks</div>
<div class="skitter skitter-large with-dots"><ul>
<li>
<a href="#swapBlocks"><img src="Images/slide-maker-slideshow-image-1.jpg" class="swapBlocks" alt="slide-maker-slideshow-image-1-5" /></a>
</li>
 <li>
<a href="#swapBlocks"><img src="Images/slide-maker-slideshow-image-2.jpg" class="swapBlocks" alt="slide-maker-slideshow-image-2-5" /></a>
</li>
</ul></div>
</div>
</div>
<a href="v3animations.html"><button type="button" class="getstart more">Show More</button></a>
</div>
<div style="font-family: 'montserrat'; margin-top: 80px; font-size: 40px; margin-bottom: 35px" align="center">We have three skins of slider!</div>
<div style="background-image: linear-gradient(90deg, #3DB6B5, #9ADB6F);">
<div class="container" align="center">
<div class="row container" style="padding-top: 20px; padding-bottom: 70px">
<div class="col-lg-4" style="font-family: 'montserrat'; color: aliceblue; padding-top: 50px">
<div><p class="head-link"><a href="v1.php">V1 (Simple Slider)<sup><img class="link" src="Images/slide_maker_link_image.png" width="15px" height="auto" alt="link-1"></sup></a></p></div>
<div style="padding-top: 0px;">It is a lightweight simple slider with few animations. It uses a few JavaScript and CSS code that has only one CSS as an external link.</div>
</div>
<div class="col-lg-4" style="font-family: 'montserrat'; color: aliceblue; padding-top: 50px">
<div><p class="head-link-bx"><a href="https://bxslider.com/" target="_blank">V2 (BX Slider)<sup><img class="link" src="Images/slide_maker_link_image.png" width="15px" height="auto" alt="link-2"></sup></a></p></div>
<div style="padding-top: 0px">This slider is mostly used by so many websites. It has a default animation with a large number of controls so you can control it easily.</div>
</div>
<div class="col-lg-4" style="font-family: 'montserrat'; color: aliceblue; padding-top: 50px">
<div><p class="head-link"><a href="https://skitter-slider.net/" target="_blank">V3 (Skitter Slider)<sup><img class="link" src="Images/slide_maker_link_image.png" width="15px" height="auto" alt="link-3"></sup></a></p></div>
<div style="padding-top: 0px">This slider has a lot number of animations and controls using jquery and CSS. Use your favorite animations and make your own slider.</div>
</div>
</div>
</div>
</div>
<h2 style="font-family: 'montserrat'; margin-top: 90px;font-size:40px;" align="center">Easily Started with Slide Maker</h2>
<div align="center"><p style="max-width: 550px; font-family: 'montserrat'" align="center">Slide maker is a perfect tool if you want to make a responsive slider for your website which allows you to fully control your slider. You can upload unlimited images of high megapixels and use them to create your slider for free. All the skins of the slider will give you a responsive slider for more reliability. </p></div>
<h3 style="font-family: 'montserrat'; margin-top: 50px; font-size: 35px;" align="center">User Rating For Slide Maker (5.0 Stars)</h3>
<br>
<div id="rateBoxAvg" align="center"></div>
<div style="max-width: 650; margin-top: 70px;padding-top: 50px;padding-bottom: 50px; background-color: #e8e8e8" align="center">
<div style="font-family: 'montserrat'; font-size: 25px;" id="adrat" align="center"><p>Rate this Slide Maker</p></div>
<div class="container">
<div class="row">
<div class="col-lg-4"></div>
<div class="col-lg-4" style="max-width: 400px; margin-left: auto; margin-right: auto; display: block">
<form action="" method="post">
<input type="text" name="name" style="margin: 7px; width: 97%; border: 0px; background-color: white; border-radius: 3px; padding: 10px" placeholder="Name" required><br>
<input type="email" name="email" style="margin: 7px; width: 97%; border: 0px; background-color: white; border-radius: 3px; padding: 10px" placeholder="Email" required><br>
<textarea name="comment" style="margin: 7px; width: 97%; border: 0px; background-color: white; border-radius: 3px; padding: 10px" placeholder="Comment" required></textarea>
<div id="rateBox" align="left" style="padding: 10px"></div>
<div align="right" style="padding: 10px"><button type="submit" class="rateus" name="submit">Submit</button></div>
</form>
</div>
<div class="col-lg-4"></div>
</div>
</div>
</div>

<div id="comments" align="center"><div class="loader"></div></div>
<div style="background-color: #e8e8e8; margin-top: 50px">
<div class="container">
<div class="row">
<div class="col-md-6">
<div style="font-size:20px;font-family: 'montserrat'; padding: 30px 40px 2px 40px" align="left"><b>About</b></div>
<p style="font-family: 'montserrat'; padding: 2px 40px 30px 40px" align="left">Slide maker is a free tool to make a responsive slider for your website. It has all specifications that you all need. It has three skins of the slider so you can choose the best skin according to your taste.</p>
</div>
<div class="col-md-6">
<div class="container">
<div class="row">
<div class="col-6">
<div style="font-size:20px;font-family: 'montserrat'; padding: 30px 40px 2px 25px" align="left"><b>Slide Skins</b></div>
<div style="font-family: 'montserrat'; padding: 2px 40px 30px 30px" align="left">
<div style="padding-top: 5px"><a href="v1.php" style="color: #212529">V1 Slider</a></div>
<div style="padding: 0px"><a href="v2.php" style="color: #212529">V2 Slider</a></div>
<div style="padding: 0px"><a href="v3.php" style="color: #212529">V3 Slider</a></div>
</div>
</div>
<div class="col-6">
<div style="font-size:20px;font-family: 'montserrat'; padding: 30px 40px 2px 25px" align="left"><b>Quick Links</b></div>
<div style="font-family: 'montserrat'; padding: 2px 40px 30px 30px" align="left">
<div style="padding-top: 5px"><a href="about.html" style="color: #212529">About Us</a></div>
<div style="padding: 0px"><a href="privacy-policy.html" style="color: #212529">Privacy policy</a></div>
<div style="padding: 0px"><a href="cdn.html" style="color: #212529">CDN Links</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="footer">
<b>&#169;All Right Reserved &#174;slidesmaker.me 2020-2021</b>
</div>
<script>
	var rating = "";
	$(document).ready(function() {
	$('.skitter-large').skitter({
		interval: 3000,
		thumbs: false,
		dots: false,
		preview: true,
		progressbar : false,
		theme : 'default',
		numbers_align:'center',
		stop_over : true,
		enable_navigation_keys: true
	});});
	
	    $("#rateBoxAvg").rate({
        length: 5,
        value: 5.0,
        readonly: false,
        size: '48px',
		text: false,
		textList: ['1','2','3','4','5'],
        selectClass: 'fxss_rate_select',
        incompleteClass: 'fxss_rate_no_all_select',
        customClass: 'custom_class',
        callback: function(object){
        console.log(object)
        }
    });

    $("#rateBox").rate({
        length: 5,
        value: 0,
        readonly: false,
        size: '20px',
		text: false,
		textList: ['1','2','3','4','5'],
        selectClass: 'fxss_rate_select',
        incompleteClass: 'fxss_rate_no_all_select',
        customClass: 'custom_class',
        callback: function(object){
        console.log(object)
		createCookie("rating", object.index, "1");
        }
    });

function createCookie(name, value, days) {
  var expires;
  if (days) {
           var date = new Date();
           date.setTime(date.getTime() + (days * 1 * 10 * 60 * 1000));
           expires = "; expires=" + date.toGMTString();
   }
  else {
    expires = "";
  }
  document.cookie = escape(name) + "=" + escape(value) + expires + "; path=/";
}
  
  var btn = $('#button');
  $(window).scroll(function() {
  if ($(window).scrollTop() > 300) {
    btn.addClass('show');
  } else {
    btn.removeClass('show');
  }
  });

  btn.on('click', function(e) {
  e.preventDefault();
  $('html, body').animate({scrollTop:0}, '300');
  });
</script>
<script>
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
        document.getElementById("comments").innerHTML = this.responseText;
      }
    };
xmlhttp.open("GET", "comments.php", true);
xmlhttp.send();
	</script>
</body>
</html>