<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>
Ataiva - Shaping the Future of Financial Technology
</title>
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
body {
background-color : #1a1a1a;
color : #ffffff;
font-family : "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
margin : 0;
padding : 0;
}
#wrapper {
padding-top : 25px;
}
#logo {
color : #ffffff;
text-decoration : none;
font-size : 2.5rem;
font-family : "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
letter-spacing : 2px;
}
.header-nav {
color : #ffffff;
text-decoration : none;
font-size : 1.8rem;
font-family : "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
margin-left : 20px;
letter-spacing : 1px;
transition : color 0.3s ease;
}
.header-nav:hover {
color : #4CAF50;
}
.tagline1 {
font-size : 3rem;
font-family : "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
margin-top : 80px;
letter-spacing : 1.5px;
color : grey;
}
.tagline2 {
font-size : 2rem;
font-family : "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
letter-spacing : 1px;
color : grey;
}
</style>
</head>
<body>
<div id="wrapper">
<div class="container">
<div class="row">
<div class="col-sm-4">
<a href="/" id="logo">
Ataiva
</a>
</div>
<div class="col-sm-8" style="text-align: right;">
<a class="header-nav" href="https://blog.ataiva.com" target="_blank">
Blog
</a>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="tagline1">
Shaping the Future of Financial Technology
</div>
<div class="tagline2">
Pioneering AI-driven Solutions and Advanced Market Modeling
</div>
</div>
</div>
</div>
</div>
</body>
</html>