🤖 Cannot save fiddle

### Error code

ERRW:0.9:K0.9:L0.65

### Were you logged in?

Yes

### Your username (if logged in)

_No response_

### Your HTML

```html
<script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    



    <nav class="fixed w-full z-50 bg-white/90 backdrop-blur-md shadow-sm">
        <div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
            <div class="text-2xl font-bold text-blue-700">SIC LAND <span class="text-amber-500"></span></div>
            <div class="hidden md:flex space-x-8 font-medium">
                <a href="#tong-quan" class="hover:text-blue-600 transition"> Giới Thiệu</a>
                <a href="#vi-tri" class="hover:text-blue-600 transition">Tin tức & Blog</a>
                <a href="#tien-ich" class="hover:text-blue-600 transition">Tiện ích</a>
                <a href="#mat-bang" class="hover:text-blue-600 transition">Danh mục</a>
            </div>
            <a href="tel:0123456789" class="bg-blue-700 text-white px-6 py-2 rounded-full hover:bg-blue-800 transition shadow-lg">
                <i class="fas fa-phone-alt mr-2"></i> 0937164686
            </a>
        </div>
    </nav>

    <section class="relative h-screen flex items-center justify-center text-white">
        <div class="absolute inset-0 z-0">
            <img src="https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?auto=format&fit=crop&w=1920&q=80" class="w-full h-full object-cover" alt="Hero Image">
            <div class="absolute inset-0 bg-black/50"></div>
        </div>
        
        <div class="relative z-10 text-center px-4 max-w-4xl">
            <h1 class="text-4xl md:text-6xl font-bold mb-6">KIẾN TẠO TƯƠNG LAI THỊNH VƯỢNG</h1>
            <p class="text-xl mb-8 text-gray-200">Phụng Sự - Chính Trực - Sáng Tạo </p>
            <div class="flex flex-col md:flex-row gap-4 justify-center">
                <a href="#dang-ky" class="bg-amber-500 hover:bg-amber-600 text-white px-8 py-4 rounded-lg text-lg font-bold transition">LIÊN HỆ NGAY</a>
                <a href="#tong-quan" class="bg-white/20 hover:bg-white/30 backdrop-blur text-white px-8 py-4 rounded-lg text-lg font-bold border border-white transition"> NHẬN TƯ VẤN</a>
            </div>
        </div>
    </section>

    <section id="tong-quan" class="py-20 max-w-7xl mx-auto px-4">
        <div class="grid md:grid-cols-2 gap-12 items-center">
            <div>
                <h2 class="text-3xl font-bold text-blue-900 mb-6 underline decoration-amber-500 decoration-4 underline-offset-8">CÔNG TY CP BẤT ĐỘNG SẢN SIC LAND</h2>
                <ul class="space-y-4">
                    <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-3"></i> <strong>ĐỊA CHỈ: </strong>255-256 Nguyễn Tri Phương phường Diên Hồng TP. Hồ Chí Minh</li>
                    <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-3"></i> <strong>HOTLINE/ZALO: </strong> 0937164686</li>
                    <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-3"></i> <strong>MAIL: </strong> siclandvietnam@gmail.com</li>
                    <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-3"></i> <strong>MSST: </strong> 0318926346</li>
                    <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-3"></i> <strong>Người đại diện: </strong> GĐ. TRẦN ANH LINH</li>
                </ul>
            </div>
            <div class="grid grid-cols-2 gap-4">
                <img src="https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=400&q=80" class="rounded-xl shadow-lg" alt="P1">
                <img src="https://images.unsplash.com/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=400&q=80" class="rounded-xl shadow-lg mt-8" alt="P2">
            </div>
        </div>
    </section>

    <section id="tien-ich" class="py-20 bg-blue-900 text-white">
        <div class="max-w-7xl mx-auto px-4 text-center">
            <h2 class="text-3xl font-bold mb-12">DỊCH VỤ CỦA CÔNG TY CP BĐS SIC LAND</h2>
            <div class="grid md:grid-cols-4 gap-8">
                <div class="p-6 border border-blue-800 rounded-xl hover:bg-blue-800 transition">
                    <i class="fas fa-law text-4xl text-amber-500 mb-4"></i>
                    <h3 class="text-xl font-bold mb-2">AN TOÀN & NHANH CHÓNG</h3>
                    <p class="text-gray-400"> nguồn nhà phố an toàn, pháp lý đầy đủ. Tư vấn chi tiết nhanh chóng</p>
                </div>
                <div class="p-6 border border-blue-800 rounded-xl hover:bg-blue-800 transition">
                    <i class="fas text-4xl text-amber-500 mb-4"></i>
                    <h3 class="text-xl font-bold mb-2">CHIẾT KHẤU HỢP LÝ</h3>
                    <p class="text-gray-400"> Chiết khấu hợp lý, cạnh tranh thị trường</p>
                </div>
                <div class="p-6 border border-blue-800 rounded-xl hover:bg-blue-800 transition">
                    <i class="fa text-4xl text-amber-500 mb-4"></i>
                    <h3 class="text-xl font-bold mb-2">TƯ VẤN NHIỆT TÌNH</h3>
                    <p class="text-gray-400">nhân viên tư vấn chi tiết, chăm sóc khách hàng tốt</p>
                </div>
                <div class="p-6 border border-blue-800 rounded-xl hover:bg-blue-800 transition">
                    <i class="fas text-4xl text-amber-500 mb-4"></i>
                    <h3 class="text-xl font-bold mb-2"> GIỎ HÀNG ĐA DẠNG</h3>
                    <p class="text-gray-400"> GiỎ hàng đa dạng, đáp ứng như cầu khách hàng</p>
                </div>
            </div>
        </div>
    </section>

    <section id="dang-ky" class="py-20 bg-gray-100">
        <div class="max-w-2xl mx-auto px-4 bg-white p-10 rounded-2xl shadow-2xl border-t-8 border-amber-500">
            <h2 class="text-3xl font-bold text-center mb-4">LIÊN HỆ</h2>
            <p class="text-center text-gray-500 mb-8">Vui lòng để lại thông tin, nhân viên tư vấn sẽ liên hệ lại trong 5 phút.</p>
            <form class="space-y-4">
                <input type="text" placeholder="Họ và tên của bạn" class="w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
                <input type="tel" placeholder="Số điện thoại" class="w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
                <select class="w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
                    <option value="">Chọn loại hình quan tâm</option>
                    <option value="1br">BĐS NHÀ PHỐ</option>
                    <option value="2br">QUAN TÂM VIỆC LÀM</option>
                    <option value="sh"> KHÁC</option>
                </select>
                <button type="submit" class="w-full bg-blue-700 hover:bg-blue-800 text-white font-bold py-4 rounded-lg shadow-lg transition duration-300">GỬI YÊU CẦU NGAY</button>
            </form>
        </div>
    </section>

    <footer class="bg-gray-900 text-gray-400 py-10 text-center">
        <p>© 2026 SIC LAND. Bản quyền thuộc về Công ty Bất Động Sản SICLAND.</p>
        <div class="mt-4 space-x-4">
            <i class="fab fa-facebook hover:text-white cursor-pointer"></i>
            <i class="fab fa-youtube hover:text-white cursor-pointer"></i>
            <i class="fab fa-zalo hover:text-white cursor-pointer"></i>
        </div>
    </footer>
```

