| Server IP : 108.163.255.210 / Your IP : 3.21.244.34 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/ |
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/bootstrap4.min.css">
<link rel="stylesheet" href="css/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">
<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;
}
.call-header li span {
color: #000;
}
.navbar-module.fixed .navbar-module--estimate {
color: #87C500;
}
.navbar-module--estimate--primary {
border-color: #87C500;
}
</style>
</head>
<body >
<span >
<div >
<div class="module-wrapper">
<link rel="stylesheet" href="css/fontawesome/all.css">
<link rel="stylesheet" href="plugins/slicks/main.css">
<?php include "include/header.php"; ?>
<div>
<div class="module-container static-image-w-content-module " style="min-height: 60vh">
<div class="module-wrapper header-center">
<div class="static-image-w-content-header align-items-center d-flex container">
<div class="col-md-6">
<h1 class="h1 text-left module-title text-dark">
Blogs</h1>
<div>
<p class="text-dark text-left mt-4"> Design. Development. Consultancy.</p>
<p class=" text-left text-dark">We offer a great place to work for all our
associates by providing the best facilities,
rewards & growth programs on a continual basis to support both, your
personal
and professional growth.
</p>
</div>
</div>
<div class="col-md-6">
<img src="img/blogs/blogs.png" class="img-fluid w-75">
</div>
</div>
</div>
<div class="waypoint">
</div>
<div class="see-more">
<div class="see-more__waves">
<div class="wave wave-1"></div>
<div class="wave wave-2"></div>
<div class="wave wave-3"></div>
</div>
<a href="#" class="see-more__arrow">
<img class=" animated- bounce-" src="img/mouseicon-green.png">
</a>
</div>
</div>
</div>
</div>
<div class="blog-sections ">
<div class="b-b-e-b pt-0 mt-5" style="background: #FAFAFA">
<div class="container">
<div class="blog-sections__wrapper js-blog-sections-wrapper">
<a href="#">All</a>
<a href="#">Case Studies</a>
<a href="#">Design</a>
<a href="#">Development</a>
<a href="#">Interviews</a>
<a href="#">Machine Learning</a>
<a href="#">Project Management</a>
</div>
</div>
</div>
</div>
<div class="blog-section pt-5 mt-5">
<div class="container">
<div style="margin-bottom:30px;" class="d-flex justify-content-center">
<div id="spinner" role="status">
<div class="spinner">
<div class="rect1"></div>
<div class="rect2"></div>
<div class="rect3"></div>
<div class="rect4"></div>
<div class="rect5"></div>
</div>
<span class="sr-only">Loading...</span>
</div>
</div>
<style>
.spinner {
margin: 100px auto;
width: 150px;
height: 120px;
text-align: center;
font-size: 10px;
}
.spinner>div {
background-color: #8EC741;
height: 100%;
width: 18px;
display: inline-block;
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
0%,
40%,
100% {
-webkit-transform: scaleY(0.4)
}
20% {
-webkit-transform: scaleY(1.0)
}
}
@keyframes sk-stretchdelay {
0%,
40%,
100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
}
20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
</style>
<div class="grid row" id="blogList">
<!-start blog--->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js">
</script>
<script>
var spinner = document.getElementById("spinner");
var blogList = document.getElementById('blogList');
var offset = 0;
function savePostID(id) {
localStorage.setItem('post_id', id)
}
getList(0);
function getList(n) {
spinner.style.display = 'block';
blogList.style.display = "none";
offset += n;
if (offset < 0) {
offset = 0;
}
$.get(`https://coozmoo.com/coozmoo-blog/bloglist/latest?offset=${offset}&limit=3`, (
data, status) => {
spinner.style.display = 'none';
blogList.style.display = "flex";
blogList.innerHTML = "";
if (data.blogList.length < 3) {
document.getElementById('nextBtn').disabled = true;
} else {
document.getElementById('nextBtn').disabled = false;
}
if (offset <= 0) {
document.getElementById('previousBtn').disabled = true;
} else {
document.getElementById('previousBtn').disabled = false;
}
for (const blog of data.blogList) {
blogDiv = `<div class="col-md-6 col-sm-6 grid-item col-xl-4 col-12 blog-grid">
<h5 class="card-title h4">${blog.category}</h5>
<div class="card border-0">
<a href="#">
<img class="card-img-top" src="${blog.thumbnail}" style="height:250px" alt="Card image cap">
<div class="card-body px-5" >
<h6 class="card-title h4" style="overflow: hidden;text-overflow: ellipsis;height:65px" > ${blog.title}</h6>
<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:65px" >${blog.description}</p>
<div class=" blog-card-btn mb-4">
<a href="http://coozmoo.com/blogs/${blog.slug.replace(/ /g,"-")}" onclick="savePostID(${blog.post_id})">
read more
</a>
</div>
</a>
</div>
</div>
</a>
</div>
`;
console.log(blog.post_id)
blogList.innerHTML += blogDiv;
}
})
}
</script>
</div>
<nav aria-label="Page navigation example">
<ul class="pagination pg-blue justify-content-center">
<li class="page-item pagination-circle">
<a class="page-link"><button class="btn btn-default" id="previousBtn"
onclick="getList(-3)">Previous</button></a>
</li>
<!--<li class="page-item pagination-circle"><a class="page-link" style="background: #87c500;-->
<!--color: #fff;-->
<!--}">1</a></li>-->
<!--<li class="page-item pagination-circle"><a class="page-link">2</a></li>-->
<!--<li class="page-item pagination-circle"><a class="page-link">3</a></li>-->
<li class="page-item pagination-circle">
<a class="page-link"><button class="btn btn-default" id="nextBtn"
onclick="getList(3)">Next</button></a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</a>
<!-- start footer -->
<?php include "include/footer.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>
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");
});
});
</script>
<script>
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>
$('.grid').masonry({
itemSelector: '.grid-item',
columnWidth: '.grid-sizer',
percentPosition: true
});
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>