| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>长江行游轮 | Vista Cruises</title>
- <script src="https://cdn.tailwindcss.com"></script>
- <script>
- tailwind.config = {
- theme: {
- extend: {
- fontFamily: {
- serif: ['Times New Roman', 'Times', 'serif'],
- sans: ['Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
- },
- colors: {
- vista: {
- black: '#1a1a1a',
- gold: '#c5a059',
- goldlight: '#e0c080',
- gray: '#F9F8F6',
- darkblue: '#0a1f35',
- teal: '#009ca6'
- }
- },
- animation: {
- 'fade-in-up': 'fadeInUp 1s ease-out',
- 'slow-zoom': 'slowZoom 20s linear infinite alternate',
- 'slide-in-right': 'slideInRight 0.3s ease-out'
- },
- keyframes: {
- fadeInUp: {
- '0%': { opacity: '0', transform: 'translateY(20px)' },
- '100%': { opacity: '1', transform: 'translateY(0)' },
- },
- slowZoom: {
- '0%': { transform: 'scale(1)' },
- '100%': { transform: 'scale(1.1)' },
- },
- slideInRight: {
- '0%': { transform: 'translateX(100%)' },
- '100%': { transform: 'translateX(0)' },
- }
- }
- }
- }
- }
- </script>
- <style>
- /* Hide scrollbar for Chrome, Safari and Opera */
- .no-scrollbar::-webkit-scrollbar {
- display: none;
- }
- /* Hide scrollbar for IE, Edge and Firefox */
- .no-scrollbar {
- -ms-overflow-style: none; /* IE and Edge */
- scrollbar-width: none; /* Firefox */
- }
- html {
- scroll-behavior: smooth;
- }
- </style>
- </head>
- <body>
- <div id="root"></div>
- <script type="module" src="/index.tsx"></script>
- </body>
- </html>
|
