Apache
tcp/443 tcp/80
Open service 116.203.33.112:443 · starlecard.com
2026-01-09 18:12
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 18:12:35 GMT
Server: Apache
Last-Modified: Fri, 04 Oct 2024 23:49:14 GMT
Accept-Ranges: bytes
Content-Length: 77762
Connection: close
Content-Type: text/html
Page title: StarleCard - Demo
<!DOCTYPE html>
<html lang="en" dir="ltr">
<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="Nafie develops the best quality website that serves for the long-term. Well-documented, clean, easy and elegant interface helps any non-technical clients.">
<meta name="keywords" content="portfolio, agency, business, clean, company, corporate, creative, gallery, rtl, modern, photography, responsive, sass">
<!-- title of the browser tab -->
<title>StarleCard - Demo</title>
<!-- favicon -->
<link rel="icon" href="assets/favicon.ico" media="(prefers-color-scheme: light)">
<link rel="icon" href="assets/favicon-dark-mode.ico" media="(prefers-color-scheme: dark)">
<!-- fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@700&family=Roboto&family=Saira+Stencil+One&text=Nafie&display=swap">
<!-- css libraries file -->
<link rel="stylesheet" href="styles/libraries.min.css">
<!-- main style file -->
<link rel="stylesheet" href="styles/main.css">
</head>
<body>
<div id="app-inner">
<!-- start circle cursor -->
<div class="circle-cursor circle-cursor-outer"></div>
<div class="circle-cursor circle-cursor-inner"></div>
<!-- end circle cursor -->
<!-- start preloader -->
<div class="preloader">
<div class="preloader__content">
<!-- brand logo -->
<div class="preloader__logo">
<img class="preloader__logo__img" src="assets/images/preloader-logo.png" alt="Nafie" loading="lazy">
</div>
<!-- loading bar -->
<div class="preloader__loadingBar">
<span class="preloader__loadingProgress"></span>
</div>
</div>
</div>
<!-- end preloader -->
<!-- start of header -->
<header class="header hide-in-preloading">
<div class="container">
<!-- brand logo -->
<div class="brandLogo">
<h2 class="brandLogo__link" title="Nafie">
<img class="logos" src="assets/images/logo.png">
</h2>
</div>
<!-- navbar -->
<nav class="navbar">
<!-- navbar links -->
<ul class="navbar__links">
<li class="navbar__links__item">
<a class="navbar__links__link" href="index.html#hero" onclick="window._offCanvasMenuClose(this)">Home</a>
</li>
<li class="navbar__links__item">
<a class="navbar__links__link" href="index.html#about" onclick="window._offCanvasMenuClose(this)">About</a>
</li>
<li class="navbar__links__item">
<a class="navbar__links__link" href="index.html#skills" onclick="window._offCanvasMenuClose(this)">Skills</a>
</li>
<li class="navbar__links__item">
<a class="navbar__links__link" href="index.html#portfolio" onclick="window._offCanvasMenuClose(this)">Portfolio</a>
</li>
<li class="navbar__links__item">
<a class="navbar__links__link" href="index.html#contact" onclick="window._offCanvasMenuClose(this)">Contact</a>
</li>
</ul>
<!-- menu content in big devices (hidden in mobile/tablet) -->
<div class="offCanvasMenu" tabindex="-1">
<div class="container">
<!-- about me -->
<div class="offCanvasMenu__about">
<p class="block-subTitle">I love making things simple, intuitive and expertly crafted!</p>
<h4 class="block-title">Product is the vital essence of what i do, truly great product is born of meticulous planning and process. This is where i specialized!</h4>
</div>
<!-- contact info -->
<ul
Open service 116.203.33.112:80 · starlecard.com
2026-01-09 18:12
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 18:13:33 GMT
Server: Apache
Last-Modified: Fri, 04 Oct 2024 23:49:14 GMT
Accept-Ranges: bytes
Content-Length: 77762
Connection: close
Content-Type: text/html
Page title: StarleCard - Demo
<!DOCTYPE html>
<html lang="en" dir="ltr">
<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="Nafie develops the best quality website that serves for the long-term. Well-documented, clean, easy and elegant interface helps any non-technical clients.">
<meta name="keywords" content="portfolio, agency, business, clean, company, corporate, creative, gallery, rtl, modern, photography, responsive, sass">
<!-- title of the browser tab -->
<title>StarleCard - Demo</title>
<!-- favicon -->
<link rel="icon" href="assets/favicon.ico" media="(prefers-color-scheme: light)">
<link rel="icon" href="assets/favicon-dark-mode.ico" media="(prefers-color-scheme: dark)">
<!-- fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@700&family=Roboto&family=Saira+Stencil+One&text=Nafie&display=swap">
<!-- css libraries file -->
<link rel="stylesheet" href="styles/libraries.min.css">
<!-- main style file -->
<link rel="stylesheet" href="styles/main.css">
</head>
<body>
<div id="app-inner">
<!-- start circle cursor -->
<div class="circle-cursor circle-cursor-outer"></div>
<div class="circle-cursor circle-cursor-inner"></div>
<!-- end circle cursor -->
<!-- start preloader -->
<div class="preloader">
<div class="preloader__content">
<!-- brand logo -->
<div class="preloader__logo">
<img class="preloader__logo__img" src="assets/images/preloader-logo.png" alt="Nafie" loading="lazy">
</div>
<!-- loading bar -->
<div class="preloader__loadingBar">
<span class="preloader__loadingProgress"></span>
</div>
</div>
</div>
<!-- end preloader -->
<!-- start of header -->
<header class="header hide-in-preloading">
<div class="container">
<!-- brand logo -->
<div class="brandLogo">
<h2 class="brandLogo__link" title="Nafie">
<img class="logos" src="assets/images/logo.png">
</h2>
</div>
<!-- navbar -->
<nav class="navbar">
<!-- navbar links -->
<ul class="navbar__links">
<li class="navbar__links__item">
<a class="navbar__links__link" href="index.html#hero" onclick="window._offCanvasMenuClose(this)">Home</a>
</li>
<li class="navbar__links__item">
<a class="navbar__links__link" href="index.html#about" onclick="window._offCanvasMenuClose(this)">About</a>
</li>
<li class="navbar__links__item">
<a class="navbar__links__link" href="index.html#skills" onclick="window._offCanvasMenuClose(this)">Skills</a>
</li>
<li class="navbar__links__item">
<a class="navbar__links__link" href="index.html#portfolio" onclick="window._offCanvasMenuClose(this)">Portfolio</a>
</li>
<li class="navbar__links__item">
<a class="navbar__links__link" href="index.html#contact" onclick="window._offCanvasMenuClose(this)">Contact</a>
</li>
</ul>
<!-- menu content in big devices (hidden in mobile/tablet) -->
<div class="offCanvasMenu" tabindex="-1">
<div class="container">
<!-- about me -->
<div class="offCanvasMenu__about">
<p class="block-subTitle">I love making things simple, intuitive and expertly crafted!</p>
<h4 class="block-title">Product is the vital essence of what i do, truly great product is born of meticulous planning and process. This is where i specialized!</h4>
</div>
<!-- contact info -->
<ul