Spaces:
Sleeping
Sleeping
<section class="h-100"> | |
<div id="bg-wrap"> | |
<svg viewBox="0 0 100 100" class="svg-wrap" preserveAspectRatio="xMidYMid slice"> | |
<defs> | |
<radialGradient id="Gradient1" cx="50%" cy="50%" fx="0.441602%" fy="50%" r=".5"> | |
<animate attributeName="fx" dur="34s" values="0%;3%;0%" repeatCount="indefinite"></animate> | |
<stop offset="0%" stop-color="rgba(255, 0, 255, 1)"></stop> | |
<stop offset="100%" stop-color="rgba(255, 0, 255, 0)"></stop> | |
</radialGradient> | |
<radialGradient id="Gradient2" cx="50%" cy="50%" fx="2.68147%" fy="50%" r=".5"> | |
<animate attributeName="fx" dur="23.5s" values="0%;3%;0%" repeatCount="indefinite"></animate> | |
<stop offset="0%" stop-color="rgba(255, 255, 0, 1)"></stop> | |
<stop offset="100%" stop-color="rgba(255, 255, 0, 0)"></stop> | |
</radialGradient> | |
<radialGradient id="Gradient3" cx="50%" cy="50%" fx="0.836536%" fy="50%" r=".5"> | |
<animate attributeName="fx" dur="21.5s" values="0%;3%;0%" repeatCount="indefinite"></animate> | |
<stop offset="0%" stop-color="rgba(0, 255, 255, 1)"></stop> | |
<stop offset="100%" stop-color="rgba(0, 255, 255, 0)"></stop> | |
</radialGradient> | |
<radialGradient id="Gradient4" cx="50%" cy="50%" fx="4.56417%" fy="50%" r=".5"> | |
<animate attributeName="fx" dur="23s" values="0%;5%;0%" repeatCount="indefinite"></animate> | |
<stop offset="0%" stop-color="rgba(0, 255, 0, 1)"></stop> | |
<stop offset="100%" stop-color="rgba(0, 255, 0, 0)"></stop> | |
</radialGradient> | |
<radialGradient id="Gradient5" cx="50%" cy="50%" fx="2.65405%" fy="50%" r=".5"> | |
<animate attributeName="fx" dur="24.5s" values="0%;5%;0%" repeatCount="indefinite"></animate> | |
<stop offset="0%" stop-color="rgba(0,0,255, 1)"></stop> | |
<stop offset="100%" stop-color="rgba(0,0,255, 0)"></stop> | |
</radialGradient> | |
<radialGradient id="Gradient6" cx="50%" cy="50%" fx="0.981338%" fy="50%" r=".5"> | |
<animate attributeName="fx" dur="25.5s" values="0%;5%;0%" repeatCount="indefinite"></animate> | |
<stop offset="0%" stop-color="rgba(255,0,0, 1)"></stop> | |
<stop offset="100%" stop-color="rgba(255,0,0, 0)"></stop> | |
</radialGradient> | |
</defs> | |
<rect x="13.744%" y="1.18473%" width="100%" height="100%" fill="url(#Gradient1)" | |
transform="rotate(334.41 50 50)"> | |
<animate attributeName="x" dur="20s" values="25%;0%;25%" repeatCount="indefinite"></animate> | |
<animate attributeName="y" dur="21s" values="0%;25%;0%" repeatCount="indefinite"></animate> | |
<animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="7s" | |
repeatCount="indefinite"></animateTransform> | |
</rect> | |
<rect x="-2.17916%" y="35.4267%" width="100%" height="100%" fill="url(#Gradient2)" | |
transform="rotate(255.072 50 50)"> | |
<animate attributeName="x" dur="23s" values="-25%;0%;-25%" repeatCount="indefinite"></animate> | |
<animate attributeName="y" dur="24s" values="0%;50%;0%" repeatCount="indefinite"></animate> | |
<animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="12s" | |
repeatCount="indefinite"></animateTransform> | |
</rect> | |
<rect x="9.00483%" y="14.5733%" width="100%" height="100%" fill="url(#Gradient3)" | |
transform="rotate(139.903 50 50)"> | |
<animate attributeName="x" dur="25s" values="0%;25%;0%" repeatCount="indefinite"></animate> | |
<animate attributeName="y" dur="12s" values="0%;25%;0%" repeatCount="indefinite"></animate> | |
<animateTransform attributeName="transform" type="rotate" from="360 50 50" to="0 50 50" dur="9s" | |
repeatCount="indefinite"></animateTransform> | |
</rect> | |
</svg> | |
</div> | |
<div class="container py-2 h-100"> | |
<div class="row d-flex justify-content-center align-items-center h-100"> | |
<div class="col-xl-10"> | |
<div class="card rounded-3 border-0"> | |
<div class="row g-0 align-items-center"> | |
<div class="col-lg-6 d-flex align-items-center gradient-custom-2"> | |
<div class="text-white px-3 py-4 p-md-5 mx-md-4 custom-padding"> | |
<h1 class="mb-0 custom-large-text">Reg GPT</h1> | |
<h5 class="mb-0 custom-small-text">Your AI Assistant for Understanding Central Bank of Srilanka's Regulations. | |
</h5> | |
<p class="mb-0">To learn more click on the get started button now | |
</p> | |
</div> | |
</div> | |
<div class="col-lg-6"> | |
<div class="uni-logo text-center"> | |
<!-- <img class="mt-5 mb-3" src="assets/images/uni-logo.png" width="300" /> --> | |
</div> | |
<div class="px-3 py-4 p-md-5 mx-md-5"> | |
<div class="px-5 "> | |
<img class="mt-5 mb-3 custom-mt" src="assets/images/logo-reg.png" width="250" /> | |
</div> | |
<!-- <p class="color-gray1">Please enter your username and password</p> --> | |
<div> | |
<div class="d-grid"> | |
<button id="loginBtn" type="submit" class="btn btn-primary btn-login" (click)="login()"> | |
GET STARTED | |
</button> | |
</div> | |
</div> | |
</div> | |
<!-- <div class="px-3 py-8 p-md-1 mx-md-4"> --> | |
<div class="disclaimer p-md-3 mx-md-4"> | |
<p class="mb-0 custom-small-text"> | |
DISCLAIMER : | |
</p> | |
<p class="disclaimer-text">This AI powered ATrad GPT system is currently in a testing phase with limited data resources. The information generated by the model may not be always accurate and reliable. Users are advised to verify the information received and should not rely solely on the outputs provided for any critical or decision making purposes. | |
</p> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="row py-2"> | |
<div class="col text-center copywrite-text"> | |
Copyright © 2024 - IronOne Technologies, All Rights Reserved. | |
</div> | |
</div> | |
</div> | |
</section> | |
<style> | |
.logo-text { | |
font-size: 28px; /* Adjust size as needed */ | |
font-weight: bold; /* Adjust weight as needed */ | |
} | |
</style> | |