AYUDIA/artikel5.html at master · shendytria/AYUDIA · 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
<!DOCTYPE html>
<html lang="id">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Artikel - Ayudia Kebaya</title>
    <meta name="description"
        content="Baca artikel menarik tentang kebaya, tips styling, dan inspirasi fashion dari Ayudia.">
    <meta name="robots" content="all,follow">
    <!-- Font Awesome untuk Ikon -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link
        href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Open+Sans:wght@400&display=swap"
        rel="stylesheet">
    <!-- Google Fonts -->
    <link
        href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="css/artikel5.css">
</head>

<body>
    <!-- Header & Navigasi -->
    <header>
        <div class="logo-container">
            <a href="artikel.html" id="artikel" class="back-button" title="Kembali ke halaman utama">
                <i class="fas fa-arrow-left"></i>
            </a>
        </div>
    </header>

    <!-- Reading Progress Bar -->
    <div class="progress-container">
        <div class="progress-bar" id="progressBar"></div>
    </div>

    <!-- Detail Artikel -->
    <div class="article-container">
        <article class="article-detail">
            <div class="article-header fade-in">
                <h1 class="article-title">Kebaya Modern untuk Generasi Muda</h1>
                <div class="article-meta">
                    <span><i class="fas fa-calendar-alt"></i> 10 April 2025</span>
                    <span><i class="fas fa-user"></i> Tim Ayudia</span>
                </div>
                <img src="https://i.pinimg.com/736x/d1/65/c7/d165c7d301f962268a75bb09a8785fc2.jpg" alt="Kebaya Modern"
                    class="article-feature-img">
            </div>

            <div class="article-content fade-in delay-1">
                <p>Kebaya, sebagai simbol budaya Indonesia, kini hadir dalam desain modern yang menarik perhatian generasi muda, khususnya Gen Z. Dengan sentuhan inovatif, kebaya tetap mempertahankan akar tradisionalnya sambil menjadi tren fashion yang relevan. Mari kita eksplorasi tren kebaya modern yang sedang digemari!</p>

                <h3>Desain Minimalis dengan Potongan Asimetris</h3>
                <p>Salah satu tren kebaya modern adalah potongan asimetris yang memberikan kesan dinamis dan edgy. Kebaya dengan hem yang tidak simetris atau detail lengan yang unik sangat populer di kalangan Gen Z. Padukan dengan celana palazzo atau rok span untuk tampilan yang stylish.</p>
                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQRggSc-t7OEbmphm_ASogBDa_iNsHXccTTgg&s" alt="Kebaya Asimetris">

                <h3>Material Modern seperti Organza dan Satin</h3>
                <p>Kebaya modern sering menggunakan bahan seperti organza, satin, atau tulle untuk memberikan kesan mewah namun ringan. Bahan-bahan ini memberikan tekstur dan kilau yang menarik, cocok untuk acara semi-formal atau bahkan gaya kasual. Warna pastel seperti lilac atau sage green juga menjadi favorit.</p>
                <img src="https://img.lazcdn.com/g/ff/kf/Sdb5805976a6b415b910a37fec231bc3fk.jpg_360x360q80.jpg_.webp" alt="Kebaya Satin">

                <h3>Kombinasi dengan Fashion Kontemporer</h3>
                <p>Gen Z gemar memadukan kebaya dengan elemen fashion kontemporer, seperti sneakers, topi bucket, atau tas sling bag. Misalnya, kebaya crop top berbahan brokat bisa dipadukan dengan jeans high-waist dan sneakers putih untuk gaya yang santai namun tetap anggun.</p>
                <img src="https://i.pinimg.com/736x/8e/20/0c/8e200c667f4b20318d45da66f8f118ec.jpg" alt="Kebaya dengan Sneakers">

                <h3>Detail Transparan dan Layering</h3>
                <p>Tren lain yang sedang naik daun adalah kebaya dengan detail transparan pada lengan atau bagian bawah, sering kali menggunakan kain sheer atau organza. Teknik layering juga populer, seperti menambahkan outer tipis berbahan tulle untuk memberikan dimensi pada outfit.</p>
                <img src="https://i.pinimg.com/736x/f6/9b/cd/f69bcd01e22ccc1a6d24ef008621f4b5.jpg" alt="Kebaya Transparan">

                <h3>Mengapa Gen Z Menyukai Kebaya Modern?</h3>
                <p>Kebaya modern menawarkan fleksibilitas dan kebebasan berekspresi, yang sangat sesuai dengan gaya hidup Gen Z. Dengan desain yang inovatif, kebaya tidak lagi terasa kaku atau hanya untuk acara formal. Di Ayudia, kami menghadirkan koleksi kebaya modern yang dirancang khusus untuk generasi muda yang ingin tampil beda sambil tetap menghargai budaya.</p>

                <p>Eksplorasi kebaya modern dan temukan gaya yang mencerminkan kepribadianmu. Kunjungi Ayudia untuk melihat koleksi terbaru kami yang siap membuatmu tampil stunning!</p>
            </div>

            <!-- Share Buttons -->
            <div class="social-share fade-in delay-2">
                <p>Bagikan artikel:</p>
                <div class="social-share-links">
                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                    <a href="#"><i class="fab fa-twitter"></i></a>
                    <a href="#"><i class="fab fa-pinterest"></i></a>
                    <a href="#"><i class="fab fa-whatsapp"></i></a>
                </div>
            </div>

            <!-- Recommended Articles -->
            <section class="recommended-articles fade-in delay-3">
                <h2 class="section-title">Artikel Lainnya</h2>
                <div class="articles-grid"></div>
            </section>

            <!-- Komentar -->
            <section class="comments-section fade-in delay-3">
                <h2 class="comments-title">Komentar</h2>
                <!-- Formulir Komentar -->
                <form id="comment-form" class="comment-form">
                    <div class="form-group">
                        <label for="comment-name">Nama</label>
                        <input type="text" id="comment-name" name="name" placeholder="Masukkan nama Anda" required>
                    </div>
                    <div class="form-group">
                        <label for="comment-email">Email</label>
                        <input type="email" id="comment-email" name="email" placeholder="Masukkan email Anda" required>
                    </div>
                    <div class="form-group">
                        <label for="comment-text">Komentar</label>
                        <textarea id="comment-text" name="comment" placeholder="Tulis komentar Anda"
                            required></textarea>
                    </div>
                    <button type="submit" class="comment-submit-btn">Kirim Komentar</button>
                </form>
                <!-- Daftar Komentar -->
                <div class="comments-list" id="comments-list">
                    <!-- Komentar akan ditambahkan secara dinamis oleh JavaScript -->
                </div>
            </section>
        </article>
    </div>

    <!-- JavaScript -->
    <script src="js/artikel5.js"></script>
</body>

</html>