### Your JavaScript

```javascript
a
```

### Your CSS

```css
:root {
  --color-1: hsl(358.26deg 38.98% 34.71%);
  --color-2: hsl(0.77deg 75% 59.22%);
  --color-3: hsl(351, 73%, 17%);
  --color-4: hsl(172.75deg 35.69% 50%);
}

body {
  background: linear-gradient(
    90deg,
    var(--color-1) 0%,
    var(--color-1) 25%,
    var(--color-2) 25%,
    var(--color-2) 50%,
    var(--color-3) 50%,
    var(--color-3) 75%,
    var(--color-4) 75%,
    var(--color-4) 100%
  );
}
:root {
  --color-1: hsl(357.53deg 41.24% 34.71%);
  --color-2: hsl(0, 97%, 25%);
  --color-3: hsl(0, 75%, 40%);
  --color-4: hsl(357, 72%, 31%);
}

body {
  background: linear-gradient(
    90deg,
    var(--color-1) 0%,
    var(--color-1) 25%,
    var(--color-2) 25%,
    var(--color-2) 50%,
    var(--color-3) 50%,
    var(--color-3) 75%,
    var(--color-4) 75%,
    var(--color-4) 100%
  );
}
:root {
  --color-1: rgb(125 52 55);
  --color-2: rgb(231 73 72);
  --color-3: rgb(252 235 211);
  --color-4: rgb(75 174 162);
}

body {
  background: linear-gradient(
    90deg,
    var(--color-1) 0%,
    var(--color-1) 25%,
    var(--color-2) 25%,
    var(--color-2) 50%,
    var(--color-3) 50%,
    var(--color-3) 75%,
    var(--color-4) 75%,
    var(--color-4) 100%
  );
}
:root {
  --color-1: hsl(138.55deg 47.41% 54.51%);
  --color-2: hsl(137.14deg 35.44% 69.02%);
  --color-3: hsl(6.67deg 20.93% 74.71%);
  --color-4: hsl(10.53deg 51.35% 56.47%);
}

body {
  background: linear-gradient(
    90deg,
    var(--color-1) 0%,
    var(--color-1) 25%,
    var(--color-2) 25%,
    var(--color-2) 50%,
    var(--color-3) 50%,
    var(--color-3) 75%,
    var(--color-4) 75%,
    var(--color-4) 100%
  );
}
:root {
  --color-1: hsl(128.11deg 20.22% 64.12%);
  --color-2: hsl(0deg 0% 74.9%);
  --color-3: hsl(0deg 0% 75.29%);
  --color-4: hsl(6.32deg 16.66% 54.9%);
}

body {
  background: linear-gradient(
    90deg,
    var(--color-1) 0%,
    var(--color-1) 25%,
    var(--color-2) 25%,
    var(--color-2) 50%,
    var(--color-3) 50%,
    var(--color-3) 75%,
    var(--color-4) 75%,
    var(--color-4) 100%
  );
}
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;600;700&display=swap');
body {
  font-family: 'Lexend', sans-serif;
}
```

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

🤖 Cannot save fiddle #2343

Error code

Were you logged in?

Your username (if logged in)

Your HTML

Your JavaScript

Your CSS

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

🤖 Cannot save fiddle #2343

Description

Error code

Were you logged in?

Your username (if logged in)

Your HTML

Your JavaScript

Your CSS

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions