1<!DOCTYPE html> 2<html lang="en-US"> 3<head> 4 <meta charset="UTF-8"> 5<!-- This site is hosted on Netlify. Anyone can build and deploy a site 6 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=b2a5d9c4-e3ca-4c81-b054-a9cdbedc4a22 7 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 8 <title>Fasil's Portfolio</title> 9<meta name="robots" content="noindex, nofollow"> 10<link rel="alternate" type="application/rss+xml" title="Fasil's Portfolio » Feed" href="/feed/"> 11<link rel="alternate" type="application/rss+xml" title="Fasil's Portfolio » Comments Feed" href="/comments/feed/">
12<script> 13window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.6.2"}}; 14/*! This file is auto-generated */ 15!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"ð³ï¸ââ§ï¸","ð³ï¸ââ§ï¸")?!1:!n(e,"ðºð³","ðºâð³")&&!n(e,"ð´ó §ó ¢ó ¥ó ®ó §ó ¿","ð´âó §âó ¢âó ¥âó ®âó §âó ¿");case"emoji":return!n(e,"ð¦ââ¬","ð¦ââ¬")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); 16</script>
16 17<link rel="stylesheet" id="hfe-widgets-style-css" href="/wp-content/plugins/header-footer-elementor/inc/widgets-css/frontend.css?ver=1.6.44" media="all"> 18<link rel="stylesheet" id="jkit-elements-main-css" href="/wp-content/plugins/jeg-elementor-kit/assets/css/elements/main.css?ver=2.6.9" media="all"> 19<style id="wp-emoji-styles-inline-css">img.wp-smiley, img.emoji { 20 display: inline !important; 21 border: none !important; 22 box-shadow: none !important; 23 height: 1em !important; 24 width: 1em !important; 25 margin: 0 0.07em !important; 26 vertical-align: -0.1em !important; 27 background: none !important; 28 padding: 0 !important; 29 }</style> 30<style id="classic-theme-styles-inline-css">/*! This file is auto-generated */ 31.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}</style> 32<style id="global-styles-inline-css">:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
32--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
32.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 33:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} 34:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} 35:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}</style> 36<link rel="stylesheet" id="hfe-style-css" href="/wp-content/plugins/header-footer-elementor/assets/css/header-footer-elementor.css?ver=1.6.44" media="all"> 37<link rel="stylesheet" id="elementor-frontend-css" href="/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.24.7" media="all"> 38<link rel="stylesheet" id="swiper-css" href="/wp-content/plugins/elementor/assets/lib/swiper/v8/css/swiper.min.css?ver=8.4.5" media="all"> 39<link rel="stylesheet" id="e-swiper-css" href="/wp-content/plugins/elementor/assets/css/conditionals/e-swiper.min.css?ver=3.24.7" media="all"> 40<link rel="stylesheet" id="elementor-post-271-css" href="/wp-content/uploads/elementor/css/post-271.css?ver=1729689982" media="all"> 41<link rel="stylesheet" id="e-animation-fadeInUp-css" href="/wp-content/plugins/elementor/assets/lib/animations/styles/fadeInUp.min.css?ver=3.24.7" media="all"> 42<link rel="stylesheet" id="e-animation-fadeInDown-css" href="/wp-content/plugins/elementor/assets/lib/animations/styles/fadeInDown.min.css?ver=3.24.7" media="all"> 43<link rel="stylesheet" id="widget-heading-css" href="/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=3.24.7" media="all"> 44<link rel="stylesheet" id="e-animation-float-css" href="/wp-content/plugins/elementor/assets/lib/animations/styles/e-animation-float.min.css?ver=3.24.7" media="all"> 45<link rel="stylesheet" id="e-animation-fadeInLeft-css" href="/wp-content/plugins/elementor/assets/lib/animations/styles/fadeInLeft.min.css?ver=3.24.7" media="all"> 46<link rel="stylesheet" id="e-animation-fadeInRight-css" href="/wp-content/plugins/elementor/assets/lib/animations/styles/fadeInRight.min.css?ver=3.24.7" media="all"> 47<link rel="stylesheet" id="sweetalert2-css" href="/wp-content/plugins/jeg-elementor-kit/assets/js/sweetalert2/sweetalert2.min.css?ver=11.6.16" media="all"> 48<link rel="stylesheet" id="widget-image-css" href="/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=3.24.7" media="all"> 49<link rel="stylesheet" id="widget-spacer-css" href="/wp-content/plugins/elementor/assets/css/widget-spacer.min.css?ver=3.24.7" media="all"> 50<link rel="stylesheet" id="widget-text-editor-css" href="/wp-content/plugins/elementor/assets/css/widget-text-editor.min.css?ver=3.24.7" media="all"> 51<link rel="stylesheet" id="elementor-post-73-css" href="/wp-content/uploads/elementor/css/post-73.css?ver=1729763923" media="all"> 52<link rel="stylesheet" id="elementor-post-90-css" href="/wp-content/uploads/elementor/css/post-90.css?ver=1729689984" media="all"> 53<link rel="stylesheet" id="elementor-post-96-css" href="/wp-content/uploads/elementor/css/post-96.css?ver=1729689984" media="all"> 54<link rel="stylesheet" id="metform-ui-css" href="/wp-content/plugins/metform/public/assets/css/metform-ui.css?ver=3.9.0" media="all"> 55<link rel="stylesheet" id="metform-style-css" href="/wp-content/plugins/metform/public/assets/css/style.css?ver=3.9.0" media="all"> 56<link rel="stylesheet" id="cute-alert-css" href="/wp-content/plugins/metform/public/assets/lib/cute-alert/style.css?ver=3.9.0" media="all"> 57<link rel="stylesheet" id="text-editor-style-css" href="/wp-content/plugins/metform/public/assets/css/text-editor.css?ver=3.9.0" media="all"> 58<link rel="stylesheet" id="hello-elementor-css" href="/wp-content/themes/hello-elementor/style.min.css?ver=3.1.1" media="all"> 59<link rel="stylesheet" id="hello-elementor-theme-style-css" href="/wp-content/themes/hello-elementor/theme.min.css?ver=3.1.1" media="all"> 60<link rel="stylesheet" id="hello-elementor-header-footer-css" href="/wp-content/themes/hello-elementor/header-footer.min.css?ver=3.1.1" media="all"> 61<link rel="stylesheet" id="hfe-icons-list-css" href="/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=3.24.3" media="all"> 62<link rel="stylesheet" id="hfe-social-icons-css" href="/wp-content/plugins/elementor/assets/css/widget-social-icons.min.css?ver=3.24.0" media="all"> 63<link rel="stylesheet" id="hfe-social-share-icons-brands-css" href="/wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.css?ver=5.15.3" media="all"> 64<link rel="stylesheet" id="hfe-social-share-icons-fontawesome-css" href="/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.css?ver=5.15.3" media="all"> 65<link rel="stylesheet" id="hfe-nav-menu-icons-css" href="/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.css?ver=5.15.3" media="all"> 66<link rel="stylesheet" id="google-fonts-1-css" href="https://fonts.googleapis.com/css?family=Playfair+Display%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7C
66Heebo%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CLato%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=swap&ver=6.6.2" media="all"> 67<link rel="stylesheet" id="elementor-icons-jkiticon-css" href="/wp-content/plugins/jeg-elementor-kit/assets/fonts/jkiticon/jkiticon.css?ver=2.6.9" media="all"> 68<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
69<script src="/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
vendor: 1 bytes, line 69
69
70<script src="/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
70 71<link rel="https://api.w.org/" href="/wp-json/"> 72<link rel="alternate" title="JSON" type="application/json" href="/wp-json/wp/v2/pages/73"> 73<link rel="EditURI" type="application/rsd+xml" title="RSD" href="/xmlrpc.php?rsd"> 74<meta name="generator" content="WordPress 6.6.2"> 75<link rel="canonical" href="/"> 76<link rel="shortlink" href="/"> 77<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="/wp-json/oembed/1.0/embed?url=%2F"> 78<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="/wp-json/oembed/1.0/embed?url=%2F#038;format=xml"> 79<meta name="generator" content="Elementor 3.24.7; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap"> 80 <style>.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), 81 .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { 82 background-image: none !important; 83 } 84 @media screen and (max-height: 1024px) { 85 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), 86 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { 87 background-image: none !important; 88 } 89 } 90 @media screen and (max-height: 640px) { 91 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), 92 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { 93 background-image: none !important; 94 } 95 }</style> 96 <link rel="icon" href="/wp-content/uploads/2024/03/0YKhxk-LogoMakr.png" sizes="32x32"> 97<link rel="icon" href="/wp-content/uploads/2024/03/0YKhxk-LogoMakr.png" sizes="192x192"> 98<link rel="apple-touch-icon" href="/wp-content/uploads/2024/03/0YKhxk-LogoMakr.png"> 99<meta name="msapplication-TileImage" content="/wp-content/uploads/2024/03/0YKhxk-LogoMakr.png"> 100 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> 101</head> 102<body class="home page-template page-template-elementor_canvas page page-id-73 ehf-header ehf-footer ehf-template-hello-elementor ehf-stylesheet-hello-elementor jkit-color-scheme elementor-default elementor-template-canvas elementor-kit-271 elementor-page elementor-page-73"> 103 <header id="masthead" itemscope="itemscope" itemtype="https://schema.org/WPHeader"> 104 <p class="main-title bhf-hidden" itemprop="headline"><a title="Fasil's Portfolio" rel="home">Fasil's Portfolio</a></p> 105 <div data-elementor-type="wp-post" data-elementor-id="90" class="elementor elementor-90"> 106 <section class="elementor-section elementor-top-section elementor-element elementor-element-2499641 elementor-section-content-middle elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="2499641" data-element_type="section" data-settings="{"background_background":"classic"}"> 107 <div class="elementor-container elementor-column-gap-no"> 108 <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-4431204a" data-id="4431204a" data-element_type="column"> 109 <div class="elementor-widget-wrap elementor-element-populated"> 110 <div class="elementor-element elementor-element-462b1966 elementor-widget elementor-widget-image" data-id="462b1966" data-element_type="widget" data-widget_type="image.default"> 111 <div class="elementor-widget-container"> 112 <img width="250" height="83" src="/wp-content/uploads/2023/12/3EzxIp-LogoMakr.png" class="attachment-full size-full wp-image-489" alt="" decoding="async"> </div> 113 </div> 114 </div> 115 </div> 116 <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-224344e1" data-id="224344e1" data-element_type="column"> 117 <div class="elementor-widget-wrap elementor-element-populated"> 118 <div class="elementor-element elementor-element-19058dc5 elementor-widget elementor-widget-jkit_nav_menu" data-id="19058dc5" data-element_type="widget" data-widget_type="jkit_nav_menu.default"> 119 <div class="elementor-widget-container"> 120 <div class="jeg-elementor-kit jkit-nav-menu break-point-tablet submenu-click-title jeg_module_73__671a1a7e86447" data-item-indicator="<i aria-hidden="true" class="jki jki-chevron-down-light"></i>"> 121<button aria-label="open-menu" class="jkit-hamburger-menu"><i aria-hidden="true" class="jki jki-bars-solid"></i></button> 122 <div class="jkit-menu-wrapper"> 123<div class="jkit-menu-container"><ul id="menu-menu" class="jkit-menu jkit-menu-direction-flex jkit-submenu-position-top"> 124<li id="menu-item-231" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-73 current_page_item menu-item-231"><a href="/" aria-current="page">Home</a></li> 125<li id="menu-item-233" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-233"><a href="/about-me/">About Me</a></li> 126<li id="menu-item-239" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-239"><a href="/services/">Services</a></li> 127<li id="menu-item-237" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-237"><a href="/portfolio/">Portfolio</a></li> 128<li id="menu-item-234" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-234"><a href="/blog/">Blog</a></li> 129<li id="menu-item-235" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-235"><a href="/contact/">Contact</a></li> 130</ul></div> 131 <div class="jkit-nav-identity-panel"> 132 <div class="jkit-nav-site-title"><a class="jkit-nav-logo" aria-label="Home Link"><img width="150" height="51" src="/wp-content/uploads/2024/03/6i612V-LogoMakr.png" class="attachment-thumbnail size-thumbnail" alt="" decoding="async"></a></div> 133 <button aria-label="close-menu" class="jkit-close-menu"><svg aria-hidden="true" class="e-font-icon-svg e-fas-times" viewbox="0 0 352 512" xmlns="http://www.w3.org/2000/svg"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></button> 134 </div> 135 </div> 136 <div class="jkit-overlay"></div> 137</div> </div>
138 </div> 139 </div> 140 </div> 141 <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-32010578 elementor-hidden-tablet elementor-hidden-phone" data-id="32010578" data-element_type="column"> 142 <div class="elementor-widget-wrap elementor-element-populated"> 143 <div class="elementor-element elementor-element-5bf66827 elementor-icon-list--layout-inline elementor-align-right elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="5bf66827" data-element_type="widget" data-widget_type="icon-list.default"> 144 <div class="elementor-widget-container"> 145 <ul class="elementor-icon-list-items elementor-inline-items"> 146 <li class="elementor-icon-list-item elementor-inline-item"> 147 <span class="elementor-icon-list-icon"> 148 <svg aria-hidden="true" class="e-font-icon-svg e-fas-phone-alt" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z"></path></svg> </span> 149 <span class="elementor-icon-list-text">(+251) 930 5617 28</span> 150 </li> 151 </ul> 152 </div> 153 </div> 154 </div> 155 </div> 156 </div> 157 </section> 158 </div> 159 </header> 160 161 <div data-elementor-type="wp-page" data-elementor-id="73" class="elementor elementor-73"> 162 <section class="elementor-section elementor-top-section elementor-element elementor-element-f05d1ed elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f05d1ed" data-element_type="section" data-settings="{"background_background":"classic"}"> 163 <div class="elementor-background-overlay"></div> 164 <div class="elementor-container elementor-column-gap-default"> 165 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5355a31b" data-id="5355a31b" data-element_type="column"> 166 <div class="elementor-widget-wrap elementor-element-populated"> 167 <div class="elementor-element elementor-element-40c5f8c0 animated-slow elementor-invisible elementor-widget elementor-widget-jkit_heading" data-id="40c5f8c0" data-element_type="widget" data-settings="{"_animation":"fadeInUp"}" data-widget_type="jkit_heading.default"> 168 <div class="elementor-widget-container"> 169 <div class="jeg-elementor-kit jkit-heading align-left align-tablet-center align-mobile- jeg_module_73_1_671a1a7e9739f"><div class="heading-section-title display-inline-block"><h5 class="heading-title">/ <span class="style-color"><span>I'm Fasil Getie</span></span> 170</h5></div></div> </div> 171 </div> 172 <div class="elementor-element elementor-element-6bb72545 animated-slow elementor-invisible elementor-widget elementor-widget-heading" data-id="6bb72545" data-element_type="widget" data-settings="{"_animation":"fadeInDown"}" data-widget_type="heading.default"> 173 <div class="elementor-widget-container"> 174 <h1 class="elementor-heading-title elementor-size-default">Back-End and Front-End Web Developer</h1> </div> 175 </div> 176 <section class="elementor-section elementor-inner-section elementor-element elementor-element-6c223749 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6c223749" data-element_type="section"> 177 <div class="elementor-container elementor-column-gap-no"> 178 <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6c80040b" data-id="6c80040b" data-element_type="column"> 179 <div class="elementor-widget-wrap elementor-element-populated"> 180 <div class="elementor-element elementor-element-268ad2cb elementor-align-left animated-slow elementor-tablet-align-right elementor-mobile-align-center elementor-invisible elementor-widget elementor-widget-button" data-id="268ad2cb" data-element_type="widget" data-settings="{"_animation":"fadeInLeft"}" data-widget_type="button.default"> 181 <div class="elementor-widget-container"> 182 <div class="elementor-button-wrapper"> 183 <a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-float" href="/portfolio/"> 184 <span class="elementor-button-content-wrapper"> 185 <span class="elementor-button-text">View Portfolio</span> 186 </span> 187 </a> 188 </div>
189 </div> 190 </div> 191 </div> 192 </div> 193 <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-34d74572" data-id="34d74572" data-element_type="column"> 194 <div class="elementor-widget-wrap elementor-element-populated"> 195 <div class="elementor-element elementor-element-27cf170 animated-slow elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-jkit_video_button" data-id="27cf170" data-element_type="widget" data-settings="{"_animation":"fadeInRight","_animation_delay":10}" data-widget_type="jkit_video_button.default"> 196 <div class="elementor-widget-container"> 197 <div class="jeg-elementor-kit jkit-video-button jeg_module_73_2_671a1a7e9ad7d" data-autoplay="0" data-loop="0" data-controls="0" data-type="youtube" data-mute="0" data-start="0" data-end="0"><a class="jkit-video-popup-btn glow-enable" aria-label="video-button"><span class="icon-position-before"><i aria-hidden="true" class="jki jki-play-button-light"></i></span></a></div> </div> 198 </div> 199 <div class="elementor-element elementor-element-7e02e1ec elementor-align-right elementor-widget__width-auto animated-slow elementor-invisible elementor-widget elementor-widget-button" data-id="7e02e1ec" data-element_type="widget" data-settings="{"_animation":"fadeInRight","_animation_delay":10}" data-widget_type="button.default"> 200 <div class="elementor-widget-container"> 201 <div class="elementor-button-wrapper"> 202 <a class="elementor-button elementor-button-link elementor-size-sm" href="#"> 203 <span class="elementor-button-content-wrapper"> 204 <span class="elementor-button-text">Watch Intro</span> 205 </span> 206 </a> 207 </div> 208 </div> 209 </div> 210 </div> 211 </div> 212 </div> 213 </section> 214 </div> 215 </div> 216 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1949f7e4 animated-slow elementor-invisible" data-id="1949f7e4" data-element_type="column" data-settings="{"animation":"fadeInRight"}"> 217 <div class="elementor-widget-wrap elementor-element-populated"> 218 <div class="elementor-element elementor-element-35301b3a elementor-widget elementor-widget-image" data-id="35301b3a" data-element_type="widget" data-widget_type="image.default"> 219 <div class="elementor-widget-container"> 220 <img fetchpriority="high" decoding="async" width="432" height="578" src="/wp-content/uploads/2024/02/Picsart_22-09-01_21-06-57-665_1-removebg-preview.png" class="attachment-full size-full wp-image-405" alt="" srcset="/wp-content/uploads/2024/02/Picsart_22-09-01_21-06-57-665_1-removebg-preview.png 432w, /wp-content/uploads/2024/02/Picsart_22-09-01_21-06-57-665_1-removebg-preview-224x300.png 224w" sizes="(max-width: 432px) 100vw, 432px"> </div> 221 </div> 222 <div class="elementor-element elementor-element-c6a74c2 elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-spacer" data-id="c6a74c2" data-element_type="widget" data-settings="{"_position":"absolute"}" data-widget_type="spacer.default"> 223 <div class="elementor-widget-container"> 224 <div class="elementor-spacer"> 225 <div class="elementor-spacer-inner"></div> 226 </div> 227 </div> 228 </div> 229 </div> 230 </div> 231 </div> 232 </section> 233 <section class="elementor-section elementor-top-section elementor-element elementor-element-1e0a7467 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1e0a7467" data-element_type="section" data-settings="{"background_background":"classic"}"> 234 <div class="elementor-container elementor-column-gap-default"> 235 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5cba46f1" data-id="5cba46f1" data-element_type="column"> 236 <div class="elementor-widget-wrap elementor-element-populated"> 237 <div class="elementor-element elementor-element-21b8796f animated-slow elementor-invisible elementor-widget elementor-widget-jkit_heading" data-id="21b8796f" data-element_type="widget" data-settings="{"_animation":"fadeInLeft"}" data-widget_type="jkit_heading.default"> 238 <div class="elementor-widget-container"> 239 <div class="jeg-elementor-kit jkit-heading align-left align-tablet- align-mobile- jeg_module_73_3_671a1a7e9f356"><div class="heading-section-title display-inline-block"><h5 class="heading-title">/ <span class="style-color"><span>About Me</span></span> 240</h5></div></div> </div>
241 </div> 242 <div class="elementor-element elementor-element-3cf26212 elementor-widget elementor-widget-heading" data-id="3cf26212" data-element_type="widget" data-widget_type="heading.default"> 243 <div class="elementor-widget-container"> 244 <h2 class="elementor-heading-title elementor-size-default">I'm Back-End, Front-End and Mobile Application Developer That Solve Your Problems</h2> </div> 245 </div> 246 </div> 247 </div> 248 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9096886" data-id="9096886" data-element_type="column"> 249 <div class="elementor-widget-wrap elementor-element-populated"> 250 <section class="elementor-section elementor-inner-section elementor-element elementor-element-7dc47798 animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible" data-id="7dc47798" data-element_type="section" data-settings="{"animation":"fadeInLeft"}"> 251 <div class="elementor-container elementor-column-gap-default"> 252 <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-579945ed" data-id="579945ed" data-element_type="column" data-settings="{"background_background":"classic"}"> 253 <div class="elementor-widget-wrap elementor-element-populated"> 254 <div class="elementor-element elementor-element-54974b9a elementor-widget__width-auto elementor-view-default elementor-widget elementor-widget-icon" data-id="54974b9a" data-element_type="widget" data-widget_type="icon.default"> 255 <div class="elementor-widget-container"> 256 <div class="elementor-icon-wrapper"> 257 <div class="elementor-icon"> 258 <i aria-hidden="true" class="jki jki-team-1-light"></i> </div> 259 </div> 260 </div> 261 </div> 262 <div class="elementor-element elementor-element-542ca94b elementor-widget__width-auto elementor-widget elementor-widget-jkit_fun_fact" data-id="542ca94b" data-element_type="widget" data-widget_type="jkit_fun_fact.default"> 263 <div class="elementor-widget-container"> 264 <div class="jeg-elementor-kit jkit-fun-fact align-center hover-from-left elementor-animation- jeg_module_73_4_671a1a7ea3387"><div class="fun-fact-inner"> 265 <div class="content"> 266 <div class="number-wrapper"> 267<span class="prefix"></span> 268 <span class="number" data-value="6" data-animation-duration="3500">0</span> 269 <span class="suffix"></span><sup class="super">+</sup> 270</div> 271 <h5 class="title">Trusted Clients</h5> 272 </div> 273 </div></div> </div> 274 </div> 275 </div> 276 </div> 277 <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3fe7bbae" data-id="3fe7bbae" data-element_type="column" data-settings="{"background_background":"classic"}"> 278 <div class="elementor-widget-wrap elementor-element-populated"> 279 <div class="elementor-element elementor-element-19ff88ed elementor-widget__width-auto elementor-view-default elementor-widget elementor-widget-icon" data-id="19ff88ed" data-element_type="widget" data-widget_type="icon.default"> 280 <div class="elementor-widget-container"> 281 <div class="elementor-icon-wrapper"> 282 <div class="elementor-icon"> 283 <i aria-hidden="true" class="jki jki-design-light"></i> </div> 284 </div> 285 </div> 286 </div> 287 <div class="elementor-element elementor-element-38c45d82 elementor-widget__width-auto elementor-widget elementor-widget-jkit_fun_fact" data-id="38c45d82" data-element_type="widget" data-widget_type="jkit_fun_fact.default"> 288 <div class="elementor-widget-container"> 289 <div class="jeg-elementor-kit jkit-fun-fact align-center hover-from-left elementor-animation- jeg_module_73_5_671a1a7ea46e8"><div class="fun-fact-inner"> 290 <div class="content"> 291 <div class="number-wrapper"> 292<span class="prefix"></span> 293 <span class="number" data-value="5" data-animation-duration="3500">0</span> 294 <span class="suffix"></span><sup class="super">+</sup> 295</div> 296 <h5 class="title">Projects Completed</h5> 297 </div> 298 </div></div> </div>
299 </div> 300 </div> 301 </div> 302 </div> 303 </section> 304 <div class="elementor-element elementor-element-370cc5c0 elementor-widget elementor-widget-text-editor" data-id="370cc5c0" data-element_type="widget" data-widget_type="text-editor.default"> 305 <div class="elementor-widget-container"> 306 <p>Proficient in Back-End, Front-End, and Mobile Application Development, I’m dedicated to solving your challenges. Committed to continuous learning, I offer tailored solutions with creativity and precision, striving to deliver impactful results that meet your needs.</p> </div> 307 </div> 308 </div> 309 </div> 310 </div> 311 </section> 312 <section class="elementor-section elementor-top-section elementor-element elementor-element-73a36d1e elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="73a36d1e" data-element_type="section" data-settings="{"background_background":"classic"}"> 313 <div class="elementor-container elementor-column-gap-default"> 314 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4d075168" data-id="4d075168" data-element_type="column"> 315 <div class="elementor-widget-wrap elementor-element-populated"> 316 <section class="elementor-section elementor-inner-section elementor-element elementor-element-4aba61f4 animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible" data-id="4aba61f4" data-element_type="section" data-settings="{"animation":"fadeInUp"}"> 317 <div class="elementor-container elementor-column-gap-no"> 318 <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-4035ec6" data-id="4035ec6" data-element_type="column"> 319 <div class="elementor-widget-wrap elementor-element-populated"> 320 <div class="elementor-element elementor-element-45d4984f jkit-equal-height-enable elementor-widget elementor-widget-jkit_icon_box" data-id="45d4984f" data-element_type="widget" data-widget_type="jkit_icon_box.default"> 321 <div class="elementor-widget-container"> 322 <div class="jeg-elementor-kit jkit-icon-box icon-position- elementor-animation- jeg_module_73_6_671a1a7ea9c50"><div class="jkit-icon-box-wrapper hover-from-left"> 323<div class="icon-box icon-box-header elementor-animation-"><div class="icon style-color"><i aria-hidden="true" class="jki jki-server-9-light"></i></div></div> 324<div class="icon-box icon-box-body"> 325 <h3 class="title">Back End Developer</h3> 326<p class="icon-box-description">Proficient in Node.js, Express.js, MongoDB, Django, and MySQL. Builds server-side logic, APIs, and databases, ensuring seamless communication between the front end and database systems.</p> 327 </div> 328 329 </div></div> </div> 330 </div> 331 </div> 332 </div> 333 <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-7cc35770" data-id="7cc35770" data-element_type="column"> 334 <div class="elementor-widget-wrap elementor-element-populated"> 335 <div class="elementor-element elementor-element-4265f907 jkit-equal-height-enable elementor-widget elementor-widget-jkit_icon_box" data-id="4265f907" data-element_type="widget" data-widget_type="jkit_icon_box.default"> 336 <div class="elementor-widget-container"> 337 <div class="jeg-elementor-kit jkit-icon-box icon-position- elementor-animation- jeg_module_73_7_671a1a7eab4a5"><div class="jkit-icon-box-wrapper hover-from-left"> 338<div class="icon-box icon-box-header elementor-animation-"><div class="icon style-color"><i aria-hidden="true" class="jki jki-Computer-light"></i></div></div> 339<div class="icon-box icon-box-body"> 340 <h3 class="title">Front End Developer</h3> 341<p class="icon-box-description">Skilled in HTML, CSS, JavaScript, React, Angular, and Tailwind CSS. Crafting user interfaces with creativity and functionality, enhancing user experiences through responsive and dynamic web solutions.</p> 342 </div> 343 344 </div></div> </div>
345 </div> 346 </div> 347 </div> 348 <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-1da460b2" data-id="1da460b2" data-element_type="column"> 349 <div class="elementor-widget-wrap elementor-element-populated"> 350 <div class="elementor-element elementor-element-230b6782 jkit-equal-height-enable elementor-widget elementor-widget-jkit_icon_box" data-id="230b6782" data-element_type="widget" data-widget_type="jkit_icon_box.default"> 351 <div class="elementor-widget-container"> 352 <div class="jeg-elementor-kit jkit-icon-box icon-position- elementor-animation- jeg_module_73_8_671a1a7eace4b"><div class="jkit-icon-box-wrapper hover-from-left"> 353<div class="icon-box icon-box-header elementor-animation-"><div class="icon style-color"><i aria-hidden="true" class="jki jki-mobile-alt-solid"></i></div></div> 354<div class="icon-box icon-box-body"> 355 <h3 class="title">Mobile App Developer</h3> 356<p class="icon-box-description">I work with Android using Java, Flutter, and Dart. Eager to learn and grow, I strive to create engaging mobile experiences while honing my skills.</p> 357 </div> 358 359 </div></div> </div> 360 </div> 361 </div> 362 </div> 363 </div> 364 </section> 365 </div> 366 </div> 367 </div> 368 </section> 369 <section class="elementor-section elementor-top-section elementor-element elementor-element-1e4f59da elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1e4f59da" data-element_type="section" data-settings="{"background_background":"classic"}"> 370 <div class="elementor-background-overlay"></div> 371 <div class="elementor-container elementor-column-gap-default"> 372 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-39628fb6" data-id="39628fb6" data-element_type="column"> 373 <div class="elementor-widget-wrap elementor-element-populated"> 374 <section class="elementor-section elementor-inner-section elementor-element elementor-element-62e51cba elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="62e51cba" data-element_type="section"> 375 <div class="elementor-container elementor-column-gap-no"> 376 <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6fc206da" data-id="6fc206da" data-element_type="column"> 377 <div class="elementor-widget-wrap elementor-element-populated"> 378 <div class="elementor-element elementor-element-4118a52b animated-slow elementor-invisible elementor-widget elementor-widget-jkit_heading" data-id="4118a52b" data-element_type="widget" data-settings="{"_animation":"fadeInLeft"}" data-widget_type="jkit_heading.default"> 379 <div class="elementor-widget-container"> 380 <div class="jeg-elementor-kit jkit-heading align-left align-tablet- align-mobile- jeg_module_73_9_671a1a7eafaca"><div class="heading-section-title display-inline-block"><h5 class="heading-title">/ <span class="style-color"><span>My Experiences</span></span> 381</h5></div></div> </div> 382 </div> 383 <div class="elementor-element elementor-element-223f1d08 elementor-widget elementor-widget-heading" data-id="223f1d08" data-element_type="widget" data-widget_type="heading.default"> 384 <div class="elementor-widget-container"> 385 <h2 class="elementor-heading-title elementor-size-default">Skills and Experience That I Have</h2> </div> 386 </div> 387 </div> 388 </div> 389 <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6634fb57" data-id="6634fb57" data-element_type="column"> 390 <div class="elementor-widget-wrap elementor-element-populated"> 391 <div class="elementor-element elementor-element-49723fff elementor-widget elementor-widget-text-editor" data-id="49723fff" data-element_type="widget" data-widget_type="text-editor.default"> 392 <div class="elementor-widget-container"> 393 <p>Proficient in Android development with Java, Flutter, and Dart, I strive for excellence in creating mobile applications. My skills include UI/UX design, RESTful APIs, and troubleshooting. Eager to learn and grow, I embrace challenges with enthusiasm and dedication.</p> </div>
394 </div> 395 </div> 396 </div> 397 </div> 398 </section> 399 <section class="elementor-section elementor-inner-section elementor-element elementor-element-2ad176df elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2ad176df" data-element_type="section"> 400 <div class="elementor-container elementor-column-gap-no"> 401 <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-38a2b841 animated-slow elementor-invisible" data-id="38a2b841" data-element_type="column" data-settings="{"animation":"fadeInLeft"}"> 402 <div class="elementor-widget-wrap elementor-element-populated"> 403 <div class="elementor-element elementor-element-6e45498b elementor-widget elementor-widget-jkit_progress_bar" data-id="6e45498b" data-element_type="widget" data-widget_type="jkit_progress_bar.default"> 404 <div class="elementor-widget-container"> 405 <div class="jeg-elementor-kit jkit-progress-bar jeg_module_73_10_671a1a7eb47b4"><div class="progress-group default"> 406 <div class="progress-skill-bar"> 407<div class="skill-bar-content"><span class="skill-title">Front End Developer</span></div> 408 <div class="skill-bar"> 409 <div class="skill-track"> 410 411 <div class="number-percentage-wrapper"> 412 <span class="number-percentage" data-value="84" data-animation-duration="3500">84%</span> 413 </div> 414 </div> 415 </div> 416</div> 417 </div></div> </div> 418 </div> 419 <div class="elementor-element elementor-element-704415d2 elementor-widget elementor-widget-jkit_progress_bar" data-id="704415d2" data-element_type="widget" data-widget_type="jkit_progress_bar.default"> 420 <div class="elementor-widget-container"> 421 <div class="jeg-elementor-kit jkit-progress-bar jeg_module_73_11_671a1a7eb5433"><div class="progress-group default"> 422 <div class="progress-skill-bar"> 423<div class="skill-bar-content"><span class="skill-title">Back End Developer</span></div> 424 <div class="skill-bar"> 425 <div class="skill-track"> 426 427 <div class="number-percentage-wrapper"> 428 <span class="number-percentage" data-value="80" data-animation-duration="3500">80%</span> 429 </div> 430 </div> 431 </div> 432</div> 433 </div></div> </div> 434 </div> 435 <div class="elementor-element elementor-element-45794fbd elementor-widget elementor-widget-jkit_progress_bar" data-id="45794fbd" data-element_type="widget" data-widget_type="jkit_progress_bar.default"> 436 <div class="elementor-widget-container"> 437 <div class="jeg-elementor-kit jkit-progress-bar jeg_module_73_12_671a1a7eb5fe5"><div class="progress-group default"> 438 <div class="progress-skill-bar"> 439<div class="skill-bar-content"><span class="skill-title">Mobile App Developer</span></div> 440 <div class="skill-bar"> 441 <div class="skill-track"> 442 443 <div class="number-percentage-wrapper"> 444 <span class="number-percentage" data-value="79" data-animation-duration="3500">79%</span> 445 </div> 446 </div> 447 </div> 448</div> 449 </div></div> </div> 450 </div> 451 </div> 452 </div> 453 <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6c6507e7 animated-slow elementor-invisible" data-id="6c6507e7" data-element_type="column" data-settings="{"animation":"fadeInRight"}"> 454 <div class="elementor-widget-wrap elementor-element-populated"> 455 <div class="elementor-element elementor-element-62b2daac elementor-widget elementor-widget-jkit_progress_bar" data-id="62b2daac" data-element_type="widget" data-widget_type="jkit_progress_bar.default"> 456 <div class="elementor-widget-container"> 457 <div class="jeg-elementor-kit jkit-progress-bar jeg_module_73_13_671a1a7eb6d48"><div class="progress-group default"> 458 <div class="progress-skill-bar"> 459<div class="skill-bar-content"><span class="skill-title">Content Management</span></div> 460 <div class="skill-bar"> 461 <div class="skill-track"> 462 463 <div class="number-percentage-wrapper">
464 <span class="number-percentage" data-value="85" data-animation-duration="3500">85%</span> 465 </div> 466 </div> 467 </div> 468</div> 469 </div></div> </div> 470 </div> 471 <div class="elementor-element elementor-element-bdb593e elementor-widget elementor-widget-jkit_progress_bar" data-id="bdb593e" data-element_type="widget" data-widget_type="jkit_progress_bar.default"> 472 <div class="elementor-widget-container"> 473 <div class="jeg-elementor-kit jkit-progress-bar jeg_module_73_14_671a1a7eb75fd"><div class="progress-group default"> 474 <div class="progress-skill-bar"> 475<div class="skill-bar-content"><span class="skill-title">UI / UX Design</span></div> 476 <div class="skill-bar"> 477 <div class="skill-track"> 478 479 <div class="number-percentage-wrapper"> 480 <span class="number-percentage" data-value="82" data-animation-duration="3500">82%</span> 481 </div> 482 </div> 483 </div> 484</div> 485 </div></div> </div> 486 </div> 487 <div class="elementor-element elementor-element-6e38f1f7 elementor-widget elementor-widget-jkit_progress_bar" data-id="6e38f1f7" data-element_type="widget" data-widget_type="jkit_progress_bar.default"> 488 <div class="elementor-widget-container"> 489 <div class="jeg-elementor-kit jkit-progress-bar jeg_module_73_15_671a1a7eb7e65"><div class="progress-group default"> 490 <div class="progress-skill-bar"> 491<div class="skill-bar-content"><span class="skill-title">Communication Skill</span></div> 492 <div class="skill-bar"> 493 <div class="skill-track"> 494 495 <div class="number-percentage-wrapper"> 496 <span class="number-percentage" data-value="88" data-animation-duration="3500">88%</span> 497 </div> 498 </div> 499 </div> 500</div> 501 </div></div> </div> 502 </div> 503 </div> 504 </div> 505 </div> 506 </section> 507 <section class="elementor-section elementor-inner-section elementor-element elementor-element-94a78ea animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible" data-id="94a78ea" data-element_type="section" data-settings="{"animation":"fadeInUp"}"> 508 <div class="elementor-container elementor-column-gap-no"> 509 <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-1365cc66" data-id="1365cc66" data-element_type="column"> 510 <div class="elementor-widget-wrap elementor-element-populated"> 511 <div class="elementor-element elementor-element-4baa071d elementor-widget elementor-widget-jkit_heading" data-id="4baa071d" data-element_type="widget" data-widget_type="jkit_heading.default"> 512 <div class="elementor-widget-container"> 513 <div class="jeg-elementor-kit jkit-heading align-left align-tablet- align-mobile- jeg_module_73_16_671a1a7eb9256"> 514<div class="heading-section-title display-inline-block"><h2 class="heading-title">á²áá³á ááᥠ- Digital Equb</h2></div> 515<h3 class="heading-section-subtitle style-color">Full Stack Developer ( 2024 - Now )</h3> 516<div class="heading-section-description"><p>Digital Equb is a fintech company focused on delivering timely, reliable, and secure equb services through a technology-driven platform. My role involves contributing to the development of its mobile app using Flutter.</p></div> 517</div> </div> 518 </div> 519 </div> 520 </div> 521 <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-a9d6d6f" data-id="a9d6d6f" data-element_type="column"> 522 <div class="elementor-widget-wrap elementor-element-populated"> 523 <div class="elementor-element elementor-element-5beb41e elementor-widget elementor-widget-jkit_heading" data-id="5beb41e" data-element_type="widget" data-widget_type="jkit_heading.default"> 524 <div class="elementor-widget-container"> 525 <div class="jeg-elementor-kit jkit-heading align-left align-tablet- align-mobile- jeg_module_73_17_671a1a7eba626"> 526<div class="heading-section-title display-inline-block"><h2 class="heading-title">CREAVERS Service PLC.</h2></div> 527<h3 class="heading-section-subtitle style-color">
527Junior Software Developer ( 2022 - 2024)</h3> 528<div class="heading-section-description"><p>I actively contribute to projects, learning and adapting to new technologies. With a focus on problem-solving and collaboration, I aim to drive innovation and deliver impactful solutions.</p></div> 529</div> </div> 530 </div> 531 </div> 532 </div> 533 <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-532e722a" data-id="532e722a" data-element_type="column"> 534 <div class="elementor-widget-wrap elementor-element-populated"> 535 <div class="elementor-element elementor-element-37209db1 elementor-widget elementor-widget-jkit_heading" data-id="37209db1" data-element_type="widget" data-widget_type="jkit_heading.default"> 536 <div class="elementor-widget-container"> 537 <div class="jeg-elementor-kit jkit-heading align-left align-tablet- align-mobile- jeg_module_73_18_671a1a7ebc247"> 538<div class="heading-section-title display-inline-block"><h2 class="heading-title">Private</h2></div> 539<h3 class="heading-section-subtitle style-color">Flutter Developer ( 2022 - 2023)</h3> 540<div class="heading-section-description"><p>I served as a Flutter Developer from 2022 to 2023, dedicating one year to crafting innovative mobile solutions. Collaborating within a dynamic team, I honed my skills and contributed to successful project deliverie</p></div> 541</div> </div> 542 </div> 543 </div> 544 </div> 545 <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-3d56e3d3" data-id="3d56e3d3" data-element_type="column"> 546 <div class="elementor-widget-wrap elementor-element-populated"> 547 <div class="elementor-element elementor-element-6ce52503 elementor-widget elementor-widget-jkit_heading" data-id="6ce52503" data-element_type="widget" data-widget_type="jkit_heading.default"> 548 <div class="elementor-widget-container"> 549 <div class="jeg-elementor-kit jkit-heading align-left align-tablet- align-mobile- jeg_module_73_19_671a1a7ebdc7f"> 550<div class="heading-section-title display-inline-block"><h2 class="heading-title">ALA ICT Department</h2></div> 551<h3 class="heading-section-subtitle style-color">Web Developer Intern ( 2021 )</h3> 552<div class="heading-section-description"><p>I contributed to web projects for four months. During this time, I gained valuable experience in coding, debugging, and collaborating with teams to deliver efficient and user-centric web solutions.</p></div> 553</div> </div> 554 </div> 555 </div> 556 </div> 557 </div> 558 </section> 559 <div class="elementor-element elementor-element-47e70978 elementor-align-center animated-slow elementor-invisible elementor-widget elementor-widget-button" data-id="47e70978" data-element_type="widget" data-settings="{"_animation":"fadeInLeft"}" data-widget_type="button.default"> 560 <div class="elementor-widget-container"> 561 <div class="elementor-button-wrapper"> 562 <a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-float" href="/wp-content/uploads/2024/10/Fasil-Getie-Resume-2024.pdf" target="_blank"> 563 <span class="elementor-button-content-wrapper"> 564 <span class="elementor-button-icon"> 565 <i aria-hidden="true" class="jki jki-download1-light"></i> </span> 566 <span class="elementor-button-text">Download CV</span> 567 </span> 568 </a> 569 </div> 570 </div> 571 </div> 572 </div> 573 </div> 574 </div> 575 </section> 576 <section class="elementor-section elementor-top-section elementor-element elementor-element-a6731ee elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a6731ee" data-element_type="section" data-settings="{"background_background":"classic"}"> 577 <div class="elementor-container elementor-column-gap-default"> 578 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7602703d" data-id="7602703d" data-element_type="column"> 579 <div class="elementor-widget-wrap elementor-element-populated"> 580 <div class="elementor-element elementor-element-52381c7c animated-slow elementor-invisible elementor-widget elementor-widget-jkit_heading" data-id="52381c7c" data-element_type="widget" data-settings="{"_animation":"fadeInUp"}" data-widget_type="jkit_heading.default"> 581 <div class="elementor-widget-container"> 582 <div class="jeg-elementor-kit jkit-heading align-center align-tablet- align-mobile- jeg_module_73_20_671a1a7ec0a85"><div class="heading-section-title display-inline-block"><h5 class="heading-title">/ <span class="style-color"><span>My Portfolio</span></span> 583</h5></div></div> </div>
584 </div> 585 <div class="elementor-element elementor-element-51e4318e elementor-widget elementor-widget-heading" data-id="51e4318e" data-element_type="widget" data-widget_type="heading.default"> 586 <div class="elementor-widget-container"> 587 <h2 class="elementor-heading-title elementor-size-default">Recent Works</h2> </div> 588 </div> 589 <div class="elementor-element elementor-element-3f4e7495 elementor-widget elementor-widget-text-editor" data-id="3f4e7495" data-element_type="widget" data-widget_type="text-editor.default"> 590 <div class="elementor-widget-container"> 591 <p>Emphasizing user-friendly interfaces and seamless functionality, showcasing creativity and problem-solving skills.</p> </div> 592 </div> 593 <section class="elementor-section elementor-inner-section elementor-element elementor-element-4963c76 animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible" data-id="4963c76" data-element_type="section" data-settings="{"animation":"fadeInLeft"}"> 594 <div class="elementor-container elementor-column-gap-default"> 595 <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-5f5b7b63" data-id="5f5b7b63" data-element_type="column" data-settings="{"background_background":"classic"}"> 596 <div class="elementor-widget-wrap elementor-element-populated"> 597 <div class="elementor-element elementor-element-7f3c6c44 jkit-equal-height-enable elementor-widget elementor-widget-jkit_image_box" data-id="7f3c6c44" data-element_type="widget" data-widget_type="jkit_image_box.default"> 598 <div class="elementor-widget-container"> 599 <div class="jeg-elementor-kit jkit-image-box style-default elementor-animation- jeg_module_73_21_671a1a7ec466c"> 600<a href="https://digitalequb.com/" target="_blank"><div class="image-box-header elementor-animation-"><img decoding="async" width="2560" height="1991" src="/wp-content/uploads/2024/10/202-scaled.jpg" class="attachment-full size-full" alt="" srcset="/wp-content/uploads/2024/10/202-scaled.jpg 2560w, /wp-content/uploads/2024/10/202-300x233.jpg 300w, /wp-content/uploads/2024/10/202-1024x796.jpg 1024w, /wp-content/uploads/2024/10/202-768x597.jpg 768w, /wp-content/uploads/2024/10/202-1536x1195.jpg 1536w, /wp-content/uploads/2024/10/202-2048x1593.jpg 2048w" sizes="(max-width: 2560px) 100v
600w, 2560px"></div></a><div class="image-box-body"> 601 <div class="body-inner"> 602<h2 class="body-title icon-position-before">Digital Equb Website</h2> 603 <div class="body-description"><p>WordPress Development</p></div> 604 <div class="body-button"></div> 605 606 </div> 607 </div> 608</div> </div> 609 </div> 610 </div> 611 </div> 612 <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-91bd483" data-id="91bd483" data-element_type="column" data-settings="{"background_background":"classic"}"> 613 <div class="elementor-widget-wrap elementor-element-populated"> 614 <div class="elementor-element elementor-element-b37f94b jkit-equal-height-enable elementor-widget elementor-widget-jkit_image_box" data-id="b37f94b" data-element_type="widget" data-widget_type="jkit_image_box.default"> 615 <div class="elementor-widget-container"> 616 <div class="jeg-elementor-kit jkit-image-box style-default elementor-animation- jeg_module_73_22_671a1a7ec5cc3"> 617<a href="https://github.com/fasil712/mern" target="_blank"><div class="image-box-header elementor-animation-"><img decoding="async" width="1366" height="768" src="/wp-content/uploads/2024/02/Ecom.png" class="attachment-full size-full" alt="" srcset="/wp-content/uploads/2024/02/Ecom.png 1366w, /wp-content/uploads/2024/02/Ecom-300x169.png 300w, /wp-content/uploads/2024/02/Ecom-1024x576.png 1024w, /wp-content/uploads/2024/02/Ecom-768x432.png 768w" sizes="(max-width: 1366px) 100vw, 1366px"></div></a><div class="image-box-body"> 618 <div class="body-inner"> 619<h2 class="body-title icon-position-before">E-commerce Web Application</h2> 620 <div class="body-description"><p>MERN Stack Development</p></div> 621 <div class="body-button"></div> 622 623 </div> 624 </div> 625</div> </div> 626 </div> 627 </div> 628 </div> 629 <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-532456a3" data-id="532456a3" data-element_type="column" data-settings="{"background_background":"classic"}"> 630 <div class="elementor-widget-wrap elementor-element-populated"> 631 <div class="elementor-element elementor-element-5255f50b jkit-equal-height-enable elementor-widget elementor-widget-jkit_image_box" data-id="5255f50b" data-element_type="widget" data-widget_type="jkit_image_box.default"> 632 <div class="elementor-widget-container"> 633 <div class="jeg-elementor-kit jkit-image-box style-default elementor-animation- jeg_module_73_23_671a1a7ec72f2"> 634<a href="https://goldenplaterestaurant.net/" target="_blank"><div class="image-box-header elementor-animation-"><img loading="lazy" decoding="async" width="600" height="385" src="/wp-content/uploads/2023/12/cryptiva.jpg" class="attachment-full size-full" alt="" srcset="/wp-content/uploads/2023/12/cryptiva.jpg 600w, /wp-content/uploads/2023/12/cryptiva-300x193.jpg 300w" sizes="(max-width: 600px) 100vw, 600px"></div></a><div class="image-box-body"> 635 <div class="body-inner"> 636<h2 class="body-title icon-position-before">Golden Plate Restaurant</h2> 637 <div class="body-description"><p>Content Management</p></div> 638 <div class="body-button"></div> 639 640 </div> 641 </div> 642</div> </div> 643 </div> 644 </div> 645 </div> 646 </div> 647 </section> 648 <section class="elementor-section elementor-inner-section elementor-element elementor-element-1814b68c animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible" data-id="1814b68c" data-element_type="section" data-settings="{"animation":"fadeInRight","animation_delay":40}"> 649 <div class="elementor-container elementor-column-gap-default"> 650 <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-48841c6c" data-id="48841c6c" data-element_type="column" data-settings="{"background_background":"classic"}"> 651 <div class="elementor-widget-wrap elementor-element-populated"> 652 <div class="elementor-element elementor-element-6a939469 jkit-equal-height-enable elementor-widget elementor-widget-jkit_image_box" data-id="6a939469" data-element_type="widget" data-widget_type="jkit_image_box.default"> 653 <div class="elementor-widget-container"> 654 <div class="jeg-elementor-kit jkit-image-box style-default elementor-animation- jeg_module_73_24_671a1a7ec8be7"> 655<a href="https://github.com/fasil712/food_delivery_app" target="_blank"><div class="image-box-header elementor-animation-"><img loading="lazy" decoding="async" width="600" height="385" src="/wp-content/uploads/2023/12/deliverra.jpg" class="attachment-full size-full" alt="" srcset="/wp-content/uploads/2023/12/deliverra.jpg 600w, /wp-content/uploads/2023/12/deliverra-300x193.jpg 300w" sizes="(max-width: 600px) 100v
655w, 600px"></div></a><div class="image-box-body"> 656 <div class="body-inner"> 657<h2 class="body-title icon-position-before">Food Delivery App Design</h2> 658 <div class="body-description"><p>Flutter Development</p></div> 659 <div class="body-button"></div> 660 661 </div> 662 </div> 663</div> </div> 664 </div> 665 </div> 666 </div> 667 <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-554d6546" data-id="554d6546" data-element_type="column" data-settings="{"background_background":"classic"}"> 668 <div class="elementor-widget-wrap elementor-element-populated"> 669 <div class="elementor-element elementor-element-6c188af5 jkit-equal-height-enable elementor-widget elementor-widget-jkit_image_box" data-id="6c188af5" data-element_type="widget" data-widget_type="jkit_image_box.default"> 670 <div class="elementor-widget-container"> 671 <div class="jeg-elementor-kit jkit-image-box style-default elementor-animation- jeg_module_73_25_671a1a7ec9e99"> 672<a href="https://goldencatering.net/" target="_blank"><div class="image-box-header elementor-animation-"><img loading="lazy" decoding="async" width="600" height="385" src="/wp-content/uploads/2023/12/Pirus.jpg" class="attachment-full size-full" alt="" srcset="/wp-content/uploads/2023/12/Pirus.jpg 600w, /wp-content/uploads/2023/12/Pirus-300x193.jpg 300w" sizes="(max-width: 600px) 100vw, 600px"></div></a><div class="image-box-body"> 673 <div class="body-inner"> 674<h2 class="body-title icon-position-before">Golden Catering</h2> 675 <div class="body-description"><p>Content Management</p></div> 676 <div class="body-button"></div> 677 678 </div> 679 </div> 680</div> </div> 681 </div> 682 </div> 683 </div> 684 <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-243d2a1a" data-id="243d2a1a" data-element_type="column" data-settings="{"background_background":"classic"}"> 685 <div class="elementor-widget-wrap elementor-element-populated"> 686 <div class="elementor-element elementor-element-5a5a23bf jkit-equal-height-enable elementor-widget elementor-widget-jkit_image_box" data-id="5a5a23bf" data-element_type="widget" data-widget_type="jkit_image_box.default"> 687 <div class="elementor-widget-container"> 688 <div class="jeg-elementor-kit jkit-image-box style-default elementor-animation- jeg_module_73_26_671a1a7ecb2c0"> 689<a href="https://hmsfrontend.creavers.com/" target="_blank"><div class="image-box-header elementor-animation-"><img loading="lazy" decoding="async" width="1349" height="761" src="/wp-content/uploads/2024/02/Screenshot-from-2024-02-04-15-19-17.png" class="attachment-full size-full" alt="" srcset="/wp-content/uploads/2024/02/Screenshot-from-2024-02-04-15-19-17.png 1349w, /wp-content/uploads/2024/02/Screenshot-from-2024-02-04-15-19-17-300x169.png 300w, /wp-content/uploads/2024/02/Screenshot-from-2024-02-04-15-19-17-1024x578.png 1024w, /wp-content/uploads/2024/02/Screenshot-from-2024-02-04-15-19-17-768x433.png 768w" sizes="(max-width: 1349px) 100vw, 1349px"></div></a><div class="image-box-body"> 690 <div class="body-inner"> 691<h2 class="body-title icon-position-before">Honspital Managemnet System</h2> 692 <div class="body-description"><p>Front End Web Development</p></div> 693 <div class="body-button"></div> 694 695 </div> 696 </div> 697</div> </div> 698 </div> 699 </div> 700 </div> 701 </div> 702 </section> 703 </div> 704 </div> 705 </div> 706 </section> 707 <section class="elementor-section elementor-top-section elementor-element elementor-element-3ed3addc elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="3ed3addc" data-element_type="section" data-settings="{"background_background":"classic"}"> 708 <div class="elementor-background-overlay"></div> 709 <div class="elementor-container elementor-column-gap-default"> 710 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-54ab6ba8 animated-slow elementor-invisible" data-id="54ab6ba8" data-element_type="column" data-settings="{"animation":"fadeInUp"}"> 711 <div class="elementor-widget-wrap elementor-element-populated"> 712 <div class="elementor-element elementor-element-5209f311 elementor-widget elementor-widget-heading" data-id="5209f311" data-element_type="widget" data-widget_type="heading.default"> 713 <div class="elementor-widget-container"> 714 <h2 class="elementor-heading-title elementor-size-default">Have a Project on Your Mind? Let's Work Together</h2> </div>
715 </div> 716 <div class="elementor-element elementor-element-7e6d512f elementor-widget elementor-widget-text-editor" data-id="7e6d512f" data-element_type="widget" data-widget_type="text-editor.default"> 717 <div class="elementor-widget-container"> 718 <p>Ready to bring your project to life? Let’s collaborate and make it happen! Share your ideas, and together, we’ll craft something extraordinary. From concept to completion, let’s work together for success.</p> </div> 719 </div> 720 <div class="elementor-element elementor-element-276f15a8 elementor-align-center elementor-mobile-align-center elementor-widget elementor-widget-button" data-id="276f15a8" data-element_type="widget" data-widget_type="button.default"> 721 <div class="elementor-widget-container"> 722 <div class="elementor-button-wrapper"> 723 <a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-float" href="/contact/"> 724 <span class="elementor-button-content-wrapper"> 725 <span class="elementor-button-text">Contact Us</span> 726 </span> 727 </a> 728 </div> 729 </div> 730 </div> 731 </div> 732 </div> 733 </div> 734 </section> 735 <section class="elementor-section elementor-top-section elementor-element elementor-element-684b01b3 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="684b01b3" data-element_type="section" data-settings="{"background_background":"classic"}"> 736 <div class="elementor-container elementor-column-gap-default"> 737 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3c1031e" data-id="3c1031e" data-element_type="column"> 738 <div class="elementor-widget-wrap"> 739 </div> 740 </div> 741 </div> 742 </section> 743 <section class="elementor-section elementor-top-section elementor-element elementor-element-95f3433 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="95f3433" data-element_type="section" data-settings="{"background_background":"classic"}"> 744 <div class="elementor-background-overlay"></div> 745 <div class="elementor-container elementor-column-gap-no"> 746 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-590ff500" data-id="590ff500" data-element_type="column"> 747 <div class="elementor-widget-wrap elementor-element-populated"> 748 <div class="elementor-element elementor-element-35523218 animated-slow elementor-invisible elementor-widget elementor-widget-jkit_heading" data-id="35523218" data-element_type="widget" data-settings="{"_animation":"fadeInLeft"}" data-widget_type="jkit_heading.default"> 749 <div class="elementor-widget-container"> 750 <div class="jeg-elementor-kit jkit-heading align-left align-tablet- align-mobile- jeg_module_73_27_671a1a7ecf45b"><div class="heading-section-title display-inline-block"><h5 class="heading-title">/ <span class="style-color"><span>Get In Touch</span></span> 751</h5></div></div> </div> 752 </div> 753 <div class="elementor-element elementor-element-3170b669 elementor-widget elementor-widget-heading" data-id="3170b669" data-element_type="widget" data-widget_type="heading.default"> 754 <div class="elementor-widget-container"> 755 <h2 class="elementor-heading-title elementor-size-default">Affordable Solutions For All Your Creativity Needs</h2> </div> 756 </div> 757 <div class="elementor-element elementor-element-64213c4e elementor-widget elementor-widget-text-editor" data-id="64213c4e" data-element_type="widget" data-widget_type="text-editor.default"> 758 <div class="elementor-widget-container"> 759 <p>Let’s get in touch! Reach out for collaborations, inquiries, or just to say hello. Your message is always welcome!</p> </div> 760 </div> 761 <section class="elementor-section elementor-inner-section elementor-element elementor-element-28148002 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="28148002" data-element_type="section"> 762 <div class="elementor-container elementor-column-gap-no"> 763 <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-58d96f1c" data-id="58d96f1c" data-element_type="column"> 764 <div class="elementor-widget-wrap elementor-element-populated"> 765 <div class="elementor-element elementor-element-49388724 elementor-widget-mobile__width-inherit jkit-equal-height-disable elementor-widget elementor-widget-jkit_icon_box" data-id="49388724" data-element_type="widget" data-widget_type="jkit_icon_box.default"> 766 <div class="elementor-widget-container"> 767 <div class="jeg-elementor-kit jkit-icon-box icon-position-left elementor-animation- jeg_module_73_28_671a1a7ed1577"><div class="jkit-icon-box-wrapper hover-from-left"> 768<div class="icon-box icon-box-header elementor-animation-"><div class="icon style-color"><i aria-hidden="true" class="jki jki-apartment1-light"></i></div></div> 769<div class="icon-box icon-box-body"> 770 <h4 class="title">Address</h4> 771<p class="icon-box-description">Addis Ababa, Bole, Gerji.</p> 772 </div> 773 774 </div></div> </div>
775 </div> 776 </div> 777 </div> 778 <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-227ae590" data-id="227ae590" data-element_type="column"> 779 <div class="elementor-widget-wrap elementor-element-populated"> 780 <div class="elementor-element elementor-element-28caaf4f elementor-widget-mobile__width-inherit jkit-equal-height-disable elementor-widget elementor-widget-jkit_icon_box" data-id="28caaf4f" data-element_type="widget" data-widget_type="jkit_icon_box.default"> 781 <div class="elementor-widget-container"> 782 <div class="jeg-elementor-kit jkit-icon-box icon-position-left elementor-animation- jeg_module_73_29_671a1a7ed30c5"><div class="jkit-icon-box-wrapper hover-from-left"> 783<div class="icon-box icon-box-header elementor-animation-"><div class="icon style-color"><i aria-hidden="true" class="jki jki-phone1-light"></i></div></div> 784<div class="icon-box icon-box-body"> 785 <h4 class="title">Phone</h4> 786<p class="icon-box-description">(+251) 930 5617 28</p> 787 </div> 788 789 </div></div> </div> 790 </div> 791 </div> 792 </div> 793 </div> 794 </section> 795 <section class="elementor-section elementor-inner-section elementor-element elementor-element-71e6a7e3 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="71e6a7e3" data-element_type="section"> 796 <div class="elementor-container elementor-column-gap-no"> 797 <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5fa9f8ff" data-id="5fa9f8ff" data-element_type="column"> 798 <div class="elementor-widget-wrap elementor-element-populated"> 799 <div class="elementor-element elementor-element-3d81db34 elementor-widget-mobile__width-inherit jkit-equal-height-disable elementor-widget elementor-widget-jkit_icon_box" data-id="3d81db34" data-element_type="widget" data-widget_type="jkit_icon_box.default"> 800 <div class="elementor-widget-container"> 801 <div class="jeg-elementor-kit jkit-icon-box icon-position-left elementor-animation- jeg_module_73_30_671a1a7ed4be0"><div class="jkit-icon-box-wrapper hover-from-left"> 802<div class="icon-box icon-box-header elementor-animation-"><div class="icon style-color"><i aria-hidden="true" class="jki jki-envelope2-light"></i></div></div> 803<div class="icon-box icon-box-body"> 804 <h4 class="title">Email Address</h4> 805<p class="icon-box-description">[email protected]</p> 806 </div> 807 808 </div></div> </div> 809 </div> 810 </div> 811 </div> 812 <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-2e5b7bb9" data-id="2e5b7bb9" data-element_type="column"> 813 <div class="elementor-widget-wrap elementor-element-populated"> 814 <div class="elementor-element elementor-element-6dc3378f elementor-widget-mobile__width-inherit jkit-equal-height-disable elementor-widget elementor-widget-jkit_icon_box" data-id="6dc3378f" data-element_type="widget" data-widget_type="jkit_icon_box.default"> 815 <div class="elementor-widget-container"> 816 <div class="jeg-elementor-kit jkit-icon-box icon-position-left elementor-animation- jeg_module_73_31_671a1a7ed5c3e"><a href="https://t.me/fasilg12" class="icon-box-link" target="_blank" aria-label="Learn More"><div class="jkit-icon-box-wrapper hover-from-left"> 817<div class="icon-box icon-box-header elementor-animation-"><div class="icon style-color"><i aria-hidden="true" class="jki jki-send-line"></i></div></div> 818<div class="icon-box icon-box-body"> 819 <h4 class="title">Telegram</h4> 820<p class="icon-box-description">@fasilg12</p> 821 </div> 822 823 </div></a></div> </div> 824 </div> 825 </div> 826 </div> 827 </div> 828 </section> 829 </div> 830 </div> 831 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-63053e17" data-id="63053e17" data-element_type="column" data-settings="{"background_background":"classic"}"> 832 <div class="elementor-widget-wrap elementor-element-populated"> 833 <div class="elementor-element elementor-element-33ff4519 elementor-widget elementor-widget-metform" data-id="33ff4519" data-element_type="widget" data-widget_type="metform.default"> 834 <div class="elementor-widget-container"> 835 <div id="mf-response-props-id-72" data-previous-steps-style="" data-editswitchopen="" data-response_type="alert" data-erroricon="fas fa-exclamation-triangle" data-successicon="fas fa-check" data-messageposition="top" class=" mf-scroll-top-no"> 836 <div class="formpicker_warper formpicker_warper_editable" data-metform-formpicker-key="72"> 837 838 <div class="elementor-widget-container"> 839 840 <div id="metform-wrap-33ff4519-72" class="mf-form-wrapper" data-form-id="72" data-action="http://localhost/pers
840onlweb/wp-json/metform/v1/entries/insert/72" data-wp-nonce="7c873da66d" data-form-nonce="4a7242aa34" data-quiz-summery="false" data-save-progress="false" data-form-type="general-form" data-stop-vertical-effect=""></div> 841 842 843 <!----------------------------- 844 * controls_data : find the the props passed indie of data attribute 845 * props.SubmitResponseMarkup : contains the markup of error or success message 846 * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals 847 --------------------------- --> 848 849
849<script type="text/mf" class="mf-template"> 850 function controls_data (value){ 851 let currentWrapper = "mf-response-props-id-72"; 852 let currentEl = document.getElementById(currentWrapper); 853 854 return currentEl ? currentEl.dataset[value] : false 855 } 856 857 858 let is_edit_mode = '' ? true : false; 859 let message_position = controls_data('messageposition') || 'top'; 860 861 862 let message_successIcon = controls_data('successicon') || ''; 863 let message_errorIcon = controls_data('erroricon') || ''; 864 let message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false; 865 let message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : ''; 866 867 let is_dummy_markup = is_edit_mode && message_editSwitch ? true : false; 868 869 870 return html` 871 <form 872 className="metform-form-content" 873 ref=${parent.formContainerRef} 874 onSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) } 875 876 > 877 878 879 ${is_dummy_markup ? message_position === 'top' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''} 880 ${is_dummy_markup ? ' ' : message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''} 881 882 <!-------------------------------------------------------- 883 *** IMPORTANT / DANGEROUS *** 884 ${html``} must be used as in immediate child of "metform-form-main-wrapper" 885 class otherwise multistep form will not run at all 886 ----------------------------------------------------------> 887 888 <div className="metform-form-main-wrapper" key=${'hide-form-after-submit'} ref=${parent.formRef}> 889 ${html` 890 <div data-elementor-type="wp-post" key="2" data-elementor-id="72" className="elementor elementor-72"> 891 <section className="elementor-section elementor-top-section elementor-element elementor-element-2322b304 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2322b304" data-element_type="section" data-settings="{"background_background":"classic"}"> 892 <div className="elementor-container elementor-column-gap-no"> 893 <div className="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7c6520d5" data-id="7c6520d5" data-element_type="column"> 894 <div className="elementor-widget-wrap elementor-element-populated"> 895 <section className="elementor-section elementor-inner-section elementor-element elementor-element-6578c28d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6578c28d" data-element_type="section"> 896 <div className="elementor-container elementor-column-gap-extended"> 897 <div className="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-266a383d" data-id="266a383d" data-element_type="column"> 898 <div className="elementor-widget-wrap elementor-element-populated"> 899 <div className="elementor-element elementor-element-3139f96d elementor-widget elementor-widget-mf-text" data-id="3139f96d" data-element_type="widget" data-settings="{"mf_input_name":"mf-first-name"}" data-widget_type="mf-text.default"> 900 <div className="elementor-widget-container"> 901 902 <div className="mf-input-wrapper"> 903 904 <input 905 type="text" 906 className="mf-input " 907 id="mf-input-text-3139f96d" 908 name="mf-first-name" 909 placeholder="${ parent.decodeEntities(`Your Name`) } " 910 onInput=${parent.handleChange} 911 onBlur=${parent.handleChange} 912 aria-invalid=${validation.errors['mf-first-name'] ? 'true' : 'false'} 913 ref=${el =>{ 914 parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el) 915 }} 916 /> 917 918 <${validation.ErrorMessage} 919 errors=${validation.errors} 920 name="mf-first-name" 921 as=${html`<span className="mf-error-message"><\/span>`} 922 /> 923 924 <\/div> 925 926 <\/div> 927 <\/div> 928 <\/div> 929 <\/div> 930 <div className="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-226ca8d9" data-id="226ca8d9" data-element_type="column"> 931 <div className="elementor-widget-wrap elementor-element-populated"> 932 <div className="elementor-element elementor-element-6d36c2d elementor-widget elementor-widget-mf-email" data-id="6d36c2d" data-element_type="widget" data-settings="{"mf_input_name":"mf-email"}" data-widget_type="mf-email.default"> 933 <div className="elementor-widget-container"> 934 935 <div className="mf-input-wrapper"> 936 937 <input 938 type="email" 939 940 defaultValue="" 941 className="mf-input " 942 id="mf-input-email-6d36c2d" 943 name="mf-email" 944 placeholder="${ parent.decodeEntities(`Your Email`) } " 945 946 onBlur=${parent.handleChange} onFocus=${parent.handleChange} aria-invalid=${validation.errors['mf-email'] ? 'true' : 'false' } 947 ref=${el=> parent.activateValidation({"message":"This field is required.","emailMessage":"Please enter a valid Email address","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)} 948 /> 949 950 <${validation.ErrorMessage} 951 errors=${validation.errors} 952 name="mf-email" 953 as=${html`<span className="mf-error-message"><\/span>`} 954 /> 955 956 <\/div> 957 958 <\/div> 959 <\/div> 960 <\/div> 961 <\/div> 962 <\/div> 963 <\/section> 964 <section className="elementor-section elementor-inner-section elementor-element elementor-element-1a80cf93 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1a80cf93" data-element_type="section"> 965 <div className="elementor-container elementor-column-gap-extended"> 966 <div className="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5a53c241" data-id="5a53c241" data-element_type="column"> 967 <div className="elementor-widget-wrap elementor-element-populated"> 968 <div className="elementor-element elementor-element-2f7b42a1 elementor-widget elementor-widget-mf-telephone" data-id="2f7b42a1" data-element_type="widget" data-settings="{"mf_input_name":"mf-telephone"}" data-widget_type="mf-telephone.default"> 969 <div className="elementor-widget-container"> 970 971 <div className="mf-input-wrapper"> 972 973 <input 974 type="tel" 975 className="mf-input " 976 id="mf-input-telephone-2f7b42a1" 977 name="mf-telephone" 978 placeholder="${ parent.decodeEntities(`Your Phone`) } " 979 onInput=${parent.handleChange} 980 aria-invalid=${validation.errors['mf-telephone'] ? 'true' : 'false'} 981 ref=${el => parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)} 982 /> 983 984 <${validation.ErrorMessage} 985 errors=${validation.errors} 986 name="mf-telephone" 987 as=${html`<span className="mf-error-message"><\/span>`} 988 /> 989 990 991 <\/div> 992 993 <\/div> 994 <\/div> 995 <\/div> 996 <\/div> 997 <div className="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-22b02f96" data-id="22b02f96" data-element_type="column"> 998 <div className="elementor-widget-wrap elementor-element-populated"> 999 <div className="elementor-element elementor-element-2c9258e6 elementor-widget elementor-widget-mf-text" data-id="2c9258e6" data-element_type="widget" data-settings="{"mf_input_name":"mf-subject"}" data-widget_type="mf-text.default"> 1000 <div className="elementor-widget-container"> 1001 1002 <div className="mf-input-wrapper"> 1003 1004 <input 1005 type="text" 1006 className="mf-input " 1007 id="mf-input-text-2c9258e6" 1008 name="mf-subject" 1009 placeholder="${ parent.decodeEntities(`Your Subject`) } " 1010 onInput=${parent.handleChange} 1011 onBlur=${parent.handleChange} 1012 aria-invalid=${validation.errors['mf-subject'] ? 'true' : 'false'} 1013 ref=${el =>{ 1014 parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el) 1015 }} 1016 /> 1017 1018 <${validation.ErrorMessage} 1019 errors=${validation.errors} 1020 name="mf-subject" 1021 as=${html`<span className="mf-error-message"><\/span>`} 1022 /> 1023 1024 <\/div> 1025 1026 <\/div> 1027 <\/div> 1028 <\/div> 1029 <\/div> 1030 <\/div> 1031 <\/section> 1032 <section className="elementor-section elementor-inner-section elementor-element elementor-element-27813ce6 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="27813ce6" data-element_type="section"> 1033 <div className="elementor-container elementor-column-gap-extended"> 1034 <div className="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-5b6edf2b" data-id="5b6edf2b" data-element_type="column"> 1035 <div className="elementor-widget-wrap elementor-element-populated"> 1036 <div className="elementor-element elementor-element-627b385a elementor-widget elementor-widget-mf-textarea" data-id="627b385a" data-element_type="widget" data-settings="{"mf_input_name":"mf-comment"}" data-widget_type="mf-textarea.default"> 1037 <div className="elementor-widget-container"> 1038 1039 <div className="mf-input-wrapper"> 1040 1041 <textarea className="mf-input mf-textarea " id="mf-input-text-area-627b385a" 1042 name="mf-comment" 1043 placeholder="${ parent.decodeEntities(`Message`) } " 1044 cols="30" rows="10" 1045 onInput=${ parent.handleChange } 1046 aria-invalid=${validation.errors['mf-comment'] ? 'true' : 'false'} 1047 ref=${ el => parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)} 1048 ><\/textarea> 1049 1050 <${validation.ErrorMessage} 1051 errors=${validation.errors} 1052 name="mf-comment" 1053 as=${html`<span className="mf-error-message"><\/span>`} 1054 /> 1055 <\/div> 1056 1057 <\/div> 1058 <\/div> 1059 <div className="elementor-element elementor-element-7a8571f8 mf-btn--left mf-btn--mobile-justify elementor-widget elementor-widget-mf-button" data-id="7a8571f8" data-element_type="widget" data-widget_type="mf-button.default"> 1060 <div className="elementor-widget-container"> 1061 <div className="mf-btn-wraper " data-mf-form-conditional-logic-requirement=""> 1062 <button type="submit" className="metform-btn metform-submit-btn " id=""> 1063 <span>${ parent.decodeEntities(`Send Message`) } <\/span> 1064 <\/button>
1064 1065 <\/div> 1066 <\/div> 1067 <\/div> 1068 <\/div> 1069 <\/div> 1070 <\/div> 1071 <\/section> 1072 <\/div> 1073 <\/div> 1074 <\/div> 1075 <\/section> 1076 <\/div> 1077 `} 1078 <\/div> 1079 1080 ${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''} 1081 ${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''} 1082 1083 <\/form> 1084 ` 1085 </script>
1085 1086 1087 </div> 1088 </div> 1089 </div> </div> 1090 </div> 1091 </div> 1092 </div> 1093 </div> 1094 </section> 1095 <section class="elementor-section elementor-top-section elementor-element elementor-element-7d7d6db2 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7d7d6db2" data-element_type="section" data-settings="{"background_background":"classic"}"> 1096 <div class="elementor-container elementor-column-gap-default"> 1097 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-470b8cb5" data-id="470b8cb5" data-element_type="column"> 1098 <div class="elementor-widget-wrap elementor-element-populated"> 1099 <div class="elementor-element elementor-element-1ce308 animated-slow elementor-invisible elementor-widget elementor-widget-jkit_heading" data-id="1ce308" data-element_type="widget" data-settings="{"_animation":"fadeInUp"}" data-widget_type="jkit_heading.default"> 1100 <div class="elementor-widget-container"> 1101 <div class="jeg-elementor-kit jkit-heading align-center align-tablet- align-mobile- jeg_module_73_32_671a1a7eedc6f"><div class="heading-section-title display-inline-block"><h2 class="heading-title">/ <span class="style-color"><span>Blog</span></span> 1102</h2></div></div> </div> 1103 </div> 1104 <div class="elementor-element elementor-element-3aeb978d elementor-widget elementor-widget-heading" data-id="3aeb978d" data-element_type="widget" data-widget_type="heading.default"> 1105 <div class="elementor-widget-container"> 1106 <h2 class="elementor-heading-title elementor-size-default">Latest Blog</h2> </div> 1107 </div> 1108 <div class="elementor-element elementor-element-6b2e3308 elementor-widget elementor-widget-text-editor" data-id="6b2e3308" data-element_type="widget" data-widget_type="text-editor.default"> 1109 <div class="elementor-widget-container"> 1110 <p>Explore our Latest Blog for insightful articles, updates, and trends in technology, culture, and beyond. Stay informed, inspired, and engaged.</p> </div> 1111 </div> 1112 <section class="elementor-section elementor-inner-section elementor-element elementor-element-54e03b62 animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible" data-id="54e03b62" data-element_type="section" data-settings="{"animation":"fadeInUp"}"> 1113 <div class="elementor-container elementor-column-gap-no"> 1114 <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-6c476a50" data-id="6c476a50" data-element_type="column"> 1115 <div class="elementor-widget-wrap elementor-element-populated"> 1116 <div class="elementor-element elementor-element-7aee6cc7 elementor-widget elementor-widget-jkit_post_block" data-id="7aee6cc7" data-element_type="widget" data-widget_type="jkit_post_block.default"> 1117 <div class="elementor-widget-container"> 1118 <div class="jeg-elementor-kit jkit-postblock postblock-type-2 jkit-pagination-disable post-element jeg_module_73_33_671a1a7f049c4" data-id="jeg_module_73_33_671a1a7f049c4" data-settings="{"post_type":"post","number_post":{"unit":"px","size":3,"sizes":[]},"post_offset":0,"unique_content":"disable","include_post":"","exclude_post":"","include_category":"","exclude_category":"","include_author":"","include_tag":"","exclude_tag":"","sort_by":"latest","pagination_mode":"disable","pagination_loadmore_text":"Load More","pagination_loading_text":"Loading...","pagination_number_post":{"unit":"px","size":3,"sizes":[]},"pagination_scroll_limit":0,"pagination_icon":{"value":"","library":""},"pagination_icon_position":"before","st_category_position":"center","sg_content_postblock_type":"type-2","sg_content_element_order":"title,meta,excerpt,read","sg_content_breakpoint":"tablet","sg_content_title_html_tag":"h4","sg_content_category_enable":"yes","sg_content_excerpt_enable":"yes","sg_content_excerpt_length":{"unit":"px","size":20,"sizes":[]},"sg_content_excerpt_more":"...","sg_content_readmore_enable":"yes","sg_content_readmore_icon":{"value":"fas fa-arrow-right","library":"fa-solid"},"sg_content_readmore_icon_position":"after","sg_content_readmore_text":"Read More","sg_content_comment_enable":"","sg_content_comment_icon":{"value":"fas fa-comment","library":"fa-solid"},"sg_content_comment_icon_position":"before","sg_content_meta_enable":"","sg_content_meta_author_enable":"","sg_content_meta_author_by_text":"by","sg_content_meta_author_icon":{"value":"fas fa-user","library":"fa-solid"},"sg_content_meta_author_icon_position":"before","sg_content_meta_date_enable":"","sg_content_meta_date_type":"published","sg_content_meta_date_format":"default","sg_content_meta_date_format_custom":"F j, Y","sg_content_meta_date_icon":{"value":"fas fa-clock","library":"fa-solid"},"sg_content_meta_date_icon_position":"before","sg_content_image_size_imagesize_size":"full","paged":1,"class":"jkit_post_block"}"><div class="jkit-block-container"><div class="jkit-posts jkit-ajax-flag"> 1119 <article class="jkit-post post-540 post type-post status-publish format-standard has-post-thumbnail hentry category-education"> 1120 <div class="jkit-thumb"><a aria-label="Implementing Push Notifications in Flutter with Firebase" href="/implementing-push-notifications-in-flutter-with-firebase/"><div class="thumbnail-container "> 1121 <img loading="lazy" decoding="async" width="1024" height="1024" src="/wp-content/uploads/2024/10/DALL·E-2024-10-24-12.21.37-A-visual-diagram-illustrating-Firebase-push-notifications-integration-with-a-Flutter-app.-The-diagram-should-show-key-elements-such-as-the-Firebase-Cl.webp" class="attachment-full size-full wp-post-image" alt="" srcset="/wp-content/uploads/2024/10/DALL·E-2024-10-24-12.21.37-A-visual-diagram-illustrating-Firebase-push-notifications-integration-with-a-Flutter-app.-The-diagram-should-show-key-elements-such-as-the-Firebase-Cl.webp 1024w, /wp-content/uploads/2024/10/DALL·E-2024-10-24-12.21.37-A-visual-diagram-illustrating-Firebase-push-notifications-integration-with-a-Flutter-app.-The-diagram-should-show-key-elements-such-as-the-Firebase-Cl-300x300.webp 300w, /wp-content/uploads/2024/10/DALL·E-2024-10-24-12.21.37-A-visual-diagram-illustrating-Firebase-push-notifications-integration-with-a-Flutter-app.-The-diagram-should-show-key-elements-such-as-the-Firebase-Cl-150x150.webp 150w, /wp-content/uploads/2024/10/DALL·E-2024-10-24-12.21.37-A-visual-diagram-illustrating-Firebase-push-notifications-integration-with-a-Flutter-app.-The-diagram-should-show-key-elements-such-as-the-Firebase-Cl-768x768.webp 768w" sizes="(max-width: 1024px) 100vw, 1024px"> 1122 </div></a></div> 1123 <div class="jkit-postblock-content"> 1124<div class="jkit-post-category "><span><a href="/category/education/" class="category-education">Education</a></span></div> 1125<h4 class="jkit-post-title"> 1126 <a href="/implementing-push-notifications-in-flutter-with-firebase/">Implementing Push Notifications in Flutter with Firebase</a> 1127 </h4> 1128<div class="jkit-post-excerpt"><p>Implementing Push Notifications in Flutter with Firebase Fasil Getie October 24, 2024 Education  Push notifications are a crucial aspect...</p></div> 1129<div class="jkit-post-meta-bottom"> 1130 <div class="jkit-meta-readmore icon-position-after"> 1131 <a title="Implementing Push Notifications in Flutter with Firebase" href="/implementing-push-notifications-in-flutter-with-firebase/" class="jkit-readmore">Read More<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg></a> 1132 </div> 1133 </div> 1134</div> 1135 </article><article class="jkit-post post-325 post type-post status-publish format-standard has-post-thumbnail hentry category-education tag-education"> 1136 <div class="jkit-thumb"><a aria-label="Understanding React Hooks: A Comprehensive Guide" href="/understanding-react-hooks/"><div class="thumbnail-container "> 1137 <img loading="lazy" decoding="async" width="1080" height="720" src="/wp-content/uploads/2024/02/React-Featchered-Image.jpeg" class="attachment-full size-full wp-post-image" alt="React Image" srcset="/wp-content/uploads/2024/02/React-Featchered-Image.jpeg 1080w, /wp-content/uploads/2024/02/React-Featchered-Image-300x200.jpeg 300w, /wp-content/uploads/2024/02/React-Featchered-Image-1024x683.jpeg 1024
1137w, /wp-content/uploads/2024/02/React-Featchered-Image-768x512.jpeg 768w" sizes="(max-width: 1080px) 100vw, 1080px"> 1138 </div></a></div> 1139 <div class="jkit-postblock-content"> 1140<div class="jkit-post-category "><span><a href="/category/education/" class="category-education">Education</a></span></div> 1141<h4 class="jkit-post-title"> 1142 <a href="/understanding-react-hooks/">Understanding React Hooks: A Comprehensive Guide</a> 1143 </h4> 1144<div class="jkit-post-excerpt"><p>This article explores React hooks in depth, including useState, useEffect, useContext, and custom hooks, to help developers understand and use...</p></div> 1145<div class="jkit-post-meta-bottom"> 1146 <div class="jkit-meta-readmore icon-position-after"> 1147 <a title="Understanding React Hooks: A Comprehensive Guide" href="/understanding-react-hooks/" class="jkit-readmore">Read More<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg></a> 1148 </div> 1149 </div> 1150</div> 1151 </article><article class="jkit-post post-319 post type-post status-publish format-standard has-post-thumbnail hentry category-education tag-education"> 1152 <div class="jkit-thumb"><a aria-label="10 Tips for Writing Cleaner Code in React" href="/10-tips-for-writing-cleaner-code-in-react-js/"><div class="thumbnail-container "> 1153 <img loading="lazy" decoding="async" width="1080" height="720" src="/wp-content/uploads/2024/02/React-Featchered-Image.jpeg" class="attachment-full size-full wp-post-image" alt="React Image" srcset="/wp-content/uploads/2024/02/React-Featchered-Image.jpeg 1080w, /wp-content/uploads/2024/02/React-Featchered-Image-300x200.jpeg 300w, /wp-content/uploads/2024/02/React-Featchered-Image-1024x683.jpeg 1024w, /wp-content/uploads/2024/02/React-Featchered-Image-768x512.jpeg 768w" sizes="(max-width: 1080px) 100vw, 1080px"> 1154 </div></a></div> 1155 <div class="jkit-postblock-content"> 1156<div class="jkit-post-category "><span><a href="/category/education/" class="category-education">Education</a></span></div> 1157<h4 class="jkit-post-title"> 1158 <a href="/10-tips-for-writing-cleaner-code-in-react-js/">10 Tips for Writing Cleaner Code in React</a> 1159 </h4> 1160<div class="jkit-post-excerpt"><p>This post covers strategies and best practices for writing clean and maintainable code in React.js projects.</p></div> 1161<div class="jkit-post-meta-bottom"> 1162 <div class="jkit-meta-readmore icon-position-after"> 1163 <a title="10 Tips for Writing Cleaner Code in React" href="/10-tips-for-writing-cleaner-code-in-react-js/" class="jkit-readmore">Read More<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg></a> 1164 </div> 1165 </div> 1166</div> 1167 </article> 1168 </div></div></div> </div> 1169 </div> 1170 </div> 1171 </div> 1172 </div> 1173 </section> 1174 </div> 1175 </div> 1176 </div> 1177 </section> 1178 </div> 1179 <footer itemtype="https://schema.org/WPFooter" itemscope="itemscope" id="colophon" role="contentinfo"> 1180 <div class="footer-width-fixer"> <div data-elementor-type="wp-post" data-elementor-id="96" class="elementor elementor-96"> 1181 <section class="elementor-section elementor-top-section elementor-element elementor-element-4dca01dc elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4dca01dc" data-element_type="section" data-settings="{"background_background":"classic"}"> 1182 <div class="elementor-background-overlay"></div> 1183 <div class="elementor-container elementor-column-gap-default"> 1184 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-202578f1" data-id="202578f1" data-element_type="column"> 1185 <div class="elementor-widget-wrap elementor-element-populated"> 1186 <section class="elementor-section elementor-inner-section elementor-element elementor-element-6cf1687e elementor-section-content-mid
1186dle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6cf1687e" data-element_type="section"> 1187 <div class="elementor-container elementor-column-gap-no"> 1188 <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-272750f8" data-id="272750f8" data-element_type="column"> 1189 <div class="elementor-widget-wrap elementor-element-populated"> 1190 <div class="elementor-element elementor-element-48661684 elementor-widget elementor-widget-image" data-id="48661684" data-element_type="widget" data-widget_type="image.default"> 1191 <div class="elementor-widget-container"> 1192 <img width="250" height="83" src="/wp-content/uploads/2023/12/3EzxIp-LogoMakr.png" class="attachment-full size-full wp-image-489" alt="" decoding="async"> </div> 1193 </div> 1194 </div> 1195 </div> 1196 <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-382e46f7" data-id="382e46f7" data-element_type="column"> 1197 <div class="elementor-widget-wrap elementor-element-populated"> 1198 <div class="elementor-element elementor-element-68231706 elementor-icon-list--layout-inline elementor-align-center elementor-mobile-align-center elementor-tablet-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="68231706" data-element_type="widget" data-widget_type="icon-list.default"> 1199 <div class="elementor-widget-container"> 1200 <ul class="elementor-icon-list-items elementor-inline-items"> 1201 <li class="elementor-icon-list-item elementor-inline-item"> 1202 <a href="/"> 1203 1204 <span class="elementor-icon-list-text">Home</span> 1205 </a> 1206 </li> 1207 <li class="elementor-icon-list-item elementor-inline-item"> 1208 <a href="/about-me/"> 1209 1210 <span class="elementor-icon-list-text">About Us</span> 1211 </a> 1212 </li> 1213 <li class="elementor-icon-list-item elementor-inline-item"> 1214 <a href="/services/"> 1215 1216 <span class="elementor-icon-list-text">Services</span> 1217 </a> 1218 </li> 1219 <li class="elementor-icon-list-item elementor-inline-item"> 1220 <a href="/portfolio/"> 1221 1222 <span class="elementor-icon-list-text">Portfolio</span> 1223 </a> 1224 </li> 1225 <li class="elementor-icon-list-item elementor-inline-item"> 1226 <a href="/contact/"> 1227 1228 <span class="elementor-icon-list-text">Contact</span> 1229 </a> 1230 </li> 1231 </ul> 1232 </div> 1233 </div> 1234 </div> 1235 </div> 1236 <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-74f7b109" data-id="74f7b109" data-element_type="column"> 1237 <div class="elementor-widget-wrap elementor-element-populated"> 1238 <div class="elementor-element elementor-element-3f28c5a elementor-shape-circle e-grid-align-right e-grid-align-tablet-center e-grid-align-mobile-center elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="3f28c5a" data-element_type="widget" data-widget_type="social-icons.default"> 1239 <div class="elementor-widget-container"> 1240 <div class="elementor-social-icons-wrapper elementor-grid"> 1241 <span class="elementor-grid-item"> 1242 <a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-animation-shrink elementor-repeater-item-d54d883" href="https://www.linkedin.com/in/fasilgetie21/" target="_blank"> 1243 <span class="elementor-screen-only">Linkedin</span> 1244 <svg class="e-font-icon-svg e-fab-linkedin" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg> </a> 1245 </span> 1246 <span class="elementor-grid-item"> 1247 <a class="elementor-icon elementor-social-icon elementor-social-icon-facebook-f elementor-animation-shrink elementor-repeater-item-c0163ab" href="https://www.facebook.com/profile.php?id=100043189128936" target="_blank"> 1248 <span class="elementor-screen-only">Facebook-f</span> 1249 <svg class="e-font-icon-svg e-fab-facebook-f" viewbox="0 0 320 512" xmlns="http://www.w3.org/2000/svg">
1249<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg> </a> 1250 </span> 1251 <span class="elementor-grid-item"> 1252 <a class="elementor-icon elementor-social-icon elementor-social-icon-github elementor-animation-shrink elementor-repeater-item-310ab07" href="https://github.com/fasil712" target="_blank"> 1253 <span class="elementor-screen-only">Github</span> 1254 <svg class="e-font-icon-svg e-fab-github" viewbox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg> </a> 1255 </span> 1256 <span class="elementor-grid-item"> 1257 <a class="elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-animation-shrink elementor-repeater-item-63f86db" target="_blank"> 1258 <span class="elementor-screen-only">Instagram</span> 1259 <svg class="e-font-icon-svg e-fab-instagram" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg> </a> 1260 </span> 1261 </div> 1262 </div> 1263 </div> 1264 </div> 1265 </div> 1266 </div> 1267 </section> 1268 <section class="elementor-section elementor-inner-section elementor-element elementor-element-23ed9595 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="23ed9595" data-element_type="section"> 1269 <div class="elementor-container elementor-column-gap-default"> 1270 <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-23bc9c86" data-id="23bc9c86" data-element_type="column"> 1271 <div class="elementor-widget-wrap elementor-element-populated"> 1272 <div class="elementor-element elementor-element-18dcfb35 elementor-icon-list--layout-inline elementor-align-left elementor-tablet-align-left elementor-mobile-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="18dcfb35" data-element_type="widget" data-widget_type="icon-list.default"> 1273 <div class="elementor-widget-container"> 1274 <ul class="elementor-icon-list-items elementor-inline-items"> 1275 <li class="elementor-icon-list-item elementor-inline-item"> 1276 <a href="#"> 1277 1278 <span class="elementor-icon-list-text">Privacy & Policy</span> 1279 </a> 1280 </li> 1281 <li class="elementor-icon-list-item elementor-inline-item"> 1282 <a href="#"> 1283 1284 <span class="elementor-icon-list-text">Terms Condition</span> 1285 </a> 1286 </li> 1287 </ul>
1288 </div> 1289 </div> 1290 </div> 1291 </div> 1292 <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-74d6475b" data-id="74d6475b" data-element_type="column"> 1293 <div class="elementor-widget-wrap elementor-element-populated"> 1294 <div class="elementor-element elementor-element-7bf9c889 elementor-widget elementor-widget-text-editor" data-id="7bf9c889" data-element_type="widget" data-widget_type="text-editor.default"> 1295 <div class="elementor-widget-container"> 1296 <p>Copyright © 2024. All rights reserved</p> </div> 1297 </div> 1298 </div> 1299 </div> 1300 </div> 1301 </section> 1302 </div> 1303 </div> 1304 </div> 1305 </section> 1306 </div> 1307 </div> </footer> 1308
1308<script type="text/javascript">const lazyloadRunObserver = () => { 1309 const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); 1310 const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { 1311 entries.forEach( ( entry ) => { 1312 if ( entry.isIntersecting ) { 1313 let lazyloadBackground = entry.target; 1314 if( lazyloadBackground ) { 1315 lazyloadBackground.classList.add( 'e-lazyloaded' ); 1316 } 1317 lazyloadBackgroundObserver.unobserve( entry.target ); 1318 } 1319 }); 1320 }, { rootMargin: '200px 0px 200px 0px' } ); 1321 lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { 1322 lazyloadBackgroundObserver.observe( lazyloadBackground ); 1323 } ); 1324 }; 1325 const events = [ 1326 'DOMContentLoaded', 1327 'elementor/lazyload/observe', 1328 ]; 1329 events.forEach( ( event ) => { 1330 document.addEventListener( event, lazyloadRunObserver ); 1331 } );</script>
1331 1332 <link rel="stylesheet" id="jeg-dynamic-style-css" href="/wp-content/plugins/jeg-elementor-kit/lib/jeg-framework/assets/css/jeg-dynamic-styles.css?ver=1.3.0" media="all"> 1333<link rel="stylesheet" id="widget-icon-list-css" href="/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=3.24.7" media="all"> 1334<link rel="stylesheet" id="font-awesome-5-all-css" href="/wp-content/plugins/elementor/assets/lib/font-awesome/css/all.min.css?ver=3.24.7" media="all"> 1335<link rel="stylesheet" id="font-awesome-4-shim-css" href="/wp-content/plugins/elementor/assets/lib/font-awesome/css/v4-shims.min.css?ver=3.24.7" media="all"> 1336<link rel="stylesheet" id="elementor-post-72-css" href="/wp-content/uploads/elementor/css/post-72.css?ver=1729689987" media="all"> 1337<link rel="stylesheet" id="e-animation-shrink-css" href="/wp-content/plugins/elementor/assets/lib/animations/styles/e-animation-shrink.min.css?ver=3.24.7" media="all"> 1338<link rel="stylesheet" id="widget-social-icons-css" href="/wp-content/plugins/elementor/assets/css/widget-social-icons.min.css?ver=3.24.7" media="all"> 1339<link rel="stylesheet" id="e-apple-webkit-css" href="/wp-content/plugins/elementor/assets/css/conditionals/apple-webkit.min.css?ver=3.24.7" media="all">
1340<script src="/wp-content/plugins/metform/public/assets/js/htm.js?ver=3.9.0" id="htm-js"></script>
vendor: 1 bytes, line 1340
1340
1341<script src="/wp-includes/js/dist/vendor/react.min.js?ver=18.3.1" id="react-js"></script>
vendor: 1 bytes, line 1341
1341
1342<script src="/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.3.1" id="react-dom-js"></script>
vendor: 1 bytes, line 1342
1342
1343<script src="/wp-includes/js/dist/escape-html.min.js?ver=6561a406d2d232a6fbd2" id="wp-escape-html-js"></script>
vendor: 1 bytes, line 1343
1343
1344<script src="/wp-includes/js/dist/element.min.js?ver=cb762d190aebbec25b27" id="wp-element-js"></script>
vendor: 1 bytes, line 1344
1344
1345<script id="metform-app-js-extra">var mf = {"postType":"page","restURI":"\/wp-json\/metform\/v1\/forms\/views\/","minMsg1":"Minimum length should be ","Msg2":" character long.","maxMsg1":"Maximum length should be ","maxNum":"Maximum number should be ","minNum":"Minimum number should be "};</script>
vendor: 1 bytes, line 1345
1345
1346<script src="/wp-content/plugins/metform/public/assets/js/app.js?ver=3.9.0" id="metform-app-js"></script>
vendor: 1 bytes, line 1346
1346
1347<script src="/wp-content/plugins/metform/public/assets/lib/cute-alert/cute-alert.js?ver=3.9.0" id="cute-alert-js"></script>
vendor: 1 bytes, line 1347
1347
1348<script src="/wp-content/themes/hello-elementor/assets/js/hello-frontend.min.js?ver=3.1.1" id="hello-theme-frontend-js"></script>
vendor: 1 bytes, line 1348
1348
1349<script src="/wp-content/plugins/jeg-elementor-kit/assets/js/sweetalert2/sweetalert2.min.js?ver=11.6.16" id="sweetalert2-js"></script>
vendor: 1 bytes, line 1349
1349
1350<script src="/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.24.7" id="elementor-webpack-runtime-js"></script>
vendor: 1 bytes, line 1350
1350
1351<script src="/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.24.7" id="elementor-frontend-modules-js"></script>
vendor: 1 bytes, line 1351
1351
1352<script src="/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
vendor: 1 bytes, line 1352
1352
1353<script id="elementor-frontend-js-before">var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselWrapperAriaLabel":"Carousel | Horizontal scrolling: Arrow Left & Right","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.24.7","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"container_grid":true,"e_swiper_latest":true,"e_nested_atomic_repeaters":true,"e_onboarding":true,"hello-theme-header-footer":true,"home_screen":true,"ai-layout":true,"landing-pages":true,"link-in-bio":true,"floating-buttons":true},"urls":{"assets":"\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"\/wp-admin\/admin-ajax.php","uploadUrl":"\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"20acf94b3c"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"title","hello_header_menu_layout":"horizontal","hello_footer_logo_type":"logo"},"post":{"id":73,"title":"Fasil%27s%20Portfolio","excerpt":"","featuredImage":false}};</script>
vendor: 1 bytes, line 1353
1353
1354<script src="/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.24.7" id="elementor-frontend-js"></script>
vendor: 1 bytes, line 1354
1354
1355<script id="elementor-frontend-js-after">var jkit_ajax_url = "/?jkit-ajax-request=jkit_elements", jkit_nonce = "11ccd36bbc";</script>
vendor: 1 bytes, line 1355
1355
1356<script src="/wp-content/plugins/jeg-elementor-kit/assets/js/elements/fun-fact.js?ver=2.6.9" id="jkit-element-funfact-js"></script>
vendor: 1 bytes, line 1356
1356
1357<script src="/wp-content/plugins/jeg-elementor-kit/assets/js/elements/progress-bar.js?ver=2.6.9" id="jkit-element-progressbar-js"></script>
vendor: 1 bytes, line 1357
1357
1358<script src="/wp-content/plugins/jeg-elementor-kit/assets/js/elements/video-button.js?ver=2.6.9" id="jkit-element-videobutton-js"></script>
vendor: 1 bytes, line 1358
1358
1359<script id="jkit-element-pagination-js-extra">var jkit_element_pagination_option = {"element_prefix":"jkit_element_ajax_"};</script>
vendor: 1 bytes, line 1359
1359
1360<script src="/wp-content/plugins/jeg-elementor-kit/assets/js/elements/post-pagination.js?ver=2.6.9" id="jkit-element-pagination-js"></script>
vendor: 1 bytes, line 1360
1360
1361<script src="/wp-content/plugins/jeg-elementor-kit/assets/js/elements/sticky-element.js?ver=2.6.9" id="jkit-sticky-element-js"></script>
vendor: 1 bytes, line 1361
1361
1362<script src="/wp-content/plugins/jeg-elementor-kit/assets/js/elements/nav-menu.js?ver=2.6.9" id="jkit-element-navmenu-js"></script>
vendor: 1 bytes, line 1362
1362
1363<script src="/wp-content/plugins/elementor/assets/lib/font-awesome/js/v4-shims.min.js?ver=3.24.7" id="font-awesome-4-shim-js"></script>
1363 1364 </body> 1365</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.