Hugging Face's logo

Spaces:
RedVisionMusic
/
cosmic-brand-blastoff
Running

App Files Community
RedVisionMusic commited on
Commit
9bb5646
·
verified ·
1 Parent(s): ec0c47e

lets create https://lovable.dev/projects/530a5e02-ed78-4b07-aea9-ef8883ee33ea

Browse files
Files changed (2) hide show
  1. about.html +81 -0
  2. index.html +2 -2
about.html ADDED
@@ -0,0 +1,81 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>About | DigitalElevate</title>
7
+ <link rel="stylesheet" href="style.css">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <script>
11
+ tailwind.config = {
12
+ theme: {
13
+ extend: {
14
+ colors: {
15
+ primary: '#ef4444', // red-500
16
+ }
17
+ }
18
+ }
19
+ }
20
+ </script>
21
+ </head>
22
+ <body class="bg-gray-50">
23
+ <custom-navbar></custom-navbar>
24
+ <main class="container mx-auto px-4 py-20">
25
+ <div class="flex flex-col lg:flex-row gap-12 items-center">
26
+ <div class="lg:w-1/2">
27
+ <img src="http://static.photos/office/1024x576/42" alt="Our Team" class="rounded-xl shadow-xl w-full">
28
+ </div>
29
+ <div class="lg:w-1/2">
30
+ <h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-8">We Are <span class="text-primary">DigitalElevate</span></h1>
31
+ <div class="prose max-w-none text-gray-600 mb-8">
32
+ <p class="text-lg mb-4">Founded in 2023, DigitalElevate is a full-service digital agency specializing in web development, digital marketing, and creative production.</p>
33
+ <p class="text-lg mb-4">Our team of passionate professionals works collaboratively to deliver exceptional results for clients across various industries.</p>
34
+ <p class="text-lg">We believe in building long-term relationships with our clients through transparent communication, innovative solutions, and measurable results.</p>
35
+ </div>
36
+ <a href="#" class="inline-block bg-primary hover:bg-red-600 text-white px-8 py-3 rounded-lg font-medium transition duration-300">Meet Our Team</a>
37
+ </div>
38
+ </div>
39
+
40
+ <section class="py-20">
41
+ <div class="text-center mb-16">
42
+ <h2 class="text-3xl font-bold mb-4">Our <span class="text-primary">Values</span></h2>
43
+ <p class="text-gray-600 max-w-2xl mx-auto">The principles that guide everything we do</p>
44
+ </div>
45
+
46
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
47
+ <div class="bg-white p-8 rounded-xl shadow-lg">
48
+ <div class="w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mb-6 mx-auto">
49
+ <i data-feather="heart" class="text-primary w-8 h-8"></i>
50
+ </div>
51
+ <h3 class="text-xl font-bold mb-3 text-center">Passion</h3>
52
+ <p class="text-gray-600 text-center">We love what we do and it shows in the quality of our work.</p>
53
+ </div>
54
+
55
+ <div class="bg-white p-8 rounded-xl shadow-lg">
56
+ <div class="w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mb-6 mx-auto">
57
+ <i data-feather="zap" class="text-primary w-8 h-8"></i>
58
+ </div>
59
+ <h3 class="text-xl font-bold mb-3 text-center">Innovation</h3>
60
+ <p class="text-gray-600 text-center">We constantly explore new technologies and creative approaches.</p>
61
+ </div>
62
+
63
+ <div class="bg-white p-8 rounded-xl shadow-lg">
64
+ <div class="w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mb-6 mx-auto">
65
+ <i data-feather="users" class="text-primary w-8 h-8"></i>
66
+ </div>
67
+ <h3 class="text-xl font-bold mb-3 text-center">Collaboration</h3>
68
+ <p class="text-gray-600 text-center">We work closely with clients to achieve shared success.</p>
69
+ </div>
70
+ </div>
71
+ </section>
72
+ </main>
73
+
74
+ <custom-footer></custom-footer>
75
+
76
+ <script src="components/navbar.js"></script>
77
+ <script src="components/footer.js"></script>
78
+ <script src="script.js"></script>
79
+ <script>feather.replace();</script>
80
+ </body>
81
+ </html>
index.html CHANGED
@@ -29,9 +29,9 @@
29
  <h1 class="text-4xl md:text-6xl font-bold text-gray-900 mb-6">Elevate Your Digital <span class="text-primary">Presence</span></h1>
30
  <p class="text-xl text-gray-600 mb-8">We craft beautiful, functional digital experiences that connect with your audience and drive results.</p>
31
  <div class="flex space-x-4">
32
- <a href="#" class="bg-primary hover:bg-red-600 text-white px-8 py-3 rounded-lg font-medium transition duration-300">Get Started</a>
33
  <a href="#" class="border-2 border-primary text-primary hover:bg-red-50 px-8 py-3 rounded-lg font-medium transition duration-300">View Portfolio</a>
34
- </div>
35
  </div>
36
  <div class="md:w-1/2">
37
  <img src="http://static.photos/technology/1024x576/42" alt="Digital Experience" class="rounded-xl shadow-2xl floating">
 
29
  <h1 class="text-4xl md:text-6xl font-bold text-gray-900 mb-6">Elevate Your Digital <span class="text-primary">Presence</span></h1>
30
  <p class="text-xl text-gray-600 mb-8">We craft beautiful, functional digital experiences that connect with your audience and drive results.</p>
31
  <div class="flex space-x-4">
32
+ <a href="/about.html" class="bg-primary hover:bg-red-600 text-white px-8 py-3 rounded-lg font-medium transition duration-300">About Us</a>
33
  <a href="#" class="border-2 border-primary text-primary hover:bg-red-50 px-8 py-3 rounded-lg font-medium transition duration-300">View Portfolio</a>
34
+ </div>
35
  </div>
36
  <div class="md:w-1/2">
37
  <img src="http://static.photos/technology/1024x576/42" alt="Digital Experience" class="rounded-xl shadow-2xl floating">