block8840/paintflow-pro
0
1<!DOCTYPE html>2<html lang="ru">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>PaintFlow Pro - Профессиональная безвоздушная покраска</title>7 <meta name="description" content="Профессиональные услуги безвоздушной покраски фасадов, заборов, металлоконструкций и внутренних помещений. Высокое качество, гарантия результата.">8 <link rel="icon" type="image/x-icon" href="/static/favicon.ico">9 <script src="https://cdn.tailwindcss.com"></script>10 <script>11 tailwind.config = {12 theme: {13 extend: {14 colors: {15 primary: {16 50: '#f0f9ff',17 100: '#e0f2fe',18 200: '#bae6fd',19 300: '#7dd3fc',20 400: '#38bdf8',21 500: '#0ea5e9',22 600: '#0284c7',23 700: '#0369a1',24 800: '#075985',25 900: '#0c4a6e',26 },27 secondary: {28 50: '#fafaf9',29 100: '#f5f5f4',30 200: '#e7e5e4',31 300: '#d6d3d1',32 400: '#a8a29e',33 500: '#78716c',34 600: '#57534e',35 700: '#44403c',36 800: '#292524',37 900: '#1c1917',38 }39 }40 }41 }42 }43 </script>44 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>45 <script src="https://unpkg.com/feather-icons"></script>46 <link rel="preconnect" href="https://fonts.googleapis.com">47 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>48 <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">49 <style>50 body {51 font-family: 'Open Sans', sans-serif;52 }53 h1, h2, h3, h4, h5, h6 {54 font-family: 'Montserrat', sans-serif;55 }56 .hero-pattern {57 background-image: linear-gradient(to right bottom, rgba(14, 165, 233, 0.8), rgba(2, 132, 199, 0.8)), url('http://static.photos/construction/1200x630/5');58 background-size: cover;59 background-position: center;60 }61 .service-card:hover {62 transform: translateY(-5px);63 box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);64 }65 .gallery-grid {66 display: grid;67 grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));68 gap: 1.5rem;69 }70 .testimonial-card {71 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);72 }73 </style>74</head>75<body class="bg-white text-gray-800">76 <div class="song-card">77<div class="p-6 card-content">78 <div class="flex justify-between items-start mb-4">79 <div class="flex flex-col gap-1 relative">80 <div class="lables">81 <span class="bg-purple-100 text-purple-800 text-xs font-semibold px-2.5 py-0.5 rounded">Авторская</span>82 </div>83 84 <a href="track/song-pozdravlenie-nikite-ot-mamyi-m8154220925" target="_blank">85 <h3 class="text-xl font-bold mt-2">86 Поздравление Никите от мамы </h3></a>87 <div class="text-[90%]"><!--noindex-->Длина<!--/noindex--> песни: 5 минут 52 секунды</div>88 <div class="text-[80%] underline hover:no-underline font-normal">89 Подойдет для: Никита, Никитка </div>90<a class="text-[80%]" href="/manager/?a=resource/update&id=323" target="_blank">[Редактировать песню]</a>91 </div>92 <div class="cover-wrapper flex-shrink-0 bg-gray-200 border-2 border-dashed rounded-xl w-16 h-16">93 <img src="/assets/components/phpthumbof/cache/image-large-f8bcf317-eeaf-41e6-8860-89b3d79e9d58.830344eac800729a5ad2ec463fd53d84.jpg" data-src="/assets/components/phpthumbof/cache/image-large-f8bcf317-eeaf-41e6-8860-89b3d79e9d58.830344eac800729a5ad2ec463fd53d84.jpg" class=" ls-is-cached lazyloaded" alt="Поздравление: Поздравление Никите от мамы">94 </div>95 </div>96 97 <div class="audio-player mb-2" data-src="/upload/mp3/song-pozdravlenie-nikityi-ot-mamyi-m8154220925/vk/323_bc6dc48b743dc5d013b1abaebd2faed2_vk.mp3">98 <div class="flex items-center justify-between px-4 py-3">99 <button class="play-btn text-purple-600 hover:text-purple-800">100 <i class="fas fa-play-circle text-2xl"></i>101 </button>102 <div class="flex-1 mx-4 relative">103 <div class="progress-bar">104 <div class="progress" style="width: 0%"></div>105 <div class="crop-size text-[60%]">Песня целиком</div>106 </div>107 </div>108 <span class="text-sm text-gray-500">109 5:52 </span>110 </div>111 </div>112 <div class="panel flex justify-between items-center hovered-element">113 <span class="text-2xl font-bold text-purple-600"></span>114 <div class="flex gap-2">115 <a href="/order" class="border border-purple-500 text-purple-500 hover:bg-purple-50 font-bold py-2 px-6 rounded-full flex items-center transition-colors">116 <i class="fas fa-shopping-cart mr-2"></i>Заказать подобную117 </a>118 <button data-song-id="323" class="bg-gradient-to-r buy-button from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 text-white font-bold py-2 px-6 rounded-full flex items-center">119 <i class="fas fa-info-circle mr-2"></i>Детали120 </button>121 </div>122 </div>123</div>124</div>125</body>126</body>127</html>