- ID de l'analyse :
- 9a9c8373-89b2-4505-a4e6-932f3bce8e84Terminée
- URL soumise :
- https://ramonloganjr.com/
- Fin du rapport :
Liens : 8 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| https://www.linkedin.com/in/ramon-logan-jr/ | social-icon |
| https://github.com/ramonloganjr/ | social-icon |
| https://university.cpanel.net/user/429760 | Click Here |
| https://alison.com/certification/check/2y10FkenoEe0p5sZVbyY2ekORckvyRy3jsp3twv4hB5TDIQMZDr69h6 | Click Here |
| https://www.credly.com/badges/a78fd7c5-435a-4f15-874d-4b81b140e654/linked_in_profile | Click Here |
| https://alison.com/certification/check/2y10qUrmRTmTNYjl27pSHtdkKedNPKT9pwqccBg5PwlmIkJhOPAkZIfdu | Click Here |
| https://maps.app.goo.gl/fyeYPM6LiqEVtLcJA | U.A.E. |
| https://github.com/ramonloganjr |
Variables JavaScript : 80 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| __cfQR | object |
| __cfBeacon | object |
| dataLayer | object |
| gtag | function |
| google_tag_manager | object |
| google_tag_data | object |
Messages de journal de console : 23 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| error | network |
|
| info | network |
|
| info | network |
|
| info | network |
|
| info | network |
|
| info | network |
|
| info | network |
|
| info | network |
|
| error | network |
|
| error | network |
|
| log | javascript |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Explore Ramon Logan Jr.'s professional website featuring IT services and innovative projects.">
<meta name="keywords" content="it, web developer, web designer, multimedia designer, fullstack developer, it specialist, cpanel, erp, it support, certified cpanel professional, system admin, adobe experience manager, it support, graphic designer, multimedia designer, digital marketing, seo, wordpress, abu dhabi, dubai, philippines, uae, ramon, logan, ramon logan jr, cms, canada, saskatchewan, alberta, qeubec, british columbia, manitoba, ontario, newfoundland and labrador, toronto, regina, new brunswick, edmonton, victoria, calgary">
<title>Ramon Logan Jr. | IT Professional in UAE: Web Development, Design, Hosting, Cloud, Security</title>
<!-- Fav Icon -->
<link rel="icon" type="image/x-icon" href="assets/imgs/logo/favicon.png">
<link rel="icon" type="image/x-icon" href="assets/imgs/logo/favicon.ico">
<link href="assets/imgs/logo/apple-touch-icon.png" rel="apple-touch-icon">
<!-- All CSS files -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/all.min.css">
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
<link rel="stylesheet" href="assets/css/progressbar.css">
<link rel="stylesheet" href="assets/css/meanmenu.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/basictable.min.css">
<link rel="stylesheet" href="assets/css/master-developer.css">
<link rel="stylesheet" href="assets/css/menu-active.css">
<!-- Google Tag Manager -->
<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-4CJY55BSZB&l=dataLayer&cx=c&gtm=45je4bk0v9191223006za200"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-P478N4MG"></script><script type="text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-P478N4MG');</script>
<!-- End Google Tag Manager -->
<!-- Google tag 1 (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-4CJY55BSZB" type="text/javascript"></script>
<script type="text/javascript">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-4CJY55BSZB');
</script>
<!-- Google tag 2 (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-2P8M25P90J" type="text/javascript"></script>
<script type="text/javascript">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-2P8M25P90J');
</script>
<!-- TrustedSite by McAfee -->
<script async="" type="text/javascript" src="https://cdn.ywxi.net/js/1.js"></script>
<link rel="preload" as="script" href="assets/js/interfere.js"><link rel="preload" as="script" href="assets/js/wc-cursor.js"><link rel="preload" as="script" href="assets/js/offcanvas.js"><link rel="preload" as="script" href="assets/js/error-handling.js"><link rel="preload" as="script" href="assets/js/main.js"><link rel="preload" as="script" href="assets/js/backToTop.js"><link rel="preload" as="script" href="assets/js/jquery.meanmenu.min.js"><link rel="preload" as="script" href="assets/js/TweenMax.min.js"><link rel="preload" as="script" href="assets/js/SplitText.min.js"><link rel="preload" as="script" href="assets/js/ScrollTrigger.min.js"><link rel="preload" as="script" href="assets/js/ScrollToPlugin.min.js"><link rel="preload" as="script" href="assets/js/ScrollSmoother.min.js"><link rel="preload" as="script" href="assets/js/gsap.min.js"><link rel="preload" as="script" href="assets/js/progressbar.js"><link rel="preload" as="script" href="assets/js/mixitup.min.js"><link rel="preload" as="script" href="assets/js/typed.js"><link rel="preload" as="script" href="assets/js/counter.js"><link rel="preload" as="script" href="assets/js/swiper-bundle.min.js"><link rel="preload" as="script" href="assets/js/jquery.magnific-popup.min.js"><link rel="preload" as="script" href="assets/js/bootstrap.bundle.min.js"><link rel="preload" as="script" href="assets/js/jquery-3.6.0.min.js"><link rel="preload" as="script" href="https://cdn.ywxi.net/js/1.js"><link rel="preload" as="script" href="https://www.googletagmanager.com/gtag/js?id=G-2P8M25P90J"><link rel="preload" as="script" href="https://www.googletagmanager.com/gtag/js?id=G-4CJY55BSZB"></head>
<body class="font-heading-estedad">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P478N4MG"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Body Ovelay -->
<div class="body-overlay"></div>
<!-- Preloader -->
<div id="preloader">
<div id="container" class="container-preloader">
<div class="animation-preloader">
<div class="spinner"></div>
<div class="txt-loading">
<span data-text="R" class="characters">R</span>
<span data-text="A" class="characters">A</span>
<span data-text="M" class="characters">M</span>
<span data-text="O" class="characters">O</span>
<span data-text="N" class="characters">N</span>
</div>
</div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
</div>
<!-- Cursor Animation -->
<div class="cursor1"></div>
<!-- Sroll to top -->
<div class="progress-wrap">
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path>
</svg>
</div>
<!-- Offcanvas start -->
<div class="offcanvas__area">
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasOne">
<button class="offcanvas__close" data-bs-dismiss="offcanvas"><i class="fa-solid fa-xmark"></i></button>
<div class="offcanvas__body">
<div class="offcanvas__logo">
<a href="https://www.ramonloganjr.com">
<img src="assets/imgs/logo/ramon-dark.png" class="show-dark" alt="Ramon Logan Jr">
<img src="assets/imgs/logo/ramon-light.png" class="show-light" alt="Ramon Logan Jr">
</a>
<p>Based in the United Arab Emirates, I am actively involved in bringing innovative IT solutions to the
region's dynamic tech scene.</p>
</div>
<div class="offcanvas__menu-area d-block">
<div class="offcanvas__menu-wrapper"></div>
</div>
<!-- Side Gallery Start -->
<div class="offcanvas__gallery">
<p class="offcanvas__title">Connect with me on LinkedIn</p>
<div class="gallery__items">
<div class="gallery__item">
<a href="https://www.linkedin.com/in/ramon-logan-jr/"><img src="assets/imgs/thumb/webdev-ramon.png" alt="Ramon Logan Jr Al Masaood IT">
<span><i class="fa-brands fa-linkedin"></i></span></a>
</div>
<div class="gallery__item">
<a href="https://www.linkedin.com/in/ramon-logan-jr/"><img src="assets/imgs/thumb/macbookpro-ramonloganjr.png" alt="Ramon Logan Jr MacBook Pro">
<span><i class="fa-brands fa-linkedin"></i></span></a>
</div>
<div class="gallery__item">
<a href="https://www.linkedin.com/in/ramon-logan-jr/"><img src="assets/imgs/thumb/absons-it-office.png" alt="Ramon Logan Jr Absons IT">
<span><i class="fa-brands fa-linkedin"></i></span></a>
</div>
<div class="gallery__item">
<a href="https://www.linkedin.com/in/ramon-logan-jr/"><img src="assets/imgs/thumb/almasaood-travel-server.png" alt="Ramon Logan Jr Al Masaood IT Server">
<span><i class="fa-brands fa-linkedin"></i></span></a>
</div>
<div class="gallery__item">
<a href="https://www.linkedin.com/in/ramon-logan-jr/"><img src="assets/imgs/thumb/hcp-projects.png" alt="Ramon Logan Jr">
<span><i class="fa-brands fa-linkedin"></i></span></a>
</div>
<div class="gallery__item">
<a href="https://www.linkedin.com/in/ramon-logan-jr/"><img src="assets/imgs/thumb/almasaood-office-ramon.png" alt="Ramon Logan Jr">
<span><i class="fa-brands fa-linkedin"></i></span></a>
</div>
</div>
</div>
<!-- Side Gallery End -->
<div class="offcanvas__media">
<p class="offcanvas__title">Follow</p>
<ul>
<li><a href="https://www.linkedin.com/in/ramon-logan-jr/"><i class="fa-brands fa-linkedin"></i></a></li>
<li><a href="https://github.com/ramonloganjr/"><i class="fa-brands fa-github"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Offcanvas end -->
<nav class="offcanvas__menu">
<ul>
<li><a href="home.html">home</a></li>
<li><a href="about.html">about</a></li>
<li><a href="service.html">service</a></li>
<li><a href="project.html">project</a></li>
<li><a href="client.html">client</a></li>
<li><a href="blog.html">blog</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</nav>
<div class="has-smooth" id="has_smooth"></div>
<div id="smooth-wrapper">
<div id="smooth-content">
<div class="body-wrapper">
<!-- overlay switcher close -->
<div class="overlay-switcher-close"></div>
<!-- Header area start -->
<header class="header__developer header-absolute">
<div class="header__inner menu-none">
<div class="header__logo">
<a href="https://www.ramonloganjr.com">
<img src="assets/imgs/logo/ramon-dark.png" class="show-dark" alt="Ramon Logan Jr Site Logo">
<img src="assets/imgs/logo/ramon-light.png" class="show-light" alt="Ramon Logan Jr Site Logo">
</a>
</div>
<div class="header__nav-icon">
<button class="icon-circle" aria-label="icon-circle" id="open_offcanvas" data-bs-toggle="offcanvas" data-bs-target="#offcanvasOne">
<span class="menu-icon-2"><span></span></span>
</button>
</div>
</div>
</header>
<!-- Header area end -->
<main>
<!-- Hero section start -->
<section class="developer-hero__area">
<div class="container g-0 line">
<div class="line-col-3">
<div></div>
<div></div>
<div></div>
</div>
<div class="row">
<div class="col-xxl-5 col-xl-5 col-lg-5 col-md-6">
<div class="developer-hero__left">
<div class="pb-20 cf_typewriter has_fade_anim" data-on-scroll="0">
<h1 class="typed_title color-primary">↪
<span id="typed_list">
<span>IT Specialist</span>
<span>Web Developer</span>
<span>System Admin</span>
<span>Multimedia Designer</span>
</span>
<span id="typed"></span>
</h1>
</div>
<div class="pb-0">
<h2 class="developer-hero__title has_text_reveal_anim" data-on-scroll="0" data-delay="0.65">
Ramon Logan Jr.</h2>
</div>
<div class="cf_text has_text_move_anim" data-on-scroll="0" data-delay="0.8">
<p>Based in the UAE. I have worked with clients from: 🇵🇭 🇦🇪 🇮🇳 🇪🇬 🇨🇭 🇰🇼</p>
</div>
<div class="follow_on_social_ml has_fade_anim" data-on-scroll="0" data-delay=".8">
<div class="follow_on_social">
<h3 class="follow-me">Follow Me</h3>
<ul class="hover-zoom">
<li><a href="https://www.linkedin.com/in/ramon-logan-jr/" aria-label="social-icon"><i class="fa-brands fa-linkedin"></i></a></li>
<li><a href="https://github.com/ramonloganjr/" aria-label="social-icon"><i class="fa-brands fa-github"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-xxl-7 col-xl-7 col-lg-7 col-md-6">
<div class="developer-hero__right">
<div class="cf_image">
<img src="assets/imgs/hero/ramonloganjr.webp" alt="Ramon Logan Jr">
</div>
<div class="developer-hero__info-wrapper">
<div class="developer-hero__hello cf_badge has_fade_anim">
<div class="say_hello ">
<p>Let's work together!</p>
<a href="mailto:[email protected]">iam [at] ramonloganjr.com</a>
</div>
</div>
<div class="developer-hero__experience">
<div class="work_process_experience">
<div class="work_experience">
<h3 class="experience"><span>15+</span> Years of <br>Experience</h3>
</div>
<div class="work_process">
<a href="assets/video/ramonloganjr.webm" class="image-link video-popup">
<i class="fa-solid fa-play"></i></a>
<span>Video <br> Intro</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<img src="assets/imgs/shape/1.png" alt="Shape Image" class="hero-shape show-dark">
<img src="assets/imgs/shape/6.png" alt="Shape Image" class="hero-shape show-light">
</section>
<!-- Hero section end -->
<!-- Skill section start -->
<section class="developer-skill__area">
<div class="container g-0 line pb-120 pt-130">
<div class="line-col-3">
<div></div>
<div></div>
<div></div>
</div>
<div class="row">
<div class="col-xxl-12">
<div class="sec-title-wrapper">
<div class="pb-20">
<h2 class="sec-sub-title has_text_reveal_anim">Technology</h2>
</div>
<h3 class="sec-title has_text_reveal_anim">Stack</h3>
</div>
<div class="col-xxl-12">
<div class="developer-skill__grid-3">
<div class="skill__item has_fade_anim" data-fade-from="left" data-delay="0.5">
<img src="assets/imgs/skills/icon/cpanel.png" alt="Skill Icon">
<h4 class="percentage wc-counter">95%</h4>
<h5 class="title">Control Panel </h5>
</div>
<div class="skill__item has_fade_anim" data-fade-from="left" data-delay="0.6">
<img src="assets/imgs/skills/icon/html.png" alt="Skill Icon">
<h4 class="percentage wc-counter">90%</h4>
<h5 class="title">HTML5 & CSS3</h5>
</div>
<div class="skill__item has_fade_anim" data-fade-from="left" data-delay="0.7">
<img src="assets/imgs/skills/icon/js.png" alt="Skill Icon">
<h4 class="percentage wc-counter">85%</h4>
<h5 class="title">JavaScript</h5>
</div>
<div class="skill__item has_fade_anim" data-fade-from="left" data-delay="0.8">
<img src="assets/imgs/skills/icon/bootstrap.png" alt="Skill Icon">
<h4 class="percentage wc-counter">90%</h4>
<h5 class="title">Bootstrap</h5>
</div>
<div class="skill__item has_fade_anim" data-fade-from="left" data-delay="0.9">
<img src="assets/imgs/skills/icon/mysql.png" alt="Skill Icon">
<h4 class="percentage wc-counter">80%</h4>
<h5 class="title">MySql</h5>
</div>
<div class="skill__item has_fade_anim" data-fade-from="left" data-delay="1">
<img src="assets/imgs/skills/icon/php.png" alt="Skill Icon">
<h4 class="percentage wc-counter">90%</h4>
<h5 class="title">PHP</h5>
</div>
<div class="skill__item has_fade_anim" data-fade-from="left" data-delay="1">
<img src="assets/imgs/skills/icon/cms.png" alt="Skill Icon">
<h4 class="percentage wc-counter">95%</h4>
<h5 class="title">CMS</h5>
</div>
<div class="skill__item has_fade_anim" data-fade-from="left" data-delay="1">
<img src="assets/imgs/skills/icon/tailwind.png" alt="Skill Icon">
<h4 class="percentage wc-counter">90%</h4>
<h5 class="title">Tailwind</h5>
</div>
<div class="skill__item has_fade_anim" data-fade-from="left" data-delay="1">
<img src="assets/imgs/skills/icon/react.png" alt="Skill Icon">
<h4 class="percentage wc-counter">90%</h4>
<h5 class="title">React</h5>
</div>
<div class="skill__item has_fade_anim" data-fade-from="left" data-delay="1">
<img src="assets/imgs/skills/icon/snipe.png" alt="Skill Icon">
<h4 class="percentage wc-counter">90%</h4>
<h5 class="title">Asset Management</h5>
</div>
<div class="skill__item has_fade_anim" data-fade-from="left" data-delay="1">
<img src="assets/imgs/skills/icon/google.png" alt="Skill Icon">
<h4 class="percentage wc-counter">90%</h4>
<h5 class="title">Google Workspace</h5>
</div>
<div class="skill__item has_fade_anim" data-fade-from="left" data-delay="1">
<img src="assets/imgs/skills/icon/adobe.png" alt="Skill Icon">
<h4 class="percentage wc-counter">90%</h4>
<h5 class="title">Creative Cloud</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Skill section end -->
<!-- Resume section start -->
<section class="developer-resume__area">
<div class="developer-about__top-wrapper">
<div class="swiper developer-about__slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<h3 class="developer-about__slide">about me</h3>
</div>
<div class="swiper-slide">
<h3 class="developer-about__slide">about me</h3>
</div>
<div class="swiper-slide">
<h3 class="developer-about__slide">about me</h3>
</div>
<div class="swiper-slide">
<h3 class="developer-about__slide">about me</h3>
</div>
</div>
</div>
<div class="developer-about__top">
<div class="container g-0 line">
<div class="line-col-3">
<div></div>
<div></div>
<div></div>
</div>
<div class="row">
<div class="col-xxl-12">
<div class="work_experience-2">
<span class="experience text">15<span>+</span></span>
<h3 class="experience-title has_text_reveal_anim">years <br> <span>of experience</span></h3>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="developer-resume__content">
<div class="container g-0 line">
<div class="line-col-3">
<div></div>
<div></div>
<div></div>
</div>
<div class="row">
<div class="col-xxl-12">
<div class="sec-title-wrapper">
<div class="pb-20">
<h2 class="sec-sub-title has_char_anim">Professional Summary</h2>
</div>
<h3 class="sec-title has_text_reveal_anim">Resume</h3>
</div>
</div>
<div class="col-xxl-12">
<div class="developer-resume__tab-wrapper">
<div class="developer-resume__tab-menu">
<ul>
<li class="has_fade_anim" data-fade-from="left" data-delay="0.5"><a href="#" class="active" data-rel="resume-tab-1">about</a></li>
<!--<li class="has_fade_anim" data-fade-from="left" data-delay="0.5"><a href="#"
data-rel="resume-tab-2" class="">experience</a></li> -->
<li class="has_fade_anim" data-fade-from="left" data-delay="0.5"><a href="#" data-rel="resume-tab-3" class="">education</a></li>
<li class="has_fade_anim" data-fade-from="left" data-delay="0.5"><a href="#" data-rel="resume-tab-4" class="">skills</a></li>
<li class="has_fade_anim" data-fade-from="left" data-delay="0.5"><a href="#" data-rel="resume-tab-5" class="">certificate</a></li>
</ul>
</div>
<div class="developer-resume__tab-list">
<div class="developer-resume-tab-box" id="resume-tab-1" style="display: block;">
<div class="developer-about__area">
<div class="developer-about__content">
<h2 class="developer-about__title has_text_reveal_anim">Web Developer | IT Specialist | Designer</h2>
<div class="cf_text has_text_move_anim">
<p>Hello, World! I'm <strong class="color-white">Ramon Logan Jr.</strong> an IT professional with extensive experience in web development and design.
I possess skills in web hosting management, UI design, analytics, product development, data security, enterprise resource planning, and IT asset management. Additionally, I am
a certified cPanel Professional and have completed the “Cyber Security: Understand Threats and Prevent Attacks” and “Cybersecurity Incident Response
& Planning Management” courses offered by Alison, which are duly recognized by The CPD Certification Service of the UK.
</p>
</div>
<ul class="about__bio has_text_move_anim">
<li>Degree <span>:</span> <strong>BS Information Technology</strong></li>
<li>Diploma <span>:</span> <strong>2-Year Diploma in Internet Tech.</strong></li>
<li>University <span>:</span> <strong>AMA Computer College</strong></li>
<li>Resident <span>:</span> <strong>United Arab Emirates</strong></li>
<li>Phone <span>:</span> <strong>+971 [five four] 7230158</strong></li>
<li>Email <span>:</span> <strong>iam [at] ramonloganjr.com</strong></li>
<li>Website <span>:</span> <strong>www.ramonloganjr.com</strong></li>
<li>Experience <span>:</span> <strong>15+ years</strong></li>
<li>Freelance <span>:</span> <strong>Available</strong></li>
</ul>
</div>
<div class="developer-about__img cf_image has_fade_anim">
<img src="assets/imgs/about/ramonloganjr-about.webp" alt="Ramon Logan Jr" class="about-me">
<img src="assets/imgs/shape/cpanel-professional.png" alt="Shape Image" class="about-shape-1">
<img src="assets/imgs/shape/4.png" alt="Shape Image" class="about-shape-2">
</div>
</div>
</div>
<!-- <div class="developer-resume-tab-box" id="resume-tab-2">
<div class="developer-experience__area">
<div class="experience__grid">
<div class="experience__item">
<h2 class="exp-time"><span><i class="fa-regular fa-calendar-days"></i></span> 2023 - Present
</h2>
<h3 class="exp-title">Webmaster</h3>
<h4 class="company">Absons IT Solutions</h4>
<p>Develop and maintain high-functionality websites for Arabian Group Holding and affiliates,
ensuring compliance with industry standards, coordinating with stakeholders, optimizing content
and SEO, troubleshooting technical issues, and providing training and support to internal teams.</p>
</div>
<div class="experience__item">
<h2 class="exp-time"><span><i class="fa-regular fa-calendar-days"></i></span> 2021 - 2023
</h2>
<h3 class="exp-title">B2B-B2C CMS Project Leader & IT Support</h3>
<h4 class="company">Al Masaood</h4>
<p>Provided technical support and maintenance for hardware, software, and network systems, managed
CMS projects and led a collaborative team through planning, execution, and quality assurance to
meet client requirements.</p>
</div>
<div class="experience__item">
<h2 class="exp-time"><span><i class="fa-regular fa-calendar-days"></i></span> 2019 - 2021
</h2>
<h3 class="exp-title">Web Developer & Designer</h3>
<h4 class="company">Sketches Gen. Cont. & Interior Design</h4>
<p>Managed end-to-end web development and IT tasks, including server host management and SEO implementation,
developed and maintained seven partner websites, conducted testing and debugging, and introduced a barcode
system for medical supply inventory at Traders House.</p>
</div>
<div class="experience__item">
<h2 class="exp-time"><span><i class="fa-regular fa-calendar-days"></i></span> 2017 - 2019
</h2>
<h3 class="exp-title">Web Developer & Designer</h3>
<h4 class="company">Ibtisama Cosmetics</h4>
<p>Managed the company website and WooCommerce database, developed online marketing campaigns, optimized web
pages for performance and compatibility, and designed product packaging and final artwork for production.</p>
</div>
<div class="experience__item">
<h2 class="exp-time"><span><i class="fa-regular fa-calendar-days"></i></span> 2011 - 2016
</h2>
<h3 class="exp-title">Graphic Designer</h3>
<h4 class="company">Somethin’ Big Design Studio</h4>
<p>Created visually compelling print and digital ads, collaborating with clients to meet goals. Integrated branding,
produced high-quality artwork, and revised designs based on feedback. Also set up and maintained designer computer systems.</p>
</div>
<div class="experience__item">
<h2 class="exp-time"><span><i class="fa-regular fa-calendar-days"></i></span> 2009 - 2011
</h2>
<h3 class="exp-title">CAD Designer</h3>
<h4 class="company">F.L. Surveying</h4>
<p>Created and managed technical drawings for various projects, ensuring compliance with industry standards. Collaborated with
project managers to meet deadlines, conducted data computations, crafted technical descriptions, and documented field notes
while maintaining confidentiality and security of design information.</p>
</div>
</div>
</div>
</div> -->
<div class="developer-resume-tab-box" id="resume-tab-3">
<div class="developer-experience__area">
<div class="experience__grid">
<div class="experience__item">
<h2 class="exp-time"><span><i class="fa-regular fa-calendar-days"></i></span> 2012 - 2015
</h2>
<h3 class="exp-title">Bachelor of Science in Information Technology</h3>
<h4 class="company">AMA Computer College</h4>
<p>I earned a Bachelor of Science in Information Technology from AMA Computer College, with a focus on software development,
cybersecurity, database management, and IT project management. My degree documents have been duly authenticated by CHED and
DFA in the Philippines, attested by MOFA in the UAE, and evaluated by WES in Canada.</p>
</div>
<div class="experience__item">
<h2 class="exp-time"><span><i class="fa-regular fa-calendar-days"></i></span> 2007 - 2009
</h2>
<h3 class="exp-title">2-Year Diploma in Internet Technology</h3>
<h4 class="company">AMA Computer Learning Center</h4>
<p>I completed a Diploma in Internet Technology, a two-year program offered by AMA Computer Learning Center.
This diploma provides foundational knowledge and practical skills related to internet technologies, web development,
networking, and digital communication. It prepares students for entry-level roles in website development, online marketing,
and IT support.</p>
</div>
</div>
</div>
</div>
<div class="developer-resume-tab-box" id="resume-tab-4">
<div class="developer-skill__grid">
<div class="progress__item">
<h3 class="progress__label" data-width="90">Web Host Management</h3>
</div>
<div class="progress__item">
<h3 class="progress__label" data-width="95">CMS Management</h3>
</div>
<div class="progress__item">
<h3 class="progress__label" data-width="90">IT Asset Management</h3>
</div>
<div class="progress__item">
<h3 class="progress__label" data-width="90">Website Development</h3>
</div>
<div class="progress__item">
<h3 class="progress__label" data-width="80">Network Communication</h3>
</div>
<div class="progress__item">
<h3 class="progress__label" data-width="90">Backup & Disaster Recovery</h3>
</div>
<div class="progress__item">
<h3 class="progress__label" data-width="95">Graphic & UI/UX Design</h3>
</div>
<div class="progress__item">
<h3 class="progress__label" data-width="85">Web Analytics</h3>
</div>
</div>
</div>
<div class="developer-resume-tab-box" id="resume-tab-5">
<div class="developer-award__area">
<div class="developer-award__grid">
<div class="award__item">
<h2 class="award__date">Verify Certicate <span><a href="https://university.cpanel.net/user/429760" class="award__status" target="_blank">Click Here</a></span></h2>
<img src="assets/imgs/award/cpanelpro-bw.png" class="show-dark" alt="cPanel">
<img src="assets/imgs/award/cpanelpro.png" class="show-light" alt="cPanel">
<h3 class="award__title">cPanel Professional Certification Exam (CPP)</h3>
<h4 class="award__status">cPanel University</h4>
</div>
<div class="award__item">
<h2 class="award__date">Verify Certicate <span><a href="https://alison.com/certification/check/2y10FkenoEe0p5sZVbyY2ekORckvyRy3jsp3twv4hB5TDIQMZDr69h6" class="award__status" target="_blank">Click Here</a></span></h2>
<img src="assets/imgs/award/cybersecurityrisk-bw.png" class="show-dark" alt="Cybersecurity">
<img src="assets/imgs/award/cybersecurityrisk.png" class="show-light" alt="Cybersecurity">
<h3 class="award__title">Cybersecurity Incident Response Planning & Management</h3>
<h4 class="award__status">Alison Education</h4>
</div>
<div class="award__item">
<h2 class="award__date">Verify Certicate <span><a href="https://www.credly.com/badges/a78fd7c5-435a-4f15-874d-4b81b140e654/linked_in_profile" class="award__status" target="_blank">Click Here</a></span></h2>
<img src="assets/imgs/award/ciscocybersecurity-bw.png" class="show-dark" alt="Cisco">
<img src="assets/imgs/award/ciscocybersecurity.png" class="show-light" alt="Cisco">
<h3 class="award__title">Introduction to Cybersecurity</h3>
<h4 class="award__status">Cisco Networking Academy</h4>
</div>
<div class="award__item">
<h2 class="award__date">Verify Certicate <span><a href="https://alison.com/certification/check/2y10qUrmRTmTNYjl27pSHtdkKedNPKT9pwqccBg5PwlmIkJhOPAkZIfdu" class="award__status" target="_blank">Click Here</a></span></h2>
<img src="assets/imgs/award/cybersecurityriskprevention-bw.png" class="show-dark" alt="Cybersecurity">
<img src="assets/imgs/award/cybersecurityprevention.png" class="show-light" alt="Cybersecurity">
<h3 class="award__title">Cybersecurity: Understand Threats and Prevent Attacks</h3>
<h4 class="award__status">Alison Education</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About section end -->
<!-- Project section start -->
<section class="developer-portfolio__area">
<div class="container g-0 line pt-120 pb-60">
<div class="line-col-3">
<div></div>
<div></div>
<div></div>
</div>
<div class="row">
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4">
<div class="sec-title-wrapper">
<div class="pb-15">
<h2 class="sec-sub-title has_char_anim">Portfolio</h2>
</div>
<h3 class="sec-title has_text_reveal_anim">Featured <br> work & projects</h3>
</div>
</div>
<div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5">
<div class="sec-text-width cf_text has_text_move_anim">
<p>Check out my <span><strong>featured work</strong> and <strong>projects</strong></span>, showcasing innovative solutions,
expertise, and a dedication to exceeding client expectations.</p>
</div>
</div>
<div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3">
<div class="sec-btn cf_btn_link has_fade_anim">
<a href="project.html" class="wc-btn-underline">View more works <span>
<i class="fa-solid fa-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
<div class="swiper developer-portfolio__slider" data-autoplay="true" data-items="3">
<div class="swiper-wrapper">
<div class="swiper-slide has_fade_items_anim">
<div class="developer-portfolio__slide ">
<!-- disable <a href="#"> -->
<img src="assets/imgs/portfolio/hcp.webp" alt="Hummingbird Capital Partners">
<h2 class="developer-portfolio__title">Hummingbird Capital Partners</h2>
<h3 class="developer-portfolio__date">Web Development, Switzerland</h3>
</div>
</div>
<div class="swiper-slide has_fade_items_anim">
<div class="developer-portfolio__slide">
<!-- disable <a href="#"> -->
<img src="assets/imgs/portfolio/anvve.webp" alt="Anvve Natural & Organic Store">
<h2 class="developer-portfolio__title">Anvve Organic & Natural Store</h2>
<h3 class="developer-portfolio__date">Web Development, Dubai</h3>
</div>
</div>
<div class="swiper-slide has_fade_items_anim">
<div class="developer-portfolio__slide">
<!-- disable <a href="#"> -->
<img src="assets/imgs/portfolio/elitesid.webp" alt="Elite Society Interior Design">
<h2 class="developer-portfolio__title">Elite Society Interior Design</h2>
<h3 class="developer-portfolio__date">Web Development, Dubai</h3>
</div>
</div>
<div class="swiper-slide has_fade_items_anim">
<div class="developer-portfolio__slide">
<!-- disable <a href="#"> -->
<img src="assets/imgs/portfolio/arabian-company.webp" alt="Arabian Company">
<h2 class="developer-portfolio__title">Arabian Company</h2>
<h3 class="developer-portfolio__date">Web Development, Abu Dhabi</h3>
</div>
</div>
<div class="swiper-slide has_fade_items_anim">
<div class="developer-portfolio__slide">
<!-- disable <a href="#"> -->
<img src="assets/imgs/portfolio/almasaoodamts.webp" alt="Al Masaood">
<h2 class="developer-portfolio__title">Al Masaood (AMTS)</h2>
<h3 class="developer-portfolio__date">Web Development, Abu Dhabi</h3>
</div>
</div>
<div class="swiper-slide has_fade_items_anim">
<div class="developer-portfolio__slide">
<!-- disable <a href="#"> -->
<img src="assets/imgs/portfolio/darkroom.webp" alt="Dark Room Abu Dhabi">
<h2 class="developer-portfolio__title">Dark Room</h2>
<h3 class="developer-portfolio__date">Website Recovery, Abu Dhabi</h3>
</div>
</div>
<div class="swiper-slide has_fade_items_anim">
<div class="developer-portfolio__slide">
<!-- disable <a href="#"> -->
<img src="assets/imgs/portfolio/mahliah-kuwait.webp" alt="Mahliah">
<h2 class="developer-portfolio__title">Mahliah Consulting</h2>
<h3 class="developer-portfolio__date">Website Development, Kuwait</h3>
</div>
</div>
<div class="swiper-slide has_fade_items_anim">
<div class="developer-portfolio__slide">
<!-- disable <a href="#"> -->
<img src="assets/imgs/portfolio/koloservice.webp" alt="Koloservice">
<h2 class="developer-portfolio__title">Kolo Service</h2>
<h3 class="developer-portfolio__date">Web Development, Abu Dhabi</h3>
</div>
</div>
<div class="swiper-slide has_fade_items_anim">
<div class="developer-portfolio__slide">
<!-- disable <a href="#"> -->
<img src="assets/imgs/portfolio/nhubtech.webp" alt="nHUB Tech">
<h2 class="developer-portfolio__title">nHUB Technology</h2>
<h3 class="developer-portfolio__date">Web Development, India</h3>
</div>
</div>
<div class="swiper-slide has_fade_items_anim">
<div class="developer-portfolio__slide">
<!-- disable <a href="#"> -->
<img src="assets/imgs/portfolio/sketches.webp" alt="Sketches UAE">
<h2 class="developer-portfolio__title">Sketches Gen. Cont. & Interior Design</h2>
<h3 class="developer-portfolio__date">Web Development, Abu Dhabi</h3>
</div>
</div>
<div class="swiper-slide has_fade_items_anim">
<div class="developer-portfolio__slide">
<!-- disable <a href="#"> -->
<img src="assets/imgs/portfolio/takhzeen.webp" alt="Takhzeen Storage">
<h2 class="developer-portfolio__title">Takhzeen Filing & Storage Abu Dhabi</h2>
<h3 class="developer-portfolio__date">Web Development, Abu Dhabi</h3>
</div>
</div>
<div class="swiper-slide has_fade_items_anim">
<div class="developer-portfolio__slide">
<!-- disable <a href="#"> -->
<img src="assets/imgs/portfolio/aria-consulting.webp" alt="ARIA Consulting">
<h2 class="developer-portfolio__title">ARIA Consulting</h2>
<h3 class="developer-portfolio__date">Web Development, Dubai</h3>
</div>
</div>
<div class="swiper-slide has_fade_items_anim">
<div class="developer-portfolio__slide">
<!-- disable <a href="#"> -->
<img src="assets/imgs/portfolio/prana.webp" alt="Prana AI Wellness">
<h2 class="developer-portfolio__title">Prana AI Wellness</h2>
<h3 class="developer-portfolio__date">Web Development, Dubai</h3>
</div>
</div>
<div class="swiper-slide has_fade_items_anim">
<div class="developer-portfolio__slide">
<!-- disable <a href="#"> -->
<img src="assets/imgs/portfolio/agh.webp" alt="Arabian Group Holding (AGH)">
<h2 class="developer-portfolio__title">Arabian Group Holding (AGH)</h2>
<h3 class="developer-portfolio__date">Web Development, Abu Dhabi</h3>
</div>
</div>
<div class="swiper-slide has_fade_items_anim">
<div class="developer-portfolio__slide">
<!-- disable <a href="#"> -->
<img src="assets/imgs/portfolio/hellopinas.webp" alt="Hello Pinas">
<h2 class="developer-portfolio__title">Hello Pinas Web Hosting</h2>
<h3 class="developer-portfolio__date">Website Development, Abu Dhabi</h3>
</div>
</div>
<div class="swiper-slide has_fade_items_anim">
<div class="developer-portfolio__slide">
<!-- disable <a href="#"> -->
<img src="assets/imgs/portfolio/traders.webp" alt="Traders House">
<h2 class="developer-portfolio__title">Traders House General Trading</h2>
<h3 class="developer-portfolio__date">Web Development, Abu Dhabi</h3>
</div>
</div>
</div>
</div>
<div class="container line pb-120">
<div class="line-col-3">
<div></div>
<div></div>
<div></div>
</div>
</div>
</section>
<!-- Project section end -->
<!-- Service section start -->
<section class="developer-service__area">
<div class="container g-0 line pt-120">
<div class="line-col-3">
<div></div>
<div></div>
<div></div>
</div>
<div class="row">
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div class="sec-title-wrapper">
<div class="pb-15">
<h2 class="sec-sub-title has_char_anim">Services</h2>
</div>
<h3 class="sec-title has_text_reveal_anim">What I Provide <br> To My Client</h3>
</div>
</div>
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div class="sec-text-width cf_text has_text_move_anim">
<p>Check out my <strong class="color-white">freelance services</strong>
to help your business stand out, grow, and succeed in today's competitive market.</p>
</div>
</div>
</div>
<div class="developer-service__grid">
<div class="developer-service__item cf_expert_card has_fade_anim" data-fade-from="left" data-delay="0.5">
<a href="#">
<div class="wcf__iconbox style-7">
<h2 class="title">Website <br> Development</h2>
<div class="icon">
<img src="assets/imgs/service/icon/webdev.png" alt="Icon">
</div>
<p class="desc">Creating and maintaining websites, including front-end and back-end development.</p>
</div>
</a>
</div>
<div class="developer-service__item cf_expert_card has_fade_anim" data-fade-from="left" data-delay="0.6">
<a href="#">
<div class="wcf__iconbox style-7">
<h2 class="title">Brand <br> Identity</h2>
<div class="icon">
<img src="assets/imgs/service/icon/brandidentity.png" alt="Icon">
</div>
<p class="desc">Designing visual identities, including brand colors, typography, and guidelines.</p>
</div>
</a>
</div>
<div class="developer-service__item cf_expert_card has_fade_anim" data-fade-from="left" data-delay="0.7">
<a href="#">
<div class="wcf__iconbox style-7">
<h2 class="title">Digital <br> Marketing</h2>
<div class="icon">
<img src="assets/imgs/service/icon/marketing.png" alt="Icon">
</div>
<p class="desc">Providing SEO, SEM, and other online marketing services to boost digital presence.</p>
</div>
</a>
</div>
<div class="developer-service__item cf_expert_card has_fade_anim" data-fade-from="left" data-delay="0.8">
<a href="#">
<div class="wcf__iconbox style-7">
<h2 class="title">UI/UX <br> Design</h2>
<div class="icon">
<img src="assets/imgs/service/icon/uiux.png" alt="Icon">
</div>
<p class="desc">Creating UI and UX designs for websites, apps, and other digital products.</p>
</div>
</a>
</div>
<div class="developer-service__item cf_expert_card has_fade_anim" data-fade-from="left" data-delay="0.8">
<a href="#">
<div class="wcf__iconbox style-7">
<h2 class="title">IT Support <br> & Maintenance</h2>
<div class="icon">
<img src="assets/imgs/service/icon/support.png" alt="Icon">
</div>
<p class="desc">Providing technical support, troubleshooting, and maintenance for hardware and software.</p>
</div>
</a>
</div>
<div class="developer-service__item cf_expert_card has_fade_anim" data-fade-from="left" data-delay="0.8">
<a href="#">
<div class="wcf__iconbox style-7">
<h2 class="title">E-commerce <br> Solutions</h2>
<div class="icon">
<img src="assets/imgs/service/icon/ecommerce.png" alt="Icon">
</div>
<p class="desc">Setting up and managing online stores, including payment gateways and inventory management.</p>
</div>
</a>
</div>
<div class="developer-service__item cf_expert_card has_fade_anim" data-fade-from="left" data-delay="0.8">
<a href="#">
<div class="wcf__iconbox style-7">
<h2 class="title">Cloud <br> Computing</h2>
<div class="icon">
<img src="assets/imgs/service/icon/cloud.png" alt="Icon">
</div>
<p class="desc">Setting up, managing, and optimizing cloud infrastructure and services like AWS, Azure, or Google Cloud.</p>
</div>
</a>
</div>
<div class="developer-service__item cf_expert_card has_fade_anim" data-fade-from="left" data-delay="0.8">
<a href="#">
<div class="wcf__iconbox style-7">
<h2 class="title">ICT <br> Consulting</h2>
<div class="icon">
<img src="assets/imgs/service/icon/consulting.png" alt="Icon">
</div>
<p class="desc">Offering expert advice on IT strategy, infrastructure planning, and technology implementation.</p>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- Service section end -->
<!-- Testimonial section start -->
<section class="developer-testimonial__area">
<div class="container g-0 line pt-120 pb-120">
<div class="line-col-3">
<div></div>
<div></div>
<div></div>
</div>
<div class="row">
<div class="col-xxl-12">
<div class="sec-title-wrapper">
<div class="pb-20">
<h2 class="sec-sub-title has_word_anim">LinkedIn</h2>
</div>
<h3 class="sec-title has_text_reveal_anim">Recommendations</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-xxl-12">
<div class="developer-testimonial__slider-wrapper">
<div class="swiper developer-testimonial__slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="developer-testimonial__slide">
<div class="cf_image has_fade_anim" data-fade-from="in" data-ease="bounce">
<img src="assets/imgs/testimonial/client/antonino.png" alt="Client Image">
</div>
<div class="cf_text has_fade_anim">
<p>Working with Ramon on our new website development and branding project for Hummingbird Capital Partners,
resulted in an excellent outcome and I express my gratitude for his services. Embedded in a multidisciplinary team,
Ramon's unwavering attention to detail and consistent timeliness were instrumental in bringing the project's triumph.
I'm happy to endorse him for website development and branding endeavors, confident in his ability to exceed expectations.</p>
</div>
<h3 class="client-name has_char_anim">Antonino Sardegno</h3>
<h4 class="client-role has_char_anim">Co-Founder, Hummingbird Capital Partners, Switzerland</h4>
</div>
</div>
<div class="swiper-slide">
<div class="developer-testimonial__slide">
<img src="assets/imgs/testimonial/client/rania.png" alt="Client Image">
<p>Ramon is a team player with a positive attitude, always ready to lend a hand or share his knowledge. He left his mark on our company,
and I am confident that he will bring the same level of excellence and commitment to every place he works. I highly recommend Ramon to
any organization looking for a talented and reliable web developer.</p>
<h3 class="client-name">Rania Abou Zaki</h3>
<h4 class="client-role">Managing Partner, Skecthes Gen. Con. & Interior Design, UAE</h4>
</div>
</div>
<div class="swiper-slide">
<div class="developer-testimonial__slide">
<img src="assets/imgs/testimonial/client/shahid.png" alt="Client Image">
<p>I highly recommend Ramon Logan Jr. for his attention to his duty. His meticulous approach to tasks and
projects ensured high-quality results. He was very quick learner and attentive. He was always willing
to collaborate and support colleagues, fostering a positive and collaborative work environment.</p>
<h3 class="client-name">Shahidul Alam</h3>
<h4 class="client-role">System Administrator, Al Masaood Travel & Services, UAE</h4>
</div>
</div>
<div class="swiper-slide">
<div class="developer-testimonial__slide">
<img src="assets/imgs/testimonial/client/bert.png" alt="Client Image">
<p>He is very prompt and professional regarding the project we worked on together. The design and
development process met the project requirements and resulted in an improved overall digital experience.
Highly recommended and will gonna work with him again.</p>
<h3 class="client-name">Wilbert Ferranco Jr.</h3>
<h4 class="client-role">Packaging Designer, Brightgreen, Philippines</h4>
</div>
</div>
<div class="swiper-slide">
<div class="developer-testimonial__slide">
<img src="assets/imgs/testimonial/client/waqas.png" alt="Client Image">
<p>I had the pleasure of working closely in Al Masaood with Mr. Ramon Logan Jr. He have a good ability on a challenging project.
He have exceptional problem-solving skills and attention to detail were instrumental in its success. I highly recommend Ramon for
their dedication, professionalism, and ability to deliver results.</p>
<h3 class="client-name">Waqas Khadim</h3>
<h4 class="client-role">Accountant, Al Masaood Travel & Services, UAE</h4>
</div>
</div>
</div>
</div>
<div class="btn-swiper btn-prev"><i class="fa-solid fa-arrow-left"></i></div>
<div class="btn-swiper btn-next"><i class="fa-solid fa-arrow-right"></i></div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial section end -->
<!-- Brand section start -->
<section class="developer-brand__area">
<div class="container g-0 line">
<div class="line-col-3">
<div></div>
<div></div>
<div></div>
</div>
<div class="row">
<div class="col-xxl-3 col-xl-3 col-lg-4">
<div class="developer-brand-title-width">
<h2 class="brand__title-2 has_text_reveal_anim">Technology Partners</h2>
</div>
</div>
<div class="col-xxl-9 col-xl-9 col-lg-8">
<div class="developer-brand__width">
<div class="swiper brand_logo_slider" data-autoplay="true" data-sliderspeed="3000">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="brand__logo">
<img src="assets/imgs/brand/hellopinas.png" alt="Hello Pinas">
</div>
</div>
<div class="swiper-slide">
<div class="brand__logo">
<img src="assets/imgs/brand/nable.png" alt="Nable IT Solutions">
</div>
</div>
<div class="swiper-slide">
<div class="brand__logo">
<img src="assets/imgs/brand/snipe.png" alt="Snipe IT">
</div>
</div>
<div class="swiper-slide">
<div class="brand__logo">
<img src="assets/imgs/brand/softaculous.png" alt="Softaculous">
</div>
</div>
<div class="swiper-slide">
<div class="brand__logo">
<img src="assets/imgs/brand/systrix-abu-dhabi.png" alt="Systrix IT Solutions">
</div>
</div>
<div class="swiper-slide">
<div class="brand__logo">
<img src="assets/imgs/brand/idroid.png" alt="iDroid Business Solutions">
</div>
</div>
<div class="swiper-slide">
<div class="brand__logo">
<img src="assets/imgs/brand/coordinate.png" alt="Coordiniate">
</div>
</div>
<div class="swiper-slide">
<div class="brand__logo">
<img src="assets/imgs/brand/copynana.png" alt="CopyNana">
</div>
</div>
<div class="swiper-slide">
<div class="brand__logo">
<img src="assets/imgs/brand/installatron.png" alt="Installatron">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Brand section end -->
<!-- Blog section start -->
<section class="developer-blog__area">
<div class="container g-0 line pb-120 pt-120">
<div class="line-col-3">
<div></div>
<div></div>
<div></div>
</div>
<div class="row">
<div class="col-xxl-12">
<div class="sec-title-wrapper">
<div class="pb-20">
<h2 class="sec-sub-title has_char_anim">Recent</h2>
</div>
<h3 class="sec-title has_text_move_anim">Tech Blog</h3>
</div>
</div>
</div>
<div class="developer-blog__grid">
<article class="developer-blog__item blog-img-leftmove fade_dev_blog_items_anim">
<a href="the-human-ai-connection.html"><img src="assets/imgs/blog/ai.png" alt="Humain-AI Blog"></a>
<ul class="developer-blog__meta">
<li><a href="the-human-ai-connection.html">Artificial Intelligence</a></li>
<li><a href="the-human-ai-connection.html">22 May 2021</a></li>
</ul>
<h4 class="developer-blog__title"><a href="the-human-ai-connection.html">The Human-AI Connection Revolutionizing Our Future Together</a></h4>
<a href="the-human-ai-connection.html" class="developer-blog__link">Read More <span><i class="fa-solid fa-arrow-right"></i></span></a>
</article>
<article class="developer-blog__item blog-img-leftmove fade_dev_blog_items_anim">
<a href="cryptocurrency-blockchain-decentralization.html"><img src="assets/imgs/blog/crypto.png" alt="Crypto & Blockchain Blog"></a>
<ul class="developer-blog__meta">
<li><a href="cryptocurrency-blockchain-decentralization.html">Cryptocurrency</a></li>
<li><a href="cryptocurrency-blockchain-decentralization.html">12 June 2022</a></li>
</ul>
<h4 class="developer-blog__title"><a href="cryptocurrency-blockchain-decentralization.html">What are Cryptocurrency, Blockchain, and Decentralization?</a></h4>
<a href="cryptocurrency-blockchain-decentralization.html" class="developer-blog__link">Read More <span><i class="fa-solid fa-arrow-right"></i></span></a>
</article>
<article class="developer-blog__item blog-img-leftmove fade_dev_blog_items_anim">
<a href="brand-identity.html"><img src="assets/imgs/blog/branding.png" alt="Branding Blog"></a>
<ul class="developer-blog__meta">
<li><a href="brand-identity.html">Branding</a></li>
<li><a href="brand-identity.html">18 Aug 2020</a></li>
</ul>
<h4 class="developer-blog__title"><a href="brand-identity.html">Why is a Strong Brand Identity Essential? Discover the Benefits</a>
</h4>
<a href="brand-identity.html" class="developer-blog__link">Read More <span><i class="fa-solid fa-arrow-right"></i></span></a>
</article>
<article class="developer-blog__item blog-img-leftmove fade_dev_blog_items_anim">
<a href="website-in-your-business.html"><img src="assets/imgs/blog/website-business.png" alt="Website Blog"></a>
<ul class="developer-blog__meta">
<li><a href="website-in-your-business.html">Website</a></li>
<li><a href="website-in-your-business.html">16 Dec 2019</a></li>
</ul>
<h4 class="developer-blog__title"><a href="website-in-your-business.html">The Crucial Role of a Website in Your Business Amidst Today's Digital Landscape</a>
</h4>
<a href="website-in-your-business.html" class="developer-blog__link">Read More <span><i class="fa-solid fa-arrow-right"></i></span></a>
</article>
</div>
</div>
</section>
<!-- Blog section end -->
</main>
<!-- Footer section start -->
<footer class="footer__area pb-0">
<div class="footer__top">
<div class="container line g-0">
<div class="line-col-3">
<div></div>
<div></div>
<div></div>
</div>
<div class="row">
<div class="col-xxl-3 col-xl-3 col-lg-3">
<div class="footer__logo">
<a href="https://www.ramonloganjr.com"><img src="assets/imgs/logo/site-logo-light.png" class="show-dark" alt="Footer Logo"></a>
<a href="https://www.ramonloganjr.com"><img src="assets/imgs/logo/site-logo-dark.png" class="show-light" alt="Footer Logo"></a>
</div>
</div>
<div class="col-xxl-9 col-xl-9 col-lg-9">
<div class="footer__info">
<div class="footer__contact">
<h3 class="footer__title">Location</h3>
<a href="https://maps.app.goo.gl/fyeYPM6LiqEVtLcJA" class="footer__link">U.A.E.</a>
</div>
<div class="footer__contact">
<h3 class="footer__title">Contact</h3>
<a href="tel:+971547230158" class="footer__link">+971 [five four] 7230158</a>
</div>
<div class="footer__email">
<h3 class="footer__title">Email</h3>
<a href="mailto:[email protected]" class="footer__link">iam [at] ramonloganjr.com</a>
</div>
<div class="footer__social">
<h3 class="footer__title">Follow</h3>
<ul class="hover-zoom">
<li><a href="https://www.linkedin.com/in/ramon-logan-jr/"><i class="fa-brands fa-linkedin"></i></a></li>
<li><a href="https://github.com/ramonloganjr"><i class="fa-brands fa-github"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer__btm">
<div class="container">
<div class="row">
<div class="col-xxl-12">
<div class="copyright">
<p><a href="terms-of-use.html">Terms of Use</a> | <a href="privacy-policy.html">Privacy Policy</a>
<br></p><p>Ramon Logan Jr. © 2025. All Rights Reserved. </p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer section end -->
</div>
</div>
</div>
<!-- All JS files -->
<script src="assets/js/jquery-3.6.0.min.js" type="text/javascript"></script>
<script src="assets/js/bootstrap.bundle.min.js" type="text/javascript"></script>
<script src="assets/js/jquery.magnific-popup.min.js" type="text/javascript"></script><!--<script src="assets/js/jquery.magnific-popup.min.js" type="text/javascript"></script>-->
<!--<script src="assets/js/swiper-bundle.min.js" type="text/javascript"></script>-->
<!--<script src="assets/js/counter.js" type="text/javascript"></script>-->
<!--<script src="assets/js/typed.js" type="text/javascript"></script>-->
<!--<script src="assets/js/mixitup.min.js" type="text/javascript"></script>-->
<!--<script src="assets/js/progressbar.js" type="text/javascript"></script>-->
<!--<script src="assets/js/gsap.min.js" type="text/javascript"></script>-->
<!--<script src="assets/js/ScrollSmoother.min.js" type="text/javascript"></script>-->
<!--<script src="assets/js/ScrollToPlugin.min.js" type="text/javascript"></script>-->
<!--<script src="assets/js/ScrollTrigger.min.js" type="text/javascript"></script>-->
<!--<script src="assets/js/SplitText.min.js" type="text/javascript"></script>-->
<!--<script src="assets/js/TweenMax.min.js" type="text/javascript"></script>-->
<!--<script src="assets/js/jquery.meanmenu.min.js" type="text/javascript"></script>-->
<!-- <script src="assets/js/beforeafter.jquery-1.0.0.min.js"></script> -->
<!-- <script src="assets/js/basictable.min.js"></script> -->
<!--<script src="assets/js/backToTop.js" type="text/javascript"></script>-->
<!--<script src="assets/js/main.js" type="text/javascript"></script>-->
<!--<script src="assets/js/error-handling.js" type="text/javascript"></script>-->
<!--<script src="assets/js/offcanvas.js" type="text/javascript"></script>-->
<!--<script src="assets/js/wc-cursor.js" type="text/javascript"></script>-->
<!--<script src="assets/js/interfere.js" type="text/javascript"></script>-->
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8ecb36011f402faf',t:'MTczMzMwOTE2OS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe><script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{"rayId":"8ecb36011f402faf","version":"2024.10.5","r":1,"serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}},"token":"ac2c9df20d8a4d3a93ef0dcc288ac414","b":1}" crossorigin="anonymous"></script>
</body></html>