Hugging Face's logo

Spaces:
Cybele
/
snrv
Running

App Files Community
Cybele commited on
Commit
bae446f
·
verified ·
1 Parent(s): 08a5d18

make every tekst etc in dutch - Follow Up Deployment

Browse files
Files changed (2) hide show
  1. index.html +20 -20
  2. prompts.txt +2 -1
index.html CHANGED
@@ -3,7 +3,7 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>ValorVets Foundation - Supporting Our Veterans</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
  <style>
@@ -70,11 +70,11 @@
70
  <!-- Hero Section -->
71
  <section id="home" class="hero-pattern text-white py-20 md:py-32">
72
  <div class="container mx-auto px-4 text-center">
73
- <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-6">Honoring <span class="text-red-400">Heroes</span>, Building <span class="text-red-400">Futures</span></h1>
74
- <p class="text-xl md:text-2xl mb-10 max-w-3xl mx-auto">Providing comprehensive support to veterans through housing, healthcare, education, and career services.</p>
75
  <div class="flex flex-col sm:flex-row justify-center gap-4">
76
- <a href="#donate" class="bg-red-600 hover:bg-red-700 text-white font-bold py-3 px-8 rounded-lg transition duration-300 transform hover:scale-105 text-lg">Support Our Veterans</a>
77
- <a href="#programs" class="bg-white hover:bg-gray-100 text-gray-800 font-bold py-3 px-8 rounded-lg transition duration-300 transform hover:scale-105 text-lg">Learn More</a>
78
  </div>
79
  </div>
80
  </section>
@@ -82,23 +82,23 @@
82
  <!-- Impact Numbers -->
83
  <section class="bg-gray-100 py-12">
84
  <div class="container mx-auto px-4">
85
- <h2 class="text-3xl font-bold text-center mb-12">Our Impact in 2023</h2>
86
  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
87
  <div class="counter-box bg-white p-8 rounded-lg shadow-md text-center">
88
  <div class="text-red-600 text-5xl font-bold mb-3" data-target="2500">0</div>
89
- <div class="text-gray-600">Veterans Housed</div>
90
  </div>
91
  <div class="counter-box bg-white p-8 rounded-lg shadow-md text-center">
92
  <div class="text-red-600 text-5xl font-bold mb-3" data-target="3800">0</div>
93
- <div class="text-gray-600">Jobs Secured</div>
94
  </div>
95
  <div class="counter-box bg-white p-8 rounded-lg shadow-md text-center">
96
  <div class="text-red-600 text-5xl font-bold mb-3" data-target="970">0</div>
97
- <div class="text-gray-600">Mental Health Services</div>
98
  </div>
99
  <div class="counter-box bg-white p-8 rounded-lg shadow-md text-center">
100
  <div class="text-red-600 text-5xl font-bold mb-3" data-target="1200">0</div>
101
- <div class="text-gray-600">Scholarships Awarded</div>
102
  </div>
103
  </div>
104
  </div>
@@ -109,27 +109,27 @@
109
  <div class="container mx-auto px-4">
110
  <div class="flex flex-col lg:flex-row items-center gap-12">
111
  <div class="lg:w-1/2">
112
- <h2 class="text-3xl font-bold mb-6">Our Mission</h2>
113
- <p class="text-lg mb-6 leading-relaxed">The ValorVets Foundation was established in 2010 with one simple goal: to ensure that every veteran who has served our country has access to the resources they need to thrive in civilian life.</p>
114
- <p class="text-lg mb-8 leading-relaxed">We believe that serving those who have served is not just a gratitude but a responsibility. Our comprehensive programs address the four pillars of veteran support: housing, healthcare, employment, and education.</p>
115
  <div class="space-y-4">
116
  <div class="flex items-start">
117
  <div class="flex-shrink-0 mt-1">
118
  <i class="fas fa-check-circle text-red-600"></i>
119
  </div>
120
- <p class="ml-3 text-gray-700">501(c)(3) non-profit organization</p>
121
  </div>
122
  <div class="flex items-start">
123
  <div class="flex-shrink-0 mt-1">
124
  <i class="fas fa-check-circle text-red-600"></i>
125
  </div>
126
- <p class="ml-3 text-gray-700">92% of donations go directly to programs</p>
127
  </div>
128
  <div class="flex items-start">
129
  <div class="flex-shrink-0 mt-1">
130
  <i class="fas fa-check-circle text-red-600"></i>
131
  </div>
132
- <p class="ml-3 text-gray-700">4-star Charity Navigator rating</p>
133
  </div>
134
  </div>
135
  </div>
@@ -138,8 +138,8 @@
138
  <img src="https://images.unsplash.com/photo-1501871731194-41998a9232f1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Veterans group" class="w-full h-auto">
139
  <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-70"></div>
140
  <div class="absolute bottom-0 left-0 p-6 text-white">
141
- <h3 class="text-xl font-bold mb-2">"ValorVets changed my life after service"</h3>
142
- <p>- Mike K., U.S. Marine Corps</p>
143
  </div>
144
  </div>
145
  </div>
@@ -150,8 +150,8 @@
150
  <!-- Programs Section -->
151
  <section id="programs" class="py-16 bg-gray-100">
152
  <div class="container mx-auto px-4">
153
- <h2 class="text-3xl font-bold text-center mb###4">Our Programs</h2>
154
- <p class="text-lg text-center text-gray-600 max-w-3xl mx-auto mb-12">We offer comprehensive programs designed to address the diverse needs of our veterans community.</p>
155
 
156
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
157
  <!-- Program Card 1 -->
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>ValorVets Foundation - Ondersteuning voor Veteranen</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
  <style>
 
