@recras/online-booking-js
Version:
JS library for easy integration of Recras online booking and voucher sales
40 lines (39 loc) • 1.14 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Recras JS library integration demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="./demo.css">
<style>
main {
align-items: center;
display: flex;
flex-direction: column;
justify-content: space-evenly;
font-size: 2em;
}
a {
background: hsl(147, 25%, 50%);
border-bottom: 4px solid hsl(147, 25%, 25%);
border-radius: 0.25em;
color: #fff;
padding: 1em;
text-decoration: none;
transition: all 0.2s linear;
}
a:hover, a:active {
background: hsl(147, 25%, 67%);
border-bottom-color: hsl(147, 25%, 50%);
}
</style>
</head>
<body>
<main>
<a href="onlinebooking.html">Online booking</a>
<a href="vouchers.html">Vouchers</a>
<a href="contactform.html">Contact form</a>
</main>
</body>
<script src="onlinebooking.js"></script>
</html>