-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
89 lines (83 loc) · 6.25 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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">
<head>
<title>🌟Community Currency Alliance🌟</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400i,400,500,500i,700,700i|Lato:100,100i,300,300i,400i,400,700,700i,900,900i|Ubuntu+Mono:400i,400,700,700i&subset=latin">
<link rel="stylesheet" href="css/tailwind/tailwind.min.css">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-tailwind.png">
<script src="js/main.js"></script>
</head>
<body class="bg-body text-body font-body">
<div class="container mx-auto px-4">
<nav class="flex flex-wrap items-center justify-between p-4">
<div class="flex flex-shrink-0 mr-10"><a class="text-xl text-indigo-500 font-semibold" href="#"><img src="images/Group_36.png" alt="" width="100"></a></div>
<div class="block lg:hidden">
<button class="navbar-burger flex items-center py-2 px-3 text-indigo-500 rounded border border-indigo-500">
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<title>Menu</title>
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z">
</path></svg>
</button>
</div>
<div class="navbar-menu hidden lg:flex lg:flex-grow lg:items-center w-full lg:w-auto">
<div class="lg:mr-auto"><a class="block lg:inline-block mt-4 lg:mt-0 mr-10 text-blue-900 hover:text-blue-700" href="#"></a><a class="block lg:inline-block mt-4 lg:mt-0 mr-10 text-blue-900 hover:text-blue-700" href="#"></a><a class="block lg:inline-block mt-4 lg:mt-0 mr-10 text-blue-900 hover:text-blue-700" href="#"></a><a class="block lg:inline-block mt-4 lg:mt-0 text-blue-900 hover:text-blue-700" href="#"></a></div>
<div><a class="block lg:inline-block mt-4 lg:mt-0 lg:mr-8 text-blue-900 hover:text-blue-700" href="#"></a><a class="inline-block py-3 px-6 mt-4 lg:mt-0 leading-none text-white bg-indigo-500 hover:bg-indigo-600 rounded shadow" href="https://currency.community/">Forum</a></div>
</div>
</nav>
<section class="py-12 px-4"><div class="flex flex-wrap items-center text-center lg:text-left -mx-2">
<div class="lg:w-1/2 px-2 lg:pr-10 mt-10 lg:mt-0 order-1 lg:order-none">
<h2 class="text-5xl mb-6 leading-tight font-heading">Enabling inclusive currencies to thrive</h2>
<p class="mb-8 text-gray-500 leading-relaxed">Our efforts at Community Currency Alliance are all targeted towards the end-goal of creating open tools and partnerships to nurture a global care economy.</p>
<div><a class="inline-block py-4 px-8 mr-6 leading-none text-white bg-indigo-500 hover:bg-indigo-600 rounded shadow" href="https://currency.community/">Forum</a><a class="text-blue-700 hover:underline" href="#">Blog</a></div>
</div>
<div class="lg:w-1/2 px-2"><img src="images/New.jpg" alt=""></div>
</div>
</section>
<section class="py-8 px-4"><div class="flex flex-wrap -mx-4 -mb-6">
<div class="lg:w-1/3 px-4 mb-6">
<img src="placeholders/icons/shield.svg" alt=""><h3 class="text-xl my-2 font-heading"> 🎓 Academy</h3>
<p class="text-gray-500 leading-relaxed">We believe community currencies will play a crucial role in providing incentives needed to tackle inequality and climate change as a way of regenerating and enlarging the planetary commons. </p>
</div>
<div class="lg:w-1/3 px-4 mb-6">
<img src="placeholders/icons/cloud-tools.svg" alt=""><h3 class="text-xl my-2 font-heading"> 🤝 Communities</h3>
<p class="text-gray-500 leading-relaxed">Through an inquiry driven approach we collaborate on defining software and interoperability standards to enable a rich open-source united community currency ecosystem.</p>
</div>
<div class="lg:w-1/3 px-4 mb-6">
<img src="placeholders/icons/cart.svg" alt=""><h3 class="text-xl my-2 font-heading"> 🧙 Developers</h3>
<p class="text-gray-500 leading-relaxed">Our initial focus is to enable community currency stakeholders to collaborate on removing the access and scalability areas for community currencies to unleash their full potential.
</p>
</div>
</div>
</section>
<section class="py-12 px-4">
<h2 class="text-3xl mb-12 text-center font-heading">Contact the Alliance team</h2>
<div class="flex flex-wrap -mx-6">
<div class="w-full lg:w-1/2 px-6 mb-8 lg:mb-0">
<h3 class="text-2xl mb-2 font-heading">Stay up to date</h3>
<p class="mb-8">Follow, watch or chat with us</p>
<ul>
<li class="mb-2"><img class="inline-block w-8 h-8 pr-2" src="placeholders/icons/home.svg" alt=""><span>Twitter</span></li>
<li class="mb-2"><img class="inline-block w-8 h-8 pr-2" src="placeholders/icons/mobile.svg" alt=""><span>Youtube</span></li>
<li class="mb-2"><img class="inline-block w-8 h-8 pr-2" src="placeholders/icons/message.svg" alt=""><span>Telegram</span></li>
</ul>
</div>
<div class="w-full lg:w-1/2 px-6">
<form>
<div class="mb-4">
<input class="appearance-none block w-full py-3 px-4 leading-tight text-gray-700 bg-gray-200 focus:bg-white border border-gray-200 focus:border-gray-500 rounded focus:outline-none" type="email" placeholder="Email">
</div>
<div class="mb-4"><textarea class="appearance-none block w-full py-3 px-4 leading-tight text-gray-700 bg-gray-200 focus:bg-white border border-gray-200 focus:border-gray-500 rounded focus:outline-none" placeholder="Write something..." rows="5"></textarea></div>
<div>
<button class="inline-block w-full py-4 px-8 leading-none text-white bg-indigo-500 hover:bg-indigo-600 rounded shadow">Submit</button>
</div>
</form>
</div>
</div>
</section>
</div>
</body>
</html>