frkawaii/index.html at main · ttaa-lgtm/frkawaii · 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
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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="FR Kawaii - Votre destination pour tout ce qui est mignon et kawaii en français">
    <title>FR Kawaii 🌸</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: linear-gradient(135deg, #ffeef8 0%, #ffe5f3 100%);
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
        }

        .container {
            background: white;
            border-radius: 30px;
            padding: 50px;
            max-width: 600px;
            text-align: center;
            box-shadow: 0 20px 60px rgba(255, 105, 180, 0.3);
            border: 3px solid #ffb3d9;
        }

        h1 {
            color: #ff69b4;
            font-size: 3em;
            margin-bottom: 20px;
            text-shadow: 2px 2px 4px rgba(255, 105, 180, 0.3);
        }

        .emoji {
            font-size: 4em;
            margin: 20px 0;
            animation: bounce 2s infinite;
        }

        @keyframes bounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-20px); }
        }

        p {
            color: #666;
            font-size: 1.2em;
            line-height: 1.8;
            margin: 20px 0;
        }

        .cta-button {
            display: inline-block;
            background: linear-gradient(135deg, #ff69b4 0%, #ff1493 100%);
            color: white;
            padding: 18px 45px;
            border-radius: 50px;
            text-decoration: none;
            font-size: 1.3em;
            font-weight: bold;
            margin-top: 30px;
            box-shadow: 0 10px 30px rgba(255, 105, 180, 0.4);
            transition: all 0.3s ease;
        }

        .cta-button:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(255, 105, 180, 0.6);
        }

        .features {
            margin-top: 40px;
            text-align: left;
        }

        .feature {
            background: #fff0f8;
            padding: 15px;
            margin: 10px 0;
            border-radius: 15px;
            border-left: 4px solid #ff69b4;
        }

        .feature strong {
            color: #ff1493;
        }

        footer {
            margin-top: 40px;
            color: #999;
            font-size: 0.9em;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="emoji">🌸✨💖</div>
        <h1>FR Kawaii</h1>
        <p><strong>Bienvenue dans l'univers kawaii francophone !</strong></p>
        <p>Découvrez un monde de douceur, de créativité et de tout ce qui est mignon.</p>

        <div class="features">
            <div class="feature">
                <strong>🎀 Contenu Exclusif</strong> - Du contenu kawaii 100% en français
            </div>
            <div class="feature">
                <strong>💕 Communauté</strong> - Rejoignez une communauté passionnée
            </div>
            <div class="feature">
                <strong>🌈 Design Adorable</strong> - Une expérience visuelle unique
            </div>
        </div>

        <a href="https://frkawaii.org/" class="cta-button">
            Visiter FR Kawaii 💖
        </a>

        <footer>
            Made with 💕 by the FR Kawaii team
        </footer>
    </div>
</body>
</html>