Hugging Face's logo

Spaces:
IndextDataLab
/
README
No application file

App Files Community
mmm commited on
Commit
541dd8e
·
verified ·
1 Parent(s): 2628f00

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +143 -100
index.html CHANGED
@@ -3,13 +3,13 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Indext Data Lab</title>
7
- <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Roboto:wght@300;400&display=swap" rel="stylesheet">
8
  <style>
9
  :root {
10
  --text-color: #1a1a1a;
11
- --blue-accent: #6dd5ed;
12
- --salmon-accent: #ff99ac;
13
  }
14
 
15
  body {
@@ -20,152 +20,195 @@
20
  padding: 0;
21
  display: flex;
22
  justify-content: center;
23
- min-height: 100vh;
24
- /* The Indext Data Lab Gradient */
25
- background: linear-gradient(135deg, #a1c4fd 0%, #ff9a9e 100%);
26
- background-attachment: fixed; /* Keeps gradient distinct while scrolling */
27
  }
28
 
29
  .container {
30
- max-width: 800px;
31
  width: 100%;
32
- padding: 4rem 3rem;
33
- background: rgba(255, 255, 255, 0.92); /* Clean white glass effect */
34
  min-height: 100vh;
35
- box-shadow: 0 0 50px rgba(0,0,0,0.05);
36
  }
37
 
38
- h1, h2 {
 
 
 
 
39
  font-family: 'Montserrat', sans-serif;
 
40
  font-weight: 600;
41
- letter-spacing: -0.03em;
42
- margin-top: 2rem;
43
- margin-bottom: 1rem;
44
- color: #111;
45
  }
46
 
47
  h1 {
48
- font-size: 2.5rem;
49
- margin-top: 0;
50
- /* Optional: Clips the gradient into the text for the main title */
51
- /* background: linear-gradient(45deg, #2193b0, #ff6b6b);
52
- -webkit-background-clip: text;
53
- -webkit-text-fill-color: transparent; */
54
  }
55
 
56
- p {
 
57
  font-weight: 300;
58
- font-size: 1.15rem;
59
- color: #444;
60
- margin-bottom: 1.5rem;
61
- max-width: 650px;
62
  }
63
 
64
- .project-grid {
65
  display: grid;
66
- grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
67
- gap: 1.5rem;
68
- margin-top: 4rem;
69
  }
70
 
71
- .project-card {
72
- border: 1px solid #f0f0f0;
73
- background: #fff;
74
- padding: 1.5rem;
75
- display: block;
76
- text-decoration: none;
77
- color: inherit;
78
- transition: all 0.2s ease;
79
- border-radius: 4px;
80
  }
81
 
82
- .project-card:hover {
83
- transform: translateY(-2px);
84
- box-shadow: 0 10px 20px rgba(0,0,0,0.05);
85
- border-color: var(--blue-accent);
86
  }
87
-
88
- /* Subtle variation for the second card to use the salmon color */
89
- .project-card:nth-child(2):hover {
90
- border-color: var(--salmon-accent);
 
 
 
 
 
 
 
 
 
 
91
  }
92
 
93
- .project-title {
94
  font-family: 'Montserrat', sans-serif;
95
- font-weight: 600;
96
  font-size: 1.1rem;
97
- display: block;
98
  margin-bottom: 0.5rem;
99
  }
100
 
101
- .tag {
102
- background: #f7f7f7;
103
- padding: 0.25rem 0.5rem;
104
- font-size: 0.7rem;
105
- text-transform: uppercase;
106
- letter-spacing: 0.05em;
107
- border-radius: 2px;
108
- font-family: 'Montserrat', sans-serif;
109
  color: #666;
110
- margin-bottom: 0.75rem;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
111
  display: inline-block;
 
 
 
 
 
 
 
 
 
 
 
 
112
  }
113
 
114
  .footer {
115
- margin-top: 6rem;
116
- padding-top: 2rem;
117
- border-top: 1px solid #eee;
118
- font-size: 0.85rem;
119
- color: #999;
 
 
 
 
120
  }
121
  </style>
122
  </head>
123
  <body>
124
 
125
  <div class="container">
 
 
126
  <header>
127
  <h1>Indext Data Lab</h1>
128
- <p>
129
- Specialized AI/ML architecture and MLOps. We build transparent, scalable infrastructure for data-intensive applications.
130
- </p>
131
- <p>
132
- No black boxes. Just engineered stability for founders.
133
- </p>
134
  </header>
135
 
 
 
 
 
 
 
 
136
  <section>
137
- <div class="project-grid">
138
-
139
- <a href="#" class="project-card">
140
- <span class="tag">Analytics</span>
141
- <span class="project-title">SiftScore</span>
142
- <p style="font-size: 0.95rem; color: #666;">
143
- Automated scoring infrastructure for high-volume data inputs.
144
- </p>
145
- </a>
146
-
147
- <a href="#" class="project-card">
148
- <span class="tag">Predictive</span>
149
- <span class="project-title">Nostrada</span>
150
- <p style="font-size: 0.95rem; color: #666;">
151
- Forecasting models deployed with rigorous version control.
152
- </p>
153
- </a>
154
-
155
- <a href="#" class="project-card">
156
- <span class="tag">Agentic AI</span>
157
- <span class="project-title">Sakercanine</span>
158
- <p style="font-size: 0.95rem; color: #666;">
159
- Custom agent bot solutions for complex workflow automation.
160
- </p>
161
- </a>
162
 
 
 
 
 
 
163
  </div>
164
- </section>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
165
 
166
  <div class="footer">
167
- <p>© 2026 Indext Data Lab. <br>
168
- <a href="https://indext.io" style="text-decoration: underline; color: inherit;">Visit indext.io</a> for the Delivery Protocol.</p>
169
  </div>
170
  </div>
171
 
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Indext Data Lab | AI/ML & MLOps</title>
7
+ <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Roboto:wght@300;400&display=swap" rel="stylesheet">
8
  <style>
9
  :root {
10
  --text-color: #1a1a1a;
11
+ --accent-blue: #a1c4fd;
12
+ --accent-salmon: #ff9a9e;
13
  }
14
 
15
  body {
 
20
  padding: 0;
21
  display: flex;
22
  justify-content: center;
23
+ background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-salmon) 100%);
24
+ background-attachment: fixed;
 
 
25
  }
