| Server IP : 82.197.83.129 / Your IP : 216.73.216.166 [ Web Server : LiteSpeed System : Linux us-bos-web1456.main-hosting.eu 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64 User : u489457460 ( 489457460) PHP Version : 7.3.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail Domains : 2 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u489457460/domains/syoft.com/public_html/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<!--required meta tags-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<!--meta-->
<meta name="description" content="">
<meta name="author" content="">
<!--favicon icon-->
<link rel="icon" href="assets/img/favicon.png" type="image/png" sizes="16x16">
<!--title-->
<title>Syoft</title>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PG7NV7J');</script>
<!-- End Google Tag Manager -->
<!--google fonts-->
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Open+Sans:wght@400;600&display=swap"
rel="stylesheet">
<!--build:css-->
<link rel="stylesheet" href="assets/css/main.css">
<!-- endbuild -->
<!--custom css start-->
<link rel="stylesheet" href="assets/css/custom.css">
<!--custom css end-->
</head>
<body>
<!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PG7NV7J"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) -->
<!--preloader start-->
<div id="preloader">
<div class="preloader-wrap">
<img src="assets/img/favicon.png" alt="logo" class="img-fluid preloader-icon" />
<div class="loading-bar"></div>
</div>
</div>
<!--preloader end-->
<!--main content wrapper start-->
<div class="main-wrapper">
<!--header section start-->
<?php include 'header.php';?>
<!--header section End-->
<!--hero section start-->
<section class="hero-section ptb-60 bg-dark"
style="background: url('assets/img/shape/dot-dot-wave-shape.svg')no-repeat bottom center">
<div class="container">
<div class="row align-items-center justify-content-lg-between">
<div class="col-xl-6 col-lg-6">
<div class="hero-content-wrap text-center text-xl-start text-lg-start" data-aos="fade-right">
<h1 class="fw-bold display-5">
MOTION GRAPHICS</h1>
<p class="lead">
Motion graphics are widely used in today’s world in advertising, social media, education and science, reference
materials, entertainment, and other areas. The reasons are obvious: motion graphics allow you to communicate an idea in
a short, simple, and efficient way and solve various tasks.
</p>
<div
class="hero-subscribe-form-wrap pt-4 position-relative m-auto m-xl-0 d-none d-md-block d-lg-block d-xl-block">
<form id="subscribe-form" name="email-form"
class="hero-subscribe-form d-block d-lg-flex d-md-flex">
<input type="submit" value="Connect with our expert" data-wait="Please wait..."
class="btn btn-primary mt-3 mt-lg-0 mt-md-0">
</form>
</div>
</div>
</div>
<div class="col-lg-6 col-md-8 mt-5">
<div class="hero-img position-relative circle-shape-images">
<!--animated shape start-->
<ul class="position-absolute animate-element parallax-element circle-shape-list"
style="transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden;">
<li class="layer" data-depth="0.03"
style="position: relative; display: block; left: 0px; top: 0px; transform: translate3d(1.6695px, -0.779411px, 0px); transform-style: preserve-3d; backface-visibility: hidden;">
<img src="assets/img/shape/circle-1.svg" alt="shape"
class="circle-shape-item type-0 hero-1">
</li>
<li class="layer" data-depth="0.02"
style="position: absolute; display: block; left: 0px; top: 0px; transform: translate3d(1.113px, -0.519607px, 0px); transform-style: preserve-3d; backface-visibility: hidden;">
<img src="assets/img/shape/circle-1.svg" alt="shape"
class="circle-shape-item type-1 hero-1">
</li>
<li class="layer" data-depth="0.04"
style="position: absolute; display: block; left: 0px; top: 0px; transform: translate3d(2.226px, -1.03921px, 0px); transform-style: preserve-3d; backface-visibility: hidden;">
<img src="assets/img/shape/circle-1.svg" alt="shape"
class="circle-shape-item type-2 hero-1">
</li>
<li class="layer" data-depth="0.04"
style="position: absolute; display: block; left: 0px; top: 0px; transform: translate3d(2.226px, -1.03921px, 0px); transform-style: preserve-3d; backface-visibility: hidden;">
<img src="assets/img/shape/circle-1.svg" alt="shape"
class="circle-shape-item type-3 hero-1">
</li>
<li class="layer" data-depth="0.03"
style="position: absolute; display: block; left: 0px; top: 0px; transform: translate3d(1.6695px, -0.779411px, 0px); transform-style: preserve-3d; backface-visibility: hidden;">
<img src="assets/img/shape/circle-1.svg" alt="shape"
class="circle-shape-item type-4 hero-1">
</li>
<li class="layer" data-depth="0.03"
style="position: absolute; display: block; left: 0px; top: 0px; transform: translate3d(1.6695px, -0.779411px, 0px); transform-style: preserve-3d; backface-visibility: hidden;">
<img src="assets/img/shape/circle-1.svg" alt="shape"
class="circle-shape-item type-5 hero-1">
</li>
</ul>
<!--animated shape end-->
<img src="assets/img/testimonial/gk1.png" alt="hero img"
class="img-fluid position-relative z-5">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--hero section end-->
<section class="feature-section ptb-60">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6">
<div class="position-relative aos-init aos-animate" data-aos="fade-up" data-aos-delay="50">
<div class="cta-card rounded-custom text-center custom-shadow p-5 bg-white mt-4 mt-lg-0 mt-md-0 z-2">
<div class="feature-icon d-inline-block bg-primary-soft rounded-circle mb-32">
<i class="fad fa-shield-alt text-primary fa-2x"></i>
</div>
<h3 class="h5 text-capitalize">make your ad entertaining </h3>
<p>If you want your ad to be viewed and even shared, you need to make it interesting for the audience. Motion graphics
provide a cost-efficient and nonlimiting way to achieve this aim. Syoft Software will perform all steps of motion
graphics creation including concept and script drafting, storyboard creation, graphics preparation, and animation.
</p>
</div>
<!--pattern start-->
<div class="dot-shape-bg position-absolute z--1 left--40 top--40">
<img src="assets/img/shape/dot-big-square.svg" alt="shape">
</div>
<!--pattern end-->
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="position-relative aos-init aos-animate" data-aos="fade-up" data-aos-delay="150">
<div class="cta-card rounded-custom text-center custom-shadow p-5 bg-white mt-4 mt-lg-0">
<div class="feature-icon d-inline-block bg-success-soft rounded-circle mb-32">
<i class="fad fa-grin-stars text-success fa-2x"></i>
</div>
<h3 class="h5 text-capitalize">explain a nw or complex idea</h3>
<p>If a picture is worth a thousand words, then a video is worth a million. Introduce ideas in a simple and engaging way
using animated graphics. Syoft specialists will do all the work, all we need is your idea.</p>
</div>
<!--pattern start-->
<div class="dot-shape-bg position-absolute z--1 right--40 bottom--40">
<img src="assets/img/shape/dot-big-square.svg" alt="shape">
</div>
<!--pattern end-->
</div>
</div>
</div>
</div>
</section>
<section class="office-address-section ptb-120">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6 col-md-12">
<div class="section-heading text-center">
<h4 class="h5 text-primary">Bring More</h4>
<h2 class="text-capitalize">life into your app or web-site</h2>
<p>The days of boring textual interfaces are gone. With nowadays capabilities, resources, and our help, you can make
your app or web site vivid and entertaining using all types of animated graphics, such as animated characters,
symbols, infographics, and effects. </p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 mt-4 mt-lg-0 mt-xl-0">
<div class="rounded-custom border d-block office-address overflow-hidden z-2" style="background: url('assets/img/office-img-1.jpg')no-repeat center center / cover">
<div class="office-content text-center p-4">
<span class="office-overlay"></span>
<div class="office-info">
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mt-4 mt-lg-0 mt-xl-0">
<div class="rounded-custom border d-block office-address overflow-hidden z-2" style="background: url('assets/img/office-img-2.jpg')no-repeat center center / cover">
<div class="office-content text-center p-4">
<span class="office-overlay"></span>
<div class="office-info">
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mt-4 mt-lg-0 mt-xl-0">
<div class="rounded-custom border d-block office-address overflow-hidden z-2" style="background: url('assets/img/office-img-3.jpg')no-repeat center center / cover">
<div class="office-content text-center p-4">
<span class="office-overlay"></span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="app-two-cta ptb-60 text-white bg-purple" style="background-image:url('assets/img/hero-dot-bg.png')">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6 col-md-10">
<div class="section-heading text-center mb-0">
<h5 class="text-warning"> Let Us Discuss</h5>
<h2 class="text-white">
How Our Team Can Contribute To Our Success
</h2>
<div class="action-btns mt-4">
<a href="contact-us.php" class="btn btn-outline-light">Contact Us</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--cat subscribe start-->
<section class="cta-subscribe pt-60 pb-60 ">
<div class="container">
<div class="bg-gradient ptb-120 position-relative overflow-hidden rounded-custom">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-8">
<div class="subscribe-info-wrap text-center position-relative z-2">
<div class="section-heading">
<h2>Kickstart Your Dream Project With Us</h2>
<p class="lead">We have worked with some of the best innovative ideas and brands in the
world across industries.</p>
</div>
<div class="form-block-banner mw-60 m-auto mt-5">
<a href="#" class="btn btn-primary">Initiate a Partnership</a>
</div>
</div>
</div>
</div>
<div class="bg-circle rounded-circle circle-shape-3 position-absolute bg-dark-light left-5"></div>
<div class="bg-circle rounded-circle circle-shape-1 position-absolute bg-warning right-5"></div>
</div>
</div>
</section>
<!--cat subscribe end-->
<!--footer section start-->
<?php include 'footer.php'; ?>
<!--footer section end-->
</div>
<!--build:js-->
<script src="assets/js/vendors/jquery-3.6.0.min.js"></script>
<script src="assets/js/vendors/bootstrap.bundle.min.js"></script>
<script src="assets/js/vendors/swiper-bundle.min.js"></script>
<script src="assets/js/vendors/jquery.magnific-popup.min.js"></script>
<script src="assets/js/vendors/parallax.min.js"></script>
<script src="assets/js/vendors/aos.js"></script>
<script src="assets/js/app.js"></script>
<!--endbuild-->
</body>
</html>