- Scan ID:
- f254e3f6-041c-4319-a48b-2d0c91d71e8aFinished
- Submitted URL:
- https://t.co/2lC8N9Z3hP
- Report Finished:
Links · 1 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://battingball.com/0/0/0/d022e01cf3f9513d81031a7cc391afaf/ouss | I WANT IT |
JavaScript Variables · 4 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | string |
| documentPictureInPicture | string |
| onscrollend | string |
| formatDate | string |
Console log messages · 4 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Screwfix Survey Offer</title>
<style>
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
}
header {
background-color: #fff;
padding: 20px;
text-align: left;
border-bottom: 4px solid #1d529b;
}
header img {
max-width: 150px;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
text-align: center;
}
h1 {
color: #1d529b;
font-size: 2.8em;
font-weight: bold;
margin-top: 20px;
margin-bottom: 30px;
}
p {
font-size: 1.3em;
line-height: 1.8;
margin-bottom: 20px;
color: #555;
}
.cta-button {
display: inline-block;
background-color: #1d529b;
color: #fff;
padding: 15px 40px;
font-size: 1.4em;
font-weight: bold;
text-decoration: none;
border-radius: 5px;
margin: 20px 0;
transition: background-color 0.3s;
}
.cta-button:hover {
background-color: red;
}
/* Image Slider Styles */
.slider {
position: relative;
margin: 0 auto 30px;
overflow: hidden;
border-radius: 8px;
max-width: 80%;
}
.slides {
display: flex;
justify-content: center;
align-items: center;
height: auto;
}
.slides img {
max-width: 50%;
height: auto;
border-radius: 8px;
display: none;
}
.slides img.active {
display: block;
}
.prev, .next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
padding: 10px;
border: none;
cursor: pointer;
z-index: 10;
}
.prev {
left: 10px;
}
.next {
right: 10px;
}
.dots {
text-align: center;
margin-top: 15px;
}
.dot {
height: 15px;
width: 15px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
margin: 0 5px;
cursor: pointer;
}
.dot.active {
background-color: #1d529b;
}
/* Reviews Section */
.reviews-section {
max-width: 700px;
margin: 0 auto;
text-align: center;
}
.review-card {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
.review-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.review-name {
font-weight: bold;
font-size: 1.2em;
color: #1d529b;
}
.review-stars {
display: flex;
}
.review-stars svg {
fill: gold;
margin-right: 2px;
}
.review-comment {
font-style: italic;
color: #555;
margin: 10px 0;
}
.review-date {
color: #aaa;
font-size: 0.9em;
}
.slider-buttons {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.slider-buttons button {
background-color: #1d529b;
color: white;
border: none;
border-radius: 50%;
padding: 10px;
cursor: pointer;
}
.slider-buttons button:hover {
background-color: red;
}
.dots {
display: flex;
justify-content: center;
margin-top: 10px;
}
.dot {
width: 10px;
height: 10px;
background-color: #bbb;
border-radius: 50%;
margin: 0 5px;
cursor: pointer;
}
.dot.active {
background-color: #1d529b;
}
footer {
text-align: center;
padding: 20px;
background-color: #fff;
margin-top: 50px;
border-top: 4px solid #1d529b;
font-size: 0.9em;
color: #333;
}
</style>
</head>
<body>
<header>
<img src="https://media.screwfix.com/is/content/ae235/screwfix-logo-uk" alt="Screwfix Logo">
</header>
<div class="container">
<h1>Claim Your 170-Piece Stanley Tool Set!</h1>
<!-- Image Slider Section -->
<div class="slider">
<div class="slides">
<img src="1.webp" alt="Product Image 1" class="active">
<img src="2.jpg" alt="Product Image 2">
<img src="3.jpg" alt="Product Image 3">
<img src="https://www.stanleytools.com/NAG/PRODUCT/IMAGES/HIRES/STMT81031/STMT81031_4.jpg" alt="Product Image 4">
<img src="https://www.stanleytools.com/NAG/PRODUCT/IMAGES/HIRES/STMT81031/STMT81031_5.jpg" alt="Product Image 5">
<img src="https://www.stanleytools.com/NAG/PRODUCT/IMAGES/HIRES/STMT81031/STMT81031_6.jpg" alt="Product Image 6">
<img src="https://www.stanleytools.com/NAG/PRODUCT/IMAGES/HIRES/STMT81031/STMT81031_7.jpg" alt="Product Image 7">
</div>
<button class="prev" onclick="plusSlides(-1)">❮</button>
<button class="next" onclick="plusSlides(1)">❯</button>
</div>
<!-- Dots for Slider -->
<div class="dots">
<span class="dot active" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
<span class="dot" onclick="currentSlide(4)"></span>
<span class="dot" onclick="currentSlide(5)"></span>
<span class="dot" onclick="currentSlide(6)"></span>
<span class="dot" onclick="currentSlide(7)"></span>
</div>
<!-- Main Text Section -->
<p><strong>Love Screwfix? Tell Us What You Think!</strong>
We’re all about making things better for you, and we’d love to hear your thoughts. In just a few minutes, you can complete our quick survey and <strong>claim a 170-Piece Stanley Tool Set</strong> – perfect for every job, big or small.</p>
<p><strong style="color: red;">But hurry!</strong> This exclusive offer expires today, <strong id="current-date">September 24, 2024</strong>.</p>
<!-- Call-to-Action Button -->
<a href="https://battingball.com/0/0/0/d022e01cf3f9513d81031a7cc391afaf/ouss" class="cta-button">I WANT IT</a>
<!-- Reviews Section -->
<div class="reviews-section">
<h2>Customer Reviews</h2>
<div id="review-card" class="review-card">
<div class="review-header">
<span id="review-name" class="review-name">Chris M</span>
<div id="review-stars" class="review-stars"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431 8.207 1.179-5.934 5.781 1.401 8.182-7.342-3.86-7.342 3.86 1.401-8.182-5.934-5.781 8.207-1.179z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431 8.207 1.179-5.934 5.781 1.401 8.182-7.342-3.86-7.342 3.86 1.401-8.182-5.934-5.781 8.207-1.179z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431 8.207 1.179-5.934 5.781 1.401 8.182-7.342-3.86-7.342 3.86 1.401-8.182-5.934-5.781 8.207-1.179z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431 8.207 1.179-5.934 5.781 1.401 8.182-7.342-3.86-7.342 3.86 1.401-8.182-5.934-5.781 8.207-1.179z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431 8.207 1.179-5.934 5.781 1.401 8.182-7.342-3.86-7.342 3.86 1.401-8.182-5.934-5.781 8.207-1.179z"></path></svg></div>
</div>
<p id="review-comment" class="review-comment">"I bought this tool set for myself so I wouldn’t have to mess with my husbands. The set is wonderful for the jobs I have around the house and farm. The tools are made well, strong and reliable. The case help protects from any I’ll weather. It’s easy to store as the size isn’t too big or wide. I love being able to fix things on my own and this set is great!"</p>
<p id="review-date" class="review-date">2023-09-15</p>
</div>
<!-- Slider Buttons -->
<div class="slider-buttons">
<button id="prev-btn">❮</button>
<button id="next-btn">❯</button>
</div>
<!-- Dots for slider -->
<div id="dots" class="dots"><div class="dot"></div><div class="dot"></div><div class="dot"></div><div class="dot"></div></div>
</div>
<!-- Call-to-Action Button -->
<a href="https://battingball.com/0/0/0/d022e01cf3f9513d81031a7cc391afaf/ouss" class="cta-button">I WANT IT</a>
</div>
<!-- Footer Section -->
<footer>
© 2024 Screwfix.com. All Rights Reserved.
</footer>
<script>
// Review Data
const reviews = [
{
name: "Chris M",
rating: 5,
comment: "I bought this tool set for myself so I wouldn’t have to mess with my husbands. The set is wonderful for the jobs I have around the house and farm. The tools are made well, strong and reliable. The case help protects from any I’ll weather. It’s easy to store as the size isn’t too big or wide. I love being able to fix things on my own and this set is great!",
date: "2023-09-15"
},
{
name: "Jil",
rating: 4,
comment: "They're great they're awesome the Great they're awesome great price strong ability",
date: "2023-10-02"
},
{
name: "Mike Johnson",
rating: 5,
comment: "This set has been an absolute joy. I’ve utilized the tape for measuring and it’s nice and sturdy. The tools are excellent with great grips. Utilized for assembling furniture, car maint. Under the sink too.",
date: "2023-11-20"
},
{
name: "Apartment Handyman",
rating: 4,
comment: "I am huge into DIY and also build stuff for my profession/hobby. Owning this set has been really great. First off the case is really great for keeping everything together. Keeping your tools organized where you can find them when you need them is a must - this helps with that. It's super easy to carry and I love that it has a handle to carry around. The locking thing on the front that is meant to keep the opening closed/help open it doesn't work very well though. It seems it never latches/locks right so it don't like that stay closed. The tools have been really great, it comes with about anything you could need or want for some DIY, easy simple fixing, and tinkering. There is a really great amount of tools. Each tool that I have used (which is about all of them) have been great. They are made extremely well and the quality is amazing. Very pleased with each one I have used.",
date: "2024-01-05"
}
];
let currentIndex = 0;
const reviewName = document.getElementById('review-name');
const reviewStars = document.getElementById('review-stars');
const reviewComment = document.getElementById('review-comment');
const reviewDate = document.getElementById('review-date');
const dotsContainer = document.getElementById('dots');
// Create stars
const renderStars = (rating) => {
let stars = '';
for (let i = 0; i < 5; i++) {
if (i < rating) {
stars += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431 8.207 1.179-5.934 5.781 1.401 8.182-7.342-3.86-7.342 3.86 1.401-8.182-5.934-5.781 8.207-1.179z"/></svg>';
} else {
stars += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431 8.207 1.179-5.934 5.781 1.401 8.182-7.342-3.86-7.342 3.86 1.401-8.182-5.934-5.781 8.207-1.179z" fill="none" stroke="gray" stroke-width="2"/></svg>';
}
}
return stars;
};
// Render current review
const renderReview = () => {
const currentReview = reviews[currentIndex];
reviewName.textContent = currentReview.name;
reviewStars.innerHTML = renderStars(currentReview.rating);
reviewComment.textContent = `"${currentReview.comment}"`;
reviewDate.textContent = currentReview.date;
// Update dots
document.querySelectorAll('.dot').forEach((dot, index) => {
dot.classList.toggle('active', index === currentIndex);
});
};
// Create dots
const createDots = () => {
reviews.forEach((_, index) => {
const dot = document.createElement('div');
dot.classList.add('dot');
dot.addEventListener('click', () => {
currentIndex = index;
renderReview();
});
dotsContainer.appendChild(dot);
});
};
// Next/Prev buttons
document.getElementById('next-btn').addEventListener('click', () => {
currentIndex = (currentIndex + 1) % reviews.length;
renderReview();
});
document.getElementById('prev-btn').addEventListener('click', () => {
currentIndex = (currentIndex - 1 + reviews.length) % reviews.length;
renderReview();
});
// Initialize
createDots();
renderReview();
// Get the current date and format it
function formatDate() {
const today = new Date();
const options = { year: 'numeric', month: 'long', day: 'numeric' };
const formattedDate = today.toLocaleDateString('en-US', options);
document.getElementById('current-date').textContent = formattedDate;
}
// Call the formatDate function on page load
window.onload = formatDate;
</script>
</body></html>