-
Notifications
You must be signed in to change notification settings - Fork 0
/
landingTailwind_Desktop
70 lines (61 loc) · 2.73 KB
/
landingTailwind_Desktop
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
<head>
</head>
<body class="bg-bg-bau">
<div class="bg-bg-bau">
<div class="border-baublack flex flex-col mx-auto container">
<span class="font-primary text-8xl font-semibold w-auto border-baublack border-x-4 px-36 py-2">FPP/T16</span>
<div class="flex flex-row w-full border-baublack border-t-4">
<div class="basis-1/6 border-l-4 border-baublack"></div>
<div class="ml-px basis-2/6 flex flex-wrap flex-col justify-center place-content-evenly gap-7 text-left border-baublack border-l-4">
<span class="font-primary font-semibold text-2xl"> Inicia Sesion </span>
<input type="email" class="ring-2 ring-baublue">
<input type="password" class="ring-2 ring-baublue">
<button type="submit" class="ring-2 ring-baublack font-primary bg-baublue text-white"><a>Log In</a></button>
</div>
<div class="container basis-3/6 border-r-4 border-l-4 border-baublack">
<svg width="810" height="380" viewBox="0 0 810 380" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M405 393C405 175.952 223.675 0 0 0V393H405Z" fill="#C5402D"/>
<path d="M810 196C692.916 196 598 283.752 598 392H810V196Z" fill="#454285"/>
</svg>
</div>
</div>
<div class="flex flex-row border-baublack">
<div class="basis-1/6 border-l-4 border-baublack"></div>
<div class="basis-2/6 border-baublack border-t-4 border-x-4 bg-baublue"></div>
<div class="basis-1/6 border-t-4 border-r-4 border-baublack">
<div class="overflow-clip">
<svg class="relative -end-2/4 " width="810" height="380" viewBox="0 0 810 380" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0C0 215.943 181.325 391 405 391V196C287.916 196 193 108.248 193 0H0Z" fill="#FEC223"/>
</svg>
</div>
</div>
</div>
</div>
</div>
</body>
<footer>
<div class="border-black mx-auto bg-orange-700 w-auto h-11 text-white font-primary text-xs flex justify-center font-thin border-t-4">
<span class="self-center">con amor </span>
</div>
</footer>
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,[email protected],200;10..48,300;10..48,400;10..48,500;10..48,600;10..48,700;10..48,800&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;
/** @type {import('tailwindcss').Config} */
module.exports = {
theme: {
extend: {
fontFamily:{
'primary':'Bricolage Grotesque'
},
colors:{
'bg-bau':'#E8E9E3',
'baublack':'#23241E',
'baublue':'#454285'
}
// ...
},
},
plugins: [],
}