-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (108 loc) · 5.57 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<title>NX8020™</title>
<link rel="stylesheet" type="text/css" href="./css/portfolio.css">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
</head>
<body class="Background">
<!-- Navbar -->
<div class="Navbar">
<a class="active" href="#Home">Home</a>
<!-- <a href="#Slideshow">Slideshow</a> -->
<a onclick="openForm()" ondblclick="closeForm()" class="contact">Waiting List</a>
</div>
<!-- Background video -->
<div id="Home">
<video autoplay muted loop playsinline id="NX8020">
<source src=".video/NX8020.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
</div>
<!-- Video text -->
<div class="Video_Text center">
<!-- <h1 class="neonText">NX8020™</h1>
</div> -->
<h1 class="neonText">NX8020™</h1>
<strong>
<p>Many SMBs leverage ERP/CRM integrations. Nearly a third of them have adopted AI. Today, AI-assisted integrations help them analyze operational data. Introducing: NX8020™, the future of AI-assisted integrations. Let us show you how to identify 20% of the tasks that bring in 80% of the revenue.</p>
</strong>
</div>
<!-- Slideshow section -->
<div id="Slideshow">
<div id="Slideshow_Background">
<div id="Slideshow_Container">
<div class="mySlides fade">
<img class="Slideshow_Images" src="images/tasks.png" alt="Tasks">
</div>
<div class="mySlides fade">
<img class="Slideshow_Images" src="images/datalake.png" alt="Data Lake">
</div>
<div class="mySlides fade">
<img class="Slideshow_Images" src="images/erp.png" alt="ERP">
</div>
<div class="mySlides fade">
<img class="Slideshow_Images" src="images/secure.png" alt="Secure">
</div>
<div class="mySlides fade">
<img class="Slideshow_Images" src="images/datapipeline.png" alt="Data Pipeline">
</div>
<a class="Previous" onclick="plusSlides(-1)">❮</a>
<a class="Next" onclick="plusSlides(1)">❯</a>
</div>
<br>
<!-- Slideshow dots -->
<div style="text-align: center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
<span class="dot" onclick="currentSlide(4)"></span>
<span class="dot" onclick="currentSlide(5)"></span>
<span class="dot" onclick="currentSlide(6)"></span>
</div>
</div>
</div>
<!-- About section -->
<div class="Row" id="About" style="text-align: center">
<!-- <div class="Column_1" style="text-align: center"> -->
<h1 style="color: white;">Intelligent. Secure.</h1>
<!-- <p>Your business is growing in complexity, and so are your system integrations.
<p>Our solution will put you back in the driver's seat—on your terms.</p>
</p> Join our waiting list today!</p> -->
<!-- </div> -->
</div>
<!-- Waiting List form -->
<div id="Waiting List">
<button onclick="openForm()" class="Pop_Up_Button">Waiting List</button>
<div class="form-popup" id="myForm">
<form action="/form" method="post">
<h1>NX8020™ Waiting List</h1>
<label for="name"><b>Name</b></label>
<input type="text" placeholder="Type your name here" name="name" required>
<label for="Telephone"><b>Telephone</b></label>
<input type="text" placeholder="Type your telephone number here" name="Telephone" required>
<label for="email"><b>E-mail</b></label>
<input type="email" placeholder="Type your e-mail address here" name="email" required>
<label for="message"><b>Challenges</b></label>
<input type="text" placeholder="Is your IT experiencing increasing challenges as your business grows?" name="message" required>
<label for="message"><b>Priorities</b></label>
<input type="text" placeholder="What is your main business priority that your IT should handle?" name="message" required>
<label for="message"><b>Costs</b></label>
<input type="text" placeholder="Have you quantified the opportunity costs associated with your current IT?" name="message" required>
<label for="message"><b>Industry</b></label>
<input type="text" placeholder="Are there any industry-specific needs or trends you're focusing on with data integration?" name="message" required>
<button type="submit" class="btn">SUBMIT</button>
<button type="button" class="btn cancel" onclick="closeForm()">CLOSE</button>
</form>
</div>
</div>
<!-- Footer -->
<div id="footer">
<p class="Video_Text center" style="text-align:center">DataProStudio, Inc. | © 2024</p>
</div>
<script src="JS/portfolio.js" defer></script>
</body>
</html>