Help
RSS
API
Feed
Maltego
Contact
Domain > bitayonas.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2024-07-27
104.21.13.113
(
ClassC
)
2026-01-23
172.67.155.226
(
ClassC
)
Port 443
HTTP/1.1 200 OKDate: Fri, 23 Jan 2026 12:04:52 GMTContent-Type: text/html; charsetutf-8Transfer-Encoding: chunkedConnection: keep-aliveServer: cloudflarelast-modified: Thu, 12 Jun 2025 23:26:53 GMTaccess-control-allow-origin: *expires: Fri, 23 Jan 2026 12:14:52 GMTCache-Control: max-age600Report-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?sII2r%2FUXovJuyKA0494iBAlhbRV5MomERiTgbtdn5FwSL0qRMmwtwO6C%2Babnui78gytZZF8klKCgBAOJN1N0Duz14gnk9chyIYnmC3bQ%3D}}x-proxy-cache: MISSx-github-request-id: 1192:2FC53A:AACDAC:AF2ECE:697363E4Nel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}Age: 0via: 1.1 varnishx-served-by: cache-sjc10022-SJCx-cache: MISSx-cache-hits: 0x-timer: S1769169893.771352,VS0,VE104vary: Accept-Encodingx-fastly-request-id: e09abfb62aa6558260a0374870e2db740c53da7bcf-cache-status: DYNAMICCF-RAY: 9c2727f5788c2095-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>html langen dirltr> head> meta charsetUTF-8> !-- Page Title --> title>Bitania - Personal Portfolio /title> !-- Meta Tags --> meta namedescription contentBitania - unique and creative portfolio !> meta namekeywords contentmix_design, resume, portfolio, personal page, cv, template, one page, responsive, html5, css3, creative, clean> meta nameauthor contentmix_design> !-- Viewport Meta--> meta http-equivX-UA-Compatible contentIEedge> meta nameviewport contentwidthdevice-width, initial-scale1, maximum-scale1> !-- Template Favicon & Icons Start --> link relicon hrefimg/favicon/favicon.ico sizesany> link relicon hrefimg/favicon/icon.svg typeimage/svg+xml> link relapple-touch-icon hrefimg/favicon/apple-touch-icon.png> link relmanifest hrefimg/favicon/manifest.webmanifest> !-- Template Favicon & Icons End --> !-- Template Styles Start --> link relstylesheet hrefcss/loaders/loader.css> link relstylesheet typetext/css hrefcss/plugins.css> link relstylesheet typetext/css hrefcss/main.css> !-- Template Styles End --> !-- Custom Browser Color Start --> meta nametheme-color media(prefers-color-scheme: light) content#dcdce7> meta nametheme-color media(prefers-color-scheme: dark) content#111111> meta namemsapplication-navbutton-color content#111111> meta nameapple-mobile-web-app-capable contentyes> meta nameapple-mobile-web-app-status-bar-style contentblack-translucent> !-- Custom Browser Color End --> !-- Add this line in the head section, after the existing meta tags --> link relicon hreffavicon.ico typeimage/x-icon> style typetext/css> .gradient-fill { fill: url(#gradientFill); } /* Responsive avatar image styling */ .avatar__image { width: 100%; padding: 10px; display: flex; justify-content: center; align-items: center; margin: 0 auto; } .avatar__image img { width: 220px; height: 220px; border-radius: 50%; object-fit: cover; object-position: center; border: 2px solid #CEC4EF; box-shadow: 0 4px 8px rgba(0,0,0,0.1); } /* Responsive breakpoints for avatar */ @media (max-width: 768px) { .avatar__image img { width: 180px; height: 180px; } } @media (max-width: 480px) { .avatar__image img { width: 160px; height: 160px; } } @media (min-width: 1200px) { .avatar__image img { width: 240px; height: 240px; } } /style> /head> body> !-- Header Start --> header idheader classheader d-flex justify-content-between> !-- Navigation Menu Start --> div classheader__navigation> nav idmenu classmenu> ul classmenu__list d-flex justify-content-start> li classmenu__item> a classmenu__link btn href#home> span classmenu__caption>Home/span> i classph-bold ph-house-simple>/i> /a> /li> li classmenu__item> a classmenu__link btn href#portfolio> span classmenu__caption>Portfolio/span> i classph-bold ph-squares-four>/i> /a> /li> li classmenu__item> a classmenu__link btn href#about> span classmenu__caption>About Me/span> i classph-bold ph-user>/i> /a> /li> li classmenu__item> a classmenu__link btn href#resume> span classmenu__caption>Resume/span> i classph-bold ph-article>/i> /a> /li> li classmenu__item> a classmenu__link btn href#contact> span classmenu__caption>Contact/span> i classph-bold ph-envelope>/i> /a> /li> /ul> /nav> /div> !-- Navigation Menu End --> !-- Header Controls Start --> div classheader__controls d-flex justify-content-end> a idnotify-trigger classheader__trigger btn href/cdn-cgi/l/email-protection#1d7f6472737c6e2f2c5d6e697c7e33787968337e7270226e687f77787e692050786e6e7c7a78382f2d7b6f7270382f2d6472686f382f2d6e746978> span classtrigger__caption>Lets Talk/span> i classph-bold ph-chat-dots>/i> /a> /div> !-- Header Controls End --> /header> !-- Header End --> !-- SVG Background Start --> div idsvgBackground classsvg-background> !-- top svg item --> div classbackground__svg01 data-speed0.8> svg version1.1 xmlnshttp://www.w3.org/2000/svg x0px y0px width1000px height1000px viewBox0 0 1000 1000 styleenable-background:new 0 0 1000 1000; xml:spacepreserve> style typetext/css> .bg01{fill:url(#color-gradient);} /style> radialGradient idcolor-gradient cx418.5665 cy225.9685 r499.9326 fx866.8251 fy4.6162 gradientTransformmatrix(-0.6935 0.7207 -0.7207 -0.6935 953.1126 355.0528) gradientUnitsuserSpaceOnUse> stop offset0 stylestop-color:#CEC4EF/> stop offset1 stylestop-color:#CEC4EF;stop-opacity:0/> /radialGradient> circle classbg01 cx500 cy500 r500/> /svg> /div> !-- bottom svg item --> div classbackground__svg02 data-speed0.4> svg version1.1 xmlnshttp://www.w3.org/2000/svg x0px y0px width429.6px height429.6px viewBox0 0 429.6 429.6 styleenable-background:new 0 0 429.6 429.6; xml:spacepreserve> style typetext/css> .bg02{fill:url(#color-gradient-2);} /style> g idLayer_1-2> radialGradient idcolor-gradient-2 cx2213.9312 cy-11537.4219 r214.85 fx2393.6191 fy-11419.6494 gradientTransformmatrix(1.902285e-02 0.9998 0.9998 -1.954636e-02 11706.5303 -2223.4016) gradientUnitsuserSpaceOnUse> stop offset0 stylestop-color:#CEC4EF/> stop offset1 stylestop-color:#CEC4EF;stop-opacity:0/> /radialGradient> path classbg02 dM63,63C146.9-21,282.9-21,366.8,62.9s83.8,219.9-0.1,303.8s-219.9,83.9-303.8,0.1S-20.9,146.9,63,63z/> /g> /svg> /div> /div> !-- SVG Background End --> !-- Avatar Side Block Start --> div idavatar classavatar> div classavatar__container d-flex flex-column justify-content-lg-between> !-- image and logo --> div classavatar__block> div classavatar__logo d-flex align-items-center> div classlogo__image> !-- Your Logo Here!!! --> img srcimg/Preview-6.png altBitania - Personal Portfolio> style typetext/css> .gradient-fill { fill: url(#gradientFill); } /style> g> linearGradient idgradientFill gradientUnitsuserSpaceOnUse x19.9604 y175.0338 x275.0387 y29.9555> stop offset0 stylestop-color:var(--accent)/> stop offset1 stylestop-color:var(--secondary)/> /linearGradient> path classgradient-fill dM51,0H34C15.2,0,0,15.2,0,34v17c0,14.3,8.9,26.6,21.4,31.6c0,0,0,0,0,0l0,0C25.3,84.1,29.5,85,34,85h17 c6,0,11.7-1.6,16.6-4.3c0.1-0.1,0.2-0.1,0.3-0.2C78.1,74.6,85,63.6,85,51V34C85,15.2,69.8,0,51,0z M83,51c0,10.7-5.3,20.2-13.4,26 v-2.5v-3.9h3.9v-3.9h-3.9v-3.9h3.9v-3.9h-3.9H67v-3.9V51h-3.9v3.9v3.9h2.6v3.9v3.9v3.9h-3.9h-3.9v3.9h3.9h3.9v3.9v1 C61.3,81.7,56.3,83,51,83H34c-4.5,0-8.7-0.9-12.6-2.6v-2v-3.9h3.9h3.9v-3.9h-3.9h-3.9v-3.9v-3.9v-3.9H24v-3.9V51h-3.9v3.9v3.9h-2.6 h-3.9v3.9h3.9v3.9h-3.9v3.9h3.9v3.9v3.9C8.2,72.8,2,62.6,2,51V34C2,16.4,16.4,2,34,2h17c17.6,0,32,14.4,32,32V51z M50.1,54.9H54 v3.9v3.9h-3.9v-3.9V54.9z M33.1,54.9H37v3.9v3.9h-3.9v-3.9V54.9z M27.9,51H24v-3.9v-3.9v-3.9h3.9v3.9v3.9V51z M31.8,39.3h-3.9v-3.9 h3.9V39.3z M31.8,43.2v-3.9h3.9v3.9H31.8z M63.1,47.1V51h-3.9v-3.9v-3.9v-3.9h3.9v3.9V47.1z M35.7,47.1v-3.9h3.9h3.9h3.9h3.9v3.9 h-3.9h-3.9h-3.9H35.7z M59.2,39.3h-3.9v-3.9h3.9V39.3z M55.3,43.2h-3.9v-3.9h3.9V43.2z/> /g> /svg> /div> div classlogo__caption> p>Bitaniabr>Yonas/p> /div> /div> div classavatar__image> img srcimg/avatars/bita.jpg altBitania - Personal Portfolio> /div> /div> !-- data caption #1 --> div classavatar__block> h6> small classtop>Specialization:/small> Software Engineer /h6> /div> !-- data caption #2 --> div classavatar__block> h6> small classtop>Based in:/small> NEWYORK /h6> /div> !-- socials and CTA button --> div classavatar__block> div classavatar__socials> ul classsocials-square d-flex justify-content-between> li classsocials-square__item> a classsocials-square__link btn href/cdn-cgi/l/email-protection#2042594f4e4153121160535441430e454455 target_blank>i classph-bold ph-envelope>/i>/a> /li> li classsocials-square__item> a classsocials-square__link btn hrefhttps://www.linkedin.com/in/bitania-yonas-yirse-46b99a26b/ target_blank>i classph-bold ph-linkedin-logo>/i>/a> /li> li classsocials-square__item> a classsocials-square__link btn hrefhttps://github.com/bita-yonas target_blank>i classph-bold ph-github-logo>/i>/a> /li> /ul> /div> div classavatar__btnholder> a classbtn btn-default btn-fullwidth btn-hover btn-hover-accent href#contact target_blank> span classbtn-caption>Lets Work Together!/span> /a> /div> /div>/div>/div>!-- Avatar Side Block End --> !-- Page Content Start --> div idcontent classcontent> div classcontent__wrapper> !-- Intro Section Start -->section idhome classmain intro> !-- Headline Start --> div idheadline classheadline d-flex align-items-start flex-column> p classheadline__subtitle animate-headline> svg xmlnshttp://www.w3.org/2000/svg x0px y0px width13px height13px viewBox0 0 13 13 fillcurrentColor> path fillcurrentColor dM5.6,12.6c-0.5-0.8-0.7-2.4-1.7-3.5c-1-1-2.7-1.2-3.5-1.7C-0.1,7-0.1,6,0.4,5.6c0.8-0.5,2.3-0.6,3.5-1.8 C5,2.8,5.1,1.2,5.6,0.4C6-0.1,7-0.1,7.4,0.4c0.5,0.8,0.7,2.4,1.8,3.5c1.2,1.2,2.6,1.2,3.5,1.7c0.6,0.4,0.6,1.4,0,1.7 C11.8,7.9,10.2,8,9.1,9.1c-1,1-1.2,2.7-1.7,3.5C7,13.1,6,13.1,5.6,12.6z/> /svg> span>Lets meet!/span> /p> h1 classheadline__title animate-headline>Im Bitaniabr>A software Engineer./h1> div classheadline__btnholder d-flex flex-column flex-sm-row> a classbtn mobile-vertical btn-default btn-hover btn-hover-accent-mobile animate-headline href#portfolio> span classbtn-caption>My Works/span> i classph-bold ph-squares-four>/i> /a> /div> /div> !-- Headline End --> !-- Scroll Button Start --> div classrotating-btn> a href#portfolio classrotating-btn__link slide-down> !-- SVG rotating text --> svg version1.1 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink x0px y0px viewBox0 0 120 120 styleenable-background:new 0 0 120 120; xml:spacepreserve classanimate-rotation data-value360> defs> path idtextPath dM110,59.5c0,27.6-22.4,50-50,50s-50-22.4-50-50s22.4-50,50-50S110,31.9,110,59.5z/> /defs> g> use xlink:href#textPath fillnone>/use> text> !-- button text here!!! --> textPath xlink:href#textPath>Scroll for More * Scroll for More * /textPath> /text> /g> /svg> !-- arrow icon --> i classph-bold ph-arrow-down>/i> /a> /div> !-- Scroll Button End -->/section>!-- Intro Section End --> !-- Portfolio Section Start -->section idportfolio classinner inner-first portfolio> !-- Content Block - H2 Section Title Start --> div classcontent__block section-grid-title> p classh2__subtitle animate-in-up> svg xmlnshttp://www.w3.org/2000/svg x0px y0px width13px height13px viewBox0 0 13 13 fillcurrentColor> path fillcurrentColor dM5.6,12.6c-0.5-0.8-0.7-2.4-1.7-3.5c-1-1-2.7-1.2-3.5-1.7C-0.1,7-0.1,6,0.4,5.6c0.8-0.5,2.3-0.6,3.5-1.8 C5,2.8,5.1,1.2,5.6,0.4C6-0.1,7-0.1,7.4,0.4c0.5,0.8,0.7,2.4,1.8,3.5c1.2,1.2,2.6,1.2,3.5,1.7c0.6,0.4,0.6,1.4,0,1.7 C11.8,7.9,10.2,8,9.1,9.1c-1,1-1.2,2.7-1.7,3.5C7,13.1,6,13.1,5.6,12.6z/> /svg> span>Portfolio/span> /p> h2 classh2__title animate-in-up>Check out my featured projects/h2> /div> !-- Content Block - H2 Section Title End --> !-- Content Block - Works Gallery Start --> div classcontent__block grid-block> div classcontainer-fluid px-0 inner__gallery> div classrow gx-0 my-gallery itemscope itemtypehttp://schema.org/ImageGallery> !-- Project 1 --> figure classcol-12 col-md-6 gallery__item grid-item animate-card-2 itempropassociatedMedia itemscope itemtypehttp://schema.org/ImageObject stylepadding-bottom: 20px;> a href# classgallery__link data-typevideo data-video-urlhttps://www.youtube.com/embed/eu4CcmhMaJ4?sirSqytFdEAsVVuCRY styledisplay: block; height: 250px;> img srcimg/project1.png classgallery__image itempropthumbnail altBrain-Tumor-Classification-with-Neural-Networks stylewidth: 100%; height: 100%; object-fit: cover;> /a> div classproject-title styletext-align:center; font-size:1.3rem; font-weight:700; margin:1.2rem 0 0.2rem 0; color:#fff;>Brain-Tumor-Classification-with-Neural-Networks/div> div classcard__tags d-flex flex-wrap stylejustify-content:center; margin-bottom:0.7rem;> span classrounded-tag>Python/span> span classrounded-tag>TensorFlow/span> span classrounded-tag>Keras/span> span classrounded-tag>OpenCV/span> span classrounded-tag>NumPy/span> span classrounded-tag>Matplotlib/span> span classrounded-tag>Jupyter Notebook/span> /div> figcaption classgallery__descr itempropcaption description> p classsmall>This deep learning project leverages Convolutional Neural Networks (CNNs) to classify MRI images as either tumor or non-tumor. Using a labeled dataset of brain scans, the model was trained with data augmentation and regularization to improve generalization. The final model achieved 97% validation accuracy and 98% test accuracy, demonstrating strong potential for clinical decision support.br>br>Key challenges included limited data availability and class imbalance, which were addressed through aggressive augmentation (rotation, zoom, shift) and dropout layers to prevent overfitting. The models performance was evaluated using metrics like accuracy, precision, recall, and confusion matrices.br>br>b>Key Results:/b>br>Training Accuracy: 98.7%br>Validation Accuracy: 97.0%br>Test Accuracy: 98.2%br>Precision (Tumor): 97%br>Recall (Tumor): 96%br>F1-Score: 96.5%/p> /figcaption> /figure> !-- Project 2 --> figure classcol-12 col-md-6 gallery__item grid-item animate-card-2 itempropassociatedMedia itemscope itemtypehttp://schema.org/ImageObject stylepadding-bottom: 20px;> a href# classgallery__link data-typevideo data-video-urlhttps://www.youtube.com/embed/Y2MF0VmaM1s?siyExiPP1G3G6IoDmz styledisplay: block; height: 250px;> img srcimg/project2.png classgallery__image itempropthumbnail altFinancial-Analysis-Automation-with-LLMs stylewidth: 100%; height: 100%; object-fit: cover;> /a> div classproject-title styletext-align:center; font-size:1.3rem; font-weight:700; margin:1.2rem 0 0.2rem 0; color:#fff;>Financial-Analysis-Automation-with-LLMs/div> div classcard__tags d-flex flex-wrap stylejustify-content:center; margin-bottom:0.7rem;> span classrounded-tag>Python/span> span classrounded-tag>Streamlit/span> span classrounded-tag>OpenAI API/span> span classrounded-tag>yFinance/span> span classrounded-tag>Matplotlib/span> span classrounded-tag>Pandas/span> span classrounded-tag>LangChain/span> /div> figcaption classgallery__descr itempropcaption description> p classsmall>Financial-Analysis-Automation-with-LLMs is a Streamlit-based AI app that lets users analyze stocks using natural language queries. It combines real-time market data with large language models to deliver top stock recommendations, key financial metrics, AI-generated comparison summaries, and interactive performance visualizations — tailored to investor needs.br>br>Key challenges included aligning structured financial data with natural language output, handling ambiguous user queries, and creating a responsive UI for multi-layered insights./p> /figcaption> /figure> !-- Project 3 --> figure classcol-12 col-md-6 gallery__item grid-item animate-card-2 itempropassociatedMedia itemscope itemtypehttp://schema.org/ImageObject stylepadding-bottom: 20px;> a href# classgallery__link data-typevideo data-video-urlhttps://www.youtube.com/embed/2hl_Xh01IUk?si7K0sbZ23lOhfhO7N styledisplay: block; height: 250px;> img srcimg/project3.png classgallery__image itempropthumbnail altCodebase-RAG – AI Chat Assistant for GitHub Repositories stylewidth: 100%; height: 100%; object-fit: cover;> /a> div classproject-title styletext-align:center; font-size:1.3rem; font-weight:700; margin:1.2rem 0 0.2rem 0; color:#fff;>Codebase-RAG – AI Chat Assistant for GitHub Repositories/div> div classcard__tags d-flex flex-wrap stylejustify-content:center; margin-bottom:0.7rem;> span classrounded-tag>Pinecone/span> span classrounded-tag>LangChain/span> span classrounded-tag>GitHub/span> span classrounded-tag>Vector Search/span> span classrounded-tag>Chat UI/span> /div> figcaption classgallery__descr itempropcaption description> p classsmall>Codebase-RAG is an AI-powered tool that lets users interact with any public GitHub repository through a chat interface. It clones and indexes the repo using Pinecones vector search, allowing users to ask natural language questions and receive detailed insights about the projects code structure, components, and functionality.br>br>Key challenges included embedding large codebases efficiently, managing context-aware responses using LangChain, and building a smooth chat experience tailored to developers. This tool streamlines the process of understanding complex or unfamiliar codebases./p> /figcaption> /figure> !-- Project 4 --> figure classcol-12 col-md-6 gallery__item grid-item animate-card-2 itempropassociatedMedia itemscope itemtypehttp://schema.org/ImageObject stylepadding-bottom: 20px;> a href# classgallery__link data-typevideo data-video-urlhttps://www.youtube.com/embed/eMvczxgGJHs?silRnazZ5X2DIYTkh4 styledisplay: block; height: 250px;> img srcimg/project4.png classgallery__image itempropthumbnail altPentagram – AI Image Generation & Sharing Platform stylewidth: 100%; height: 100%; object-fit: cover;> /a> div classproject-title styletext-align:center; font-size:1.3rem; font-weight:700; margin:1.2rem 0 0.2rem 0; color:#fff;>Pentagram – AI Image Generation & Sharing Platform/div> div classcard__tags d-flex flex-wrap stylejustify-content:center; margin-bottom:0.7rem;> span classrounded-tag>Next.js/span> span classrounded-tag>TypeScript/span> span classrounded-tag>Tailwind CSS/span> span classrounded-tag>Hugging Face Inference API/span> span classrounded-tag>Node.js/span> span classrounded-tag>Express.js/span> span classrounded-tag>MongoDB/span> span classrounded-tag>Cloudinary/span> span classrounded-tag>Vercel/span> /div> figcaption classgallery__descr itempropcaption description> p classsmall>Pentagram is a full-stack web app where users can generate AI images from text prompts using Hugging Face diffusion models and share them with the creative community. The app features a responsive design, a gallery of generated posts, and a prompt-based creation flow that encourages creativity and interaction.br>br>Challenges included integrating Hugging Face inference endpoints, managing image generation latency, and ensuring real-time updates to the shared feed using MongoDB and Cloudinary. The result is a polished, end-to-end creative AI platform./p> /figcaption> /figure> !-- Project 5 --> figure classcol-12 col-md-6 gallery__item grid-item animate-card-2 itempropassociatedMedia itemscope itemtypehttp://schema.org/ImageObject stylepadding-bottom: 20px;> a href# classgallery__link data-typevideo data-video-urlhttps://www.youtube.com/embed/5Kxx4Pa-ad4?siUvAtBDTFBiBgqVfs styledisplay: block; height: 250px;> img srcimg/project5.png classgallery__image itempropthumbnail altVidStream – Full-Stack TikTok Clone stylewidth: 100%; height: 100%; object-fit: cover;> /a> div classproject-title styletext-align:center; font-size:1.3rem; font-weight:700; margin:1.2rem 0 0.2rem 0; color:#fff;>VidStream – Full-Stack TikTok Clone/div> div classcard__tags d-flex flex-wrap stylejustify-content:center; margin-bottom:0.7rem;> span classrounded-tag>Next.js/span> span classrounded-tag>TypeScript/span> span classrounded-tag>Tailwind CSS/span> span classrounded-tag>Sanity.io/span> span classrounded-tag>Google OAuth/span> span classrounded-tag>Zustand/span> span classrounded-tag>React Icons/span> span classrounded-tag>Vercel/span> /div> figcaption classgallery__descr itempropcaption description> p classsmall>VidStream is a responsive TikTok-style web app that allows users to upload, view, like, and comment on short-form videos. Built with Next.js and TypeScript, and powered by Sanity.io, it supports Google OAuth login, video uploads, real-time interactions, and category-based content discovery.br>br>Challenges included building a smooth video upload flow with Sanitys asset API and managing user authentication and global state using Zustand. The app delivers a polished, mobile-friendly experience that closely mirrors TikToks core features./p> /figcaption> /figure> !-- Project 6 --> figure classcol-12 col-md-6 gallery__item grid-item animate-card-2 itempropassociatedMedia itemscope itemtypehttp://schema.org/ImageObject stylepadding-bottom: 20px;> a href# classgallery__link data-typevideo data-video-urlhttps://www.youtube.com/embed/s_yCqZrupvo?si6PGjB7f_HMrsoKGh styledisplay: block; height: 250px;> img srcimg/project6.png classgallery__image itempropthumbnail altChurnVision – AI-Powered Customer Retention Predictor stylewidth: 100%; height: 100%; object-fit: cover;> /a> div classproject-title styletext-align:center; font-size:1.3rem; font-weight:700; margin:1.2rem 0 0.2rem 0; color:#fff;>ChurnVision – AI-Powered Customer Retention Predictor/div> div classcard__tags d-flex flex-wrap stylejustify-content:center; margin-bottom:0.7rem;> span classrounded-tag>Python/span> span classrounded-tag>Pandas/span> span classrounded-tag>NumPy/span> span classrounded-tag>Scikit-learn/span> span classrounded-tag>XGBoost/span> span classrounded-tag>Streamlit/span> span classrounded-tag>Matplotlib/span> span classrounded-tag>Seaborn/span> span classrounded-tag>OpenAI API/span> span classrounded-tag>Groq API/span> span classrounded-tag>Jupyter Notebook/span> span classrounded-tag>Pickle/span> /div> figcaption classgallery__descr itempropcaption description> p classsmall>ChurnVision is a machine learning-powered web app that predicts customer churn by analyzing behavioral and demographic data. The system trains and compares multiple models—including XGBoost, Random Forest, and SVM—selecting the best-performing one (XGBoost, 85.4% accuracy) for deployment. The app provides real-time predictions, interpretable churn explanations, and generates personalized email retention strategies using the OpenAI API.br>br>Key challenges included handling class imbalance, tuning hyperparameters for multiple classifiers, and integrating predictive insights with user-friendly output in a deployed Streamlit app./p> /figcaption> /figure> !-- Project 7 --> figure classcol-12 col-md-6 gallery__item grid-item animate-card-2 itempropassociatedMedia itemscope itemtypehttp://schema.org/ImageObject stylepadding-bottom: 20px;> a href# classgallery__link data-typevideo data-video-urlhttps://www.youtube.com/embed/w2fnxyPMU0Y?sixqJhld52Jzo4Rq4m styledisplay: block; height: 250px;> img srcimg/project7.png classgallery__image itempropthumbnail altWriteFlow AI – AI Writing Assistant for Students stylewidth: 100%; height: 100%; object-fit: cover;> /a> div classproject-title styletext-align:center; font-size:1.3rem; font-weight:700; margin:1.2rem 0 0.2rem 0; color:#fff;>WriteFlow AI – AI Writing Assistant for Students/div> div classcard__tags d-flex flex-wrap stylejustify-content:center; margin-bottom:0.7rem;> span classrounded-tag>Next.js/span> span classrounded-tag>TypeScript/span> span classrounded-tag>Tailwind CSS/span> span classrounded-tag>OpenAI API/span> span classrounded-tag>Node.js/span> span classrounded-tag>Vercel/span> /div> figcaption classgallery__descr itempropcaption description> p classsmall>WriteFlow AI is a writing assistant designed to help students generate and polish academic content. Users can input prompts and receive structured, high-quality writing suggestions powered by OpenAI. The app features a clean UI, customizable tone/style options, and supports exporting content for academic use.br>br>A major challenge was designing prompts that adapt to diverse academic writing needs. This was addressed through modular prompt engineering and context-aware input structuring./p> /figcaption> /figure> !-- Project 8 --> figure classcol-12 col-md-6 gallery__item grid-item animate-card-2 itempropassociatedMedia itemscope itemtypehttp://schema.org/ImageObject stylepadding-bottom: 20px;> a href# classgallery__link data-typevideo data-video-urlhttps://www.youtube.com/embed/ACTUQgfzfJw?siNiXfD66CzzbDIYk5 styledisplay: block; height: 250px;> img srcimg/project8.png classgallery__image itempropthumbnail altProfAI – AI-Powered Professor Review Generator stylewidth: 100%; height: 100%; object-fit: cover;> /a> div classproject-title styletext-align:center; font-size:1.3rem; font-weight:700; margin:1.2rem 0 0.2rem 0; color:#fff;>ProfAI – AI-Powered Professor Review Generator/div> div classcard__tags d-flex flex-wrap stylejustify-content:center; margin-bottom:0.7rem;> span classrounded-tag>Next.js/span> span classrounded-tag>Tailwind CSS/span> span classrounded-tag>Puppeteer/span> span classrounded-tag>Cheerio/span> span classrounded-tag>Pinecone/span> /div> figcaption classgallery__descr itempropcaption description> p classsmall>ProfAI is a web app that scrapes RateMyProfessors pages submitted by users and uses AI to generate smart summaries and recommendations. It integrates Pinecone and RAG (Retrieval-Augmented Generation) to deliver fast, relevant insights through semantic search.br>br>Key challenges included handling inconsistent page structures during scraping and integrating Pinecone with LangChain for accurate, real-time data retrieval and analysis./p> /figcaption> /figure> !-- Project 9 --> figure classcol-12 col-md-6 gallery__item grid-item animate-card-2 itempropassociatedMedia itemscope itemtypehttp://schema.org/ImageObject stylepadding-bottom: 20px;> a href# classgallery__link data-typevideo data-video-urlhttps://www.youtube.com/embed/dt3axpcfWps?siTpq-b6WBFTBIYUTE styledisplay: block; height: 250px;> img srcimg/project9.png classgallery__image itempropthumbnail altMindSpark – AI Flashcard Generator SaaS stylewidth: 100%; height: 100%; object-fit: cover;> /a> div classproject-title styletext-align:center; font-size:1.3rem; font-weight:700; margin:1.2rem 0 0.2rem 0; color:#fff;>MindSpark – AI Flashcard Generator/div> div classcard__tags d-flex flex-wrap stylejustify-content:center; margin-bottom:0.7rem;> span classrounded-tag>Next.js/span> span classrounded-tag>TypeScript/span> span classrounded-tag>OpenAI API/span> /div> figcaption classgallery__descr itempropcaption description> p classsmall>A full-stack SaaS web app that uses OpenAI to generate intelligent flashcards from user-provided text, helping learners retain information more efficiently. Features include authentication, credit-based usage limits, and responsive design for seamless use across devices./p> /figcaption> /figure> !-- Project 10 --> figure classcol-12 col-md-6 gallery__item grid-item animate-card-2 itempropassociatedMedia itemscope itemtypehttp://schema.org/ImageObject stylepadding-bottom: 20px;> a href# classgallery__link data-typevideo data-video-urlhttps://www.youtube.com/embed/1vygByEgLe8?autoplay1 styledisplay: block; height: 250px;> img srcimg/projectten.png classgallery__image itempropthumbnail altP.L.A.T.O AI Chatbot stylewidth: 100%; height: 100%; object-fit: cover;> /a> div classproject-title styletext-align:center; font-size:1.3rem; font-weight:700; margin:1.2rem 0 0.2rem 0; color:#fff;>P.L.A.T.O AI Chatbot/div> div classcard__tags d-flex flex-wrap stylejustify-content:center; margin-bottom:0.7rem;> span classrounded-tag>Next.js/span> span classrounded-tag>TypeScript/span> span classrounded-tag>Node.js/span> /div> figcaption classgallery__descr opposite itempropcaption description> p classsmall>A multilingual AI customer support chatbot with a modern UI, OpenAI-powered responses, and secure user roles./p> /figcaption> /figure> /div> /div> /div> !-- Content Block - Works Gallery End -->/section>!-- Portfolio Section End --> !-- About Section Start -->section idabout classinner about> !-- Content Block - H2 Section Title Start --> div classcontent__block section-grid-title> p classh2__subtitle animate-in-up> svg xmlnshttp://www.w3.org/2000/svg x0px y0px width13px height13px viewBox0 0 13 13 fillcurrentColor> path fillcurrentColor dM5.6,12.6c-0.5-0.8-0.7-2.4-1.7-3.5c-1-1-2.7-1.2-3.5-1.7C-0.1,7-0.1,6,0.4,5.6c0.8-0.5,2.3-0.6,3.5-1.8 C5,2.8,5.1,1.2,5.6,0.4C6-0.1,7-0.1,7.4,0.4c0.5,0.8,0.7,2.4,1.8,3.5c1.2,1.2,2.6,1.2,3.5,1.7c0.6,0.4,0.6,1.4,0,1.7 C11.8,7.9,10.2,8,9.1,9.1c-1,1-1.2,2.7-1.7,3.5C7,13.1,6,13.1,5.6,12.6z/> /svg> span>About Me/span> /p> h2 classh2__title animate-in-up>Turning complex problems into simple design/h2> /div> !-- Content Block - H2 Section Title End --> !-- Content Block - Achievements Start --> div classcontent__block grid-block> div classachievements d-flex flex-column flex-md-row align-items-md-stretch> !-- achievements single item --> div classachievements__item d-flex flex-column grid-item animate-card-3> div classachievements__card> p classachievements__number>5+/p> p classachievements__descr>Years of experience/p> /div> /div> !-- achievements single item --> div classachievements__item d-flex flex-column grid-item animate-card-3> div classachievements__card> p classachievements__number>43+/p> p classachievements__descr>Projects done/p> /div> /div> /div> /div> !-- Content Block - Achievements End --> !-- Content Block - About Me Data Start --> div classcontent__block grid-block block-large> div classcontainer-fluid p-0> div classrow g-0 justify-content-between> !-- About Me Description Start --> div classcol-12 col-xl-8 grid-item about-descr> p classabout-descr__text animate-in-up> I am Bitania Yonas, a passionate software engineer with a keen interest in VR development, 3D environment design, and machine learning. My expertise spans across various programming languages and platforms, enabling me to tackle complex challenges and create immersive experiences. /p> p classabout-descr__text animate-in-up> With a strong foundation in computer science, I have successfully developed several projects, including educational VR environments, task management systems, and interactive AR interfaces. I thrive in collaborative settings, continuously learning and applying new technologies to deliver innovative solutions. /p> div classbtn-group about-descr__btnholder animate-in-up> a classbtn mobile-vertical btn-default btn-hover btn-hover-accent hrefimg/Bitaniaresume.pdf download> span classbtn-caption>Download CV/span> i classph-bold ph-download-simple>/i> /a> /div> /div> !-- About Me Description End --> !-- About Me Information Start --> div classcol-12 col-xl-4 grid-item about-info> div classabout-info__item animate-in-up> h6> small classtop>Name/small> Bitania Yonas /h6> /div> div classabout-info__item animate-in-up> h6> small classtop>Phone/small> a classtext-link-bold hreftel:+18456520929>+1 845-652-0929/a> /h6> /div> div classabout-info__item animate-in-up> h6> small classtop>Email/small> a classtext-link-bold href/cdn-cgi/l/email-protection#22405b4d4c4351101362515643410c474657>span class__cf_email__ data-cfemailcfadb6a0a1aebcfdfe8fbcbbaeace1aaabba>email protected/span>/a> /h6> /div> div classabout-info__item animate-in-up> h6> small classtop>Location/small> NEWYORK /h6> /div> /div> !-- About Me Information End --> /div> /div> /div> !-- Content Block - About Me Data End --> /section> !-- About Section End --> !-- Resume Section Start --> section idresume classinner resume> !-- Content Block - H2 Section Title Start --> div classcontent__block block-large> p classh2__subtitle animate-in-up> svg xmlnshttp://www.w3.org/2000/svg x0px y0px width13px height13px viewBox0 0 13 13 fillcurrentColor> path fillcurrentColor dM5.6,12.6c-0.5-0.8-0.7-2.4-1.7-3.5c-1-1-2.7-1.2-3.5-1.7C-0.1,7-0.1,6,0.4,5.6c0.8-0.5,2.3-0.6,3.5-1.8 C5,2.8,5.1,1.2,5.6,0.4C6-0.1,7-0.1,7.4,0.4c0.5,0.8,0.7,2.4,1.8,3.5c1.2,1.2,2.6,1.2,3.5,1.7c0.6,0.4,0.6,1.4,0,1.7 C11.8,7.9,10.2,8,9.1,9.1c-1,1-1.2,2.7-1.7,3.5C7,13.1,6,13.1,5.6,12.6z/> /svg> span>Resume/span> /p> h2 classh2__title animate-in-up>Education and practical experience/h2> p classh2__text animate-in-up> a href#0 classtext-link>/a> /p> /div> !-- Content Block - H2 Section Title End --> !-- Content Block - Education Start --> div classcontent__block block-large> !-- H3 Block Start --> div classsection-h3> h3 classh3__title animate-in-up>My education/h3> /div> !-- H3 Block End --> !-- Education Lines Start --> div classcontainer-fluid p-0 resume-lines> !-- education single item --> div classrow g-0 resume-lines__item animate-in-up> div classcol-12 col-md-2> span classresume-lines__date animate-in-up>2022 - 2026/span> /div> div classcol-12 col-md-5> h5 classresume-lines__title animate-in-up>Bachelor of Science in Computer Science/h5> p classresume-lines__source animate-in-up>St. Thomas Aquinas College, Sparkill, NY/p> /div> div classcol-12 col-md-5> p classsmall resume-lines__descr animate-in-up>Major in Computer Science, focusing on software development, VR, and machine learning./p> /div> /div> /div> !-- Content Block - Education End --> /div> !-- Content Block - Education End --> !-- Content Block - Experience Start --> div classcontent__block block-large> !-- H3 Block Start --> div classsection-h3> h3 classh3__title animate-in-up>Work experience/h3> /div> !-- H3 Block End --> !-- Experience Lines Start --> div classcontainer-fluid p-0 resume-lines> !-- experience single item --> div classrow g-0 resume-lines__item animate-in-up> div classcol-12 col-md-2> span classresume-lines__date animate-in-up>09/2024 - 04/2025/span> /div> div classcol-12 col-md-5> h5 classresume-lines__title animate-in-up>Software Engineering Resident/h5> p classresume-lines__source animate-in-up>Headstarter, New York, NY/p> /div> div classcol-12 col-md-5> ul classsmall resume-lines__descr animate-in-up> li>Building full stack AI projects in Python like churn prediction and brain tumor classification with neural networks and machine learning models and large language models such as Meta Llama 3.2 & Google Gemini/li> li>Developed a full stack web application to perform multimodal RAG models over codebases using the GitHub API and Pinecone/li> li>Deployed a stable diffusion image generation model using HuggingFace Transformers and Modal, integrated with Next.js frontend/li> li>Collaborating with mentors for code reviews and weekly discussions, and mentored by a senior software engineer./li> /ul> /div> /div> !-- experience single item --> div classrow g-0 resume-lines__item animate-in-up> div classcol-12 col-md-2> span classresume-lines__date animate-in-up>07/2024 - 09/2024/span> /div> div classcol-12 col-md-5> h5 classresume-lines__title animate-in-up>Software Engineer Fellow/h5> p classresume-lines__source animate-in-up>Headstarter, New York, NY/p> /div> div classcol-12 col-md-5> ul classsmall resume-lines__descr animate-in-up> li>Built five full stack AI projects using React, TypeScript, and OpenAI API and deployed them in production environments./li> li>Developed a full stack web app using React, Next.js, TypeScript, and Clerk to assist users with writing documents with LLMs/li> li>Developed collaborative workflows to enhance team-based project management and efficiency./li> li>Designed and presented AI solutions to senior engineers and key stakeholders for feedback./li> /ul> /div> /div> !-- experience single item --> div classrow g-0 resume-lines__item animate-in-up> div classcol-12 col-md-2> span classresume-lines__date animate-in-up>09/2023 - 05/2024/span> /div> div classcol-12 col-md-5> h5 classresume-lines__title animate-in-up>Software Engineer/h5> p classresume-lines__source animate-in-up>XLab Research, New York, NY/p> /div> div classcol-12 col-md-5> ul classsmall resume-lines__descr animate-in-up> li>Developed a virtual reality environment using Unity with C# scripting and 3D design./li> li>Implemented Cinemachine to enhance camera motion and user interaction./li> li>Built interactive elements to improve the educational experience within the VR environment./li> li>Designed the XLab website to showcase projects and research./li> /ul> /div> /div> !-- experience single item --> div classrow g-0 resume-lines__item animate-in-up> div classcol-12 col-md-2> span classresume-lines__date animate-in-up>02/2023 - 04/2024/span> /div> div classcol-12 col-md-5> h5 classresume-lines__title animate-in-up>Software Developer/h5> p classresume-lines__source animate-in-up>Tech Innovators, Detroit, MI/p> /div> div classcol-12 col-md-5> ul classsmall resume-lines__descr animate-in-up> li>Developed task management software using Python and Java to enhance team collaboration./li> li>Designed and organized coding workshops, leading team discussions on key development topics./li> li>Created and tested software to ensure system reliability and high-performance standards./li> li>Implemented process automation solutions to significantly increase overall productivity./li> /ul> /div> /div> !-- experience single item --> div classrow g-0 resume-lines__item animate-in-up> div classcol-12 col-md-2> span classresume-lines__date animate-in-up>09/2019 - 06/2020/span> /div> div classcol-12 col-md-5> h5 classresume-lines__title animate-in-up>Software Engineering Tutor/h5> p classresume-lines__source animate-in-up>YMCA, Addis Ababa, Ethiopia/p> /div> div classcol-12 col-md-5> ul classsmall resume-lines__descr animate-in-up> li>Created foundational web development skills for high school students by teaching HTML./li> li>Implemented coding workshops, providing hands-on guidance on programming concepts and techniques./li> li>Designed engaging STEM activities that enhanced critical thinking and problem-solving skills./li> /ul> /div> /div> /div> !-- Content Block - Experience End --> !-- Content Block - H3 Block Start --> div classcontent__block> div classsection-h3 section-h3-grid> h3 classh3__title animate-in-up>My favourite tools/h3> /div> /div> !-- Content Block - H3 Block End --> !-- Content Block - Tools List Start --> div classcontent__block grid-block block-large> !-- Tools List Start --> div classtools-cards d-flex justify-content-start flex-wrap> !-- tools simgle item --> !-- tools simgle item --> div classtools-cards__item d-flex grid-item-s animate-card-5> div classtools-cards__card> img classtools-cards__icon animate-in-up srcimg/icons/icon-figma.svg altTools Icon> h6 classtools-cards__caption animate-in-up>Figma/h6> /div> /div> !-- tools simgle item --> div classtools-cards__item d-flex grid-item-s animate-card-5> div classtools-cards__card> img classtools-cards__icon animate-in-up srcimg/icons/visual-studio.svg altTools Icon> h6 classtools-cards__caption animate-in-up>vs code/code>/h6> /div> /div> !-- tools simgle item --> div classtools-cards__item d-flex grid-item-s animate-card-5> div classtools-cards__card> img classtools-cards__icon animate-in-up srcimg/icons/Xcode.svg altTools Icon> h6 classtools-cards__caption animate-in-up>Xcode/h6> /div> /div> !-- tools simgle item --> div classtools-cards__item d-flex grid-item-s animate-card-5> div classtools-cards__card> img classtools-cards__icon animate-in-up srcimg/icons/anaconda.svg altTools Icon> h6 classtools-cards__caption animate-in-up>anaconda/h6> /div> /div> !-- tools simgle item --> div classtools-cards__item d-flex grid-item-s animate-card-5> div classtools-cards__card> img classtools-cards__icon animate-in-up srcimg/icons/icon-blender.svg altTools Icon> h6 classtools-cards__caption animate-in-up>Blender/h6> /div> /div> !-- tools simgle item --> div classtools-cards__item d-flex grid-item-s animate-card-5> div classtools-cards__card> img classtools-cards__icon animate-in-up srcimg/icons/icon-html.svg altTools Icon> h6 classtools-cards__caption animate-in-up>HTML5/h6> /div> /div> !-- tools simgle item --> div classtools-cards__item d-flex grid-item-s animate-card-5> div classtools-cards__card> img classtools-cards__icon animate-in-up srcimg/icons/icon-css.svg altTools Icon> h6 classtools-cards__caption animate-in-up>CSS3/h6> /div> /div> !-- tools simgle item --> div classtools-cards__item d-flex grid-item-s animate-card-5> div classtools-cards__card> img classtools-cards__icon animate-in-up srcimg/icons/icon-notion.svg altTools Icon> h6 classtools-cards__caption animate-in-up>Notion/h6> /div> /div> /div> !-- Tools List End --> /div> !-- Content Block - Tools List End --> !-- Resume Section End --> !-- Contact Section Start --> section idcontact classinner contact> !-- Content Block - H2 Section Title Start --> div classcontent__block section-title> p classh2__subtitle animate-in-up> svg xmlnshttp://www.w3.org/2000/svg x0px y0px width13px height13px viewBox0 0 13 13 fillcurrentColor> path fillcurrentColor dM5.6,12.6c-0.5-0.8-0.7-2.4-1.7-3.5c-1-1-2.7-1.2-3.5-1.7C-0.1,7-0.1,6,0.4,5.6c0.8-0.5,2.3-0.6,3.5-1.8 C5,2.8,5.1,1.2,5.6,0.4C6-0.1,7-0.1,7.4,0.4c0.5,0.8,0.7,2.4,1.8,3.5c1.2,1.2,2.6,1.2,3.5,1.7c0.6,0.4,0.6,1.4,0,1.7 C11.8,7.9,10.2,8,9.1,9.1c-1,1-1.2,2.7-1.7,3.5C7,13.1,6,13.1,5.6,12.6z/> /svg> span>Contact/span> /p> h2 classh2__title animate-in-up>Lets make something awesome together!/h2> /div> !-- Content Block - H2 Section Title End --> !-- Content Block - Contact Form Start --> div classcontent__block grid-block block-grid-large> div classform-container> !-- Reply Messages Start --> div classform__reply centered text-center> i classph-bold ph-smiley reply__icon>/i> p classreply__title>Done!/p> span classreply__text>Thanks for your message. Ill get back as soon as possible./span> /div> !-- Reply Messages End --> !-- Contact Form Start --> form classform contact-form idcontact-form> !-- Hidden Required Fields --> input typehidden nameproject_name valueStarter Template> input typehidden nameadmin_email valuebitayonas@gmail.com> input typehidden nameform_subject valueContact Form Message> !-- END Hidden Required Fields--> div classcontainer-fluid p-0> div classrow gx-0> div classcol-12 col-md-6 form__item animate-in-up> input typetext nameName placeholderYour Name* required> /div> div classcol-12 col-md-6 form__item animate-in-up> input typetext nameCompany placeholderCompany Name> /div> div classcol-12 col-md-6 form__item animate-in-up> input typeemail nameE-mail placeholderEmail Adress* required> /div> div classcol-12 col-md-6 form__item animate-in-up> input typetel namePhone placeholderPhone Number* required> /div> div classcol-12 form__item animate-in-up> textarea nameMessage placeholderA Few Words* required>/textarea> /div> div classcol-12 form__item animate-in-up> button classbtn btn-default btn-hover btn-hover-accent typesubmit> span classbtn-caption>Send Message/span> i classph-bold ph-paper-plane-tilt>/i> /button> /div> /div> /div> /form> !-- Contact Form End --> /div> /div> !-- Content Block - Contact Form End --> !-- Content Block - Socials Cards Start -->div classcontent__block grid-block> div classsocials-cards d-flex justify-content-start flex-wrap> !-- socials item --> div classsocials-cards__item d-flex grid-item-s animate-card-5> div classsocials-cards__card> i classph-bold ph-envelope>/i> a classsocials-cards__link href/cdn-cgi/l/email-protection#98fae1f7f6f9ebaaa9d8ebecf9fbb6fdfced target_blank>/a> /div> /div> !-- socials item --> div classsocials-cards__item d-flex grid-item-s animate-card-5> div classsocials-cards__card> i classph-bold ph-linkedin-logo>/i> a classsocials-cards__link hrefhttps://www.linkedin.com/in/bitania-yonas-yirse-46b99a26b/ target_blank>/a> /div> /div> !-- socials item --> div classsocials-cards__item d-flex grid-item-s animate-card-5> div classsocials-cards__card> i classph-bold ph-github-logo>/i> a classsocials-cards__link hrefhttps://github.com/bita-yonas target_blank>/a> /div> /div> /div>/div>!-- Content Block - Socials Cards End --> !-- Content Block - Teaser Start --> div classcontent__block> div classteaser> p classteaser__text animate-in-up>Want to know more about me, tell me about your project or just to say hello? a classtext-link-bold href/cdn-cgi/l/email-protection#7113081e1f1002434031020510125f1415044e0204131b1412054c3c14020210161454434117031e1c544341081e040354434102180514>Drop me a line/a> and Ill get back as soon as possible. /p> /div> /div> !-- Content Block - Teaser End --> !-- Content Block - Contact Data Start --> div classcontent__block> div classcontainer-fluid p-0 contact-lines animate-in-up> div classrow g-0 contact-lines__item> !-- data item --> div classcol-12 col-md-4 contact-lines__data> p classcontact-lines__title animate-in-up>Location/p> p classcontact-lines__text animate-in-up> a classtext-link-bold hrefhttps://maps.app.goo.gl/xMJXTEUeHkv6kYRQ6 target_blank>NEWYORK/a> /p> /div> !-- data item --> div classcol-12 col-md-4 contact-lines__data> p classcontact-lines__title animate-in-up>Phone/p> p classcontact-lines__text animate-in-up> a classtext-link-bold hreftel:+1 845-652-0929>+1 845-652-0929/a> /p> /div> !-- data item --> div classcol-12 col-md-4 contact-lines__data> p classcontact-lines__title animate-in-up>Email/p> p classcontact-lines__text animate-in-up> a classtext-link-bold href/cdn-cgi/l/email-protection#6e0c1701000f1d5c5f2e1d0f1a0d400b0a1b400d0103511d1b0c040b0d1a53230b1d1d0f090b4b5c5e081c01034b5c5e17011b1c4b5c5e1d071a0b>span class__cf_email__ data-cfemaila2c0dbcdccc3d19093e2d1d6c3c18cc7c6d7>email protected/span>/a> /p> /div> /div> /div> /div> !-- Content Block - Contact Data End --> /section> !-- Contact Section End --> /div> /div> !-- Page Content End --> !-- Root element of PhotoSwipe. Must have class pswp. --> div classpswp tabindex-1 roledialog aria-hiddentrue> !-- Background of PhotoSwipe. Its a separate element, as animating opacity is faster than rgba(). --> div classpswp__bg>/div> !-- Slides wrapper with overflow:hidden. --> div classpswp__scroll-wrap> !-- Container that holds slides. PhotoSwipe keeps only 3 slides in DOM to save memory. --> !-- dont modify these 3 pswp__item elements, data is added later on. --> div classpswp__container> div classpswp__item>/div> div classpswp__item>/div> div classpswp__item>/div> /div> !-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> div classpswp__ui pswp__ui--hidden> div classpswp__top-bar> !-- Controls are self-explanatory. Order can be changed. --> div classpswp__counter>/div> button classpswp__button pswp__button--close link-s titleClose (Esc)>/button> button classpswp__button pswp__button--share link-s titleShare>/button> button classpswp__button pswp__button--fs link-s titleToggle fullscreen>/button> button classpswp__button pswp__button--zoom link-s titleZoom in/out>/button> !-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> !-- element will get class pswp__preloader-active when preloader is running --> div classpswp__preloader> div classpswp__preloader__icn> div classpswp__preloader__cut> div classpswp__preloader__donut>/div> /div> /div> /div> /div> div classpswp__share-modal pswp__share-modal--hidden pswp__single-tap> div classpswp__share-tooltip>/div> /div> button classpswp__button pswp__button--arrow--left link-s titlePrevious (arrow left)>/button> button classpswp__button pswp__button--arrow--right link-s titleNext (arrow right)>/button> div classpswp__caption> div classpswp__caption__center>/div> /div> /div> /div> /div> !-- Load Scripts Start --> script data-cfasyncfalse src/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js>/script>script srcjs/libs.min.js>/script> script> const content document.querySelector(body); const imgLoad imagesLoaded(content); imgLoad.on(done, instance > { setTimeout(() > { document.getElementById(svgBackground).classList.add(loaded); }, 1000); }); /script> script srcjs/app.js>/script> script srcjs/gallery-init.js>/script> !-- Load Scripts End --> !-- PhotoSwipe Script Start --> script> document.addEventListener(DOMContentLoaded, function() { var initPhotoSwipeFromDOM function(gallerySelector) { var parseThumbnailElements function(el) { var thumbElements el.childNodes, numNodes thumbElements.length, items , figureEl, linkEl, size, item; for(var i 0; i numNodes; i++) { figureEl thumbElementsi; if(figureEl.nodeType ! 1) { continue; } linkEl figureEl.children0; if(linkEl.getAttribute(data-type) video) { // Create video item item { html: div classpswp__video-box stylewidth: 100%; height: 80vh; display: flex; align-items: center; justify-content: center;>iframe src + linkEl.getAttribute(data-video-url) + stylewidth: 80%; height: 80%; frameborder0 allowfullscreen>/iframe>/div> }; } else { // Create image item size linkEl.getAttribute(data-size).split(x); item { src: linkEl.getAttribute(href), w: parseInt(size0, 10), h: parseInt(size1, 10) }; } if(figureEl.children.length > 1) { item.title figureEl.children1.innerHTML; } if(linkEl.children.length > 0) { item.msrc linkEl.children0.getAttribute(src); } item.el figureEl; items.push(item); } return items; }; var closest function closest(el, fn) { return el && ( fn(el) ? el : closest(el.parentNode, fn) ); }; var onThumbnailsClick function(e) { e e || window.event; e.preventDefault ? e.preventDefault() : e.returnValue false; var eTarget e.target || e.srcElement; var clickedListItem closest(eTarget, function(el) { return (el.tagName && el.tagName.toUpperCase() FIGURE); }); if(!clickedListItem) { return; } var clickedGallery clickedListItem.parentNode, childNodes clickedListItem.parentNode.childNodes, numChildNodes childNodes.length, nodeIndex 0, index; for (var i 0; i numChildNodes; i++) { if(childNodesi.nodeType ! 1) { continue; } if(childNodesi clickedListItem) { index nodeIndex; break; } nodeIndex++; } if(index > 0) { openPhotoSwipe(index, clickedGallery); } return false; }; var openPhotoSwipe function(index, galleryElement, disableAnimation, fromURL) { var pswpElement document.querySelectorAll(.pswp)0, gallery, options, items; items parseThumbnailElements(galleryElement); options { galleryUID: galleryElement.getAttribute(data-pswp-uid), getThumbBoundsFn: function(index) { var thumbnail itemsindex.el.getElementsByTagName(img)0, pageYScroll window.pageYOffset || document.documentElement.scrollTop, rect thumbnail.getBoundingClientRect(); return {x:rect.left, y:rect.top + pageYScroll, w:rect.width}; }, showHideOpacity: true, showAnimationDuration: 500, hideAnimationDuration: 500, bgOpacity: 0.95 }; if(fromURL) { if(options.galleryPIDs) { for(var j 0; j items.length; j++) { if(itemsj.pid index) { options.index j; break; } } } else { options.index parseInt(index, 10) - 1; } } else { options.index parseInt(index, 10); } if(isNaN(options.index)) { return; } gallery new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options); gallery.listen(beforeChange, function() { var activeSlide gallery.currItem; if(activeSlide.html) { var videoBox pswpElement.querySelector(.pswp__video-box); if(videoBox) { videoBox.innerHTML ; } } }); gallery.init(); }; var galleryElements document.querySelectorAll(gallerySelector); for(var i 0, l galleryElements.length; i l; i++) { galleryElementsi.setAttribute(data-pswp-uid, i+1); galleryElementsi.onclick onThumbnailsClick; } }; initPhotoSwipeFromDOM(.gallery); }); /script> !-- PhotoSwipe Script End --> style> .pswp__video-box { background: transparent; } .pswp__bg { background: #000; } /style> /body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]