-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlanding.html
190 lines (168 loc) · 9.5 KB
/
landing.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> KiBAX Website</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="landing.js" defer></script>
<link rel="stylesheet" href="landing.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="grid">
<!-- This is navigation bar -->
<div class="nav">
<div class="logo">#KiBAX</div>
<button class="menu-toggle">☰</button> <!-- ☰ symbol -->
<div class="menu">
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#team">Team</a>
<a href="#contact">Contact</a>
<a href="#signin">Sign in</a>
</div>
</div>
<!-- This is about home section -->
<div class="intro" id="home">
<div class="company">
<h1>KiBAX</h1>
<span class="descript" data-aos="fade-up" data-aos-delay="200">
<p>Embrace innovation. Empower change.</p>
<p>Experience the future.</p>
</span>
</div>
<a href="#about" class="Explore" data-aos="fade-up" data-aos-delay="300">Explore</a>
</div>
<!-- This is about About section -->
<div class="about" id="about">
<h2>Why choose us</h2>
<p class="company-description" data-aos="fade-up" data-aos-delay="100">
At KiBAX, we are dedicated to leveraging cutting-edge technology to drive innovation and transformation across various industries. With over 15 years of experience, our team is committed to delivering solutions that not only meet but exceed our clients' expectations. Our expertise spans artificial intelligence, machine learning, blockchain, and IoT, enabling us to offer bespoke solutions that address the unique challenges of each client. We believe in fostering strong partnerships and delivering measurable results that contribute to the long-term success of our clients.
</p>
<div class="column_one" data-aos="fade-up" data-aos-delay="100">
<h3>Expertise and Experience: </h3>
<p>With over 15 years in the industry, our team has successfully delivered complex software solutions
across healthcare, finance, and retail sectors.
Our deep expertise in AI and machine learning has enabled us to develop predictive analytics tools
that optimize operational efficiency and drive business growth</p>
</div>
<div class="column_two" data-aos="fade-down" data-aos-delay="200">
<h3> Innovative solutions </h3>
<p>We pioneer the use of blockchain technology to enhance supply chain transparency, ensuring secure and
verifiable transactions for global enterprises.
Our proprietary software-as-a-service platform integrates IoT and AI, providing real-time insights
that revolutionize asset management in manufacturing.</p>
</div>
<div class="column_three" data-aos="fade-up" data-aos-delay="300">
<h3>Quality and Reliability: </h3>
<p>Our ISO 9001 certification underscores our commitment to delivering high-quality software solutions.
Case in point, our recent ERP implementation for a Fortune 500 client was completed ahead of
schedule, with zero critical issues reported during post-deployment.</p>
</div>
<div class="column_four" data-aos="fade-up" data-aos-delay="200">
<h3>Strong Team: </h3>
<p>Our dedicated team of professionals brings a wealth of experience and passion to every project.
Comprised of experts in software development, AI, machine learning, and blockchain technology, we collaborate seamlessly to deliver innovative solutions that exceed client expectations.</p>
</div>
<div class="column_five" data-aos="fade-up" data-aos-delay="200">
<h3>Client Satisfaction: </h3>
<p>Client satisfaction is at the core of everything we do. We prioritize understanding our clients' unique needs and challenges, ensuring that our solutions not only meet but exceed their expectations.
Our commitment to excellence and customer-centric approach has earned us long-term partnerships and recognition in the industry.</p>
</div>
</div>
<!-- This is the team section -->
<div class="team" id="team">
<h2>Our beloved team</h2>
<div class="team-members">
<div class="team-member" data-aos="fade-left" data-aos-delay="100">
<div class="pic1"></div>
<div class="info">
<p><strong>Kore</strong></p>
<p>Hi I am a Web Dev</p>
<p>I specialize in creating responsive, user-friendly websites .</p>
</div>
</div>
<div class="team-member" data-aos="fade-up" data-aos-delay="200">
<div class="pic2"></div>
<div class="info">
<p><strong>Hades</strong></p>
<p>Hi i am a Founder of so-called imaginative company</p>
<p>Making the world a better place.</p>
</div>
</div>
<div class="team-member" data-aos="fade-right" data-aos-delay="300">
<div class="pic3"></div>
<div class="info">
<p><strong>Cerberus</strong></p>
<p>Hi I am a CyberIntel director</p>
<p>I protect our digital assets by identifying threats, analyzing security risks</p>
</div>
</div>
</div>
</div>
<!-- This is the contact section -->
<div class="contact" id="contact">
<div class="conta">
<h2>Contact us
<p>Send us a message</p>
</h2>
<h4>Location: India</h4>
<h4>Phone No: 010****</h4>
<h4>Email: KiBA@company.co</h4>
</div>
<div class="details" data-aos="fade-up" data-aos-delay="100">
<form action="action_page.php">
<input type="text" id="fname" name="firstname" placeholder="Firstname...">
<input type="text" id="lname" name="lastname" placeholder="Lastname..">
<input type="text" id="country" name="country" placeholder="Country">
<label for="subject">Message</label>
<textarea id="subject" name="subject" placeholder="Write something.."
style="height:200px"></textarea>
<input type="submit" value="Send">
</form>
</div>
</div>
<!-- This is the footer section -->
<div class="footer">
<a href="#home" class="top"><i class="fa fa-arrow-up"></i> To the top</a>
<div class="icons">
<i class="fa fa-facebook"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-snapchat"></i>
<i class="fa fa-pinterest"></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-linkedin"></i>
</div>
<p>© 2024 KiBAX. All rights reserved.</p>
</div>
</div>
<!-- This is the sign in section -->
<div id="signup-form" class="signup-form">
<form action="action_page.php" style="border:1px solid #ccc">
<div class="container">
<h1>Sign Up</h1>
<p>Please fill in this form to create an account.</p>
<hr>
<label for="email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="email" required>
<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" required>
<label for="psw-repeat"><b>Repeat Password</b></label>
<input type="password" placeholder="Repeat Password" name="psw-repeat" required>
<label>
<input type="checkbox" checked="checked" name="remember" style="margin-bottom:15px"> Remember me
</label>
<p>By creating an account you agree to our <a href="#" style="color:dodgerblue">Terms & Privacy</a>.</p>
<div class="clearfix">
<button type="button" class="cancelbtn">Cancel</button>
<button type="submit" class="signupbtn">Sign Up</button>
</div>
</div>
</form>
</div>
</body>
</html>