{% include 'header.html' %}
<div class="container mx-auto">
	<section class="py-24 bg-white">
		<div class="container px-4 mx-auto">
			<div class="text-center">
				<div class="inline-block mb-6 px-3 py-1 font-semibold bg-blue-100 rounded-full">
					<div class="flex flex-wrap items-center-m-1">
						<div class="w-auto p-1"><a class="text-sm" href="">BasicSwap version: {{ version }}</a></div>
					</div>
				</div>
				<h3 class="mb-10 mx-auto text-3xl md:text-4xl leading-tight text-coolGray-900 font-bold tracking-tighter max-w-5xl">Welcome to BasicSwap DEX</h3>
				<div class="relative mb-10 mx-auto max-w-max">
					<img class="absolute top-1/2 transform -translate-y-1/2 w-1/2 md:w-auto text-yellow-400" src="/static/images/elements/circle-violet.svg" alt="">
					<img class="absolute top-1/2 right-0 transform -translate-y-1/2 w-1/4 md:w-auto text-blue-500" src="/static/images/elements/dots-blue.svg" alt="">
					<img class="absolute p-7 -mt-1 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-10/12 z-20" src="/static/images/gfx/dashboard.png" alt="">
					<img class="relative z-10" src="/static/images/gfx/macbook.png" alt="">
				</div>
				<p class="mb-6 mx-auto text-lg md:text-xl text-coolGray-500 font-medium max-w-4xl">Swap cryptocurrencies in a distributed trading environment with <b>no restrictions</b> and <b>no fees.</b></p>
				<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
					<div class="w-full md:w-0/12">
						<div class="flex flex-wrap justify-center -m-1.5">
							<div class="w-full md:w-auto py-1 md:py-0 md:mr-6">
								<button name="" value="Apply" type="submit" class="text-center justify-center md:text-lg w-full md:text-lg flex flex-wrap py-3 px-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"> <span><a href="/wallets">Your Wallets</a></span> </button>
							</div>
							<div class="w-full md:w-auto py-1 md:py-0 md:mr-6">
								<button name="" value="Apply" type="submit" class="text-center justify-center md:text-lg w-full md:text-lg flex flex-wrap py-3 px-4 text-coolGray-800 font-medium text-sm bg-white hover:bg-coolGray-100 border border-coolGray-200 rounded-md shadow-button focus:ring-0 focus:outline-none"> <span><a href="/offers">Start Trading</a></span> </button>
							</div>
							<div class="w-full md:w-auto py-1 md:py-0 md:mr-6">
								<button name="" value="Apply" type="submit" class="text-center justify-center md:text-lg w-full md:text-lg flex flex-wrap py-3 px-4 text-coolGray-800 font-medium text-sm bg-white hover:bg-coolGray-100 border border-coolGray-200 rounded-md shadow-button focus:ring-0 focus:outline-none"> <span><a href="https://academy.particl.io/en/latest/faq/get_support.html" target="_blank">Help (Academy)</a></span> </button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
</div>
{% include 'footer.html' %}
</body>
</html>