alvin/challenge-11
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/challenge-11.git synced 2026-03-06 13:21:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

Refactor index.html to remove inline Tailwind configuration and link to external JS file. Enhance script.js with modal functionality for 'Get Started' and 'Learn More' buttons, including dynamic content and hover effects for cards.

Browse Source
This commit is contained in:
Alvin
2025-06-04 09:59:01 +02:00
parent 953e72906d
commit 5444fefbba
3 changed files with 158 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
index.html
View File

@@ -8,27 +8,10 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
animation: {
'float': 'float 3s ease-in-out infinite',
'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',
'bounce-slow': 'bounce 3s infinite',
},
keyframes: {
float: {
'0%, 100%': { transform: 'translateY(0)' },
'50%': { transform: 'translateY(-10px)' },
}
}
}
}
}
</script>
<!-- Custom CSS -->
<link rel="stylesheet" href="css/styles.css">
<!-- Custom JS -->
<script src="js/tailwind.config.js"></script>
</head>
<body class="bg-gradient-to-br from-gray-100 to-blue-50">
<!-- Navigation -->