-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
67 lines (67 loc) · 7.19 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
---
layout: layout_en
navigation: portal.html
---
<div class="bg-stone-800 jumbotron px-20 py-8 flex overflow-hidden">
<div class="w-1/2 text-white py-8">
<large class="inline-flex rounded-full text-xl border-stone-500 text-orange-500 border-2 pt-1 px-3">
<svg class="h-6 w-6 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor"><defs/><title>finance</title><rect x="2" y="28" width="28" height="2"/><path d="M27,11a1,1,0,0,0,1-1V7a1,1,0,0,0-.66-.94l-11-4a1,1,0,0,0-.68,0l-11,4A1,1,0,0,0,4,7v3a1,1,0,0,0,1,1H6V24H4v2H28V24H26V11ZM6,7.7,16,4.06,26,7.7V9H6ZM18,24H14V11h4ZM8,11h4V24H8ZM24,24H20V11h4Z" transform="translate(0 0)"/><rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32" style="fill:none"/></svg> FINTECH SERVICES
</large>
<h1 class="text-6xl font-bold mb-4 mt-4">
The Future of Financial Technology.</h1>
<p class="text-lg mb-4">Where innovation and financial expertise converge to provide custom fintech solutions for any need.</p>
<a href="/dashboard" class="bg-orange-600 hover:bg-orange-500 text-white font-bold py-2 px-4 rounded-lg text-lg">Get Started</a>
</div>
<div class="w-1/2 h-96">
<img src="/images/hero-thumb.png" class="w-96 float-right" />
</div>
</div>
<div class="py-4">
<div class="max-w-7xl mx-auto sm:px-6 lg:px-4">
<div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-5 gap-3 cards-animate">
<a href="/core" class="card h-64 px-4 pt-8 rounded-lg shadow-md">
<div class="boxie">
<div class="icon mb-4">
<svg class="w-10 h-10 text-gray-500 mx-auto mt-4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 32 32" xml:space="preserve" fill="currentColor"><path d="M29.391,14.527L17.473,2.609C17.067,2.203,16.533,2,16,2c-0.533,0-1.067,0.203-1.473,0.609L2.609,14.527 C2.203,14.933,2,15.466,2,16s0.203,1.067,0.609,1.473l11.917,11.917C14.933,29.797,15.467,30,16,30c0.533,0,1.067-0.203,1.473-0.609 l11.917-11.917C29.797,17.067,30,16.534,30,16S29.797,14.933,29.391,14.527z M16,28.036L3.965,16L16,3.964L28.036,16L16,28.036z"/><rect id="_x3C_Transparent_Rectangle_x3E__00000119812012335990934660000018356235523389216153_" class="st0" width="32" height="32" style="fill:none"/></svg>
</div>
<h3 class="text-lg font-semibold text-center mb-2">CORE BANKING & LOANS</h3>
<p class="text-center">Efficient software solutions for banking and loan management.</p>
</div>
</a>
<a href="/accounting" class="card h-64 px-4 pt-8 rounded-lg shadow-md">
<div class="boxie">
<div class="icon mb-4">
<svg class="w-10 h-10 text-gray-500 mx-auto mt-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor"><defs></defs><path d="m28,28H4c-1.1028,0-2-.8972-2-2v-6h2v6h24v-6h2v6c0,1.1028-.8972,2-2,2Z"/><path d="m17,17v4c0,.5522.4477,1,1,1h4c.5523,0,1-.4478,1-1v-4c0-.5523-.4477-1-1-1h-4c-.5523,0-1,.4477-1,1Zm2,1h2v2h-2v-2Z"/><path d="m9,17v4c0,.5522.4477,1,1,1h4c.5523,0,1-.4478,1-1v-4c0-.5523-.4477-1-1-1h-4c-.5523,0-1,.4477-1,1Zm2,1h2v2h-2v-2Z"/><path d="m17,9v4c0,.5522.4477,1,1,1h4c.5523,0,1-.4478,1-1v-4c0-.5523-.4477-1-1-1h-4c-.5523,0-1,.4477-1,1Zm2,1h2v2h-2v-2Z"/><path d="m5,5v8c0,.5522.4477,1,1,1h8c.5523,0,1-.4478,1-1V5c0-.5523-.4477-1-1-1H6c-.5523,0-1,.4477-1,1Zm2,1h6v6h-6v-6Z"/><rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32" style="fill: none"/></svg>
</div>
<h3 class="text-lg font-semibold text-center mb-2">BLOCKCHAIN ACCOUNTING</h3>
<p class="text-center">Robust platforms for secure and transparent accounting.</p>
</div>
</a>
<a href="/risks" class="card h-64 px-4 pt-8 rounded-lg shadow-md">
<div class="boxie">
<div class="icon mb-4">
<svg class="w-10 h-10 text-gray-500 mx-auto mt-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor"><defs></defs><rect x="18" y="26" width="12" height="2"/><rect x="18" y="21" width="12" height="2"/><rect x="18" y="16" width="12" height="2"/><path d="M14,25H9.5A7.4964,7.4964,0,0,1,8.1782,10.124,10,10,0,0,1,28,12H26a7.999,7.999,0,0,0-15.9507-.87l-.09.8335L9.123,12.02A5.4962,5.4962,0,0,0,9.5,23H14Z" transform="translate(0 0)"/><rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32" style="fill: none"/></svg> </div>
<h3 class="text-lg font-semibold text-center mb-2">RISK MANAGEMENT SYSTEM</h3>
<p class="text-center">Scalable and secure infrastructure for risk management.</p>
</div>
</a>
<a href="/fmi" class="card h-64 px-4 pt-8 rounded-lg shadow-md">
<div class="boxie">
<div class="icon mb-4">
<svg class="w-10 h-10 text-gray-500 mx-auto mt-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M20,6.14746A4.97289,4.97289,0,0,0,19.35,6.04,7.49246,7.49246,0,0,0,5.35,4.04,5.9039,5.9039,0,0,0,4,4.36505,5.97992,5.97992,0,0,0,4,15.65033V13.44556A3.97628,3.97628,0,0,1,4,6.5448,3.92951,3.92951,0,0,1,5.56,6.03L6.63,5.92l.5-.95A5.48711,5.48711,0,0,1,17.39,6.43l.3,1.5,1.53.11a2.91321,2.91321,0,0,1,.78.17108,2.96258,2.96258,0,0,1,0,5.6037v2.08435a4.9717,4.9717,0,0,0,0-9.75165Z"/><path d="M12,11c-3.81818,0-6,.75835-6,2.16667v8.66666C6,23.24165,9.08729,24,12,24c2.91278,0,6-.75835,6-2.16667V13.16667C18,11.75835,15.81818,11,12,11Zm0,1c2.71123,0,4.90909.81087,4.90909,1.70833s-2.19786,1.625-4.90909,1.625-4.90909-.72753-4.90909-1.625S9.28877,12,12,12ZM7.09091,19.92441v-1.1437A12.02567,12.02567,0,0,0,12,19.66667a12.02623,12.02623,0,0,0,4.90909-.8859v1.179a12.58847,12.58847,0,0,1-4.909.79022A12.77627,12.77627,0,0,1,7.09091,19.92441Z"/></svg> </div>
<h3 class="text-lg font-semibold text-center mb-2">FINANCIAL MARKET INFRASTRUCTURE</h3>
<p class="text-center">Comprehensive solutions for financial market infrastructure.</p>
</div>
</a>
<a href="/compliance" class="card h-64 px-4 pt-8 rounded-lg shadow-md">
<div class="boxie">
<div class="icon mb-4">
<x-eos-big-data-o class="w-10 h-10 text-gray-500 mx-auto mt-4" />
</div>
<h3 class="text-lg font-semibold text-center mb-2">REGULATORY COMPLIANCE</h3>
<p class="text-center">Ensuring compliance with regulations through large-scale data analysis.</p>
</div>
</a>
</div>
</div>
</div>