-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
385 lines (359 loc) · 24.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>AtonixCorp</title>
</head>
<body>
<!--Nav bar-->
<div class="container-fluid">
<div class="navbar navbar-expand-lg bg-body-tertiary">
<a href="#" class="navbar-brand">
<img src="img/logo.jpg" alt="logo" class="logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item"><a href="#home" class="nav-link">Home</a></li>
<li class="nav-item"><a href="#about" class="nav-link">About Us</a></li>
<li><a href="description.html">Services</a></li>
<li class="nav-item"><a href="#portfolio" class="nav-link">Projects/Portfolio</a></li>
<li class="nav-item"><a href="#blog" class="nav-link">Blog</a></li>
<li><a href="prometheusapm.html">PrometheusAPM</a></li>
<li class="nav-item"><a href="#contact" class="nav-link">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<section id="home" class="hero-section">
<img src="img/bgimg1.jpg" alt="bg-img" class="bg-img">
<div class="matrix-effect"></div>
<div class="hero-content text-left">
<h1>Empowering <br> Innovation <br> Through <br> Data Analytics</h1>
</div>
</section>
<div id="services" class="services text-center text-white py-4">
<h2>Our Services</h2>
</div>
<!--img slides-->
<div class="content">
<div class="wrapper">
<div class="card-active">
<div class="card-inner">
<div class="img-wrapper">
<img src="img/IOT.jpeg" alt="iot" class="img1">
<a href="IOt.html">
<h3>Internet Of Things</h3>
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-inner">
<div class="img-wrapper">
<img src="img/agriculture (2).jpg" alt="agri" class="img2">
<a href="agriculture.html">
<h3>Agriculture Technology</h3>
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-inner">
<div class="img-wrapper">
<img src="img/oiltech (2).jpg" alt="oil" class="img3">
<a href="OTR.html">
<h3>Oil Technology & Research</h3></a>
</div>
</div>
</div>
<div class="card">
<div class="card-inner">
<div class="img-wrapper">
<img src="img/AI&ML.jpeg" alt="ai" class="img4">
<a href="AI&ML.html">
<h3>Artificial Intelligence & Machine Learning</h3></a>
</div>
</div>
</div>
<div class="card">
<div class="card-inner">
<div class="img-wrapper">
<img src="img/media.jpg" alt="med" class="img1">
<a href="MET.html">
<h3>Media & Entertainment Technology</h3>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- About -->
<section id="about" class="py-5">
<div class="container">
<div class="row">
<div class="col-12">
<h2 class="abouth2 text-left">About Us</h2>
<p class="aboutp text-left">
<b>AtonixCorp: Empowering Innovation Through Data Analytics:</b><br>
<br>
<i>In today’s fast-paced technological landscape, AtonixCorp stands at the forefront of data analytics innovation. As a dynamic technology company, we are dedicated to harnessing the power of data to drive progress and transformation across diverse domains. Our passionate team of developers, security researchers, and software engineers collaborates seamlessly to deliver cutting-edge solutions that make a significant impact.</i>
<br>
<br>
<b>Revolutionizing IoT Solutions:</b> <br>
<br>
<i>At AtonixCorp, we are pioneers in leveraging the Internet of Things (IoT) to create intelligent, interconnected ecosystems. Our IoT solutions are designed to enhance efficiency and performance across various industries. From precision agriculture that boosts crop yield to industrial automation that streamlines operations, our technology facilitates seamless data exchange and actionable insights, driving significant advancements in how industries operate.
</i><br><br>
<br>
<b>
Transforming Agriculture with Innovative Technology:
</b><br><br>
<i>
Sustainability is at the core of our mission. Our agriculture technology solutions are engineered to support small farmers by optimizing irrigation, fertigation, and solar power systems. By enhancing crop yield and resource efficiency, we contribute to a more sustainable agricultural future, empowering farmers with the tools they need to thrive.
</i><br><br>
<b>
Advancing Oil Technology Research:
</b><br><br>
<i>
In the realm of oil and energy, AtonixCorp employs a data-driven approach to enhance operational efficiency and safety. Our research and analytics help oil companies streamline their processes, improve safety protocols, and maximize production output. Our commitment to advancing oil technology is underscored by our innovative methodologies and data-centric solutions.
</i><br><br>
<br>
<b>
Leading the Way in AI and Machine Learning:
</b><br><br>
<i>
Artificial Intelligence (AI) and Machine Learning (ML) are at the heart of our technological advancements. By unlocking patterns and predictions from complex datasets, we provide solutions that include predictive maintenance and personalized recommendations. Our AI-driven innovations are designed to address critical business needs and propel industries into the future.
</i><br><br>
<br>
<b>
Enhancing Media and Entertainment Experiences:
</b><br><br>
<i>
In the world of media and entertainment, AtonixCorp blends creativity with technology to deliver exceptional experiences. Our solutions enhance content delivery, providing immersive and personalized experiences that captivate audiences worldwide. From tailored recommendations to seamless content integration, we are committed to advancing the way people experience entertainment.
</i><br><br>
<br>
<b>
Impact Through Innovation:
</b><br><br>
<i>
At AtonixCorp, we are more than just a technology provider—we are catalysts for change. Our cloud-based AI platform, Prometheus APM, exemplifies our commitment to resolving critical issues and transforming businesses. By joining us on this journey, you become part of a forward-thinking movement dedicated to innovation and excellence.
</i>
<br><br>
<strong><p class="text-center"> Meet Our Team </p></strong> <br>
<p>
At AtonixCorp, our strength lies in the expertise and dedication of our team. Comprising skilled professionals from various fields, we bring a diverse set of capabilities to the table, ensuring that we deliver exceptional results across all our projects.
<br></p><strong><p>
Database Administration:
</strong>
<br></p><p>
Our team excels in managing and optimizing databases, ensuring data integrity, performance, and security. With expertise in SQL and Oracle database administration, we provide robust solutions that support our data-driven initiatives.
<br><strong><p>
Administrative Organization:
<br></p></strong><p>
We are adept at organizing and managing complex administrative tasks, facilitating smooth operations and ensuring that our projects are executed efficiently and effectively.
<br><strong><p>
Mobile Applications:
<br></p></strong><p>
Our developers are proficient in creating and maintaining mobile applications, delivering user-friendly and innovative solutions that enhance user experience and meet the demands of a mobile-first world.
<br><strong><p>
Office Administration:
<br></p></strong><p>
We manage office operations with precision, ensuring that all administrative functions are handled seamlessly, supporting the overall productivity and effectiveness of our team.
<br><strong><p>
Account Management:
<br></p></strong><p>
Our account management professionals are skilled at maintaining strong client relationships, understanding their needs, and providing tailored solutions that drive success and satisfaction.
<br>
</p>
<br><br>
<br><p class="text-center mb-4">
<b >
" Discover how AtonixCorp can empower your organization.
With a team that combines these diverse skills, AtonixCorp is well-equipped to tackle challenges and drive innovation in the technology landscape. Together, we work towards our mission of delivering exceptional data analytics and technology solutions.
Explore our offerings and join us as we continue to lead the charge in data analytics and technology.
At AtonixCorp, we are driven by a mission beyond mere service provision; we aim to make a significant impact. Our cloud-based AI platform, Prometheus APM, is designed to resolve critical issues and transform businesses. Join us on our journey of innovation!
" </b>
</p>
</div>
</div>
</div>
</section>
<!-- portfolio -->
<section id="portfolio">
<h2>Portfolio/Projects</h2>
<!-- Flip cards section -->
<div class="flip-card">
<div class="flip-card-front">
<div class="inner">
<div class="space1"></div>
<img src="img/logo.jpg" class="icon" />
<h3>ABC</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis corrupti itaque dolore!
</p>
</div>
</div>
<div class="flip-card-back">
<div class="inner">
<div class="space1"></div>
<img src="img/logo.jpg" class="icon" />
<h3>ABC</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi voluptatum eius quam debitis, sit amet sunt neque ipsum?
</p>
</div>
</div>
</div>
<p class="flip-side-content text-left mx-auto">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit autem sit maxime aperiam consectetur quaerat dolorum alias, asperiores illum? Culpa animi iusto ab suscipit officia similique reprehenderit cum adipisci quibusdam omnis. Corporis dignissimos quasi temporibus accusamus quas exercitationem tempora minus, quo voluptatibus consequuntur rerum, magni aperiam mollitia voluptas deserunt eaque, necessitatibus libero nam dolores quisquam sit alias assumenda odio? Maiores, expedita error deleniti rerum inventore nesciunt totam laborum, ipsum eius, sed rem officiis quas suscipit? Alias aliquid minus sed, ex doloremque eaque sequi blanditiis repellendus quibusdam saepe rerum recusandae molestias reprehenderit expedita dignissimos eos cum eligendi ab perspiciatis aperiam esse quae sint. Eaque dolore officia iure aliquid atque? Modi commodi nobis non dolores quia facilis eos repudiandae repellat illum aperiam magnam, a atque voluptas possimus expedita tempore. Delectus nisi, ex, hic dolorum consectetur blanditiis provident inventore explicabo sit modi adipisci voluptatum est odit. Odit dolore vero quisquam nemo nihil ipsa necessitatibus ratione incidunt culpa asperiores quos sint delectus tempore ut quaerat, qui minus doloremque ipsam totam, iusto molestias quam laudantium. Incidunt quam sunt impedit quis excepturi animi doloribus recusandae id. Reiciendis unde pariatur omnis voluptatem animi iure ipsa rerum alias placeat itaque? Hic modi laborum molestias odit suscipit officiis reiciendis, a, quod omnis sint laboriosam itaque fuga doloremque inventore saepe expedita rem ea odio assumenda iste delectus veniam. Enim maxime dolorem tempore hic accusantium blanditiis numquam, debitis molestias ea voluptates sequi consequatur iste neque possimus eius optio similique aliquam quam dolore nemo eveniet exercitationem. Officiis obcaecati dolorem ipsa debitis nisi in molestiae facilis magnam voluptate unde aperiam inventore consequuntur ut, a itaque illum repellat, veniam molestias porro voluptatem incidunt? Adipisci distinctio qui ratione incidunt illo et ea amet maxime sequi, molestias labore officia sapiente! Accusantium aut soluta esse sit ut eos laudantium dolorum reprehenderit delectus, ipsam optio blanditiis, id maiores!</p>
<div class="flip-card">
<div class="flip-card-front">
<div class="inner">
<div class="space1"></div>
<img src="img/logo.jpg" class="icon" />
<h3>ABC</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis corrupti itaque dolore!
</p>
</div>
</div>
<div class="flip-card-back">
<div class="inner">
<div class="space1"></div>
<img src="img/logo.jpg" class="icon" />
<h3>ABC</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi voluptatum eius quam debitis, sit amet sunt neque ipsum?
</p>
</div>
</div>
</div>
<p class="flip-side-content text-left mx-auto">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti, perferendis similique. Dicta, commodi facilis. Saepe et maiores quod fugiat dolore neque consequuntur explicabo rerum. Quas velit obcaecati asperiores tempore. Aliquam, architecto voluptas. Delectus placeat unde, modi et, laboriosam fugit suscipit excepturi possimus quod reprehenderit quis vitae asperiores earum? Quas doloribus modi aperiam, tenetur iste voluptatibus minus dolorem beatae error excepturi consectetur atque ea quisquam odit rerum nemo doloremque ducimus quibusdam harum nostrum, magni soluta aut. Cupiditate sint at non laboriosam libero. Dolor aut labore dignissimos. Assumenda alias facere provident perspiciatis nam harum modi temporibus officiis magnam quasi neque, eius cupiditate commodi totam repellendus quis laborum quia eligendi vitae quas. Illo vitae sint qui neque. Deserunt quaerat error cupiditate itaque voluptates, sunt sed ab doloribus harum placeat qui excepturi repellat officia quod dolor odio ea quo atque ipsum enim commodi voluptatem quia fugiat totam. Nisi voluptatem atque cum maiores id deserunt quod necessitatibus quidem quisquam! Corrupti totam, porro magnam, veritatis labore rerum quibusdam cum ea, incidunt maxime dolore! Distinctio facere delectus quibusdam explicabo quisquam quia, velit error odio laborum unde, natus porro exercitationem accusantium magnam officiis dolores vero molestias qui aliquid minima cum. Illum, fugiat ex dolorem impedit, libero sit corporis accusantium voluptatem iusto blanditiis molestiae doloremque enim minima amet ad dolore culpa repudiandae deleniti. Eius, odio. Neque, voluptas harum soluta nostrum repudiandae dolore deserunt amet dolor cumque asperiores quasi, debitis magnam iure. Fuga, neque. Perspiciatis quae hic incidunt magnam nihil et impedit. Nihil recusandae voluptatum nisi eaque asperiores accusamus quidem ut saepe ducimus consequatur assumenda esse incidunt illo odio, eius beatae quae aut voluptate, corporis magni deleniti totam quia! Laudantium facilis quaerat eos ullam deserunt voluptate quae, nemo expedita numquam omnis aut quibusdam? Aperiam eos consequuntur dolor, nemo, sint libero ipsa laborum, molestiae dignissimos corporis aliquid iste ab similique voluptas.
</p>
<div class="flip-card">
<div class="flip-card-front">
<div class="inner">
<div class="space1"></div>
<img src="img/logo.jpg" class="icon" />
<h3>abc</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis corrupti itaque dolore!
</p>
</div>
</div>
<div class="flip-card-back">
<div class="inner">
<div class="space1"></div>
<img src="img/logo.jpg" class="icon" />
<h3>abc</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi voluptatum eius quam debitis, sit amet sunt neque ipsum?
</p>
</div>
</div>
</div>
<p class="flip-side-content text-left mx-auto">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea dolor adipisci consequatur placeat assumenda ipsa, possimus pariatur quidem porro quis voluptates sint libero doloribus vitae vel eos qui nisi blanditiis, quasi autem. Eum tempore quod voluptatum quibusdam reiciendis sunt dolores, modi expedita sapiente! Rem doloremque, hic, sit tempore laborum tenetur, sapiente ab quis voluptatibus distinctio accusamus odit cupiditate iste quaerat! Odit deserunt quasi aliquid magnam. Minima dignissimos facere reiciendis possimus officia perspiciatis in distinctio laboriosam eum id aliquam veniam suscipit officiis, numquam consectetur beatae aspernatur perferendis dolor quas? Obcaecati, repellendus. Nam maiores fuga cupiditate. Similique aperiam recusandae totam dolore quia cupiditate nesciunt aspernatur sed quos quo velit consectetur sit ratione odio, sapiente voluptate hic deserunt omnis, quam amet corporis quas non aliquam eos? Odio voluptas odit vitae labore at rerum fugiat quaerat vero explicabo ut maiores ad ab non excepturi atque, nesciunt quae laborum dignissimos omnis rem? Nesciunt enim sint a ullam in consectetur laborum aut similique vel veniam ratione odit quasi alias ex porro doloremque repudiandae laboriosam amet earum quia reiciendis, rerum ad est! Ut doloremque, quisquam iste omnis hic sed numquam repellendus consectetur sint soluta commodi at eos eius vero tempore! Error laudantium, nesciunt quod quidem cum recusandae eaque fuga inventore nostrum rerum ullam voluptas. Amet exercitationem alias iure! Quas provident quis quia consectetur perferendis sit explicabo beatae dignissimos similique velit fuga quae, est harum dicta libero cupiditate officia repellendus dolorem expedita sapiente eos facere. Tenetur fuga dignissimos sint nesciunt suscipit voluptate saepe ab, in perspiciatis quod quas ratione soluta unde, iste sequi illo accusamus nihil quo deleniti? Cupiditate incidunt delectus voluptatibus magnam harum, nihil exercitationem asperiores ullam vitae quia quasi, aliquid nesciunt sint ducimus debitis corporis doloremque dolorum, rem error sapiente reiciendis dolor quaerat obcaecati. Est minus labore esse facere iste laudantium aspernatur, inventore officia maxime magnam.
</p>
</section>
<!-- Blog Section -->
<section id="blog" class="container py-5">
<h2 class="text-center mb-4">Blogs</h2>
<div class="row topics">
<div class="col-md-3">
<div class="topic card text-center p-3" onclick="navigateTo('technology.html')">Technology</div>
</div>
<div class="col-md-3">
<div class="topic card text-center p-3" onclick="navigateTo('web-development.html')">Web Development</div>
</div>
<div class="col-md-3">
<div class="topic card text-center p-3" onclick="navigateTo('description.html')"> Our Services</div>
</div>
<div class="col-md-3">
<div class="topic card text-center p-3" onclick="navigateTo('write-for-us.html')">Write for Us</div>
</div>
</div>
</section>
<!--Contact card-->
<section id="contact">
<div class="contactus">
<h2>Contact Us</h2>
<form action="/submit" method="post">
<div class="form-group">
<label for="name">Name</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea id="message" name="message" rows="5" required placeholder="Leave us a message"></textarea>
</div>
<button type="submit">Send Message</button>
</form>
</div>
<!--Partners -->
<div class="partners">
<h2>Our Partners</h2>
<h5>Atonix Crop & Ofidohub</h5>
</div>
<!-- CTA Buttons -->
<div class="cta-container">
<button class="cta-button">CALL US</button>
<button class="cta-button">LIVE CHAT</button>
</div>
<!--footer-->
<div class="footer">
<div class="footer-content container">
<div class="footer-section">
<h3>About Us</h3>
<p style="font-weight: bold;">
AtonixCorp </p>
<p>
<i>Pioneering data analytics and technology solutions.<br>
Explore our innovations in IoT, agriculture, oil, AI, and media.<br>
Join us in shaping the future of technology.</i>
</p>
</div>
<div class="footer-section">
<h3>Contact Us</h3>
<p style="font-weight: bold;">Email: contact@example.com</p>
<p style="font-weight: bold;">Phone: +123 456 7890</p><br>
<p style="font-weight: bold;">Office address: <a href="https://www.google.com/maps?q=70+W+Madison+St,+Chicago,+IL+60602,+United+States" target="_blank">70 W Madison St, Chicago, IL 60602, United States</a></p>
</div>
<div class="footer-section">
<h3>Follow Us</h3>
<div class="social-icons">
<a href="https://www.linkedin.com/company/atonixcorp/" aria-label="LinkedIn"><img src="animation/icons8-linkedin-circled.gif" alt="linkedin" class="gif-icon"></a>
<a href="https://twitter.com/ofidohub" aria-label="Twitter"><img src="animation/icons8-twitter.gif" alt="twitter" class="gif-icon">
</a>
<a href="https://www.instagram.com/ofidohub/" aria-label="Instagram"><img src="animation/icons8-instagram.gif" alt="instagram" class="gif-icon">
</a>
</div>
</div>
<div class="footer-section">
<h3>Quick Links</h3>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="description.html">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
<p>© 2024 AtonixCorp</p>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="main.js"></script>
</body>