26
 
27
  .container {
28
+ max-width: 900px;
29
  width: 100%;
30
+ padding: 5rem 4rem;
31
+ background: rgba(255, 255, 255, 0.96);
32
  min-height: 100vh;
33
+ box-shadow: 0 0 60px rgba(0,0,0,0.05);
34
  }
35
 
36
+ .badge {
37
+ display: inline-block;
38
+ background: #000;
39
+ color: #fff;
40
+ padding: 0.4rem 0.8rem;
41
  font-family: 'Montserrat', sans-serif;
42
+ font-size: 0.75rem;
43
  font-weight: 600;
44
+ text-transform: uppercase;
45
+ letter-spacing: 0.1em;
46
+ margin-bottom: 1.5rem;
 
47
  }
48
 
49
  h1 {
50
+ font-family: 'Montserrat', sans-serif;
51
+ font-weight: 700;
52
+ font-size: 3rem;
53
+ margin: 0 0 1rem 0;
54
+ letter-spacing: -0.04em;
 
55
  }
56
 
57
+ .tagline {
58
+ font-size: 1.4rem;
59
  font-weight: 300;
60
+ color: #555;
61
+ margin-bottom: 3rem;
62
+ border-left: 3px solid var(--accent-blue);
63
+ padding-left: 1.5rem;
64
  }
65
 
66
+ .highlight-grid {
67
  display: grid;
68
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
69
+ gap: 1rem;
70
+ margin-bottom: 4rem;
71
  }
72
 
73
+ .highlight-item {
74
+ font-family: 'Montserrat', sans-serif;
75
+ font-size: 0.85rem;
76
+ font-weight: 600;
77
+ color: #444;
78
+ display: flex;
79
+ align-items: center;
 
 
80
  }
81
 
82
+ .highlight-item::before {
83
+ content: "🔹";
84
+ margin-right: 8px;
 
85
  }
86
+
87
+ h2 {
88
+ font-family: 'Montserrat', sans-serif;
89
+ font-size: 1.5rem;
90
+ margin-top: 4rem;
91
+ border-bottom: 1px solid #eee;
92
+ padding-bottom: 0.5rem;
93
+ }
94
+
95
+ .service-grid {
96
+ display: grid;
97
+ grid-template-columns: 1fr 1fr;
98
+ gap: 2.5rem;
99
+ margin-top: 2rem;
100
  }
