|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/betterpi/pricing/homepages/ |
Upload File : |
<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Mon Apr 08 2019 21:45:00 GMT+0000 (UTC) -->
<html data-wf-page="5afa021e9581532868091647" data-wf-site="5afa021d958153168b09160b">
<head>
<meta charset="utf-8">
<title>FlatkitCMS - Ui Kit Webflow Template</title>
<meta content="There are many multi-purpose templates, there are very few that have a strong emphasis on design. Flatkit comes with a multitude of carefully designed page layouts, purpose built content blocks that when pieced together create stunning, professional layouts. The possibilities are endless." name="description">
<meta content="FlatkitCMS - Ui Kit Webflow Template" property="og:title">
<meta content="There are many multi-purpose templates, there are very few that have a strong emphasis on design. Flatkit comes with a multitude of carefully designed page layouts, purpose built content blocks that when pieced together create stunning, professional layouts. The possibilities are endless." property="og:description">
<meta content="summary" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="../css/normalize.css" rel="stylesheet" type="text/css">
<link href="../css/webflow.css" rel="stylesheet" type="text/css">
<link href="../css/pixami-website-2018.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Merriweather:300,300italic,400,400italic,700,700italic,900,900italic","Poppins:300,regular,500,600,700","Playfair Display:regular,italic,700,700italic,900,900italic"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="../images/FaviconColorBack.png" rel="shortcut icon" type="image/x-icon">
<link href="../images/WebclipColorBack.png" rel="apple-touch-icon">
<script type="text/javascript">(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-116967418-2', 'auto');ga('send', 'pageview');</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-116967418-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-116967418-2');
</script>
</head>
<body>
<div id="top" data-ix="slide-in-scroll-navigation" class="banner personal">
<div data-collapse="medium" data-animation="default" data-duration="400" class="navigation-style-6 w-nav"><a href="../old-home.html" class="brand-logo w-nav-brand"><img src="../images/logo.png" width="130" srcset="../images/logo-p-500x166.png 500w, ../images/logo-p-800x265.png 800w, ../images/logo.png 1447w" sizes="130px" alt=""></a>
<div class="social-navigation without-margin w-hidden-medium w-hidden-small w-hidden-tiny"><a href="#" class="social-icon w-inline-block"></a><a href="#" class="social-icon twitter w-inline-block"></a><a href="#" class="social-icon google w-inline-block"></a></div>
<div class="w-container">
<nav role="navigation" class="navigation-menu center w-nav-menu">
<a href="../old-home.html" data-ix="show-line-menu-on-hover" class="navigation-link no-dropdown line-effect w-inline-block">
<div>Intro</div>
<div data-ix="menu-line-initial-appearance" class="line-menu"></div>
</a>
<a href="#about-me" data-ix="show-line-menu-on-hover" class="navigation-link no-dropdown line-effect w-inline-block">
<div>About Me</div>
<div data-ix="menu-line-initial-appearance" class="line-menu"></div>
</a>
<a href="#projects" data-ix="show-line-menu-on-hover" class="navigation-link no-dropdown line-effect w-inline-block">
<div>My Projects</div>
<div data-ix="menu-line-initial-appearance" class="line-menu"></div>
</a>
<a href="#skills" data-ix="show-line-menu-on-hover" class="navigation-link no-dropdown line-effect w-inline-block">
<div>Skills</div>
<div data-ix="menu-line-initial-appearance" class="line-menu"></div>
</a>
<a href="#process" data-ix="show-line-menu-on-hover" class="navigation-link no-dropdown line-effect w-inline-block">
<div>Process</div>
<div data-ix="menu-line-initial-appearance" class="line-menu"></div>
</a>
<a href="#testimonials" data-ix="show-line-menu-on-hover" class="navigation-link no-dropdown line-effect w-inline-block">
<div>Testimonials</div>
<div data-ix="menu-line-initial-appearance" class="line-menu"></div>
</a>
<a href="#contact" data-ix="show-line-menu-on-hover" class="navigation-link no-dropdown line-effect w-inline-block">
<div>Contact</div>
<div data-ix="menu-line-initial-appearance" class="line-menu"></div>
</a>
</nav>
<div class="hamburger-style-1 w-nav-button">
<div class="w-icon-nav-menu"></div>
</div>
</div>
</div>
<div class="triangle w-hidden-tiny"><img src="../images/tip.png" srcset="../images/tip-p-500x18.png 500w, ../images/tip-p-1080x38.png 1080w, ../images/tip-p-1600x56.png 1600w, ../images/tip.png 2000w" sizes="(max-width: 2000px) 100vw, 2000px" alt=""></div>
<div class="container-center w-container">
<div class="align-center">
<div>
<div data-ix="slide-in-effect-on-load-7" class="sub-title-slider in-portfolio with-color">Hello. i'm kiku beqi</div>
</div>
<h2 data-ix="slide-in-effect-on-load-8" class="sub-banner-title port-biger darker">Experienced UX and Web designer, crafting innovative digital solutions for clients worldwide.</h2>
<div data-ix="slide-in-effect-on-load-9" class="top-margin"><a href="#" data-ix="show-contact-wrapper-on-click" class="button full-color w-button">Hire me</a></div>
</div>
</div>
</div>
<div id="about-me" class="section">
<div class="w-container">
<div class="align-center">
<div class="top-title">
<div class="sub-title top-sub">About Me</div>
<h2>Who I am & what I do</h2>
</div>
</div>
<div>
<div class="w-row">
<div class="w-col w-col-7">
<div class="photo-about-me"></div>
</div>
<div class="w-col w-col-5">
<div>
<h3>Kiku Beqi</h3>
<div class="sub-title top-sub">UX & WEB DESIGNER</div>
<div class="top-margin">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. </p>
</div>
<div class="top-margin"><a href="#" class="button w-button">Start project with me</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="projects" class="section gray more-padding no-bottom right-left">
<div class="triangle top w-hidden-tiny"><img src="../images/tip-left.png" srcset="../images/tip-left-p-500x18.png 500w, ../images/tip-left-p-1080x38.png 1080w, ../images/tip-left-p-1600x56.png 1600w, ../images/tip-left.png 2000w" sizes="(max-width: 2000px) 100vw, 2000px" alt=""></div>
<div class="w-container">
<div class="align-center">
<div class="top-title">
<div class="sub-title top-sub">Projects</div>
<h2>A showcase of my works</h2>
</div>
</div>
</div>
<div class="w-dyn-list">
<div class="project-wrapper w-clearfix w-dyn-items w-row">
<div class="portfolio-item in-pages w-dyn-item w-col w-col-3">
<a href="#" data-ix="opacity-projet-on-hover" class="project-wrapper no-margin w-inline-block w-clearfix">
<div class="project-image"><img src="" alt=""></div>
<div class="project-content">
<h3 class="project-second-title"></h3>
<div class="meta-tag less-space no-margin"></div>
</div>
</a>
</div>
</div>
<div class="w-dyn-empty">
<div>No items found.</div>
</div>
</div>
</div>
<div id="skills" class="section gray darker add-some-extra">
<div class="w-container">
<div class="align-center">
<div class="top-title">
<div class="sub-title top-sub white">my skills</div>
<h2 class="heading-white dark-color">What I'm good at</h2>
</div>
</div>
<div>
<div class="w-row">
<div class="w-col w-col-6">
<div>
<div>
<div class="features-style-2 w-clearfix">
<div class="features-icon line full"></div>
<div class="features-content">
<h4 class="feat-title white">Mobile apps</h4>
<p class="paragraph-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim</p>
</div>
</div>
<div class="features-style-2 w-clearfix">
<div class="features-icon line full icon-2"></div>
<div class="features-content">
<h4 class="feat-title white">Copywriting</h4>
<p class="paragraph-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim</p>
</div>
</div>
<div class="features-style-2 no-margin w-clearfix">
<div class="features-icon line full icon-3"></div>
<div class="features-content">
<h4 class="feat-title white">SEO</h4>
<p class="paragraph-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim</p>
</div>
</div>
</div>
</div>
</div>
<div class="w-col w-col-6">
<div>
<div>
<div class="features-style-2 w-clearfix">
<div class="features-icon line full icon-4"></div>
<div class="features-content">
<h4 class="feat-title white">Communication</h4>
<p class="paragraph-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim</p>
</div>
</div>
<div class="features-style-2 w-clearfix">
<div class="features-icon line full icon-5"></div>
<div class="features-content">
<h4 class="feat-title white">Web design</h4>
<p class="paragraph-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim</p>
</div>
</div>
<div class="features-style-2 no-margin w-clearfix">
<div class="features-icon line full icon-6"></div>
<div class="features-content">
<h4 class="feat-title white">Complex sollutions</h4>
<p class="paragraph-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="triangle w-hidden-tiny"><img src="../images/tip.png" srcset="../images/tip-p-500x18.png 500w, ../images/tip-p-1080x38.png 1080w, ../images/tip-p-1600x56.png 1600w, ../images/tip.png 2000w" sizes="(max-width: 2000px) 100vw, 2000px" alt=""></div>
</div>
<div id="process" class="section">
<div class="w-container">
<div class="align-center">
<div class="top-title">
<div class="sub-title top-sub">Process</div>
<h2>That’s how I work</h2>
</div>
</div>
<div>
<div class="w-row">
<div class="w-col w-col-4">
<div class="process-wrapper">
<div class="process-icon"></div>
<h3 class="process-title">Basic Skatches</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare</p>
</div>
</div>
<div class="w-col w-col-4">
<div>
<div class="process-wrapper">
<div class="process-icon _2"></div>
<h3 class="process-title">Design & Development</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare</p>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div>
<div class="process-wrapper">
<div class="process-icon _3"></div>
<h3 class="process-title">Final Discussion</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="testimonials" class="section gray more-padding">
<div class="triangle top w-hidden-tiny"><img src="../images/tip-left.png" srcset="../images/tip-left-p-500x18.png 500w, ../images/tip-left-p-1080x38.png 1080w, ../images/tip-left-p-1600x56.png 1600w, ../images/tip-left.png 2000w" sizes="(max-width: 2000px) 100vw, 2000px" alt=""></div>
<div class="w-container">
<div class="align-center">
<div class="top-title">
<div class="sub-title top-sub">Testimonials</div>
<h2>Don't take my word for it</h2>
</div>
</div>
<div>
<div data-animation="slide" data-duration="500" data-infinite="1" class="testimonials-slider w-slider">
<div class="w-slider-mask">
<div class="w-slide">
<div>
<div class="w-row">
<div class="w-col w-col-4">
<div class="testimonials-wrapper white-background">
<div>Dendisse posuere. Maecenas vestibulum mollis diam, pendisse pulvinar.</div>
<div class="align-right margin">
<div><span>by</span> <span class="another-font">John Doe</span></div>
</div>
<div class="testimonials-photo white-background">
<div class="testimonials-photo real"></div>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div class="testimonials-wrapper white-background">
<div>Nunc nonummy metus. Aenean tellus metus, bibendum sed, posuere ac.</div>
<div class="align-right margin">
<div><span>by</span> <span class="another-font">John Doe</span></div>
</div>
<div class="testimonials-photo white-background">
<div class="testimonials-photo real photo-2"></div>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div class="testimonials-wrapper white-background">
<div>Pellentesque posuere. Maecenas vestibulum mollis diam, pendisse pulvinar.</div>
<div class="align-right margin">
<div><span>by</span> <span class="another-font">John Doe</span></div>
</div>
<div class="testimonials-photo white-background">
<div class="testimonials-photo real photo-3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-slide">
<div>
<div class="w-row">
<div class="w-col w-col-4">
<div class="testimonials-wrapper white-background">
<div>Quisque id odio, ulmcorper ipsum rutrum nunc. Donec sodales sagittis magna.</div>
<div class="align-right margin">
<div><span>by</span> <span class="another-font">John Doe</span></div>
</div>
<div class="testimonials-photo white-background">
<div class="testimonials-photo real photo-4"></div>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div class="testimonials-wrapper white-background">
<div>Etiam feugiat lorem non tus. Sed aliquam ultrices mauris. Fusce risus nisl, viverra.</div>
<div class="align-right margin">
<div><span>by</span> <span class="another-font">John Doe</span></div>
</div>
<div class="testimonials-photo white-background">
<div class="testimonials-photo real photo-5"></div>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div class="testimonials-wrapper white-background">
<div>Pellentesque posuere. Maecenas vestibulum mollis diam, pendisse pulvinar.</div>
<div class="align-right margin">
<div><span>by</span> <span class="another-font">John Doe</span></div>
</div>
<div class="testimonials-photo white-background">
<div class="testimonials-photo real photo-6"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slide-nav w-slider-nav w-slider-nav-invert w-round"></div>
</div>
</div>
</div>
</div>
<div id="contact" class="section background more-top">
<div class="w-container">
<div class="top-title no-line">
<div class="align-center">
<div class="sub-title top-sub white">Do you have a question? Contact us now!</div>
<h1 class="heading-white no-top-margin">Get in touch</h1>
</div>
</div>
<div>
<div class="w-row">
<div class="w-col w-col-6">
<div>
<div class="contact-wrapper">
<div>
<div class="w-form">
<form id="email-form-2" name="email-form-2" data-name="Email Form 2"><label for="name-4" class="newsletter-label darker">Your name</label><input type="text" id="name-4" name="name-4" data-name="Name 4" placeholder="Enter your name" maxlength="256" class="text-field w-input"><label for="email-5" class="newsletter-label darker">your e-mail</label><input type="email" id="email-5" name="email" data-name="Email 5" placeholder="Enter your email address" maxlength="256" required="" class="text-field w-input"><label for="field-4" class="newsletter-label darker">Your Message</label><textarea id="field-4" name="field-4" placeholder="Example Text" maxlength="5000" data-name="Field 4" class="text-field area w-input"></textarea>
<div><input type="submit" value="Contact Me" data-wait="Please wait..." class="button full w-button"></div>
</form>
<div class="success-message w-form-done">
<div>Thank you! Your submission has been received!</div>
</div>
<div class="error-message w-form-fail">
<div>Oops! Something went wrong while submitting the form</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-col w-col-6">
<div>
<div class="left-padding remove-left top-margin-device">
<div class="bottom-margin">
<h2 class="contact-title">ADDRESS</h2>
<p class="paragraph-white biger">204 S Blanche St Mounds, IL 62964-1104</p>
</div>
<div class="bottom-margin">
<h2 class="contact-title">E-MAIL</h2>
<p class="paragraph-white biger">[email protected]</p>
</div>
<div class="bottom-margin">
<h2 class="contact-title">TELEPHONE</h2>
<p class="paragraph-white biger">+614 3948 2726</p>
<p class="paragraph-white biger">202-555-0103</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="triangle top w-hidden-tiny"><img src="../images/tip-left-gray.png" srcset="../images/tip-left-gray-p-500x18.png 500w, ../images/tip-left-gray-p-800x28.png 800w, ../images/tip-left-gray-p-1080x38.png 1080w, ../images/tip-left-gray.png 2000w" sizes="(max-width: 2000px) 100vw, 2000px" alt=""></div>
</div>
<div class="footer-style-5">
<div class="w-container">
<div class="align-center"><a href="#" class="w-inline-block"><img src="../images/pixami_logo__white.png" width="170" srcset="../images/pixami_logo__white-p-500.png 500w, ../images/pixami_logo__white-p-800.png 800w, ../images/pixami_logo__white-p-1080.png 1080w, ../images/pixami_logo__white-p-1600.png 1600w, ../images/pixami_logo__white-p-2000.png 2000w, ../images/pixami_logo__white.png 3228w" sizes="170px" alt="" class="image-7"></a>
<div class="top-margin">
<div><a href="https://www.facebook.com/pixamiyearbookpro/" target="_blank" class="social-icon white-icon w-inline-block"></a><a href="https://www.youtube.com/user/PixamiPhoto" target="_blank" class="social-icon white-icon google w-inline-block"></a><a href="https://twitter.com/pixami?lang=en" target="_blank" class="social-icon white-icon twitter w-inline-block"></a></div>
</div>
<div class="line-divider less transparent"></div>
<div>
<div class="copyright darker less-padding"><strong>©</strong>2018 Pixami, Inc. | Sales Info: <a href="mailto:[email protected]?subject=Hello" class="email-link whiter">[email protected]</a></div>
</div>
</div>
</div>
</div>
<div data-ix="hide-popup-on-initial" class="contact-full-wrapper">
<div class="popup">
<div class="pop-up-content">
<div class="contact-wrapper less-space in-device">
<div class="align-center">
<div>
<div class="sub-title top-sub w-hidden-tiny">we'd love to hear from you</div>
<h2>Stay in touch</h2>
</div>
<div class="line-top-title"></div>
</div>
<div class="top-margin">
<div class="w-form">
<form id="email-form-2" name="email-form-2" data-name="Email Form 2"><label for="name-2" class="newsletter-label darker">Your name</label><input type="text" id="name-2" name="name-2" data-name="Name 2" placeholder="Enter your name" maxlength="256" class="text-field w-input"><label for="email-5" class="newsletter-label darker">your e-mail</label><input type="email" id="email-5" name="email" data-name="Email 5" placeholder="Enter your email address" maxlength="256" required="" class="text-field w-input"><label for="field-2" class="newsletter-label darker">Your Message</label><textarea id="field-2" name="field-2" placeholder="Example Text" maxlength="5000" data-name="Field 2" class="text-field area w-input"></textarea>
<div>
<div class="align-center"><input type="submit" value="Send Message" data-wait="Please wait..." class="button full-color w-button"></div>
</div>
</form>
<div class="success-message w-form-done">
<div>Thank you! Your submission has been received!</div>
</div>
<div class="error-message w-form-fail">
<div>Oops! Something went wrong while submitting the form</div>
</div>
</div>
</div>
</div>
</div>
</div><a href="#" data-ix="close-contact-popup-on-click" class="remove-button w-inline-block"></a></div><a href="#top" data-ix="slide-out-go-top-on-load" class="go-top w-inline-block"></a>
<script src="https://d1tdp7z6w94jbb.cloudfront.net/js/jquery-3.3.1.min.js" type="text/javascript" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="../js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>