<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PS5 - The Future of Gaming</title>
<style>
/* General Styles */
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background: #0d0d0d;
color: #fff;
line-height: 1.6;
}
/* Header */
header {
background: linear-gradient(135deg, #003366, #000033);
padding: 2rem;
text-align: center;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
header h1 {
font-size: 3rem;
margin: 0;
animation: fadeIn 2s ease-in-out;
}
header p {
font-size: 1.2rem;
margin: 0.5rem 0 0;
animation: fadeIn 3s ease-in-out;
}
/* Main Content */
.container {
max-width: 1200px;
margin: 2rem auto;
padding: 1rem;
}
.specs {
display: flex;
flex-wrap: wrap;
gap: 2rem;
margin-top: 2rem;
}
.specs div {
background: rgba(255, 255, 255, 0.1);
padding: 1.5rem;
border-radius: 10px;
flex: 1 1 calc(33.333% - 2rem);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.specs div:hover {
transform: translateY(-10px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}
.specs h2 {
font-size: 1.5rem;
margin-bottom: 1rem;
color: #00aaff;
}
.specs ul {
list-style: none;
padding: 0;
}
.specs ul li {
margin: 0.5rem 0;
}
/* Footer */
footer {
background: #000033;
text-align: center;
padding: 1rem;
margin-top: 2rem;
}
footer a {
color: #00aaff;
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
/* Animations */
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
</style>
</head>
<body>
<!-- Header -->
<header>
<h1>PlayStation 5</h1>
<p>The Future of Gaming</p>
</header>
<!-- Main Content -->
<div class="container">
<section class="specs">
<div>
<h2>Design</h2>
<ul>
<li>Two-tone design with a futuristic look</li>
<li>Available in Standard and Digital Edition</li>
<li>Dimensions: 390mm x 104mm x 260mm</li>
</ul>
</div>
<div>
<h2>Performance</h2>
<ul>
<li>Custom AMD Zen 2 CPU (8 cores, 3.5 GHz)</li>
<li>Custom AMD RDNA 2 GPU (10.28 TFLOPs)</li>
<li>16GB GDDR6 RAM</li>
</ul>
</div>
<div>
<h2>Storage</h2>
<ul>
<li>825GB Custom SSD</li>
<li>Expandable NVMe SSD Slot</li>
<li>Ultra-fast load times</li>
</ul>
</div>
<div>
<h2>Graphics</h2>
<ul>
<li>4K resolution at 120Hz</li>
<li>Ray tracing support</li>
<li>8K output capability</li>
</ul>
</div>
<div>
<h2>Features</h2>
<ul>
<li>DualSense Wireless Controller</li>
<li>3D Audio Technology</li>
<li>Backward compatibility with PS4 games</li>
</ul>
</div>
<div>
<h2>Connectivity</h2>
<ul>
<li>Wi-Fi 6 and Bluetooth 5.1</li>
<li>USB-C and USB-A ports</li>
<li>HDMI 2.1 output</li>
</ul>
</div>
</section>
</div>
<!-- Footer -->
<footer>
<p>Created with ❤️ by <a href="#" target="_blank">Wanal</a></p>
</footer>
</body>
</html>