101
 
102
+ .service-item h3 {
103
  font-family: 'Montserrat', sans-serif;
 
104
  font-size: 1.1rem;
 
105
  margin-bottom: 0.5rem;
106
  }
107
 
108
+ .service-item p {
109
+ font-size: 0.95rem;
110
+ font-weight: 300;
 
 
 
 
 
111
  color: #666;
112
+ }
113
+
114
+ .cta-box {
115
+ margin-top: 5rem;
116
+ padding: 2.5rem;
117
+ background: #f9f9f9;
118
+ border-radius: 4px;
119
+ text-align: center;
120
+ }
121
+
122
+ .cta-box h3 {
123
+ font-family: 'Montserrat', sans-serif;
124
+ margin-top: 0;
125
+ }
126
+
127
+ .btn {
128
  display: inline-block;
129
+ background: #000;
130
+ color: #fff;
131
+ padding: 1rem 2rem;
132
+ text-decoration: none;
133
+ font-family: 'Montserrat', sans-serif;
134
+ font-weight: 600;
135
+ margin-top: 1rem;
136
+ transition: background 0.3s;
137
+ }
138
+
139
+ .btn:hover {
140
+ background: #333;
141
  }
142
 
143
  .footer {
144
+ margin-top: 5rem;
145
+ font-size: 0.8rem;
146
+ color: #aaa;
147
+ text-align: center;
148
+ }
149
+
150
+ @media (max-width: 600px) {
151
+ .service-grid { grid-template-columns: 1fr; }
152
+ .container { padding: 2rem; }
153
  }
154
  </style>
155
  </head>
156
  <body>
157
 
158
  <div class="container">
159
+ <div class="badge">Top 1% Upwork Agency</div>
160
+
161
  <header>
162
  <h1>Indext Data Lab</h1>
163
+ <div class="tagline">
164
+ Senior engineering team building AI/ML systems that ship to production—fast.
165
+ </div>
 
 
 
166
  </header>
167
 
168
+ <div class="highlight-grid">
169
+ <div class="highlight-item">AI Agents & Automation</div>
170
+ <div class="highlight-item">Cloud (DevOps/SRE/AWS)</div>
171
+ <div class="highlight-item">Data Intel (OSINT)</div>
172
+ <div class="highlight-item">Web3 Architecture</div>
173
+ </div>
174
+
175
  <section>
176
+ <p>
177
+ Building a product is easier than ever, but building one that lasts is the hardest it's ever been.
178
+ With 20+ years of experience, we provide the technical judgment that keeps your business running
179
+ without the crashes or the high costs.
180
+ </p>
181
+ </section>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
182
 
183
+ <h2>Our Expertise</h2>
184
+ <div class="service-grid">
185
+ <div class="service-item">
186
+ <h3>AI & Machine Learning</h3>
187
+ <p>Advanced NLP, RAG, and halluncination-free intelligence tools connecting LLMs to your private business data.</p>
188
  </div>
189
+ <div class="service-item">
190
+ <h3>Scalable Engineering</h3>
191
+ <p>SRE and DevOps practices on AWS. We move you from idea to a working MVP/PoC in ~60 days.</p>
192
+ </div>
193
+ <div class="service-item">
194
+ <h3>Data Engineering</h3>
195
+ <p>Robust ETL/ELT pipelines, web data extraction, and OSINT analysis for actionable competitive signals.</p>
196
+ </div>
197
+ <div class="service-item">
198
+ <h3>Risk-Aware Architecture</h3>
199
+ <p>Pragmatic Python and Web3 systems designed to solve trajectory problems before they become costly rebuilds.</p>
200
+ </div>
201
+ </div>
202
+
203
+ <div class="cta-box">
204
+ <h3>Ready to build?</h3>
205
+ <p>We build, we don't just experiment. Let’s propose a pragmatic plan for your success.</p>
206
+ <a href="https://indext.io" class="btn">View Delivery Protocol</a>
207
+ </div>
208
 
209
  <div class="footer">
210
+ 1M+ in Revenue | 435+ Completed Contracts | 25k+ Hours<br>
211
+ © 2026 Indext Data Lab. Built for production.
212
  </div>
213
  </div>
214