- 掃描 ID：
- 85785e7c-9e06-4641-bdbe-4f3214063ad1已完成
- 已提交的 URL：
- https://671e509e7288797173d0b1dd--effervescent-biscuit-13067a.netlify.app/
- 報告完成時間：
連結 · 找到 3 個
從頁面中識別的傳出連結
| 連結 | Text |
|---|---|
| https://x.com/FRulano_890?s=08 | |
| https://colorlib.com | Colorlib |
| https://6718d955fb455ca23ba57be3--idyllic-cassata-e8c126.netlify.app/ | Saim&Teams |
JavaScript 變數 · 找到 23 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| Popper | function |
| bootstrap | object |
| Stellar | function |
| EvEmitter | function |
| imagesLoaded | function |
主控台記錄訊息 · 找到 1 條
記錄到 Web 主控台的訊息
| 類型 | 類別 | 記錄 |
|---|---|---|
| warning | other |
|
HTML
頁面的原始 HTML 主體
<!DOCTYPE html><html lang="en"><head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="img/Eclipse Creation.png" type="image/png">
<title>Eclipse Craetion</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="vendors/linericon/style.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<!-- main css -->
<link rel="stylesheet" href="css/style.css">
<style>
/* Apply this to your text elements */
.hello{
color: #F5F5DC; /* Off-white for better visibility */
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Adds a shadow to make the text stand out */
font-weight: bold;
}
/* Optionally, add a semi-transparent background behind the text */
h1, h3 {
padding:5px;
border-radius: 5px;
}
.see-more-button {
padding: 10px 20px;
border: 2px solid purple; /* Purple border */
background-color: transparent; /* Transparent background */
color: purple; /* Text color */
font-size: 16px;
cursor: pointer;
transition: all 0.3s ease; /* Smooth transition */
border-radius: 5px; /* Rounded corners */
}
.see-more-button:hover {
background-color: purple; /* Change background on hover */
color: white; /* Change text color on hover */
transform: scale(1.05); /* Slightly enlarge the button */
}
.saim{
margin-left: 40%;
}
.animated-text {
opacity: 0; /* Initially hidden */
transform: translateY(50px); /* Start position */
transition: opacity 0.6s ease-out, transform 1.5s ease-out; /* Transition effects */
}
.visible {
opacity: 1; /* Make visible */
transform: translateY(0); /* End position */
}
.screenshot-block {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7); /* Semi-transparent */
z-index: 9999; /* On top of other elements */
pointer-events: none; /* Allow clicks to pass through */
}
</style></head>
<body>
<!--================ Start Header Area =================-->
<header class="header_area">
<div class="main_menu">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<a class="navbar-brand logo_h" href="/"><img src="img/Eclipse Creation.png" alt="" height="80"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse offset" id="navbarSupportedContent">
<ul class="nav navbar-nav menu_nav justify-content-end">
<li class="nav-item active"><a class="nav-link" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/about">About</a></li>
<li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
<li class="nav-item"><a class="nav-link" href="/portfolio">Portfolio</a></li>
<li class="nav-item"><a class="nav-link" href="/web">Make Your own Web</a></li>
</ul>
</div>
</div>
</nav>
</div>
</header>
<!--================ End Header Area =================-->
<!--================ Start Home Banner Area =================-->
<section class="home_banner_area">
<div class="banner_inner" style="height: 700px;">
<div class="container">
<div class="row">
<div class="col-lg-7">
</div>
<!-- <div class="col-lg-5">
<div class="home_right_img">
<img class="" src="img/banner/home-right.png" alt="">
</div>
</div> -->
</div>
</div>
</div>
</section>
<!--================ End Home Banner Area =================-->
<section class="intro area">
<div class="container">
<div class="offset-lg-1 col-lg-8 mt-5">
<div class="main_title text-left">
<div class="banner_content">
<h3 class="text-uppercase text-center">Hell0</h3>
<h1 class="text-uppercase text-center animated-text" style="font-size: 50px;">I am a Commission Artist, Website Designer & Developer</h1>
</div>
</div>
</div>
</div>
</section>
<!--================ Start About Us Area =================-->
<section class="about_area section_gap">
<div class="container">
<div class="row justify-content-start align-items-center">
<div class="col-lg-5">
<div class="about_img">
<img class="" src="img/about-us.png" alt="">
</div>
</div>
<div class="offset-lg-1 col-lg-5">
<div class="main_title text-left">
<h2>let’s <br>
Introduce about <br>
myself</h2>
<p>
I am a commissioned artist and a skilled graphic and web designer with around three years of experience. Throughout my journey, I have honed my skills on various platforms, becoming proficient in Adobe Illustrator, Blender, and Scratch. I specialize in full-stack website design, both static and dynamic.
</p>
<p>
My artistic focus includes 2D artworks related to anime, D&D, and furry themes. Additionally, I create 3D models in Blender and custom avatars for VRChat.
You can find me on Twitter, Discord, Instagram, and ArtStation. Thank you for visiting my website—feel free to explore my work!
</p>
</div>
</div>
</div>
</div>
</section>
<!--================ End About Us Area =================-->
<!--================ Srart Brand Area =================-->
<!-- <section class="brand_area section_gap_bottom">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-brand-item d-table">
<div class="d-table-cell text-center">
<img src="img/brands/logo1.png" alt="">
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-brand-item d-table">
<div class="d-table-cell text-center">
<img src="img/brands/logo2.png" alt="">
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-brand-item d-table">
<div class="d-table-cell text-center">
<img src="img/brands/logo3.png" alt="">
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-brand-item d-table">
<div class="d-table-cell text-center">
<img src="img/brands/logo4.png" alt="">
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-brand-item d-table">
<div class="d-table-cell text-center">
<img src="img/brands/logo5.png" alt="">
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-brand-item d-table">
<div class="d-table-cell text-center">
<img src="img/brands/logo6.png" alt="">
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-brand-item d-table">
<div class="d-table-cell text-center">
<img src="img/brands/logo7.png" alt="">
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-brand-item d-table">
<div class="d-table-cell text-center">
<img src="img/brands/logo8.png" alt="">
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-brand-item d-table">
<div class="d-table-cell text-center">
<img src="img/brands/logo9.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="offset-lg-2 col-lg-4 col-md-6">
<div class="client-info">
<div class="d-flex mb-50">
<span class="lage">3</span>
<span class="smll">Years Experience Working</span>
</div>
<div class="call-now d-flex">
<div>
<span class="fa fa-phone"></span>
</div>
<div class="ml-15">
<p>call us now</p>
<h3>(+1)-800-555-6789</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</section> -->
<!--================ End Brand Area =================-->
<!--================ Start Features Area =================-->
<section class="features_area">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<div class="main_title">
<h2>service offers </h2>
<p>
Welcome to our vibrant gallery, where your artwork comes to life. Explore our services designed for artists to upload their creations, connect with art enthusiasts, and accept commissions effortlessly.
</p>
</div>
</div>
</div>
<div class="row feature_inner">
<div class="col-lg-3 col-md-6 ">
<div class="feature_item" style="height: 100%;">
<h1><i class="fas fa-smile fa-2x"></i></h1>
<h4>Twitch Emotes</h4>
<p>Small, expressive icons or images used in Twitch chat to convey emotions, reactions, or in-jokes among the streaming community, enhancing interaction between streamers and viewers.</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature_item" style="height: 100%;">
<h1><i class="fas fa-paw fa-2x"></i></h1>
<h4>Furry Reference Sheet</h4>
<p>A detailed profile of a furry character, often including visual references, personality traits, and physical characteristics for use in artwork or storytelling.
</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature_item" style="height: 100%;">
<h1><i class="fas fa-cubes fa-2x"></i></h1>
<h4>Furry 3D Models</h4>
<p>Digitally sculpted representations of furry characters in 3D, used for animations, games, or virtual environments, allowing for dynamic views and customization.</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature_item" style="height: 100%;">
<h1><i class="fas fa-paint-brush fa-2x"></i></h1>
<h4>Custom Avatars</h4>
<p>Personalized, often digital representations of individuals, designed to reflect unique characteristics, styles, or personas, used in social media, games, and virtual worlds.</p>
</div>
</div>
</div>
<a class="genric-btn info circle arrow mt-5 saim" href="/services">Discover More<span class="lnr lnr-arrow-right"></span></a>
</div>
</section>
<!--================ End Features Area =================-->
<!--================Start Portfolio Area =================-->
<section class="portfolio_area" id="portfolio">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="main_title text-left">
<h2>quality work <br>
Recently done project </h2>
</div>
</div>
</div>
<div class="filters portfolio-filter">
<ul>
<li class="active" data-filter="*">all</li>
<li data-filter=".popular">popular</li>
<li data-filter=".latest"> latest</li>
<li data-filter=".following">following</li>
<li data-filter=".upcoming">upcoming</li>
</ul>
</div>
<div class="filters-content">
<div class="row portfolio-grid justify-content-center" style="position: relative; height: 1999.94px;">
<div class="col-lg-4 col-md-6 all latest" style="position: absolute; left: 0%; top: 0px;">
<div class="portfolio_box">
<div class="single_portfolio">
<img class="img-fluid w-100" src="img/services/Twitch Emotes/1.jpeg" alt="">
<div class="overlay"></div>
<a href="img/services/Twitch Emotes/1.jpeg" class="img-gal">
<div class="icon">
<span class="lnr lnr-cross"></span>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 all popular" style="position: absolute; left: 50%; top: 0px;">
<div class="portfolio_box">
<div class="single_portfolio">
<img class="img-fluid w-100" src="img/services/furry 3d models/2.jpeg" alt="">
<div class="overlay"></div>
<a href="img/services/furry 3d models/2.jpeg" class="img-gal">
<div class="icon">
<span class="lnr lnr-cross"></span>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 all latest" style="position: absolute; left: 0%; top: 322px;">
<div class="portfolio_box">
<div class="single_portfolio">
<img class="img-fluid w-100" src="img/services/Twitch Emotes/5.jpeg" alt="">
<div class="overlay"></div>
<a href="img/services/Twitch Emotes/5.jpeg" class="img-gal">
<div class="icon">
<span class="lnr lnr-cross"></span>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 all popular" style="position: absolute; left: 50%; top: 410px;">
<div class="portfolio_box">
<div class="single_portfolio">
<img class="img-fluid w-100" src="img/services/furry ref sheet/2.jpeg" alt="">
<div class="overlay"></div>
<a href="img/services/furry ref sheet/2.jpeg" class="img-gal">
<div class="icon">
<span class="lnr lnr-cross"></span>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 all following" style="position: absolute; left: 0%; top: 621px;">
<div class="portfolio_box">
<div class="single_portfolio">
<img class="img-fluid w-100" src="img/services/custom avatars/9.jpeg" alt="">
<div class="overlay"></div>
<a href="img/services/custom avatars/9.jpeg" class="img-gal">
<div class="icon">
<span class="lnr lnr-cross"></span>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 all upcoming" style="position: absolute; left: 50%; top: 730px;">
<div class="portfolio_box">
<div class="single_portfolio">
<img class="img-fluid w-100" src="img/services/furry ref sheet/4.jpeg" alt="">
<div class="overlay"></div>
<a href="img/services/furry ref sheet/4.jpeg" class="img-gal">
<div class="icon">
<span class="lnr lnr-cross"></span>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 all following" style="position: absolute; left: 50%; top: 1020px;">
<div class="portfolio_box">
<div class="single_portfolio">
<img class="img-fluid w-100" src="img/services/furry ref sheet/6.jpeg" alt="">
<div class="overlay"></div>
<a href="img/services/furry ref sheet/6.jpeg" class="img-gal">
<div class="icon">
<span class="lnr lnr-cross"></span>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 all following" style="position: absolute; left: 0%; top: 1031px;">
<div class="portfolio_box">
<div class="single_portfolio">
<img class="img-fluid w-100" src="img/services/furry ref sheet/1.jpeg" alt="">
<div class="overlay"></div>
<a href="img/services/furry ref sheet/1.jpeg" class="img-gal">
<div class="icon">
<span class="lnr lnr-cross"></span>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 all upcoming" style="position: absolute; left: 0%; top: 1510px;">
<div class="portfolio_box">
<div class="single_portfolio">
<img class="img-fluid w-100" src="img/services/furry 3d models/4.jpeg" alt="">
<div class="overlay"></div>
<a href="img/services/furry 3d models/4.jpeg" class="img-gal">
<div class="icon">
<span class="lnr lnr-cross"></span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="genric-btn info circle arrow ms-5 mt-5 saim" href="/portfolio">Discover More<span class="lnr lnr-arrow-right"></span></a>
</section>
<!--================End Portfolio Area =================-->
<!--================ Start Testimonial Area =================-->
<!-- <div class="testimonial_area section_gap_bottom">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<div class="main_title">
<h2>client say about me</h2>
<p>Is give may shall likeness made yielding spirit a itself togeth created after sea is in beast <br>
beginning signs open god you're gathering ithe</p>
</div>
</div>
</div>
<div class="row">
<div class="testi_slider owl-carousel">
<div class="testi_item">
<div class="row">
<div class="col-lg-4">
<img src="img/testimonials/t1.jpg" alt="">
</div>
<div class="col-lg-8">
<div class="testi_text">
<h4>Elite Martin</h4>
<p>Him, made can't called over won't there on divide there male fish beast own his day third seed sixth seas unto. Saw from </p>
</div>
</div>
</div>
</div>
<div class="testi_item">
<div class="row">
<div class="col-lg-4">
<img src="img/testimonials/t2.jpg" alt="">
</div>
<div class="col-lg-8">
<div class="testi_text">
<h4>Davil Saden</h4>
<p>Him, made can't called over won't there on divide there male fish beast own his day third seed sixth seas unto. Saw from </p>
</div>
</div>
</div>
</div>
<div class="testi_item">
<div class="row">
<div class="col-lg-4">
<img src="img/testimonials/t1.jpg" alt="">
</div>
<div class="col-lg-8">
<div class="testi_text">
<h4>Elite Martin</h4>
<p>Him, made can't called over won't there on divide there male fish beast own his day third seed sixth seas unto. Saw from </p>
</div>
</div>
</div>
</div>
<div class="testi_item">
<div class="row">
<div class="col-lg-4">
<img src="img/testimonials/t2.jpg" alt="">
</div>
<div class="col-lg-8">
<div class="testi_text">
<h4>Davil Saden</h4>
<p>Him, made can't called over won't there on divide there male fish beast own his day third seed sixth seas unto. Saw from </p>
</div>
</div>
</div>
</div>
<div class="testi_item">
<div class="row">
<div class="col-lg-4">
<img src="img/testimonials/t1.jpg" alt="">
</div>
<div class="col-lg-8">
<div class="testi_text">
<h4>Elite Martin</h4>
<p>Him, made can't called over won't there on divide there male fish beast own his day third seed sixth seas unto. Saw from </p>
</div>
</div>
</div>
</div>
<div class="testi_item">
<div class="row">
<div class="col-lg-4">
<img src="img/testimonials/t2.jpg" alt="">
</div>
<div class="col-lg-8">
<div class="testi_text">
<h4>Davil Saden</h4>
<p>Him, made can't called over won't there on divide there male fish beast own his day third seed sixth seas unto. Saw from </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!--================ End Testimonial Area =================-->
<!--================ Start Newsletter Area =================-->
<section class="newsletter_area">
<div class="container">
<div class="row justify-content-center align-items-center">
<div class="col-lg-12">
<div class="subscription_box text-center">
<h2 class="text-uppercase text-white">get update from anywhere</h2>
<p class="text-white">
Bearing Void gathering light light his eavening unto dont afraid.
</p>
<div class="subcribe-form" id="mc_embed_signup">
<form target="_blank" novalidate="true" action="https://spondonit.us12.list-manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&id=92a4423d01" method="get" class="subscription relative">
<input name="EMAIL" placeholder="Email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Email address'" required="" type="email">
<div style="position: absolute; left: -5000px;">
<input name="b_36c4fd991d266f23781ded980_aefe40901a" tabindex="-1" value="" type="text">
</div>
<button class="primary-btn hover d-inline">Get Started</button>
<div class="info"></div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<!--================ End Newsletter Area =================-->
<!--================Footer Area =================-->
<footer class="footer_area">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="footer_top flex-column">
<div class="footer_logo">
<a href="#">
</a>
<h4>Follow Me</h4>
</div>
<div class="footer_social">
<a target="_blank" href="https://x.com/FRulano_890?s=08"><i class="fab fa-twitter"></i></a>
</div>
</div>
</div>
</div>
<div class="row footer_bottom justify-content-center">
<p class="col-lg-8 col-sm-12 footer-text">
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©<script>document.write(new Date().getFullYear());</script>2024 All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
<p>Developed By <a href=" https://6718d955fb455ca23ba57be3--idyllic-cassata-e8c126.netlify.app/" target="_blank">Saim&Teams</a></p>
</div>
</div>
</footer>
<!--================End Footer Area =================-->
<!-- Optional JavaScript -->
<script>
document.addEventListener('DOMContentLoaded', function () {
const animatedText = document.querySelector('.animated-text');
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
animatedText.classList.add('visible');
observer.unobserve(entry.target); // Stop observing after it becomes visible
}
});
});
observer.observe(animatedText);
});
</script>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/popper.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/stellar.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="vendors/nice-select/js/jquery.nice-select.min.js"></script>
<script src="vendors/isotope/imagesloaded.pkgd.min.js"></script>
<script src="vendors/isotope/isotope-min.js"></script>
<script src="vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="js/jquery.ajaxchimp.min.js"></script>
<script src="js/mail-script.js"></script>
<!--gmaps Js-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjCGmQ0Uq4exrzdcL6rvxywDDOvfAu6eE"></script>
<script src="js/gmaps.min.js"></script>
<script src="js/theme.js"></script>
</body></html>