Hugging Face's logo

Spaces:
Eckhardt12
/
pixelperfect-persuaders
Running

App Files Community
Eckhardt12 commited on
Commit
7a51bfb
·
verified ·
1 Parent(s): dd4c8d2

ohne header und ohne footer, template für elementor

Browse files
Files changed (2) hide show
  1. elementor-template.html +118 -0
  2. index.html +2 -1
elementor-template.html ADDED
@@ -0,0 +1,118 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="de">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Elementor Template</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <style>
10
+ .feature-card:hover {
11
+ transform: translateY(-5px);
12
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
13
+ }
14
+ </style>
15
+ </head>
16
+ <body class="font-sans antialiased text-gray-800">
17
+
18
+ <!-- Hero Section -->
19
+ <section class="bg-gradient-to-r from-blue-600 to-blue-800 text-white py-20">
20
+ <div class="container mx-auto px-6 text-center">
21
+ <h1 class="text-4xl md:text-5xl font-bold mb-6">[[ÜBERSCHRIFT_EINFÜGEN]]</h1>
22
+ <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">[[UNTERÜBERSCHRIFT_EINFÜGEN]]</p>
23
+ <a href="#" class="bg-white text-blue-600 font-bold px-8 py-4 rounded-full hover:bg-gray-100 transition inline-block">[[CTA_TEXT]]</a>
24
+ </div>
25
+ </section>
26
+
27
+ <!-- Features Section -->
28
+ <section class="py-16 bg-white">
29
+ <div class="container mx-auto px-6">
30
+ <h2 class="text-3xl font-bold text-center mb-12">[[FEATURES_ÜBERSCHRIFT]]</h2>
31
+ <div class="grid md:grid-cols-3 gap-8">
32
+ <div class="feature-card bg-white p-8 rounded-xl shadow-lg border border-gray-100 transition duration-300">
33
+ <div class="text-blue-500 mb-4">
34
+ <i data-feather="[[ICON_1]]" class="w-10 h-10"></i>
35
+ </div>
36
+ <h3 class="text-xl font-bold mb-3">[[FEATURE_1_TITEL]]</h3>
37
+ <p class="text-gray-600">[[FEATURE_1_BESCHREIBUNG]]</p>
38
+ </div>
39
+ <div class="feature-card bg-white p-8 rounded-xl shadow-lg border border-gray-100 transition duration-300">
40
+ <div class="text-blue-500 mb-4">
41
+ <i data-feather="[[ICON_2]]" class="w-10 h-10"></i>
42
+ </div>
43
+ <h3 class="text-xl font-bold mb-3">[[FEATURE_2_TITEL]]</h3>
44
+ <p class="text-gray-600">[[FEATURE_2_BESCHREIBUNG]]</p>
45
+ </div>
46
+ <div class="feature-card bg-white p-8 rounded-xl shadow-lg border border-gray-100 transition duration-300">
47
+ <div class="text-blue-500 mb-4">
48
+ <i data-feather="[[ICON_3]]" class="w-10 h-10"></i>
49
+ </div>
50
+ <h3 class="text-xl font-bold mb-3">[[FEATURE_3_TITEL]]</h3>
51
+ <p class="text-gray-600">[[FEATURE_3_BESCHREIBUNG]]</p>
52
+ </div>
53
+ </div>
54
+ </div>
55
+ </section>
56
+
57
+ <!-- Content Section -->
58
+ <section class="py-16 bg-gray-50">
59
+ <div class="container mx-auto px-6">
60
+ <div class="flex flex-col md:flex-row items-center gap-12">
61
+ <div class="md:w-1/2">
62
+ <h2 class="text-3xl font-bold mb-6">[[INHALT_TITEL]]</h2>
63
+ <p class="text-gray-600 mb-6">[[INHALT_TEXT_1]]</p>
64
+ <p class="text-gray-600 mb-6">[[INHALT_TEXT_2]]</p>
65
+ <a href="#" class="bg-blue-600 text-white font-bold px-6 py-3 rounded-lg hover:bg-blue-700 transition inline-block">[[INHALT_CTA]]</a>
66
+ </div>
67
+ <div class="md:w-1/2">
68
+ <img src="http://static.photos/technology/640x360" alt="[[BILD_ALT]]" class="rounded-lg shadow-lg w-full h-auto">
69
+ </div>
70
+ </div>
71
+ </div>
72
+ </section>
73
+
74
+ <!-- Testimonials Section -->
75
+ <section class="py-16 bg-white">
76
+ <div class="container mx-auto px-6">
77
+ <h2 class="text-3xl font-bold text-center mb-12">[[TESTIMONIALS_TITEL]]</h2>
78
+ <div class="grid md:grid-cols-2 gap-8">
79
+ <div class="bg-gray-50 p-8 rounded-lg">
80
+ <div class="flex items-center mb-4">
81
+ <img src="http://static.photos/people/200x200" alt="[[KUNDE_1]]" class="w-12 h-12 rounded-full mr-4">
82
+ <div>
83
+ <h4 class="font-bold">[[KUNDE_1]]</h4>
84
+ <p class="text-gray-500 text-sm">[[POSITION_1]]</p>
85
+ </div>
86
+ </div>
87
+ <p class="text-gray-600 italic">"[[TESTIMONIAL_TEXT_1]]"</p>
88
+ </div>
89
+ <div class="bg-gray-50 p-8 rounded-lg">
90
+ <div class="flex items-center mb-4">
91
+ <img src="http://static.photos/people/200x200/2" alt="[[KUNDE_2]]" class="w-12 h-12 rounded-full mr-4">
92
+ <div>
93
+ <h4 class="font-bold">[[KUNDE_2]]</h4>
94
+ <p class="text-gray-500 text-sm">[[POSITION_2]]</p>
95
+ </div>
96
+ </div>
97
+ <p class="text-gray-600 italic">"[[TESTIMONIAL_TEXT_2]]"</p>
98
+ </div>
99
+ </div>
100
+ </div>
101
+ </section>
102
+
103
+ <!-- CTA Section -->
104
+ <section class="py-16 bg-blue-600 text-white">
105
+ <div class="container mx-auto px-6 text-center">
106
+ <div class="max-w-2xl mx-auto">
107
+ <h2 class="text-3xl font-bold mb-6">[[CTA_TITEL]]</h2>
108
+ <p class="text-xl mb-8">[[CTA_TEXT]]</p>
109
+ <a href="#" class="bg-white text-blue-600 font-bold px-8 py-4 rounded-full hover:bg-gray-100 transition inline-block">[[CTA_BUTTON_TEXT]]</a>
110
+ </div>
111
+ </div>
112
+ </section>
113
+
114
+ <script>
115
+ feather.replace();
116
+ </script>
117
+ </body>
118
+ </html>
index.html CHANGED
@@ -37,9 +37,10 @@
37
  <div class="hidden md:flex items-center space-x-8">
38
  <a href="#services" class="text-gray-600 hover:text-blue-600 transition">Leistungen</a>
39
  <a href="#about" class="text-gray-600 hover:text-blue-600 transition">Über uns</a>
 
40
  <a href="#contact" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">Kontakt</a>
41
  </div>
42
- <button class="md:hidden focus:outline-none">
43
  <i data-feather="menu" class="w-6 h-6"></i>
44
  </button>
45
  </div>
 
37
  <div class="hidden md:flex items-center space-x-8">
38
  <a href="#services" class="text-gray-600 hover:text-blue-600 transition">Leistungen</a>
39
  <a href="#about" class="text-gray-600 hover:text-blue-600 transition">Über uns</a>
40
+ <a href="elementor-template.html" class="text-gray-600 hover:text-blue-600 transition">Templates</a>
41
  <a href="#contact" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">Kontakt</a>
42
  </div>
43
+ <button class="md:hidden focus:outline-none">
44
  <i data-feather="menu" class="w-6 h-6"></i>
45
  </button>
46
  </div>