| Server IP : 108.163.255.210 / Your IP : 18.225.54.199 Web Server : Apache System : Linux blossom.urlnameserver.com 3.10.0-1160.80.1.el7.x86_64 #1 SMP Tue Nov 8 15:48:59 UTC 2022 x86_64 User : ( 1172) PHP Version : 7.2.34 Disable Function : eval,escapeshellarg,proc_close,proc_get_status,proc_nice,proc_open,symlink,system,pcntl_exec,getrusage,chown,chgp,closelog,openlog,syslog,define_syslog_variables,php_ini_loaded_file,getservbyname,getservbyport,posix_getgid,posix_getgrgid,proc_terminate,pfsockopen,apache_child_terminate,posix_mkfifo,posix_setpgid,posix_setuid,hypot,pg_host,pos,posix_access,posix_getcwd,posix_getservbyname,myshellexec,getpid,posix_getsid,posix_isatty,posix_kill,posix_mknod,posix_setgid,posix_setsid,posix_setuid,posix_times,posix_uname,ps_fill,posix_getpwuid,global,ini_restore,zip_open,zip_read,rar_open,bzopen,bzread,bzwrite,apache_get_modules,apache_get_version,phpversionphpinfo,php_ini_scanned_files,get_current_user,disk_total_space,diskfreespace,leak,imap_list,hypo,filedump,safe_mode,getmygid,apache_getenv,apache_setenv,bzread,bzwrite,bzopen,phpini,higlight_file,dos_conv,get_cwd,er_log,cmd,e_name,vdir,get_dir,only_read,ftok,ftpexec,posix_getpwnam,mysql_list_dbs,disk_free_space,session_save_path,confirm_phpdoc_compiled,zip_entry_rea,php_u,psockopen,crack_opendict,crack_getlastmessage,crack_closedict,crack_check,fpassthru,posix_get_last_error,posix_getlogin,posix_getgroups,posix_strerror,posix_getrlimit,posix_getpgrp,posix_getgrnam,pos,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/unilinki/www/Website-HTML/blogs/ |
Upload File : |
<!doctype html>
<!-- start coded_template: id:6621911997 path:v2/Pages/Services_copy.html -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en" > <![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en" ><![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="author" content="">
<meta name="description" content="We create digital products and provide a variety of consulting services, custom software development, UX/UI design services and digital transformation solutions for startups and enterprises.">
<meta name="generator" content="HubSpot">
<title>Web Development Service | </title>
<link rel="shortcut icon" href="../hubfs/images/logos/favicon.ico">
<meta property="og:description" content="We create digital products and provide a variety of consulting services, custom software development, UX/UI design services and digital transformation solutions for startups and enterprises.">
<meta property="og:title" content="Web and Mobile - Custom Software Development | ">
<meta name="twitter:description" content="We create digital products and provide a variety of consulting services, custom software development, UX/UI design services and digital transformation solutions for startups and enterprises.">
<meta name="twitter:title" content="Web and Mobile - Custom Software Development | ">
<link rel="stylesheet" href="../css/nav/navbar.min.css">
<link rel="stylesheet" href="../css/static_image_with_content.min.css">
<link rel="stylesheet" href="../css/navigation-copy.min.css">
<link rel="stylesheet" href="../css/header/header.min.css">
<link rel="stylesheet" href="../css/gallery/gallery-slider.min.css">
<link rel="stylesheet" href="../css/Single_row_items.min.css">
<link rel="stylesheet" href="../css/testimonials.min.css">
<link rel="stylesheet" href="../css/modules_cta.min.css">
<link rel="stylesheet" href="../css/footer/footer.min.css">
<link rel="stylesheet" href="../css/Hubspot_Menu_FIX.min.css">
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../css/bootstrap4.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate/css/4.0.0/animate.min.css" />
<link rel="stylesheet" href="../plugins/timeline/timeline.css">
<link rel="stylesheet" type="text/css" href="../plugins//horizontal-timeline/style.css">
<link rel="stylesheet" type="text/css" href="../js/owl.carousel.min.css">
<link rel="canonical" href="services.php">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Google Tag Manager -->
<meta name="twitter:card" content="summary">
<meta http-equiv="content-language" content="en">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/stylesheet.css">
<style type="text/css">
.navbar-module.fixed ul li a {
color: #000;
}
.navbar-module.fixed .navbar-module--estimate {
color: #87C500;
}
.navbar-module {
border-bottom: 1px solid rgb(238, 238, 238);
}
.navbar-module--estimate--primary {
border-color: #87C500;
}
</style>
</head>
<body class="hs-content-id-6626007422 hs-landing-page hs-page">
<span id="hs_cos_wrapper_Body" class="hs_cos_wrapper
hs_cos_wrapper_widget_container hs_cos_wrapper_type_widget_container" style="" data-hs-cos-general-type="widget_container" data-hs-cos-type="widget_container">
<div id="hs_cos_wrapper_widget_1548611179414" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="module-wrapper">
<link rel="stylesheet" href="../css/fontawesome/all.css">
<link rel="stylesheet" href="../plugins/slicks/main.css">
<?php include "../include/header-inner.php"; ?>
</div>
<div class="single-blog ">
<div class="">
<div class="container ">
<div class="catogery-blog pt-5 mt-5">
<span class="text-dark font-weight-bold small">Technology / <span class="font-weight-normal small">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span></span>
<p class="font-weight-bold text-dark pt-5 mt-5 mb-3">
<span> <i class="fab fa-artstation"></i> featured story </span>
</p>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$.get(`https://coozmoo.com/coozmoo-blog/blogBySlug?slug=${window.location.pathname.split('/blogs/')[1].replace(/-/g," ")}`,(data, status) => {
var body = data.blogData[0].body.split(" ");
var length = body.length;
document.getElementById('title').innerHTML = data.blogData[0].title;
document.getElementById('author').innerHTML = " by " + data.blogData[0].author;
document.getElementById('post-body').innerHTML = data.blogData[0].body;
document.getElementById('post-thumb').src = data.blogData[0].thumbnail;
document.getElementById('readTime').innerHTML = data.blogData[0].read_time + " min read";
document.getElementById('uploadDate').innerHTML = data.blogData[0].last_updated.slice(4).split(" ");
$.get(`https://coozmoo.com/coozmoo-blog/bloglist/category?category=${data.blogData[0].category}&offset=0&limit=3`, (data, status) => {
var relatedlogs = document.getElementById('relatedlogs');
for (const blog of data.blogList) {
blogDiv = `<div class="col-md-6 col-sm-6 grid-item col-xl-4 col-12 blog-grid">
<div class="card border-0">
<a href="#">
<img class="card-img-top" style="height:200px" src="${blog.thumbnail}" alt="Card image cap">
<div class="card-body px-5" >
<h5 class="card-title h4" style="overflow: hidden;text-overflow: ellipsis;height:55px"> ${blog.title}</h5>
<h6 class="card-subtitle mb-2 text-muted">
<div class="meta-detail">
<div class="post-meta-name d-flex align-items-center ">
<i class="far fa-calendar-check"></i>
<p class="ml-2">${blog.last_updated.slice(4).split(" ")}</p>
<span class="mr-3 ml-3"> | </span>
<i class="far fa-clock"></i></i>
<p class="ml-2">${blog.read_time} min read</p>
</div>
</div>
</h6>
<p class="card-text font-weight-normal" style="overflow: hidden;text-overflow: ellipsis;height:55px">${blog.description}</p>
<div class=" blog-card-btn mb-4">
<a href="https://coozmoo.com/blogs/${blog.slug.replace(/ /g,"-")}">
read more
</a>
</div>
</a>
</div>
</div>
</a>
</div>
`;
relatedlogs.innerHTML += blogDiv;
}
})
$.get(`https://coozmoo.com/coozmoo-blog/getauthor/byname?author="${data.blogData[0].author}"`, (authorData, status) => {
document.getElementById('authorPic').src = authorData.author[0].profile_picture;
document.getElementById('authorPicture').src = authorData.author[0].profile_picture;
document.getElementById('authorBio').innerHTML = authorData.author[0].bio;
document.getElementById('authorName').innerHTML = authorData.author[0].name;
})
})
</script>
<div class="row d-flex main-content">
<div class="col-md-8 content">
<!--blog-->
<div class="single-blog-title">
<h2 class="freebies-module--header text-left" id="title"></h2>
</div>
<div class="post-meta d-flex pt-4 align-items-center">
<img id="authorPic" src="">
<div class="meta-detail">
<div class="post-meta-name d-flex font-weight-bold ">
<p class="text-dark" id="author"> </p>
<div class="post-meta-name ml-3 d-flex align-items-center ">
<i class="far fa-calendar-check"></i>
<p class="ml-2" id="uploadDate"></p><span class="mr-3 ml-3"> | </span><i class="far fa-clock"></i>
<p class="ml-2" id="readTime"></p>
</div>
</div>
</div>
</div>
<div class="single-img-holder mt-5 ">
<img src="" class="img-fluid" id="post-thumb">
</div>
<div class="single-blog-description pt-5">
<div id="post-body"></div>
<div class="blog-post__authors">
<div class="row">
<div class="col-md-2">
<div class="blog-post__author">
<img id="authorPicture" class="blog-post__author__picture" src="" />
</div>
</div>
<div class="col-md-10">
<div class="bold blog-post__author__name ml-4">
<p id="authorName" class="author-name font-weight-bold"></p>
<p id="authorBio" class="auther-bio"></p>
<div class="follow-author d-flex mt-4">
<p>Follow auther</p>
<div class="author-link d-flex align-items-center ">
<span class="follow-icon">
<a href=""> <i class="fab fa-facebook-f"></i></a>
<a href="#"> <i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-1">
</div>
<div class="col-md-3 px-0 col-xl-3 col-12 px-0">
<div class="sidebar">
<div class="sidebar__inner">
<h3 class="text-center h4 mb-5"> Get in Touch </h3>
<div class="hair_formv">
<form action="" method="post" accept-charset="utf-8">
<div class="fill_formhair">
<div class="row">
<div class="col-md-12">
<div class="work_form_cell">
<div class="input_form_box">
<span class="input_title">Name</span>
<input type="text" name="your_name" class="form_input" data-kwimpalastatus="alive" data-kwimpalaid="1592567063592-5">
<span class="input_icon"><i class="fas fa-user"></i></span>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-12">
<div class="work_form_cell">
<div class="input_form_box">
<span class="input_title">Email Address</span>
<input type="Email" name="email" class="form_input" data-kwimpalastatus="alive" data-kwimpalaid="1592567063592-6">
<span class="input_icon"><i class="fas fa-paper-plane"></i></span>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-12">
<div class="work_form_cell">
<div class="input_form_box">
<span class="input_title">Phone Number</span>
<input type="text" name="mobile_number" class="form_input" data-kwimpalastatus="alive" data-kwimpalaid="1592567063592-7">
<span class="input_icon phone_icon"><i class="fas fa-phone"> </i></span>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-12">
<div class="work_form_cell">
<div class="input_form_box">
<span class="input_title textarea_label">Project Brief</span>
<textarea class="form_input form-control-textarea empty" name="message"></textarea><span class="input_icon phone_icon"><i class="fas fa-edit"></i></span>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-12" style="margin-bottom: 10px;">
<!-- <div class="g-recaptcha" data-sitekey="6LcPN5QUAAAAAB_iKdeAfa4ZoApbRhPtkZk34SLX" id="recaptcha1"><div style="width: 304px; height: 78px;"><div><iframe src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LcPN5QUAAAAAB_iKdeAfa4ZoApbRhPtkZk34SLX&co=aHR0cHM6Ly94dHJlZW1zb2x1dGlvbi5jb206NDQz&hl=en&v=JPZ52lNx97aD96bjM7KaA0bo&size=normal&cb=pwledqd3da97" role="presentation" name="a-dwjath3uum41" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" width="304" height="78" frameborder="0"></iframe></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div></div> -->
</div>
<div class="col-md-12 text-center">
<button type="submit" class="button-primary">send a request</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div id="relatedlogs" class="row">
<div class="col-12 section-intro pb-5">
<h3 class="text-center h4 mb-5"> Related Blog</h3>
</div>
<!--<div class="col-md-4">-->
<!-- <a href="#">-->
<!-- <div class="Related-blog-img-holder" style="background: url(../img/vw_cs-1.jpg);">-->
<!-- </div>-->
<!-- <div class="Related-posts__post-title">-->
<!-- <p class="font-weight-bold mt-3">Ipsum is simply dummy text of the printing and typesetting industry</p>-->
<!-- </div>-->
<!-- </a>-->
<!--</div>-->
</div>
</div>
<div>
<div class="cta-module-background" style="background-image: url('../img/Layer-41.png')">
<div class="shadow-overlay" style="opacity: 0.4"></div>
<div class="module-wrapper">
<div class="cta-module">
<div class="cta-module__content">
<div class="cta-module-header h2 anim-first">
<span>Start your project with us or take an existing one <span style="color: #ff0201;">to the next level</span></span>
</div>
<div class="cta-module-caption">
</div>
<div class="cta-module-button anim-second">
<a class="button" href="estimate-project.php">Estimate project</a>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include "../include/footer-inner.php"; ?>
<script src="../js/jquery-1.11.2.js"></script>
<script>
hsjQuery = window['jQuery'];
</script>
<script>
if (typeof hsVars !== 'undefined') {
hsVars['language'] = 'en';
}
</script>
<div id="hs_cos_wrapper_widget_1558347196309" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"></div>
</span>
<script type="text/javascript" src="../js/owl.carousel.min.js"></script>
<!-- <script src="hs/hsstatic/cos-i18n/static-1.16/bundles/project.js"></script> -->
<script src="../js/navbar_GLOBAL.min.js"></script>
<script src="../js/static_image_with_content.min.js"></script>
<script src="../js/navigation-copy.min.js"></script>
<script src="../js/header.js"></script>
<script src="../js/gallery-slider.min.js"></script>
<script src="../js/Single_row_items.js"></script>
<script src="../js/bootstrap.min.js"></script>
<!-- <script type="text/javascript" id="hs-script-loader" async defer src="hs/scriptloader/493098.js"></script>
End of HubSpot Analytics Code -->
<script src="../plugins/particles/js/particles.js"></script>
<script src="../plugins/particles/js/app.js"></script>
<script src="../plugins/particles/js/particles.min.js"></script>
<script type="text/javascript" src="../js/owl.carousel.min.js"></script>
<script type="text/javascript" src="../js/scripts/app.js"></script>
<script type="text/javascript" src="../plugins/slicks/slick.js"></script>
<script src="../plugins/horizontal-timeline/script.js"></script>
<script src="../plugins/timeline/timeline.js"></script>
<script type="text/javascript" src="../js/sidebar.js"></script>
<script type="text/javascript">
if (jQuery(window).width() >= 1024) {
var sidebar = new StickySidebar('.sidebar', {
topSpacing: 120,
bottomSpacing: 20,
containerSelector: '.main-content',
innerWrapperSelector: '.sidebar__inner'
});
}
</script>
<script>
jQuery(document).ready(function() {
jQuery(".hover1").hover(
function() {
jQuery(this).addClass("flipped");
},
function() {
jQuery(this).removeClass("flipped");
}
);
});
</script>
<script>
jQuery(document).ready(function() {
jQuery('#custom_handle_ele li').on('click', function() {
var index = jQuery(this).index();
jQuery('.testimonial-text').slick('slickGoTo', index);
});
jQuery('.testimonial-text').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
dots: true,
autoplay: true,
asNavFor: '.testimonial-image',
responsive: [{
breakpoint: 992,
settings: {
slidesToShow: 1,
dots: false,
}
}, {
breakpoint: 480,
settings: {
slidesToShow: 1,
dots: false,
}
}]
});
jQuery('.testimonial-image').slick({
slidesToShow: 1,
slidesToScroll: 1,
asNavFor: '.testimonial-text',
dots: false,
arrows: false,
autoplay: true,
fade: true,
});
})
</script>
<script>
var App = new App();
App.includeHtml();
jQuery(document).ready(function() {
jQuery("#footer-review-section-sync1").owlCarousel({
items: 1,
singleItem: true,
animateOut: 'fadeOut',
loop: true,
autoplay: false,
autoplayTimeout: 3000,
responsiveClass: true,
dotsContainer: '#carousel-custom-dots'
});
jQuery("#footer-blog-section").owlCarousel({
items: 3,
singleItem: true,
animateOut: 'fadeOut',
loop: true,
autoplay: false,
responsive: {
0: {
items: 1,
nav: true
},
600: {
items: 2,
nav: false
},
1000: {
items: 3,
nav: true,
loop: false
}
},
autoplayTimeout: 3000,
responsiveClass: true,
nav: true,
navText: [
"<div class='nav-btn prev-slide'><i class='fa fa-arrow-left'></i></div>",
"<div class='nav-btn next-slide'><i class='fa fa-arrow-right'></i></div>"
],
});
jQuery("#header_service_images_slider").owlCarousel({
items: 1,
singleItem: true,
animateOut: 'fadeOut',
loop: true,
autoplay: true,
autoplayTimeout: 3000,
responsiveClass: true,
});
});
</script>
<script>
jQuery(document).ready(function() {
jQuery(".dropdown-btn").click(function() {
jQuery(".dropdown-container").toggle();
});
});
</script>
<script>
function chnage_img() {
var img1 = "../img/header/logo.png ",
img2 = "";
var imgElement = document.getElementById('logo-img');
imgElement.src = (imgElement.src === img1) ? img2 : img1;
}
</script>
<script type="text/javascript">
jQuery(function() {
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > 106) {
jQuery('.navbar-module--logo img').attr('src', '../img/header/logo.png');
}
if (jQuery(this).scrollTop() < 106) {
jQuery('.navbar-module--logo img').attr('src', '../img/header/logo.png');
}
})
});
</script>
<script>
// jQuery(document).ready(function() {
// jQuery('.menu-has-megamenu').hover(function() {
// jQuery('.navbar-module').addClass('moved');
// },
// function() {
// jQuery('.navbar-module').removeClass('moved');
// });
// });
jQuery(function() {
jQuery(".menu-has-megamenu").find(function() {
jQuery('.navbar-module--logo').find('img').attr("src", "../img/header/logo.png");
}, function() {
// jQuery('.navbar-module--logo').find('img').attr("src", "img/header/logo-light.png");
});
});
// jQuery(document).ready(function() {
// jQuery('.menu-has-megamenu').hover(function() {
// jQuery('.navbar-module--estimate').addClass('navbar-module--estimate--ghost');
// },
// function() {
// jQuery('.navbar-module--estimates').removeClass('navbar-module--estimate--ghost');
// });
// });
</script>
<script>
hsjQuery = window['jQuery'];
$ = window['jQuery'];
jQuery(function() {
jQuery('.toggle-menu').click(function() {
jQuery('.exo-menu').toggleClass('display');
});
});
jQuery(function() {
jQuery(".field-wrapper .field-placeholder").on("click", function() {
jQuery(this).closest(".field-wrapper").find("input,textarea").focus();
});
jQuery(".field-wrapper input,textarea").on("keyup", function() {
var value = jQuery.trim(jQuery(this).val());
if (value) {
jQuery(this).closest(".field-wrapper").addClass("hasValue");
} else {
jQuery(this).closest(".field-wrapper").removeClass("hasValue");
}
});
});
</script>
<script type="text/javascript">
particlesJS('particles-js',
{
"particles": {
"number": {
"value": 80,
"density": {
"enable": true,
"value_area": 800
}
},
"color": {
"value": ["87c500", "87c500", "87c500", "87c500", "87c500"]
},
"shape": {
"type": "circle",
"stroke": {
"width": 0,
"color": "#b6b2b2"
}
},
"opacity": {
"value": 0.5211089197812949,
"random": false,
"anim": {
"enable": true,
"speed": 1,
"opacity_min": 0.1,
"sync": false
}
},
"size": {
"value": 8.017060304327615,
"random": true,
"anim": {
"enable": true,
"speed": 12.181158184520175,
"size_min": 0.1,
"sync": true
}
},
"line_linked": {
"enable": true,
"distance": 150,
"color": "#c8c8c8",
"opacity": 0.4,
"width": 1
},
"move": {
"enable": true,
"speed": 1,
"direction": "none",
"random": false,
"straight": false,
"out_mode": "bounce",
"bounce": false,
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 1200
}
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": false,
"mode": "repulse"
},
"onclick": {
"enable": false,
"mode": "push"
},
"resize": true
},
"modes": {
"grab": {
"distance": 400,
"line_linked": {
"opacity": 1
}
},
"bubble": {
"distance": 400,
"size": 40,
"duration": 2,
"opacity": 8,
"speed": 3
},
"repulse": {
"distance": 200,
"duration": 0.4
},
"push": {
"particles_nb": 4
},
"remove": {
"particles_nb": 2
}
}
},
"retina_detect": true
});
var count_particles, stats, update;
stats = new Stats();
stats.setMode(0);
stats.domElement.style.position = "absolute";
stats.domElement.style.left = "0px";
stats.domElement.style.top = "0px";
document.body.appendChild(stats.domElement);
count_particles = document.querySelector(".js-count-particles");
update = function() {
stats.begin();
stats.end();
if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) {
count_particles.innerText = window.pJSDom[0].pJS.particles.array.length;
}
requestAnimationFrame(update);
};
requestAnimationFrame(update);
</script>
<script type="text/javascript">
ar init = function() {
var isMobile = navigator.userAgent &&
navigator.userAgent.toLowerCase().indexOf('mobile') >= 0;
var isSmall = window.innerWidth < 1000;
var ps = new ParticleSlider({
ptlGap: isMobile || isSmall ? 3 : 0,
ptlSize: isMobile || isSmall ? 3 : 1,
width: 1e9,
height: 1e9
});
var gui = new dat.GUI();
gui.add(ps, 'ptlGap').min(0).max(5).step(1).onChange(function() {
ps.init(true);
});
gui.add(ps, 'ptlSize').min(1).max(5).step(1).onChange(function() {
ps.init(true);
});
gui.add(ps, 'restless');
gui.addColor(ps, 'color').onChange(function(value) {
ps.monochrome = true;
ps.setColor(value);
ps.init(true);
});
(window.addEventListener ?
window.addEventListener('click', function() {
ps.init(true)
}, false) :
window.onclick = function() {
ps.init(true)
});
}
var initParticleSlider = function() {
var psScript = document.createElement('script');
(psScript.addEventListener ?
psScript.addEventListener('load', init, false) :
psScript.onload = init);
psScript.src = 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/23500/ps-0.9.js';
psScript.setAttribute('type', 'text/javascript');
document.body.appendChild(psScript);
}
(window.addEventListener ?
window.addEventListener('load', initParticleSlider, false) :
window.onload = initParticleSlider);
</script>
<script>
if (typeof hsVars !== 'undefined') {
hsVars['language'] = 'en';
}
jQuery(document).ready(function() {
jQuery(".input3").focus(function() {
var parentDiv = jQuery(this).parent('.wrap-input3');
parentDiv.find('.focus-input3').addClass('focus-input3-active');
});
jQuery(".input3").focusout(function() {
var parentDiv = jQuery(this).parent('.wrap-input3');
parentDiv.find('.focus-input3').removeClass('focus-input3-active');
});
jQuery('.accordion__heading').click(function(e) {
jQuery('.accordion__section').removeAttr('open');
});
jQuery(".input_form_box .form_input")
.focus(function() {
$(this).parent().addClass("label_up_show");
})
.blur(function() {
if ($(this).val().trim() == '') {
$(this).parent().removeClass("label_up_show");
}
});
});
</script>
<script>
if (typeof hsVars !== 'undefined') {
hsVars['language'] = 'en';
}
$(document).ready(function() {
// Add minus icon for collapse element which is open by default
$(".collapse.show").each(function() {
$(this).prev(".card-header").find(".fa").css("transform", "rotateZ(45deg)");
});
// Toggle plus minus icon on show hide of collapse element
$(".collapse").on('show.bs.collapse', function() {
$(this).prev(".card-header").find(".fa").css("transform", "rotateZ(90deg)")
}).on('hide.bs.collapse', function() {
$(this).prev(".card-header").find(".fa").css("transform", "rotateZ(0deg)");
});
});
$(document).ready(function() {
// set up hover panels
// although this can be done without JavaScript, we've attached these events
// because it causes the hover to be triggered when the element is tapped on a touch device
$('.hover').hover(function() {
$(this).addClass('flip');
}, function() {
$(this).removeClass('flip');
});
});
jQuery(document).ready(($) => {
$('.as-accordion-head').click(function() {
$(this).find('.as-accordion-close').toggleClass('open');
$(this).next('.as-accordion-collapse').slideToggle('fast', () => {
// Do something maybe ..
});
});
});
</script>
</body>
</html>
<!--/end footer -->