<div class="download-container"> <h2>Downloads</h2> <a href="files/file1.zip" class="download-link">Download File 1 (ZIP)</a> <a href="files/file2.pdf" class="download-link">Download File 2 (PDF)</a> <!-- Add more links as needed --> </div>
Please replace the file1.zip , file2.pdf , etc., with your actual file names and ensure they are located in the correct directory on your server.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Download Center</title> <style> body { font-family: Arial, sans-serif; } .download-container { width: 50%; margin: 40px auto; text-align: center; } .download-link { display: block; margin: 10px 0; padding: 10px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px; } .download-link:hover { background-color: #0056b3; } </style> </head> <body>