timoon811 commited on
Commit
e7e6bbd
·
verified ·
1 Parent(s): e8937ab

добавь перед этим хедом блок для видео инструкции

Browse files
Files changed (1) hide show
  1. index.html +18 -2
index.html CHANGED
@@ -62,13 +62,29 @@
62
  </div>
63
  </div>
64
  </section>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
65
 
66
  <!-- Testimonials -->
67
  <section class="mb-16">
68
- <h2 class="text-3xl font-bold mb-8 text-center bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-pink-400">
69
  Winning Testimonials
70
  </h2>
71
- <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
72
  <div class="bg-gray-800/50 border border-gray-700 rounded-2xl p-6 hover:border-cyan-400/50 transition-all">
73
  <div class="flex items-center mb-4">
74
  <img src="http://static.photos/people/200x200/1" alt="User" class="w-12 h-12 rounded-full border-2 border-cyan-400">
 
62
  </div>
63
  </div>
64
  </section>
65
+ <!-- Video Tutorial -->
66
+ <section class="mb-16">
67
+ <div class="bg-gray-800/50 backdrop-blur-lg border border-gray-700 rounded-2xl p-8 shadow-xl">
68
+ <h2 class="text-3xl font-bold mb-6 text-center bg-clip-text text-transparent bg-gradient-to-r from-yellow-400 to-orange-400">
69
+ How It Works
70
+ </h2>
71
+ <div class="aspect-w-16 aspect-h-9 bg-black rounded-xl overflow-hidden">
72
+ <iframe class="w-full h-96" src="https://www.youtube.com/embed/dQw4w9WgXcQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
73
+ </div>
74
+ <div class="mt-6 text-center">
75
+ <a href="#" class="inline-block px-6 py-3 bg-gradient-to-r from-yellow-500 to-orange-500 rounded-lg font-bold hover:from-yellow-600 hover:to-orange-600 transition-all">
76
+ <i data-feather="play-circle" class="inline mr-2"></i> Watch More Tutorials
77
+ </a>
78
+ </div>
79
+ </div>
80
+ </section>
81
 
82
  <!-- Testimonials -->
83
  <section class="mb-16">
84
+ <h2 class="text-3xl font-bold mb-8 text-center bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-pink-400 hovered-element">
85
  Winning Testimonials
86
  </h2>
87
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
88
  <div class="bg-gray-800/50 border border-gray-700 rounded-2xl p-6 hover:border-cyan-400/50 transition-all">
89
  <div class="flex items-center mb-4">
90
  <img src="http://static.photos/people/200x200/1" alt="User" class="w-12 h-12 rounded-full border-2 border-cyan-400">