beapi-frontend-framework/index.php at master · TREVO786/beapi-frontend-framework · GitHub

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
<?php get_header(); ?>

<div class="intro">
	<div class="intro__holder">
		<span class="intro__svg">
			<svg id="icon-beapi-bubble" viewBox="0 0 212 225">
				<path fill="#ffe600" d="M136.3 224.7c-1.6-.6-2.6-2.2-2.6-3.9v-27.9H20.2c-2.3 0-4.2-1.9-4.2-4.2V20.2c0-2.3 1.9-4.2 4.2-4.2h187.7c2.3 0 4.2 1.9 4.2 4.2v168.6c0 2.3-1.9 4.2-4.2 4.2H169l-28.2 30.7c-.8.9-1.9 1.3-3.1 1.3-.4 0-1-.1-1.4-.3z"></path>
			</svg>
			<svg id="icon-beapi-stroke" viewBox="0 0 212 225">
				<path d="M8.3 168.2h113.2c2.3 0 4.1 1.9 4.1 4.1v21.4l22.1-24.2c.8-.9 1.9-1.3 3.1-1.3h36.4V8.3H8.3v159.9zm111.7 40c-1.6-.6-2.6-2.2-2.6-3.9v-27.9H4.1c-2.3 0-4.1-1.9-4.1-4.1V4.1C0 1.9 1.9 0 4.1 0h187.3c2.3 0 4.1 1.9 4.1 4.1v168.2c0 2.3-1.9 4.1-4.1 4.1h-38.8l-28.1 30.7c-.8.9-1.9 1.3-3.1 1.3-.4.1-.9 0-1.4-.2z"></path>
			</svg>
			<svg id="icon-beapi-letter" viewBox="0 0 212 225">
				<path d="M126.8 104h7l-4.8 21.5h-7zm4.7-17.5c1.1 0 2.1.4 2.8 1.2.8.8 1.2 1.7 1.2 2.8 0 1.1-.4 2.1-1.2 2.8-.8.8-1.7 1.2-2.8 1.2-1.1 0-2.1-.4-2.8-1.2-.8-.8-1.2-1.7-1.2-2.8 0-1.1.4-2.1 1.2-2.8.8-.8 1.7-1.2 2.8-1.2m23.5 13.8c0 11.4-4.1 20.1-11.6 27.5l-.1.1-4.5-4.1.1-.1c6.4-6.8 9.6-14.2 9.6-23.3 0-9.2-3.2-16.5-9.6-23.3l-.1-.1 4.5-4.2.1.1c7.5 7.4 11.6 16.1 11.6 27.4zm-53.2 2.6c-2.2 0-4 .7-5.5 2.3-1.4 1.5-2.2 3.5-2.2 5.9 0 2.5.7 4.5 2.2 6 1.4 1.5 3.3 2.3 5.5 2.3 2.1 0 3.9-.8 5.4-2.3 1.4-1.5 2.2-3.5 2.2-5.9 0-2.4-.7-4.3-2.2-5.9-1.4-1.7-3.2-2.4-5.4-2.4zm-7.3-5.8v3.1c1.3-1.3 2.6-2.2 4.1-2.8s3-.9 4.7-.9c3.6 0 6.7 1.4 9.2 4.1 2.5 2.7 3.8 6.3 3.8 10.6 0 4.1-1.3 7.6-3.9 10.4-2.6 2.8-5.7 4.2-9.3 4.2-1.6 0-3.1-.3-4.5-.9-1.4-.6-2.7-1.5-4.1-2.8v13.1h-6.9v-38h6.9zm-31.7 6.3c-2.2 0-4 .8-5.4 2.3-1.4 1.5-2.1 3.5-2.1 5.9 0 2.4.7 4.4 2.2 5.9 1.4 1.5 3.2 2.3 5.4 2.3s4-.8 5.5-2.3c1.4-1.5 2.2-3.5 2.2-6 0-2.4-.7-4.4-2.2-5.9-1.6-1.4-3.4-2.2-5.6-2.2zm7.3-5.7h7v27.8h-7v-2.9c-1.4 1.3-2.7 2.2-4.1 2.8-1.4.6-2.9.9-4.4.9-3.6 0-6.7-1.4-9.3-4.2-2.6-2.8-3.9-6.2-3.9-10.4 0-4.3 1.3-7.8 3.8-10.6 2.5-2.7 5.6-4.1 9.2-4.1 1.7 0 3.2.3 4.7.9 1.5.6 2.8 1.6 4.1 2.8l-.1-3zm38.2-28.1c-.5-1.6-1.4-2.9-2.7-3.8-1.4-1-3-1.5-4.8-1.5-2 0-3.7.5-5.2 1.6-.9.7-1.8 1.9-2.6 3.7h15.3zm7.1 5.5H92.7c.3 2 1.2 3.6 2.6 4.8 1.4 1.2 3.2 1.8 5.4 1.8 2.6 0 4.9-.9 6.8-2.8l5.9 2.8c-1.5 2.1-3.3 3.6-5.3 4.7-2.1 1-4.5 1.5-7.4 1.5-4.4 0-8-1.4-10.8-4.2-2.8-2.8-4.2-6.3-4.2-10.5 0-4.3 1.4-7.9 4.2-10.7 2.8-2.8 6.2-4.3 10.4-4.3 4.4 0 8 1.4 10.8 4.3 2.8 2.8 4.2 6.6 4.2 11.2v1.4zM65.1 64.6c-2.2 0-4 .8-5.5 2.3-1.4 1.5-2.2 3.5-2.2 5.9 0 2.5.7 4.5 2.2 6 1.5 1.5 3.3 2.3 5.5 2.3 2.1 0 3.9-.8 5.4-2.3 1.5-1.6 2.2-3.6 2.2-6s-.7-4.4-2.2-5.9c-1.4-1.5-3.3-2.3-5.4-2.3zm-7.4-16.5v13.8c1.3-1.3 2.7-2.2 4.1-2.8 1.4-.6 3-1 4.7-1 3.7 0 6.8 1.4 9.3 4.2 2.6 2.7 3.8 6.3 3.8 10.6 0 4.2-1.3 7.6-4 10.5-2.6 2.8-5.7 4.2-9.3 4.2-1.6 0-3.1-.3-4.5-.8-1.4-.6-2.7-1.5-4.2-2.8v3h-6.9V48.1h7z"></path>
			</svg>
		</span>
		<h1>Be API Frontend Framework</h1>
	</div>

	<style>
		.intro {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100vh;
			text-align: center;
		}

		.intro__svg {
			position: relative;
			display: block;
			width: 200px;
			height: 200px;
			margin: 0 auto;
		}

		.intro__svg svg {
			position: absolute;
			height: 100%;
			left: 0;
			top: 0;
			width: 100%;
		}

		.intro h1 {
			color: #000;
		}
	</style>
</div>

<?php
	get_footer();