-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
106 lines (94 loc) · 4.54 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ceon</title>
<link rel="icon" type="image/x-icon" href="/imgs/favicon.ico">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=B612:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet">
<link rel="preload" href="Mona-Sans.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="Hubot-Sans.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
</head>
<body>
<div class="page-container">
<header id="navbar">
<div id="logo">
<img src="imgs/ceon_typo_logo.svg" alt="CEON" />
</div>
<nav>
<ul>
<li><a href="https://djngo.com" target="_blank">Djngo</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<section id="hero">
<div class="hero-content">
<div class="text-content">
<h1>portable data pipelines</h1>
<p>Welcome to the Future of Data Management: Portable Data Pipelines. Tired of being locked into a single
technology or cloud provider? Our solution gives you the flexibility to adapt to new data sources and
analytics tools with ease. Experience the freedom of scalability, reduced vendor lock-in, and quick
implementation.</p>
<button class="cta-button"><a id="cta-link" href="#contact"> Get in Touch</a></button>
</div>
<div class="img-container">
<img src="imgs/hero.svg" alt="Hero Image">
</div>
</div>
</section>
<section class="product-section">
<div class="product-img">
<img src="imgs/Djngo.svg" alt="">
</div>
<div class="product-content">
<div class="title-product">
<h2>djngo.com</h2> <h4>dj-n-go</h4>
</div>
<h3>Portable analytics platform</h3>
<p>Unleash the power of SQL wherever you are. Mix up your data, run insightful queries, and easily share your findings—all in one portable platform. Whether you're hosting locally or in the cloud, djngo.com adapts to your analytics needs.</p>
<button class="down-button"><a href="https://djngo.com">download</a></button>
</div>
</section>
</div>
<!-- WE NEED TO ACTIVATE THIS ONLY WHEN WE HAVE MORE PRODUCTS
<section id="products">
<div class="product">
<img src="imgs/penguin.svg" alt="Product 1">
<h3>ceon linux</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
<button class="cta-button"><a href="#linux">know more</a></button>
</div>
<div class="product">
<img src="imgs/Djngo.svg" alt="Product 2">
<h3>djngo</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
<button class="cta-button"><a href="#djngo">know more</a></button>
</div>
<div class="product">
<img src="imgs/Radpajama.svg" alt="Product 3">
<h3>rad pajama</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
<button class="cta-button"><a href="#radpajama">know more</a></button>
</div>
</section>-->
<section id="contact" class="CTA">
<img src="imgs/pattern.png" alt="CTA Image">
<div class="CTA-content">
<h1>How do I get started?</h1>
<p>I you want a helping hand or want to share something interesting, we welcome you to our Discord.
</p>
<div class="cta-links">
<a href="https://discord.gg/hKNgatBJcD"><i class="fab fa-discord"></i> Discord</a>
<a href="mailto:ariel@ceon.nyc"><i class="fas fa-envelope"></i> ariel@ceon.nyc</a>
</div>
</div>
</section>
</body>
</html>