70
  <!-- Hero Section -->
71
  <section id="home" class="hero-pattern text-white py-20 md:py-32">
72
  <div class="container mx-auto px-4 text-center">
73
+ <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-6">Eren van <span class="text-red-400">Helden</span>, Bouwen aan <span class="text-red-400">Toekomsten</span></h1>
74
+ <p class="text-xl md:text-2xl mb-10 max-w-3xl mx-auto">Uitgebreide ondersteuning voor veteranen via huisvesting, gezondheidszorg, onderwijs en loopbaanbegeleiding.</p>
75
  <div class="flex flex-col sm:flex-row justify-center gap-4">
76
+ <a href="#donate" class="bg-red-600 hover:bg-red-700 text-white font-bold py-3 px-8 rounded-lg transition duration-300 transform hover:scale-105 text-lg">Steun Onze Veteranen</a>
77
+ <a href="#programs" class="bg-white hover:bg-gray-100 text-gray-800 font-bold py-3 px-8 rounded-lg transition duration-300 transform hover:scale-105 text-lg">Meer Informatie</a>
78
  </div>
79
  </div>
80
  </section>
 
82
  <!-- Impact Numbers -->
83
  <section class="bg-gray-100 py-12">
84
  <div class="container mx-auto px-4">
85
+ <h2 class="text-3xl font-bold text-center mb-12">Onze Impact in 2023</h2>
86
  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
87
  <div class="counter-box bg-white p-8 rounded-lg shadow-md text-center">
88
  <div class="text-red-600 text-5xl font-bold mb-3" data-target="2500">0</div>
89
+ <div class="text-gray-600">Veteranen Gehuisvest</div>
90
  </div>
91
  <div class="counter-box bg-white p-8 rounded-lg shadow-md text-center">
92
  <div class="text-red-600 text-5xl font-bold mb-3" data-target="3800">0</div>
93
+ <div class="text-gray-600">Banen Gerealiseerd</div>
94
  </div>
95
  <div class="counter-box bg-white p-8 rounded-lg shadow-md text-center">
96
  <div class="text-red-600 text-5xl font-bold mb-3" data-target="970">0</div>
97
+ <div class="text-gray-600">Geestelijke Gezondheidszorg</div>
98
  </div>
99
  <div class="counter-box bg-white p-8 rounded-lg shadow-md text-center">
100
  <div class="text-red-600 text-5xl font-bold mb-3" data-target="1200">0</div>
101
+ <div class="text-gray-600">Beurzen Toegekend</div>
102
  </div>
103
  </div>
104
  </div>
 
109
  <div class="container mx-auto px-4">
110
  <div class="flex flex-col lg:flex-row items-center gap-12">
111
  <div class="lg:w-1/2">
112
+ <h2 class="text-3xl font-bold mb-6">Onze Missie</h2>
113
+ <p class="text-lg mb-6 leading-relaxed">De ValorVets Foundation werd in 2010 opgericht met één eenvoudig doel: ervoor zorgen dat elke veteraan die ons land heeft gediend, toegang heeft tot de middelen die nodig zijn om te gedijen in het burgerleven.</p>
114
+ <p class="text-lg mb-8 leading-relaxed">Wij geloven dat het ondersteunen van hen die hebben gediend niet alleen een dankbaarheid is, maar ook een verantwoordelijkheid. Onze uitgebreide programma's richten zich op de vier pijlers van veteranenondersteuning: huisvesting, gezondheidszorg, werkgelegenheid en onderwijs.</p>
115
  <div class="space-y-4">
116
  <div class="flex items-start">
117
  <div class="flex-shrink-0 mt-1">
118
  <i class="fas fa-check-circle text-red-600"></i>
119
  </div>
120
+ <p class="ml-3 text-gray-700">Non-profit organisatie (ANBI)</p>
121
  </div>
122
  <div class="flex items-start">
123
  <div class="flex-shrink-0 mt-1">
124
  <i class="fas fa-check-circle text-red-600"></i>
125
  </div>
126
+ <p class="ml-3 text-gray-700">92% van donaties gaat direct naar programma's</p>
127
  </div>
128
  <div class="flex items-start">
129
  <div class="flex-shrink-0 mt-1">
130
  <i class="fas fa-check-circle text-red-600"></i>
131
  </div>
132
+ <p class="ml-3 text-gray-700">4-sterren beoordeling door CBF</p>
133
  </div>
134
  </div>
135
  </div>
 
138
  <img src="https://images.unsplash.com/photo-1501871731194-41998a9232f1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Veterans group" class="w-full h-auto">
139
  <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-70"></div>
140
  <div class="absolute bottom-0 left-0 p-6 text-white">
141
+ <h3 class="text-xl font-bold mb-2">"ValorVets heeft mijn leven na dienst veranderd"</h3>
142
+ <p>- Mike K., Koninklijke Marine</p>
143
  </div>
144
  </div>
145
  </div>
 
150
  <!-- Programs Section -->
151
  <section id="programs" class="py-16 bg-gray-100">
152
  <div class="container mx-auto px-4">
153
+ <h2 class="text-3xl font-bold text-center mb###4">Onze Programma's</h2>
154
+ <p class="text-lg text-center text-gray-600 max-w-3xl mx-auto mb-12">We bieden uitgebreide programma's die zijn ontworpen om te voorzien in de diverse behoeften van onze veteranengemeenschap.</p>
155
 
156
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
157
  <!-- Program Card 1 -->
prompts.txt CHANGED
@@ -1 +1,2 @@
1
- make a foundation website for veterans
 
 
1
+ make a foundation website for veterans
2
+ make every tekst etc in dutch