8080.AI
Design
Landing
CSS Editor
Login
Reqs
Tasks
User Flow
Architecture
Explore
Log in
Sign up for free
meta-hi
by
himani soni
Hi
Landing
Review
Sign in to Clone
Comments (0)
No comments yet. Be the first!
Sign in to leave a comment
Landing
v2
⋯
CSS Editor
v2
⋯
Login
v2
⋯
Share
Compiled Preview
JSX Source
Desktop
1280px
Tablet
768px
Mobile
375px
meta
-hi
Dashboard
Keyword Galaxy
Research
Automation
Reports
CSS Editor
Settings
Log In
Get Started
Dashboard
Keyword Galaxy
Research
Automation
Reports
CSS Editor
Settings
Log In
Get Started
Indent
Beautify
Minify
Syntax
Lines
Light
100%
Save
global-styles.css
Format
Copy
Save
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
/* investikfuture.com — Global Styles */ /* meta-hi CSS Editor — live preview enabled */ :root { --primary: #1A73E8; --accent: #FFD700; --text: #202124; --bg: #FFFFFF; } body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--text); margin: 0; padding: 0; line-height: 1.6; } .hero-section { background: linear-gradient( 135deg, var(--primary) 0%, #3d8be8 100% ); padding: 80px 40px; text-align: center; color: #ffffff; } .hero-title { font-size: 48px; font-weight: 800; letter-spacing: -1px; margin-bottom: 16px; } .hero-subtitle { font-size: 18px; opacity: 0.85; max-width: 560px; margin: 0 auto 32px; } .cta-button { display: inline-block; background: var(--accent); color: #202124; font-weight: 700; padding: 14px 36px; border-radius: 8px; text-decoration: none; font-size: 15px; transition: transform 0.2s ease, box-shadow 0.2s ease; } .cta-button:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(255, 215, 0, 0.4); } .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding: 60px 40px; max-width: 1200px; margin: 0 auto; } .feature-card { background: rgba(240, 240, 240, 0.8); border-radius: 12px; padding: 32px 24px; border: 1px solid rgba(218, 220, 224, 0.4); transition: box-shadow 0.2s ease; } .feature-card:hover { box-shadow: 0 8px 32px rgba(26, 115, 232, 0.12); }
Live Preview
Live
global-styles.css
CSS
No errors
Ln 42, Col 18
4,821 chars
187 lines
UTF-8
4.7 KB
12:34 PM
Saved
Developer
v1
⋯
User
v1
⋯
Login: Sign In
Dashboard: View Overview
CSS Editor: Open WP Code
CSS Editor: Write Custom CSS
CSS Editor: Preview Changes
CSS Editor: Publish CSS
Automation: Configure Keywords
Automation: Set Schedule
Automation: Monitor Status
Settings: Manage Integrations
Settings: Update Config
ℹ️
Info
📋
Project
No comments yet. Be the first!