Hugging Face's logo

Spaces:
IndextDataLab
/
README
No application file

App Files Community
mmm commited on
Commit
b6a8533
·
verified ·
1 Parent(s): 43e5626

Create index.html

Browse files
Files changed (1) hide show
  1. index.html +173 -0
index.html ADDED
@@ -0,0 +1,173 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>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 {
16
+ font-family: 'Roboto', sans-serif;
17
+ line-height: 1.6;
18
+ color: var(--text-color);
19
+ margin: 0;
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
+
172
+ </body>
173
+ </html>