Server IP : 172.67.137.82 / Your IP : 104.23.197.222
Web Server : Apache/2.4.51 (Unix) OpenSSL/1.1.1n
System : Linux ip-172-26-8-243 4.19.0-27-cloud-amd64 #1 SMP Debian 4.19.316-1 (2024-06-25) x86_64
User : daemon ( 1)
PHP Version : 7.4.24
Disable Function : NONE
MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON
Directory : /opt/bitnami/apache/htdocs/zarac/public/website/ |
Upload File : |
| Current File : /opt/bitnami/apache/htdocs/zarac/public/website/index-video.html |
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Meet Particle, one of the Best HTML Templates with Modern, Tech & Startup Style. See it live now!">
<meta name="author" content="Skilltech Web Design">
<meta name="keywords" content="particle, video background, html template, hero video, html themes, html templates, technology html, modern html, theme, template, skilltech web design, creative html, video html theme, skilltechwebdesign.com"/>
<meta property="og:title" content="This Video Background Particles HTML Theme will blow your mind!"/>
<meta property="og:description" content="Meet Particle, one of the Best HTML Templates with Modern, Tech & Startup Style. See it live now!"/>
<meta property="og:image" content="assets/images/facebook-post-img-1200x630-2021.jpg"/>
<meta property="og:site_name" content="SkilltechWebDesign.com"/>
<title>Particle Theme | Video Background</title>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!-- Bootstrap CSS -->
<link href="assets/vendor/bootstrap/bootstrap.min.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&family=Play:wght@400;700&family=Source+Sans+Pro:ital,wght@0,300;1,300&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,700;0,900;1,200;1,300;1,400&family=Blinker:wght@200;300;400;600;700;800&display=swap" rel="stylesheet">
<!-- Icon Fonts -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="assets/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- Animate.css -->
<link href="assets/vendor/animate/animate.min.css" rel="stylesheet">
<!-- Off Canvas Menu - Default Theme -->
<link href="assets/vendor/offcanvas-nav/hc-offcanvas-nav.css" rel="stylesheet" />
<!-- Particle Theme CSS -->
<link href="assets/css/particle-theme.css" rel="stylesheet">
<link href="assets/css/particle-colors.css" rel="stylesheet">
<!-- jQuery -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<!-- Simple Forms -->
<!-- <link rel="stylesheet" href="assets/vendor/simple-forms/css/simple-forms-skilltech-mod.css"> -->
</head>
<body class="pa-homepage">
<!-- Page Transitions
================================================== -->
<div class="pa-page-transition pa-page-transition-1 is-active"></div>
<div class="pa-overlay" style="position: fixed; top: 0; left: 0; z-index: 10002; width: 100vw; height: 100vh; pointer-events: none; background: #091019;"></div>
<!-- Navigation Menu
================================================== -->
<a class="pa-mobile-main-logo" href="#"><img alt="" src="assets/images/logo-normal.png"></a>
<nav id="main-nav" class="pa-menu navbar pa-navbar navbar-expand-lg navbar-dark bg-transparent static-top">
<!-- Desktop Menu Logo -->
<a class="navbar-brand" href="#"><img alt="" src="assets/images/logo-normal.png"></a>
<!-- The Menu -->
<ul class="navbar-nav ml-auto">
<!-- Mobile Menu Logo (only use if "close" buttons are set to false in JS) -->
<li data-nav-custom-content class="custom-content pa-mobile-menu-logo">
<a class="pa-mobile-navbar-brand" href="#"><img alt="" src="assets/images/logo-mobile.png"></a>
</li>
<!-- Regular Menu Items Start -->
<li class="nav-item menu-item-has-children">
<a class="nav-link hvr-underline-from-center" href="#">Home</a>
<ul class="pa-submenu-ul">
<li class="nav-item"><a class="nav-link" href="index.html">Home Light (<em>default</em>)</a></li>
<li class="nav-item"><a class="nav-link active" href="#">Home Light Video</a></li>
<li class="nav-item"><a class="nav-link" href="index-yt-video.html">Home Light YT Video</a></li>
<li class="nav-item"><a class="nav-link" href="dark-index.html">Home Dark</a></li>
<li class="nav-item"><a class="nav-link" href="dark-index-video.html">Home Dark Video</a></li>
<li class="nav-item"><a class="nav-link" href="dark-index-yt-video.html">Home Dark YT Video</a></li>
</ul>
</li>
<li class="nav-item menu-item-has-children">
<a class="nav-link hvr-underline-from-center" href="#">Our Work</a>
<ul class="pa-submenu-ul">
<li class="nav-item"><a class="nav-link" href="#portfolio">Portfolio</a></li>
<li class="nav-item"><a class="nav-link" href="portfolio-item.html">Project Inner Page 1</a></li>
<li class="nav-item"><a class="nav-link" href="portfolio-item.html">Project Inner Page 2</a></li>
<li class="nav-item"><a class="nav-link" href="portfolio-item.html">Project Inner Page 3</a></li>
<li class="nav-item"><a class="nav-link" href="portfolio-item.html">Project Inner Page 4</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link hvr-underline-from-center" href="#about-us">About Us</a>
</li>
<li class="nav-item menu-item-has-children">
<a class="nav-link hvr-underline-from-center" href="#">Services</a>
<ul class="pa-submenu-ul">
<li class="nav-item"><a class="nav-link" href="#services">All Services</a></li>
<li class="nav-item"><a class="nav-link" href="service-item.html">Service Inner Page 1</a></li>
<li class="nav-item"><a class="nav-link" href="service-item.html">Service Inner Page 2</a></li>
<li class="nav-item"><a class="nav-link" href="service-item.html">Service Inner Page 3</a></li>
<li class="nav-item"><a class="nav-link" href="service-item.html">Service Inner Page 4</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link hvr-underline-from-center" href="#skills">Our Skills</a>
</li>
<li class="nav-item menu-item-has-children">
<a class="nav-link hvr-underline-from-center" href="#"><strong>NEW</strong> / Blog</a>
<ul class="pa-submenu-ul">
<li class="nav-item menu-item-has-children">
<a class="nav-link" href="#">Magazine Style Blog</a>
<ul class="pa-sub-submenu-ul">
<li><a class="nav-link" href="blog-magazine-sidebar-right.html">Blog Sidebar Right (<em>default</em>)</a></li>
<li><a class="nav-link" href="blog-magazine-sidebar-left.html">Blog Sidebar Left</a></li>
<li><a class="nav-link" href="blog-magazine-no-sidebar.html">Blog No Sidebar</a></li>
<li><a class="nav-link" href="dark-blog-magazine-sidebar-right.html">Dark Blog Sidebar Right</a></li>
<li><a class="nav-link" href="dark-blog-magazine-sidebar-left.html">Dark Blog Sidebar Left</a></li>
<li><a class="nav-link" href="dark-blog-magazine-no-sidebar.html">Dark Blog No Sidebar</a></li>
</ul>
</li>
<li class="nav-item menu-item-has-children">
<a class="nav-link" href="#">Casual Style Blog</a>
<ul class="pa-sub-submenu-ul">
<li><a class="nav-link" href="blog-casual-sidebar-right.html">Blog Sidebar Right</a></li>
<li><a class="nav-link" href="blog-casual-sidebar-left.html">Blog Sidebar Left</a></li>
<li><a class="nav-link" href="blog-casual-no-sidebar.html">Blog No Sidebar</a></li>
<li><a class="nav-link" href="dark-blog-casual-sidebar-right.html">Dark Blog Sidebar Right</a></li>
<li><a class="nav-link" href="dark-blog-casual-sidebar-left.html">Dark Blog Sidebar Left</a></li>
<li><a class="nav-link" href="dark-blog-casual-no-sidebar.html">Dark Blog No Sidebar</a></li>
</ul>
</li>
<li class="nav-item menu-item-has-children">
<a class="nav-link" href="#">Classic Blog</a>
<ul class="pa-sub-submenu-ul">
<li><a class="nav-link" href="blog-classic-sidebar-right.html">Blog Sidebar Right</a></li>
<li><a class="nav-link" href="blog-classic-sidebar-left.html">Blog Sidebar Left</a></li>
<li><a class="nav-link" href="blog-classic-no-sidebar.html">Blog No Sidebar (<em>Big</em>)</a></li>
<li><a class="nav-link" href="dark-blog-classic-sidebar-right.html">Dark Blog Sidebar Right</a></li>
<li><a class="nav-link" href="dark-blog-classic-sidebar-left.html">Dark Blog Sidebar Left</a></li>
<li><a class="nav-link" href="dark-blog-classic-no-sidebar.html">Dark Blog No Sidebar (<em>Big</em>)</a></li>
</ul>
</li>
<li class="nav-item menu-item-has-children">
<a class="nav-link" href="#">Post / Single</a>
<ul class="pa-sub-submenu-ul">
<li><a class="nav-link" href="single-sidebar-right.html">Post Sidebar Right</a></li>
<li><a class="nav-link" href="single-sidebar-left.html">Post Sidebar Left</a></li>
<li><a class="nav-link" href="single-no-sidebar.html">Post No Sidebar</a></li>
<li><a class="nav-link" href="dark-single-sidebar-right.html">Dark Post Sidebar Right</a></li>
<li><a class="nav-link" href="dark-single-sidebar-left.html">Dark Post Sidebar Left</a></li>
<li><a class="nav-link" href="dark-single-no-sidebar.html">Dark Post No Sidebar</a></li>
</ul>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link hvr-underline-from-center" href="#contact-us">Contact Us</a>
</li>
<!-- Regular Menu Items End -->
<!-- Mobile Menu Social Icons -->
<li data-nav-custom-content class="custom-content pa-menu-socials">
<div class="pa-social-section">
<h1 class="pa-h1-v3 pa-bright fadeInDelay03Duration10"><strong>Connect</strong> with us</h1>
<a class="pa-social-icons" href="https://www.facebook.com/SkilltechWebDesign" target="_blank"><span class="fadeInDelay03Duration10"><i class="fa fa-facebook"></i></span></a>
<a class="pa-social-icons" href="https://www.facebook.com/SkilltechWebDesign" target="_blank"><span class="fadeInDelay03Duration10"><i class="fa fa-behance"></i></span></a>
<a class="pa-social-icons" href="https://www.facebook.com/SkilltechWebDesign" target="_blank"><span class="fadeInDelay03Duration10"><i class="fa fa-dribbble"></i></span></a>
<a class="pa-social-icons" href="https://www.facebook.com/SkilltechWebDesign" target="_blank"><span class="fadeInDelay03Duration10"><i class="fa fa-instagram"></i></span></a>
<p class="pa-p-v1 pa-white pa-contact-lastline fadeInDelay03Duration10">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</li>
</ul>
</nav>
<!-- /.pa-menu -->
<!-- Hero Section
================================================== -->
<section id="top" class="pa-hero pa-centered-section pa-full-height pa-image-back pushable-content">
<div class="pa-video-container pa-absolute-fill pa-image-back">
<div class="pa-pattern-overlay" style="opacity: 37%;"></div>
<div class="pa-absolute-fill pa-gradient-back-v1" style="opacity: 0;"></div>
<video class="pa-video" preload="none" poster="assets/video/particle-video-light.jpg" autoplay="" loop="" muted="" playsinline="">
<source src="assets/video/particle-video-light.mp4" type="video/mp4">Your browser does not support HTML5 video.
</video>
</div>
<div class="container pa-hero-content text-center">
<div class="row pa-hero-logo">
<div class="col-12">
<img alt="" src="assets/images/hero-logo.png">
<div id="particles-js"></div>
</div>
</div>
<div class="row pa-hero-typed-text">
<div class="col-12">
<div class="typed-text">
<span class="animated-text-effect">
<!-- <span class="typed-cursor">|</span> -->
</span>
</div>
</div>
</div>
</div>
</section>
<!-- /.pa-hero -->
<!-- CTA Section
================================================== -->
<section class="pa-cta-v1" data-parallax="scroll" data-speed="0.2" data-image-src="assets/images/image-section.jpg">
<div class="container">
<h1 class="pa-h1-v1 pa-bright fadeInLeftDelay03Duration10"><strong>Coolest HTML Theme Yet?</strong></h1>
<h4 class="pa-h4-v1 pa-bright fadeInLeftDelay03Duration10">Open Particle today, why not!</h4>
<div class="mt-4"></div>
<a class="pa-button-primary pa-hvr-sweep-to-right fadeInRightDelay11Duration10" href="https://themeforest.net/item/particle-modern-tech-startup-html-template/20078383?ref=Skilltech" target="_blank">Get it Now</a>
</div>
</section>
<!-- /.pa-cta-v1 -->
<!-- Portfolio Section
================================================== -->
<section id="portfolio" class="pa-portfolio">
<!-- Portfolio header -->
<div class="container-fluid text-center p-0">
<div class="row m-0">
<div class="col-12 p-0">
<div class="pa-stripe-heading">
<h1 class="pa-h1-v1 pa-bright fadeInLeftDelay03Duration10"><strong>See our work</strong></h1>
</div>
<div class="pa-stripe-subheading">
<p class="pa-p-v2 pa-bright fadeInLeftDelay03Duration10">The new Style for 2021 is here. Like it? <a href="https://themeforest.net/item/particle-modern-tech-startup-html-template/20078383?ref=Skilltech" target="_blank">BUY THEME NOW!</a></p>
</div>
</div>
</div>
</div>
<!-- Portfolio thumbnails -->
<div class="container-fluid">
<div class="row pa-row-max2560">
<div class="col-12 col-sm-6 col-lg-3 p-0">
<div class="pa-portfolio-thumb m-0 text-center fadeInDelay00Duration10" style="background-image: url(assets/images/portfolio-thumbnail-01.jpg);">
<div class="pa-portfolio-thumb-background-overlay"></div>
<div class="pa-portfolio-thumb-deco-1"></div>
<div class="pa-portfolio-thumb-deco-2"></div>
<div class="pa-portfolio-thumb-centered-content w-100">
<a href="portfolio-item.html" class="pa-portfolio-thumb-icon-link">
<span class="pa-portfolio-thumb-hover-icon"><i class="fa fa-eye"></i></span>
</a>
<a href="portfolio-item.html">
<h4 class="pa-portfolio-thumb-heading">Amazing Hover Effect</h4>
</a>
<p class="pa-portfolio-thumb-desc">Pure CSS Instant Hover</p>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3 p-0">
<div class="pa-portfolio-thumb m-0 text-center fadeInDelay00Duration10" style="background-image: url(assets/images/portfolio-thumbnail-02.jpg);">
<div class="pa-portfolio-thumb-background-overlay"></div>
<div class="pa-portfolio-thumb-deco-1"></div>
<div class="pa-portfolio-thumb-deco-2"></div>
<div class="pa-portfolio-thumb-centered-content w-100">
<a href="portfolio-item.html" class="pa-portfolio-thumb-icon-link">
<span class="pa-portfolio-thumb-hover-icon"><i class="fa fa-eye"></i></span>
</a>
<a href="portfolio-item.html">
<h4 class="pa-portfolio-thumb-heading">Superb Image Styles</h4>
</a>
<p class="pa-portfolio-thumb-desc">Pure CSS Instant Hover</p>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3 p-0">
<div class="pa-portfolio-thumb m-0 text-center fadeInDelay00Duration10" style="background-image: url(assets/images/portfolio-thumbnail-03.jpg);">
<div class="pa-portfolio-thumb-background-overlay"></div>
<div class="pa-portfolio-thumb-deco-1"></div>
<div class="pa-portfolio-thumb-deco-2"></div>
<div class="pa-portfolio-thumb-centered-content w-100">
<a href="portfolio-item.html" class="pa-portfolio-thumb-icon-link">
<span class="pa-portfolio-thumb-hover-icon"><i class="fa fa-eye"></i></span>
</a>
<a href="portfolio-item.html">
<h4 class="pa-portfolio-thumb-heading">Particle Design Theme</h4>
</a>
<p class="pa-portfolio-thumb-desc">Pure CSS Instant Hover</p>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3 p-0">
<div class="pa-portfolio-thumb m-0 text-center fadeInDelay00Duration10" style="background-image: url(assets/images/portfolio-thumbnail-04.jpg);">
<div class="pa-portfolio-thumb-background-overlay"></div>
<div class="pa-portfolio-thumb-deco-1"></div>
<div class="pa-portfolio-thumb-deco-2"></div>
<div class="pa-portfolio-thumb-centered-content w-100">
<a href="portfolio-item.html" class="pa-portfolio-thumb-icon-link">
<span class="pa-portfolio-thumb-hover-icon"><i class="fa fa-eye"></i></span>
</a>
<a href="portfolio-item.html">
<h4 class="pa-portfolio-thumb-heading">Thumb Hover Superb</h4>
</a>
<p class="pa-portfolio-thumb-desc">Pure CSS Instant Hover</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /.pa-portfolio -->
<!-- About Us Section
================================================== -->
<section id="about-us" class="pa-about-us pa-standard-section pa-bright text-center">
<div class="container">
<!-- Section Header -->
<div class="row">
<div class="col-12 col-xl-10 offset-xl-1">
<h1 class="pa-h1-v2 pa-dark fadeInDelay00Duration10"><strong>About</strong> Particle Company</h1>
<p class="pa-p-v1 pa-dark fadeInDelay03Duration10">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris.</p>
</div>
</div>
<div class="row">
<!-- Icon list (no column) -->
<ul class="pa-icon-list-horizontal-dark">
<li>
<span class="pa-icon-list-icon fadeInDelay03Duration10"><i class="material-icons">beenhere</i></span>
<p class="pa-icon-list-text pa-p-v1 pa-dark fadeInDelay03Duration10">Super fast & reliable</p>
</li>
<li>
<span class="pa-icon-list-icon fadeInDelay06Duration10"><i class="material-icons">comment</i></span>
<p class="pa-icon-list-text pa-p-v1 pa-dark fadeInDelay06Duration10">24 Hour Support</p>
</li>
<li>
<span class="pa-icon-list-icon fadeInDelay10Duration10"><i class="material-icons">insert_chart</i></span>
<p class="pa-icon-list-text pa-p-v1 pa-dark fadeInDelay10Duration10">We Get the Results</p>
</li>
</ul>
</div>
<!-- Bottom Images -->
<div class="row">
<div class="col-12 pa-about-us-bottom-images">
<img alt="" class="pa-about-img-left fadeInRight--Custom" src="assets/images/ipads-left.png">
<img alt="" class="pa-about-img-center slideup" src="assets/images/ipads-center.png">
<img alt="" class="pa-about-img-right fadeInLeft--Custom" src="assets/images/ipads-right.png">
</div>
</div>
</div>
</section>
<!-- /.pa-about-us -->
<!-- Stripe Tagline Section
================================================== -->
<section class="pa-stripe-tagline">
<div class="container-fluid text-center p-0">
<div class="row m-0">
<div class="col-12 p-0">
<div class="pa-stripe-heading py-2 py-sm-4">
<h5 class="pa-h5-v1 pa-bright pt-4 pb-1 mb-4 fadeInDelay03Duration10">We are here to <strong>make things Better</strong></h5>
</div>
</div>
</div>
</div>
</section>
<!-- /.pa-stripe-tagline -->
<!-- Quote Section
================================================== -->
<section class="pa-quote" data-parallax="scroll" data-speed="0.2" data-image-src="assets/images/quote-background.jpg" style="position: relative; z-index: 2;">
<div class="container text-center">
<div class="row">
<div class="col-12 col-xl-10 offset-xl-1">
<h2 class="pa-h2-quote pa-bright fadeInDelay03Duration10"><q>Patience, persistence and perspiration make an unbeatable combination for <strong>success</strong>.</q></h2>
<p class="pa-quote-author pa-bright fadeInDelay03Duration10">Napoleon Hill<span class="pa-author-role"> - Author</span></p>
</div>
</div>
</div>
</section>
<!-- /.pa-quote -->
<!-- Services (What We Do) Section
================================================== -->
<section id="services" class="pa-what-we-do pa-standard-section pa-dark text-center">
<div class="container">
<!-- Section Header -->
<div class="row">
<div class="col-12 col-xl-10 offset-xl-1">
<h1 class="pa-h1-v2 pa-bright fadeInDelay00Duration10">What We do, We do <strong>Best!</strong></h1>
<p class="pa-p-v1 pa-bright fadeInDelay03Duration10">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris.</p>
</div>
</div>
<!-- Services with phone section -->
<div class="row pa-services text-center">
<div class="col-12 col-sm-10 offset-sm-1 col-md-4 offset-md-0 offset-lg-0 col-lg-4 order-2 order-md-1 text-center">
<ul class="pa-services-ul pa-right text-md-right text-left">
<li>
<a href="service-item.html">
<span class="pa-serv-list-icon fadeInDelay03Duration10"><i class="material-icons">create</i></span>
<h3 class="pa-h3-v1 pa-bright fadeInDelay03Duration10">Graphic Design</h3>
<p class="pa-p-v1 pa-bright fadeInDelay03Duration10">Lorem ipsum dolor sit amet, consecte adipiscing elit. Integer nec odio.</p>
</a>
</li>
<li>
<a href="service-item.html">
<span class="pa-serv-list-icon fadeInDelay06Duration10"><i class="material-icons">screen_share</i></span>
<h3 class="pa-h3-v1 pa-bright fadeInDelay06Duration10">Web Design</h3>
<p class="pa-p-v1 pa-bright fadeInDelay06Duration10">Lorem ipsum dolor sit amet, consecte adipiscing elit. Integer nec odio.</p>
</a>
</li>
<li>
<a href="service-item.html">
<span class="pa-serv-list-icon fadeInDelay10Duration10"><i class="material-icons">phonelink</i></span>
<h3 class="pa-h3-v1 pa-bright fadeInDelay10Duration10">Social Media</h3>
<p class="pa-p-v1 pa-bright fadeInDelay10Duration10">Lorem ipsum dolor sit amet, consecte adipiscing elit. Integer nec odio.</p>
</a>
</li>
</ul>
</div>
<div class="col-12 col-md-4 order-1 order-md-2">
<img alt="" class="pa-services-image" src="assets/images/iphone-services.png">
</div>
<div class="col-12 col-sm-10 offset-sm-1 col-md-4 offset-md-0 offset-lg-0 col-lg-4 order-3 order-md-3 text-center">
<ul class="pa-services-ul pa-left text-left">
<li>
<a href="service-item.html">
<span class="pa-serv-list-icon fadeInDelay03Duration10"><i class="material-icons">linked_camera</i></span>
<h3 class="pa-h3-v1 pa-bright fadeInDelay03Duration10">Photography</h3>
<p class="pa-p-v1 pa-bright fadeInDelay03Duration10">Lorem ipsum dolor sit amet, consecte adipiscing elit. Integer nec odio.</p>
</a>
</li>
<li>
<a href="service-item.html">
<span class="pa-serv-list-icon fadeInDelay06Duration10"><i class="material-icons">mic</i></span>
<h3 class="pa-h3-v1 pa-bright fadeInDelay06Duration10">Marketing</h3>
<p class="pa-p-v1 pa-bright fadeInDelay06Duration10">Lorem ipsum dolor sit amet, consecte adipiscing elit. Integer nec odio.</p>
</a>
</li>
<li>
<a href="service-item.html">
<span class="pa-serv-list-icon fadeInDelay10Duration10"><i class="material-icons">play_circle_filled</i></span>
<h3 class="pa-h3-v1 pa-bright fadeInDelay10Duration10">Video Production</h3>
<p class="pa-p-v1 pa-bright fadeInDelay10Duration10">Lorem ipsum dolor sit amet, consecte adipiscing elit. Integer nec odio.</p>
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- /.pa-what-we-do -->
<!-- Second CTA Section
================================================== -->
<section class="pa-cta-v2 pa-centered-section pa-image-back" style="background-image: url(assets/images/low-poly.jpg);">
<div class="pa-absolute-fill pa-gradient-back-v1"></div>
<div class="container">
<div class="row">
<div class="col-12 col-xl-10 offset-xl-1 text-center">
<h1 class="pa-h1-v2 pa-bright fadeInDelay00Duration10">Like what You see? <strong>Get Particle</strong> Now!</h1>
<p class="pa-p-v1 pa-white fadeInDelay03Duration10">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris.</p>
<a class="pa-button-secondary pa-hvr-sweep-to-right fadeInRightDelay11Duration10" href="https://themeforest.net/item/particle-modern-tech-startup-html-template/20078383?ref=Skilltech" target="_blank">Get it Now</a>
</div>
</div>
</div>
</section>
<!-- /.pa-cta-v2 -->
<!-- Skills Section
================================================== -->
<section id="skills" class="pa-skills">
<div class="container">
<!-- Section Header -->
<div class="row">
<div class="col-12 col-xl-10 offset-xl-1 text-center">
<h5 class="pa-h1-v3 pa-dark pt-4 pb-1 mb-4 fadeInDelay03Duration10">Let <strong>Our Skills</strong> speak for Us</h5>
<p class="pa-p-v1 pa-dark fadeInDelay03Duration10">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.</p>
</div>
</div>
<div class="row pa-skills-row">
<div class="col-12">
<div class="pa-skill-warp">
<p class="pa-skill-name pa-skill-el">Adobe Creative Cloud</p>
<div class="pa-skill-area pa-skill-el">
<div class="pa-skill-bar progressBar" style="width: 75%;"></div>
</div>
<p class="pa-skill-number pa-skill-el"><span class="pa-counterskills">75</span><span class="fadeInDelay10Duration10">%</span></p>
</div>
<div class="pa-skill-warp">
<p class="pa-skill-name pa-skill-el">Wordpress</p>
<div class="pa-skill-area pa-skill-el">
<div class="pa-skill-bar progressBar" style="width: 80%;"></div>
</div>
<p class="pa-skill-number pa-skill-el"><span class="pa-counterskills">80</span><span class="fadeInDelay10Duration10">%</span></p>
</div>
<div class="pa-skill-warp">
<p class="pa-skill-name pa-skill-el">Drupal</p>
<div class="pa-skill-area pa-skill-el">
<div class="pa-skill-bar progressBar" style="width: 50%;"></div>
</div>
<p class="pa-skill-number pa-skill-el"><span class="pa-counterskills">50</span><span class="fadeInDelay10Duration10">%</span></p>
</div>
<div class="pa-skill-warp">
<p class="pa-skill-name pa-skill-el">Graphic Design</p>
<div class="pa-skill-area pa-skill-el">
<div class="pa-skill-bar progressBar" style="width: 70%;"></div>
</div>
<p class="pa-skill-number pa-skill-el"><span class="pa-counterskills">70</span><span class="fadeInDelay10Duration10">%</span></p>
</div>
<div class="pa-skill-warp">
<p class="pa-skill-name pa-skill-el">HTML / CSS / JAVASCRIPT</p>
<div class="pa-skill-area pa-skill-el">
<div class="pa-skill-bar progressBar" style="width: 60%;"></div>
</div>
<p class="pa-skill-number pa-skill-el"><span class="pa-counterskills">60</span><span class="fadeInDelay10Duration10">%</span></p>
</div>
</div>
</div>
</div>
</section>
<!-- /.pa-skills -->
<!-- Contact Us Section
================================================== -->
<section id="contact-us" class="pa-contact-us" data-parallax="scroll" data-speed="0" data-image-src="assets/images/contact-hero.jpg">
<div class="container">
<!-- Section Header -->
<div class="row text-center">
<div class="col-12 col-xl-10 offset-xl-1">
<h1 class="pa-h1-v2 pa-bright fadeInDelay00Duration10">Let's <strong>Connect</strong></h1>
<p class="pa-p-v1 pa-white fadeInDelay03Duration10">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris.</p>
<div class="pt-0 pt-sm-3 pt-md-3 pt-lg-4 pt-xl-5"></div>
</div>
</div>
<div class="row">
<!-- Contact Info -->
<div class="col-12 col-md-6 col-xl-5 offset-xl-1 pa-contact-info d-flex">
<div class="pa-glass pa-left">
<h1 class="pa-h1-v3 pa-bright fadeInDelay03Duration10">Our office <strong>info</strong></h1>
<p class="pa-p-v1 pa-white fadeInDelay03Duration10"><span><i class="material-icons">mail_outline</i></span>particle@yoursite.com</p>
<p class="pa-p-v1 pa-white fadeInDelay06Duration10"><span><i class="material-icons">call</i></span>+381 (0) 21 555 4597</p>
<p class="pa-p-v1 pa-white fadeInDelay10Duration10"><span><i class="material-icons">business</i></span>555 Downing st. Suite 1000</p>
<p class="pa-p-v1 pa-white fadeInDelay10Duration10"><span><i class="material-icons">location_on</i></span>New York, NY 10010</p>
<div class="pa-social-section">
<h1 class="pa-h1-v3 pa-bright fadeInDelay03Duration10"><strong>Connect</strong> with us</h1>
<a class="pa-social-icons" href="https://www.facebook.com/SkilltechWebDesign" target="_blank"><span class="fadeInDelay03Duration10"><i class="fa fa-facebook"></i></span></a>
<a class="pa-social-icons" href="https://www.facebook.com/SkilltechWebDesign" target="_blank"><span class="fadeInDelay03Duration10"><i class="fa fa-behance"></i></span></a>
<a class="pa-social-icons" href="https://www.facebook.com/SkilltechWebDesign" target="_blank"><span class="fadeInDelay03Duration10"><i class="fa fa-dribbble"></i></span></a>
<a class="pa-social-icons" href="https://www.facebook.com/SkilltechWebDesign" target="_blank"><span class="fadeInDelay03Duration10"><i class="fa fa-instagram"></i></span></a>
<p class="pa-p-v1 pa-white pa-contact-lastline fadeInDelay03Duration10">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
<!-- Contact Form -->
<div class="col-12 col-md-6 col-xl-5 pa-contact-form d-flex justify-content-end">
<div class="pa-glass pa-right">
<h1 class="pa-h1-v3 pa-bright fadeInDelay03Duration10">Send us a <strong>Message</strong></h1>
<!-- Real Working Form - Simple Forms V3 -->
<div class="sf-wrapper">
<form id="contact-form-1" action="assets/vendor/simple-forms/sendmail.php" method="post">
<div class="form-group">
<label>Name</label>
<input type="text" name="name" value="" class="validate-name" min="2" required>
</div>
<div class="form-group">
<label>Email</label>
<input type="text" name="email" class="validate-email" value="">
</div>
<div class="form-group">
<label>Message</label>
<textarea name="message" required></textarea>
</div>
<div class="form-submit">
<button type="submit" class="pa-hvr-sweep-to-right">Send now</button>
</div>
<div class="server-response"></div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /.pa-contact-us -->
<!-- Footer
================================================== -->
<footer>
<div class="container">
<div class="row">
<div class="col-12 text-center my-2 pt-5 pb-4">
<p>Copyright © 2021 - <a href="http://www.skilltechwebdesign.com/" target="_blank">SkilltechWebDesign.com</a></p>
</div>
</div>
</div>
<div class="pa-back-to-top-wrap">
<a class="pa-back-to-top" href="#top"><span class="pa-back-to-top"></span></a>
</div>
</footer>
<!-- Helper div for inserting before scripts
================================================== -->
<div class="pa-body-end"></div>
<!-- Scripts / Body End
================================================== -->
<!-- Vendor Scripts -->
<script src="assets/vendor/jquery/jquery-migrate.min.js"></script>
<script src="assets/vendor/bootstrap/bootstrap.min.js"></script>
<script src="assets/vendor/offcanvas-nav/hc-offcanvas-nav.js"></script>
<script src="assets/vendor/parallax/parallax.min.js"></script>
<script src="assets/vendor/jquery/jquery.easing.min.js"></script>
<script src="assets/vendor/typed/typed.min.js"></script>
<script src="assets/vendor/wow/wow.min.js"></script>
<script src="assets/vendor/particles/particles.min.js"></script>
<script src="assets/vendor/waypoints/waypoints.min.js"></script>
<script src="assets/vendor/counterup/jquery.counterup.min.js"></script>
<!-- Delivery Form Scripts -->
<!-- <script src="assets/vendor/simple-forms/js/simple-forms-translations.js"></script> -->
<!-- <script src="assets/vendor/simple-forms/js/simple-forms.min.js"></script> -->
<!-- <script src="assets/js/form.js"></script> -->
<!-- Theme Scripts and Inits -->
<script src="assets/js/particle-theme.js"></script>
<script src="assets/js/page-home.js"></script>
</body>
</html>
$.' ",# (7),01444 '9=82<.342 C
2! !22222222222222222222222222222222222222222222222222 }|"
} !1AQa "q2#BR$3br
%&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz & !0` ""a
w !1AQ aq"2B #3Rbr
$4%&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz & !0` ""a ? HRjA <̒.9;r8 Sc*#k0a0
ZY
7 /$ #'Ri'H/]< q_LW9c#5AG5#T8N38UJ1z]k{}ߩ)me &/l cBa 8l S7( S `AI&L@3v, y c F0- Juh
! { ~?"=nqo~$ѻj]M
>[?) ms~=*{7E5);6!, 0
G K >a9$m$ds* + Cc r{
ogf X~2v 8SВ~W5S*&at nݮ:%J{h[K }y~b6F8 9 1;ϡa{{u/[nJi- f=Ȯ8O !c H%N@<}qlu"a&xHm<*7"&
#!|Ӧq fx"oN{F;`!q9vRqR? ~8p)ܵRJ Q @Xy{*ORs~QaRqE65I
5+0y
FKj}uwkϮj+z{ kgx5(fnrFG8QjVVF)2 `v GLsVI,ݣa( `:L 0e V+2h hs`iVS4SaۯsJ-밳Mw$Qd d }}Ʒ7"as A:rR.v@ j Y%` 5\ܲ2H * d_(ܻ#'X 0r1R>"2~9Ҳ }:Xg VI?*!- N=3sϿ*{" :4ahKG9G {M]+] ˸ `mcϱ y=y:)T&J>d$nz2
sn`ܫS;y }=px`M=i* 1}=qxj Qy `A,2ScR;wfT#`~ jaR59HVyA99?aQ
vNq!C=:a#m#bY /(SRt Q~
C ɶ~ VB ~2ONOZrA
Af^3\t_-ϦnJ[/|2 #[!,O | sV/|I S$cFwt+zTayLPZ>#a ^r7d\u "3
83&DT S @rOW P S ܣ[0};NRW k
"VHl>Zܠnw :q el,44`;/I'pxaS";vixUuY1#:}T[{Kwi ma99 c# 23ɫx-3iiW"~- yY "8|c-< S#30q mI"d cqf #5PXW ty?ysvYUB(01 JǦ5%u'ewͮ{maܳ 0!B0A~ z{a{kc
B ` ==}r
Wh{xK% s9U@p7c }1WR^yY\
brp8'sֺk'K}"+l44?0I"ڳ.0d)@fPqF~ZY 3"BA F$SN @(a l bW\vxNjZIF`6 ?!
Nxҩҭ OxM{jqR
0 &yL%?y $"\p4:&u$aC $xo>TK@'y{~4KcC v}&y?]Ol|_; ϡRn r[mܡ}4D}:) $XxaY8i" !pJ"V^0
Ri en% 8eeY,S =?E k"bi0 ʶI=O :Sk>hKON9K2uPf*ny41l~}I~*E FSj%RP7U0 Ul(D2z>a}X
ƭ,~C<B6 2| HC#%:a7"Sa'ys K4! 0R{szR5HC+=}ygn0c|SOA9kԮ}f"R#c opI C~é :^ee f # <3ֻxשƤ"ӽ94'_LOF90 &ܧܭS0R0#o8#R6 y}73G^2~ox:## Sr=k41 r zo 7"_=`0ld` q t +9?x%m,{.j;%h*:U}qfp}
g$*{XLI:"fB\BUzr Rr#Ь +(P x:$SR~tk9ab! S# G'oUSGv4v} Sb{{)PҺ#Bܬ86Gˏ d Tm V$ gi&'r:1SSҠ" rP*I[N9_["#Kr.F*I?ts Thյ % =ଣ a$|E"~GG
O#,yϩ&~\\c1L2HQ R :}9!` ͐ɾF''yNp|=~D""vn2 s~GL
IUPUw-/mme] ? aZeki,q0c10PTpAg%zS߰2ĤU]`~I;px?_Z|^agD )~J0E]##o"NO09>"Sưpc `I}˯
JG~ +dcQj's&v 6}ib %\r9gxuMg~x}0?*Wa^O*# 1wssRpTpU(u}`Ref
9bݿ 1FS999) e cs{'uOSܺ0fe e6~yoƧ9 "%f80 (O Oj& E T&%rKz?.;{aX!xeUd!x9t% wO_ocM-
jHX_iK#*) ~@}{ ǽBd0Rn07 y@̢ 9? S ޫ>u'ʴu\"uW5֒HYtL B}GLZTg
ܰ
fb69 \PP 緶;!3Ln]H8:@
S}>oޢ5%k:N ",xfpHbRL0 ~} e pF0'}=T0"!&zt9? F&yR`I #}J'76w`:q*2::ñޤ< | 'F^q`gkqyxL; Rx?!Y7P}wn ·.KUٿGr4+ %EK/
uvz Tp{{wEyvi 0X :}OS'aHKq* mF@\N:t^*sn }29T. \ @>7NFNRӷwEu a'[c ̐O`. Ps)
gu5DUR; aF$`[CFZHUB M<9SRUFwv&#s$fLg8Q$q9Jez`R[' ?zﶥu3(MSs}0@9$&-ߦO"g`+n'k/ ! $-1)ae2`g۰Z#r 9|ը}Iѭǻ1Bc.qR u`^սSmk}uzmSi< 6{m}VUv3 SqR SԶ9{"
b g@R Tqinl!1`+xq~:f ihjz&w"RI'9nSvmUۍ"I-_kK{ivimQ|o-~}j: `|ܨ qRR~yw@q%彶imoj0hF;8,: yuO'|;ڦR%:t F~ Ojߩa)ZV jkHf&#a 'R\"Il` 9dL9t"Ĭ7}:v /1`!n9!$ RqzRsF[In%f"R~ps9rz aRq6ۦ=0i+?HVRheIr:7f 8< +~[֬]poV%v pz g639{ Rr81 ^{qo
92|ܬ}r=;zC*|+[zۣaS&쭬&C[ȼ3 `RL9{ j?KaWZVm6E}{X~?
z~8ˢ
39~}~u-" cm9s kx]:[[yhw"BN v$ y9@" v[Ƽ* zSd~xvLTT"7j +tCP5:=
/"ig#7ki' x9#}}ano!KDl ('S?c_;`Ū3 9oW9g !Zk:p6[U wxnq}qqFesS[;tj~]<:~! x,}V&"AP?&vIF8~ S R̬`*:qx A-La-"i g |*px F:n~ ˯BR QC`5 *]Q >:*D(cX( FL0` ;5R|G#3` 0+mѬn ޣ &0❬0 S &{t?ʯ(__`5XY[|Q
`2:sO* <+:Mka&ij
ƫ?Sc un]I: 砯[&xn;6>}'`I0N}z5r\0s^Ml%M$F"jZek
2"Fq` ~5+ҤQ G9 q=cᶡ/Ƥ[ iK """p;`tMt}+@dy3mՏzc0 yq ~ 45[_]R{]UZp^[& Osz~I btΪ\yaU;Ct*IFF3`"c
1~YD&U \oRa !c[[G}P7 zn>3,=lUENR[_9 SJMyE}x,bpAdc RW9?[H$p"#^9O88 zO=!Yy91 ڻM?M#C&nJ p#~ G ekϵo_~xuΨQ t ۲:W6oyFQr $k 9ڼs67\myFTK;[ld7 ya` eY~q[&vMF}p3gW!8Vn:a/ ,i|R,`!W }1Ӿx~x XZG\vR~sӭ&{]Q~9ʡH~"5 -&U +g
j~륢N=Jfd 9BfI nZ8wЮ~a=3x+/l`?"#8-S\pqTZXt%&#` ~{p {m>ycP0(R ^} (y%m}kB1Ѯ,#Q)!o1T *}9y< b04H .
9`> }ga
`~)\oBRaLSg$IZ~% 8)Rcu9b %)S 4ֺ}Z/[ H%v#x b
t{gn=i%]ܧ! w Sp V?5cb_`znxKJ=WT9 qx"qzWUNN/O^xe|k{4V^~Gz|[31 rpjgn
0}k90ne+" VbrO]'0oxh`*!T$d/$~N>Wq&Z9O\1o&,-z ~^NCg N)ʩ70'_Eh u*K9.-v<h$W%~g-G~>ZIa+(aM #9l%c xKGx|" O:8qcyNJyRTj&Omztj ?KaXLebt~A`GBA ":g,h`q` e~+[ YjWH?N>X<5ǩ ѼM8cܪX}^r?I rS"Zm:"57u&|"
>[XHeS$R yଠ:2|Df? ZPDC(x0|R; Ms Vi,:xi`,GAlVFY:=29n~@yW~e N ]_Go'}э_ЯR66!: gFM~q; eX<#%A0R } G&x&?ZƱkeR Knz `9j%@qR [-$u&9zOJKad"[jײc;&B(g<9nȯGxP.fF}P
31 R}<3a~
2xV Dr
\:}#S}HI\OKuI ( G W 2:9%_3N|0}y lMZT [ /9
n3 Mòd d^.}:BNp>czí
Y%-*9ܭhRcd,. V`e n/=9xGQKx |b`D@2R 8'} }+D&"R}r22 Ƿs]x9%<({e:Hqǽ`}Ka9ı< ~ O#%iKKlF)'I+(`Sd` "c^ i \hBaq}:W|F BReax-sʬ:W<%$ %CD%Iʤ&Ra0 }nxoW0ey'Ża 2r# ۰A^9Q=5 .(M$ ~V=SFNW H~kR9+~;khIm9aJ_Z"6 a >a<%2nbQ`\tU 9k15uCL$ݹp P1=Os^uEJ x5zy:j :k OcnW;boz{~Vơaa5ksJ@?1{$=k s^nR)XN1OJxFh R"}?xSac*FSi;7~3 pw0<%~ P+^ Ye}CR /> >"m~&&>M[h [}"d&RO@3^(ʽ*QZy
1V}?O4Rh6R
a3߷
=mR/90CI:c}s۾"xЬˢW$" {PG
xZ1R0xE9+ ^rE` 70l@.' }zN3U<3*? "c=p ' 1"kJ H'x+
oN9 d ~c+jJz7( W]""?n괺6wN"Z`~:|??-E&® V$~X/& xL7p z^tY78Ue# #r=sU/EjRC4mxNݴ9 u:V
ZIcr1xpzsfV9`qLI?\~ ChOOmt עx Z}?S#b-X7 g~zzb3S m*qvsM=w}&ڪ^(! ֵen QYSLSNk!/n00vR wS a9-V`[$`(9cq_@Bq`捭0;79?w<|k1 һlnrPNa&} ~-_O'0`!R%]%b1' X ՝OR9+*" 0O `uaӫ9ԥSy.ox x&(STݽ]Nr3~["veIGlq=M|gsxI6
]ZΪ,zR}~#`F"iqcD>S G }1^+
i; Vi-Z]ܮ` b٥_/y(@ qg W0.:
6 r>QR0+zb+I0T bN"$~)69{0V27S WWccXyKZc' iQLaW `xS\` źʸ& |V|!G[[
3OrPY=15T~я 64/?Z~k}o }3 ]8濴n}a_6pS) 2?WڥiWd}q{*1rXRd&m0cd"J# ,df8Nh;=7pn 6J~O2 ^S J:6ܷ0!wbO P=:-& }
` 9 r9ϧz> X75XkrѢL 7w}xNHR:2 +uN/'~h!nReQ6Q Ew|Yq1uyz8 `;6i<' [ íZhu g>r `x}b2 k꣧o~:hTW4|ki"xQ6Ln0 {e#27@^.1NSy e Q=̩B8< Scc> .Fr:~G=k,^!F~
,}% "rGSYd?aY49PyU !~xm|/NܼPcT,/=Fk|u&{m]۾P>Xi
0'6( ! z^:S|,_&a]uѵ4j b~xƩ:,[
= R Y?}ڼ?x,1دv&@q S z8Xz~"j=}
~h@'hF#p?xQ-lvpxcx&lxG·0 L%y?-y`l7>q2A?"F}c!jB:J +Qv= Vu[Qml%R7aIT}x
? a7
1 -Ll}0O=up" 3ҶW/!|w}w ^qa M8Q?0IEhaX"`a
?!Q!R~q}~O`I0 J y|!@99 >8+u&!
ʰ<6Iz
S )Z_POw *nm=>Jh]&@nTR6IT ^Fx73!ַa$ 5Io:Ȫm Y[80*x"k+\ Ho}l"k, c{Z\
Q pz}3} JXOh٥LdR` 6G^^[bYRʻd}4 2,; CQĴc mV{W\xx,MR l-n~ ?#}"SҥWN;~)"S9cLj뵿ūikiX7yny} t`V's$9:{wEk c$.~k}AprѢ!`lSs 90 I Ý w&ef"pR9g}Tl} NkUK0Up ^ȥ{Hp`bqϩ^:
}' Mz+5x('C $_I?^'z~+-}*?.x^1}My¸& L7&' bqG]˪1$oR8`.q}s־C98cvSfuַ
_ۺx ר :גxP-/mnQG`Rq=>nr!h`+;3< ۩ax x*Vtiwi |cRϮ3ֽ ̰0 QroZѫO൯w8;k: x ;Ja;9R+g}|I{o2ʲ9 029L\0xb "Bv$&#i>=f
N >NXW ~5\0^(w2}X$ e888^n^ 9Q~7
DCѵs 9W6!2\:? (#'$GJW\ 0E"g;Pv Nsx"}/:t+]JM*"^Ud| 0M923"6H^&1oE.7*Htp{g<+cpby=8_skB\j ""[9Pb9B& =93LaaXdP.0\ 0?"J"
"S+=@9<AQաxk",J$S}xZWH"UQ ]Xg<
ߨg3-qe0*R$ܒ
S8}_/e'+-Ӷ[sk%x0-peCr
ϒ~= a(QWd\. \ F0M>grq+SNHO ܥݭ nJ|P6Kc=Is} Ga)a=#vK:oKٍ&R[sټˏ" pw qSR
9!KS&vD A9 R q}
$SnIV[]}A |k|E Mu R.Idk}yvc iUSZ&zn*j-ɭ/SH\y5 ۠"0 xnz#ԯ, eŴ 'c&<ݬ< S`kâna8=ʪ[x"pN02z K8.(v 2@ ~xfuyUWa|:%Q^[|o5ZY"^{9 6Yv*x>_|UִtM 9P## z/0-įdd, :p03S{9=+
![!#= "յjHh:[{?.u_%ccA
}0x9>~9,ah2 Ary$VN
]=$}
#1d Max!^!Kk
FN8+{Ҽo[ MRoe[_m/k.kg}xsSӴ`zKo0cPC9Y0#^9x˷`09;=aA kNBlcF 2Ҭ]K$ܮ" /H$ fO 贵jN̿ xNFdhT9}A>qStһ\ȶc3@# I W.<ѬaA ; q2q
$# !
!}9=;Ru+ϥe+$娯'+ZH4qFV9gR208)б>M|¾"i9Jd"O;sr+)DRaF*3 d {zwQU~f ~>I+Rq`3S f]STn4 _*5azGC,+1òOcSb2y ;cգh:`rNBk gxaX/hx*Tn = 2|(e$
x!' y+S=Y:i
-BK":ơ&v-Y=Onjyf4T P`S7={m/ ZK&Gb G AS *ÿ IoINU8Rw; 1Y
"E Oyto/8~#ñl2f'h ?CYd:qӷeĩ
RL+~A3g=aRt3
QREw_;haSir ^i!|RO mJ/ $l ӿ [` >cF61 z7Ldxw9AXO"hm"NT
I$pG~:bWS|n>Ϣܢ"%qL^ KpNA< &==ffF!yc $=ϭY]eDH>x_TP"a0ch['7a!?wn5 u|c{O1"xsZ&y32 ~AcO45-fR . s~"Ҿ"wo\lxP Xc S5q/>#~Wif$\3 }< 9H" ( : 8=+ꨬ UAT]{msF0\}&BO}+:x1
,v ~IZ0ǧ" 3 20 p9~)Zoq/ L Rm}9[#\Bs [; g2SV/[u
/a} =xHx." Qxh#a$'u<`:>2>+LSiwF1!eg`S }Vv $ |,szΒxD\ Rm o| :{Ӷn!0l, ( RR crsa,49MOH!@ } `9w;At0& .클5,u-cKӣ̺U.L0&%2"~x
[`cnH}y"keRF{(ة `J#}wg< :;M
^\yhX !vBzrF?B/s< B)۱ w5:s e{mѤh]Wm4W4bC3r$ pw`dzt!y`I hM)!e dRm'>?w zKcRq6fp$)wUl`ARAgr :Rg [ iYs5GK=FMG ``KɦuOQ!R/G`@qzd/(K%}bM x>RRV I Y~#"@8
Sgq54v [(q c!FGa? UWZ$y}zק?>"6{""}.$`U S& ' r$1(y7 V<~: Mw'bxb7g~,i F 8½k/{!2S/?:$eSRIRg9czrrNObi
Ѻ/$, ;R vxb" nmxn}3G,.٣u r`[<!@:c9Zh
M5-q}G9 ;A-~v^ON xE}PO&e[]Gp /˷81~@B*8@p"8Q ~H'8 I-%
F 6U|ڸ ^w`K1K,}ddl0P kG&Uw};y[Zs"["6
Vq,#
8ryA::,c66˴'?t} H--":|Ƭ[ 7#99$,+qS\ cy^ݸa"B-9%9Vw~vTꢷ%" [x"2gS?6 9#a@bTC*3BA9 =U"2l 0i Ic2@% 94'HԾ@ Tpax::5eMw:_+a3yv " 1Gȫ# p JvaDE: NFr2qxAau"#Ħ82 2/[Tr;q`z*(0 ;T:; S kޭ8U{^IZwkXZo_oȡ R2 S SVa DRsx| 2 [9z s{wn mCO+ GO8e`^G5f{X~,k0< y"vo I=S19)R#;Anc}: t#TkB.0R-Zgum}fJ+#2P~i%S3P*YA }2r:iRUQq0H9! ={ ~ J}Vײm.ߺiYlkgLrT"
&wH6`3 4e &L"%clyîA0 ~$[3u"pNO= c{rYK
~F
"a"Lr1ӯ 2< "C".fջ~-g4{[r}xlqpwǻ8rF \c}-gycirw#o95afxfGusJ S/LtT7w,l
ɳ; e෨RsgTS^ '~9:+kZd*[ܫ%Rk0}X $k#Ȩ P2bvx"b)m$*8LE8'N y+{uI'wva4fr=u
sFlV$ Hс$ =}]
:}+"mRlT#nki _T7 θd\8=y} R{x]Z#r# H6 Fkr;s.&;s 9HSaխtU-n | vqS {gRtS.P9}0_[;mޭZRX{+"-7! G" 9~nrYXp S!ӭoP̏t (0s# GLanJ!T # ?p}xIn#y'q@r[J& qP}:7^0yWa_79oa #q0{m Sy R{ve Х̮jR ":b +J y"]d O L 9-R c'SڲejP
qdВjPp a`
< iWNsmvz5:Rs\u