Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 01
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 01 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Khi thiết kế trang web tổng hợp giới thiệu các câu lạc bộ theo bài học, tại sao việc sử dụng cùng một tệp tin CSS bên ngoài (.css) cho tất cả các trang (trang chủ, trang câu lạc bộ thể thao, trang câu lạc bộ nghệ thuật) lại được khuyến khích?
- A. Giúp trang web tải nhanh hơn do trình duyệt chỉ cần tải tệp CSS một lần.
- B. Tăng cường bảo mật thông tin trên trang web.
- C. Mỗi trang có thể có giao diện hoàn toàn khác biệt.
- D. Đảm bảo sự nhất quán về giao diện và dễ dàng cập nhật thiết kế chung.
Câu 2: Bạn muốn thiết kế phần "Slogan" của trang chủ sao cho hiển thị ba đoạn văn bản (hoặc hình ảnh nhỏ) nằm cạnh nhau theo chiều ngang, chia đều không gian. Dựa trên nguyên tắc thiết kế web cơ bản, bạn sẽ sử dụng thuộc tính CSS nào hoặc kỹ thuật layout nào để đạt được mục tiêu này cho container chứa ba phần tử đó?
- A. Sử dụng `display: flex;` hoặc `display: grid;` cho phần tử container.
- B. Áp dụng thuộc tính `text-align: center;` cho từng phần tử con.
- C. Sử dụng thuộc tính `float: left;` cho phần tử container.
- D. Đặt mỗi phần tử con trong một thẻ `
` riêng biệt.
Câu 3: Trong cấu trúc HTML của một trang web, phần nào thường chứa các liên kết điều hướng (menu) giúp người dùng di chuyển giữa các trang khác nhau (Trang chủ, Câu lạc bộ Thể thao, Câu lạc bộ Nghệ thuật)?
- A. Trong phần cuối trang (`
- B. Trong phần đầu trang (`
- C. Trong phần nội dung chính (``).
- D. Trong thẻ `` của trang.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 4: Bạn đã tạo một lớp CSS có tên `.club-card` để định dạng hiển thị thông tin của từng câu lạc bộ (ví dụ: có viền, nền màu nhạt, khoảng cách lề). Nếu bạn muốn áp dụng định dạng này cho một khối nội dung cụ thể trong HTML, bạn sẽ sử dụng thuộc tính nào trong thẻ HTML của khối đó?</p>
<ul>
<li>A. `id=</li>
<li>B. `style=</li>
<li><strong>C. `class=</strong></li>
<li>D. `name=</li>
</ul>
</div>
<div class="question-block">
<p>Câu 5: Giả sử bạn có một hình ảnh trong phần "Banner" của trang web. Bạn muốn hình ảnh này tự động co giãn theo chiều rộng của màn hình trình duyệt nhưng vẫn giữ nguyên tỷ lệ khung hình để không bị méo. Thuộc tính CSS nào là quan trọng nhất để đạt được hiệu quả này?</p>
<ul>
<li><strong>A. `max-width: 100%; height: auto;`</strong></li>
<li>B. `width: 100%; height: 100%;`</li>
<li>C. `display: block; float: left;`</li>
<li>D. `object-fit: cover;` (chỉ đủ trong một số trường hợp, không hiệu quả bằng cách kết hợp width/height auto)</li>
</ul>
</div>
<div class="question-block">
<p>Câu 6: Trang "Giới thiệu các câu lạc bộ thể thao" và "Giới thiệu các câu lạc bộ nghệ thuật" nên có cấu trúc và nội dung như thế nào để người dùng dễ dàng tìm kiếm thông tin cụ thể?</p>
<ul>
<li>A. Chỉ cần liệt kê tên các câu lạc bộ.</li>
<li>B. Chỉ hiển thị hình ảnh về các hoạt động.</li>
<li>C. Chứa toàn bộ nội dung của trang chủ.</li>
<li><strong>D. Cung cấp thông tin chi tiết (mô tả, lịch, hình ảnh) về từng câu lạc bộ thuộc nhóm.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 7: Trong thiết kế layout sử dụng CSS, nếu bạn muốn tạo khoảng cách giữa viền của một phần tử và nội dung bên trong phần tử đó, bạn sẽ sử dụng thuộc tính nào?</p>
<ul>
<li>A. `margin`</li>
<li><strong>B. `padding`</strong></li>
<li>C. `border`</li>
<li>D. `outline`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 8: Bạn cần thêm một biểu mẫu đăng ký thành viên cho các câu lạc bộ. Biểu mẫu này cần có các trường như Tên, Lớp, Câu lạc bộ muốn tham gia. Trong HTML, nhóm các trường nhập liệu này thường được đặt bên trong thẻ nào?</p>
<ul>
<li><strong>A. `<br />
<form>`</strong></li>
<li>B. `<br />
<table>`</li>
<li>C. `
<div>`</li>
<li>D. `<span>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 9: Khi thiết kế phần "Banner" cho trang web, bạn muốn đặt tiêu đề của trang web lên trên một hình ảnh nền. Để tiêu đề (văn bản) hiển thị rõ ràng trên hình ảnh, bạn có thể sử dụng thuộc tính CSS nào để điều chỉnh màu sắc và kích thước phông chữ của tiêu đề?</p>
<ul>
<li>A. `background-color` và `border-width`</li>
<li>B. `margin` và `padding`</li>
<li><strong>C. `color` và `font-size`</strong></li>
<li>D. `width` và `height`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 10: Website giới thiệu các câu lạc bộ có thể sử dụng các loại tài nguyên đa phương tiện nào để làm cho nội dung thêm phong phú và hấp dẫn?</p>
<ul>
<li>A. Chỉ có văn bản và bảng biểu.</li>
<li>B. Chỉ có âm thanh và hình ảnh.</li>
<li>C. Chỉ có văn bản và video.</li>
<li><strong>D. Hình ảnh và video.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 11: Bạn đang xem xét cấu trúc HTML của một trang và thấy các thẻ như `</p>
<header>`, `<main>`, `</p>
<footer>`. Việc sử dụng các thẻ này thay vì chỉ dùng `</p>
<div>` cho mọi thứ có ý nghĩa gì trong thiết kế web hiện đại?</p>
<ul>
<li><strong>A. Giúp mã nguồn dễ đọc, dễ hiểu và cải thiện khả năng truy cập (accessibility) và SEO.</strong></li>
<li>B. Tự động áp dụng một số kiểu dáng mặc định đẹp mắt hơn.</li>
<li>C. Chỉ đơn thuần là cách đặt tên khác cho thẻ `
<div>` và không có ý nghĩa đặc biệt.</li>
<li>D. Bắt buộc phải sử dụng để trang web hiển thị được trên mọi trình duyệt.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 12: Khi thiết kế giao diện cho các "thẻ" thông tin câu lạc bộ (mỗi thẻ chứa ảnh, tên, mô tả), bạn muốn các thẻ này hiển thị theo dạng lưới (grid) với số lượng cột thay đổi tùy thuộc vào kích thước màn hình. Kỹ thuật CSS nào là lựa chọn hiệu quả nhất để xây dựng layout lưới linh hoạt như vậy?</p>
<ul>
<li>A. Chỉ sử dụng thuộc tính `float: left;` cho các thẻ.</li>
<li>B. Sử dụng bảng (`<br />
<table>`) trong HTML.</li>
<li><strong>C. Sử dụng CSS Grid Layout hoặc Flexbox kết hợp với Media Queries.</strong></li>
<li>D. Đặt mỗi thẻ trong một dòng riêng biệt bằng thẻ `<br />`.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 13: Giả sử bạn đã định nghĩa một lớp CSS `.highlight` với thuộc tính `background-color: yellow;`. Nếu bạn muốn áp dụng lớp này cho một đoạn văn bản cụ thể trong một thẻ `</p>
<p>`, bạn sẽ viết HTML như thế nào?</p>
<ul>
<li><strong>B. </strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 14: Khi thiết kế phần cuối trang (`</p>
<footer>`), nội dung thường bao gồm thông tin bản quyền, liên kết mạng xã hội, hoặc thông tin liên hệ. Về mặt định dạng CSS, phần footer thường được đặt ở vị trí nào của trang và có kiểu dáng đặc trưng gì?</p>
<ul>
<li><strong>A. Thường nằm ở cuối mỗi trang và có thể có màu nền hoặc đường phân cách.</strong></li>
<li>B. Luôn cố định ở đầu trang khi cuộn chuột.</li>
<li>C. Chỉ hiển thị trên trang chủ.</li>
<li>D. Không được phép chứa liên kết điều hướng.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 15: Bạn nhận thấy rằng các tiêu đề phụ (`</p>
<h2>`, `</p>
<h3>`) trên các trang câu lạc bộ có kích thước và màu sắc khác nhau, mặc dù bạn muốn chúng trông giống nhau để tạo sự nhất quán. Vấn đề này có thể do nguyên nhân nào sau đây?</p>
<ul>
<li>A. Các thẻ HTML cho tiêu đề phụ được viết sai cú pháp.</li>
<li><strong>B. Các trang khác nhau đang liên kết đến các tệp tin CSS khác nhau hoặc không liên kết đến tệp CSS chung.</strong></li>
<li>C. Độ phân giải màn hình của người dùng khác nhau.</li>
<li>D. Trình duyệt web của người dùng đã cũ.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 16: Khi thiết kế một phần tử (ví dụ: một khối nội dung), thuộc tính CSS nào được sử dụng để xác định màu nền của phần tử đó?</p>
<ul>
<li>A. `color`</li>
<li>B. `border-color`</li>
<li>C. `text-decoration-color`</li>
<li><strong>D. `background-color`</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 17: Bạn muốn thêm một khoảng trống giữa hai khối nội dung nằm cạnh nhau theo chiều ngang. Thuộc tính CSS nào trên một trong hai khối (hoặc cả hai) hoặc trên phần tử container của chúng có thể được sử dụng để tạo khoảng trống này <i>bên ngoài</i> viền của khối?</p>
<ul>
<li><strong>A. `margin`</strong></li>
<li>B. `padding`</li>
<li>C. `border`</li>
<li>D. `outline`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 18: Giả sử bạn có một danh sách các câu lạc bộ được hiển thị dưới dạng các mục danh sách (`</p>
<li>`) trong một thẻ `
<ul>`. Bạn muốn loại bỏ các dấu chấm (bullet points) mặc định trước mỗi mục danh sách. Thuộc tính CSS nào trên thẻ `</p>
<ul>` hoặc `</p>
<li>` sẽ giúp bạn làm điều này?
<ul>
<li>A. `text-decoration: none;`</li>
<li>B. `display: inline;`</li>
<li><strong>C. `list-style-type: none;`</strong></li>
<li>D. `float: left;`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 19: Khi thiết kế một trang web, việc sử dụng các hình ảnh có dung lượng quá lớn có thể gây ra vấn đề gì nghiêm trọng nhất?</p>
<ul>
<li>A. Làm méo mó giao diện trang web.</li>
<li><strong>B. Làm chậm tốc độ tải trang.</strong></li>
<li>C. Gây lỗi hiển thị trên các trình duyệt cũ.</li>
<li>D. Ảnh hưởng đến thứ hạng SEO của trang.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 20: Bạn muốn áp dụng một kiểu định dạng (ví dụ: chữ in đậm, màu đỏ) cho tất cả các đoạn văn bản nằm trong phần nội dung chính của trang (`<main>`). Selector CSS nào là phù hợp nhất để nhắm mục tiêu đến tất cả các thẻ `</p>
<p>` chỉ nằm trong thẻ `<main>`?</p>
<ul>
<li><strong>A. `main p`</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 21: Giả sử bạn đã tạo một trang HTML cho "Câu lạc bộ Cờ Vua" (`covua.html`). Để liên kết từ trang chủ đến trang này, bạn sẽ sử dụng thẻ HTML nào và thuộc tính nào để chỉ định địa chỉ của trang đích?</p>
<ul>
<li>A. `<link src=</li>
<li>B. `<button url=</li>
<li>C. `<img> href=</li>
<li><strong>D. `<a href=</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 22: Khi thiết kế layout, việc sử dụng `</p>
<div>` một cách hợp lý để nhóm các phần tử có liên quan (ví dụ: nhóm ảnh và mô tả của một câu lạc bộ) có lợi ích gì về mặt cấu trúc và định dạng CSS?</p>
<ul>
<li>A. Tự động tạo ra các đường viền xung quanh nhóm.</li>
<li>B. Làm cho nội dung bên trong `div` tự động căn giữa.</li>
<li>C. Giúp nhóm các phần tử để dễ dàng áp dụng định dạng CSS chung và quản lý cấu trúc.</li>
<li>D. Bắt buộc phải có để hình ảnh hiển thị được.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 23: Bạn muốn tạo một hiệu ứng đơn giản: khi người dùng di chuột qua một liên kết trong menu điều hướng, màu chữ của liên kết đó sẽ thay đổi. Kỹ thuật CSS nào cho phép bạn áp dụng kiểu dáng đặc biệt cho các trạng thái tương tác của phần tử (như khi di chuột qua)?</p>
<ul>
<li>A. Sử dụng JavaScript để thay đổi kiểu dáng.</li>
<li><strong>B. Sử dụng Pseudo-classes như `:hover` trong CSS.</strong></li>
<li>C. Áp dụng thuộc tính `opacity`.</li>
<li>D. Sử dụng thuộc tính `transform`.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 24: Khi thiết kế một trang web, tại sao việc đặt tên các tệp HTML, CSS, và thư mục chứa hình ảnh, video một cách khoa học và nhất quán lại quan trọng?</p>
<ul>
<li><strong>A. Giúp quản lý dự án dễ dàng, tìm kiếm tệp nhanh chóng và thuận lợi cho việc bảo trì.</strong></li>
<li>B. Tự động cải thiện tốc độ tải trang.</li>
<li>C. Là yêu cầu bắt buộc của tất cả các trình duyệt web.</li>
<li>D. Ngăn chặn người khác sao chép mã nguồn của bạn.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 25: Bạn đã sử dụng thuộc tính `width: 50%;` cho một khối nội dung. Điều này có ý nghĩa gì về kích thước của khối đó trên các màn hình khác nhau?</p>
<ul>
<li>A. Khối sẽ luôn có chiều rộng cố định là 50 pixel.</li>
<li><strong>B. Khối sẽ chiếm 50% chiều rộng của phần tử chứa nó và có thể co giãn theo màn hình.</strong></li>
<li>C. Khối sẽ chiếm 50% chiều cao của màn hình.</li>
<li>D. Thuộc tính này chỉ có tác dụng khi xem trên điện thoại di động.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 26: Để làm cho trang web giới thiệu câu lạc bộ trở nên sinh động hơn, bạn muốn nhúng một video giới thiệu từ YouTube vào trang. Thẻ HTML nào thường được sử dụng để nhúng nội dung từ nguồn bên ngoài (như video, bản đồ)?</p>
<ul>
<li>A. `<video>`</li>
<li>B. `<embed>`</li>
<li><strong>C. `<iframe>`</strong></li>
<li>D. `<source>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 27: Bạn đã thiết kế xong giao diện trang web trên máy tính. Tuy nhiên, khi xem trên điện thoại di động, các khối nội dung bị chồng chéo và menu điều hướng rất khó sử dụng. Vấn đề này cho thấy website của bạn chưa đáp ứng được nguyên tắc thiết kế nào?</p>
<ul>
<li><strong>A. Responsive Design (Thiết kế đáp ứng)</strong></li>
<li>B. Semantic HTML (HTML ngữ nghĩa)</li>
<li>C. Accessibility (Khả năng truy cập)</li>
<li>D. SEO (Tối ưu hóa công cụ tìm kiếm)</li>
</ul>
</div>
<div class="question-block">
<p>Câu 28: Trong tệp CSS, bạn thấy một đoạn mã bắt đầu bằng `/<i>` và kết thúc bằng `</i>/`. Mục đích của đoạn mã này là gì?</p>
<ul>
<li>A. Định nghĩa một lớp CSS mới.</li>
<li>B. Áp dụng một kiểu dáng đặc biệt cho phần tử.</li>
<li>C. Tạo ra một khối nội dung ẩn.</li>
<li><strong>D. Viết chú thích trong mã nguồn CSS.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 29: Bạn muốn thêm một đường viền màu xanh xung quanh tất cả các hình ảnh trong phần nội dung chính của trang. Selector và thuộc tính CSS nào sau đây sẽ giúp bạn thực hiện điều đó?</p>
<ul>
<li><strong>A. `main img { border: ...; }`</strong></li>
<li>B. `img main { border: ...; }`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 30: Khi thiết kế trang web, việc sử dụng các phần tử HTML có ngữ nghĩa (semantic HTML) như `</p>
<nav>`, `</p>
<article>`, `</p>
<aside>` thay vì chỉ dùng `</p>
<div>` mọi nơi mang lại lợi ích gì cho việc tổ chức nội dung?</p>
<ul>
<li>A. Làm cho trang web tự động có giao diện đẹp hơn.</li>
<li>B. Giảm dung lượng tệp HTML.</li>
<li><strong>C. Làm cho cấu trúc nội dung rõ ràng, dễ hiểu cho cả người và máy, hỗ trợ khả năng truy cập và SEO.</strong></li>
<li>D. Tự động tạo hiệu ứng động cho các phần tử.</li>
</ul>
</div>
</div>
<input type='hidden' name='ays_quiz_id' value='27795'/>
<input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-18-thuc-hanh-tong-hop-thiet-ke-trang-web-ket-noi-tri-thuc/'/>
<input type='hidden' name='ays_quiz_questions' value='829428,829429,829430,829431,829432,829433,829434,829435,829436,829437,829438,829439,829440,829441,829442,829443,829444,829445,829446,829447,829448,829449,829450,829451,829452,829453,829454,829455,829456,829457'>
</div>
</div><div class='step '
data-question-id='829428'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>1 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 1: Khi thiết kế trang web tổng hợp giới thiệu các câu lạc bộ theo bài học, tại sao việc sử dụng cùng một tệp tin CSS bên ngoài (.css) cho tất cả các trang (trang chủ, trang câu lạc bộ thể thao, trang câu lạc bộ nghệ thuật) lại được khuyến khích?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829428]' id='ays-answer-3347541-27795' value='3347541'/>
<label for='ays-answer-3347541-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp trang web tải nhanh hơn do trình duyệt chỉ cần tải tệp CSS một lần.</label><label for='ays-answer-3347541-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829428]' id='ays-answer-3239061-27795' value='3239061'/>
<label for='ays-answer-3239061-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp trang web tải nhanh hơn do trình duyệt chỉ cần tải tệp CSS một lần.</label><label for='ays-answer-3239061-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829428]' id='ays-answer-3347542-27795' value='3347542'/>
<label for='ays-answer-3347542-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng cường bảo mật thông tin trên trang web.</label><label for='ays-answer-3347542-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829428]' id='ays-answer-3239062-27795' value='3239062'/>
<label for='ays-answer-3239062-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng cường bảo mật thông tin trên trang web.</label><label for='ays-answer-3239062-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829428]' id='ays-answer-3347543-27795' value='3347543'/>
<label for='ays-answer-3347543-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Mỗi trang có thể có giao diện hoàn toàn khác biệt.</label><label for='ays-answer-3347543-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829428]' id='ays-answer-3239063-27795' value='3239063'/>
<label for='ays-answer-3239063-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Mỗi trang có thể có giao diện hoàn toàn khác biệt.</label><label for='ays-answer-3239063-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829428]' id='ays-answer-3347544-27795' value='3347544'/>
<label for='ays-answer-3347544-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Đảm bảo sự nhất quán về giao diện và dễ dàng cập nhật thiết kế chung.</label><label for='ays-answer-3347544-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829428]' id='ays-answer-3239064-27795' value='3239064'/>
<label for='ays-answer-3239064-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Đảm bảo sự nhất quán về giao diện và dễ dàng cập nhật thiết kế chung.</label><label for='ays-answer-3239064-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829428'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzU0MSI6IjAiLCIzMjM5MDYxIjoiMCIsIjMzNDc1NDIiOiIwIiwiMzIzOTA2MiI6IjAiLCIzMzQ3NTQzIjoiMCIsIjMyMzkwNjMiOiIwIiwiMzM0NzU0NCI6IjEiLCIzMjM5MDY0IjoiMSJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Việc liên kết tất cả các trang HTML đến cùng một tệp CSS bên ngoài giúp áp dụng một phong cách thiết kế thống nhất cho toàn bộ website, tạo sự chuyên nghiệp và dễ dàng quản lý, cập nhật khi cần thay đổi giao diện.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829429'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>2 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 2: Bạn muốn thiết kế phần 'Slogan' của trang chủ sao cho hiển thị ba đoạn văn bản (hoặc hình ảnh nhỏ) nằm cạnh nhau theo chiều ngang, chia đều không gian. Dựa trên nguyên tắc thiết kế web cơ bản, bạn sẽ sử dụng thuộc tính CSS nào hoặc kỹ thuật layout nào để đạt được mục tiêu này cho container chứa ba phần tử đó?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829429]' id='ays-answer-3347545-27795' value='3347545'/>
<label for='ays-answer-3347545-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng `display: flex;` hoặc `display: grid;` cho phần tử container.</label><label for='ays-answer-3347545-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829429]' id='ays-answer-3239065-27795' value='3239065'/>
<label for='ays-answer-3239065-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng `display: flex;` hoặc `display: grid;` cho phần tử container.</label><label for='ays-answer-3239065-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829429]' id='ays-answer-3347546-27795' value='3347546'/>
<label for='ays-answer-3347546-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng thuộc tính `text-align: center;` cho từng phần tử con.</label><label for='ays-answer-3347546-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829429]' id='ays-answer-3239066-27795' value='3239066'/>
<label for='ays-answer-3239066-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng thuộc tính `text-align: center;` cho từng phần tử con.</label><label for='ays-answer-3239066-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829429]' id='ays-answer-3347547-27795' value='3347547'/>
<label for='ays-answer-3347547-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `float: left;` cho phần tử container.</label><label for='ays-answer-3347547-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829429]' id='ays-answer-3239067-27795' value='3239067'/>
<label for='ays-answer-3239067-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `float: left;` cho phần tử container.</label><label for='ays-answer-3239067-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829429]' id='ays-answer-3347548-27795' value='3347548'/>
<label for='ays-answer-3347548-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt mỗi phần tử con trong một thẻ `<br>` riêng biệt.</label><label for='ays-answer-3347548-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829429]' id='ays-answer-3239068-27795' value='3239068'/>
<label for='ays-answer-3239068-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt mỗi phần tử con trong một thẻ `<br>` riêng biệt.</label><label for='ays-answer-3239068-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829429'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzU0NSI6IjEiLCIzMjM5MDY1IjoiMSIsIjMzNDc1NDYiOiIwIiwiMzIzOTA2NiI6IjAiLCIzMzQ3NTQ3IjoiMCIsIjMyMzkwNjciOiIwIiwiMzM0NzU0OCI6IjAiLCIzMjM5MDY4IjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Để xếp các phần tử con (như div chứa slogan) theo chiều ngang trong một container, các thuộc tính display như `flex` hoặc `grid` là các kỹ thuật layout hiện đại và phổ biến. Thuộc tính `display: flex;` trên container sẽ biến các phần tử con trực tiếp thành các item trong flex container, cho phép điều khiển hướng và căn chỉnh dễ dàng.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829430'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>3 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 3: Trong cấu trúc HTML của một trang web, phần nào thường chứa các liên kết điều hướng (menu) giúp người dùng di chuyển giữa các trang khác nhau (Trang chủ, Câu lạc bộ Thể thao, Câu lạc bộ Nghệ thuật)?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829430]' id='ays-answer-3347549-27795' value='3347549'/>
<label for='ays-answer-3347549-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Trong phần cuối trang (`<footer>`).</label><label for='ays-answer-3347549-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829430]' id='ays-answer-3239069-27795' value='3239069'/>
<label for='ays-answer-3239069-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Trong phần cuối trang (`<footer>`).</label><label for='ays-answer-3239069-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829430]' id='ays-answer-3347550-27795' value='3347550'/>
<label for='ays-answer-3347550-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Trong phần đầu trang (`<header>`) hoặc ngay dưới.</label><label for='ays-answer-3347550-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829430]' id='ays-answer-3239070-27795' value='3239070'/>
<label for='ays-answer-3239070-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Trong phần đầu trang (`<header>`) hoặc ngay dưới.</label><label for='ays-answer-3239070-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829430]' id='ays-answer-3347551-27795' value='3347551'/>
<label for='ays-answer-3347551-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Trong phần nội dung chính (`<main>`).</label><label for='ays-answer-3347551-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829430]' id='ays-answer-3239071-27795' value='3239071'/>
<label for='ays-answer-3239071-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Trong phần nội dung chính (`<main>`).</label><label for='ays-answer-3239071-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829430]' id='ays-answer-3347552-27795' value='3347552'/>
<label for='ays-answer-3347552-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Trong thẻ `<title>` của trang.</label><label for='ays-answer-3347552-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829430]' id='ays-answer-3239072-27795' value='3239072'/>
<label for='ays-answer-3239072-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Trong thẻ `<title>` của trang.</label><label for='ays-answer-3239072-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829430'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzU0OSI6IjAiLCIzMjM5MDY5IjoiMCIsIjMzNDc1NTAiOiIxIiwiMzIzOTA3MCI6IjEiLCIzMzQ3NTUxIjoiMCIsIjMyMzkwNzEiOiIwIiwiMzM0NzU1MiI6IjAiLCIzMjM5MDcyIjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Theo cấu trúc trang web thông thường và nguyên tắc ngữ nghĩa của HTML5, phần chứa các liên kết điều hướng chính của trang web thường được đặt trong thẻ `</p>
<nav>` và thường nằm trong phần đầu trang (`</p>
<header>`) hoặc ngay dưới phần đầu trang.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829431'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>4 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 4: Bạn đã tạo một lớp CSS có tên `.club-card` để định dạng hiển thị thông tin của từng câu lạc bộ (ví dụ: có viền, nền màu nhạt, khoảng cách lề). Nếu bạn muốn áp dụng định dạng này cho một khối nội dung cụ thể trong HTML, bạn sẽ sử dụng thuộc tính nào trong thẻ HTML của khối đó?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829431]' id='ays-answer-3347553-27795' value='3347553'/>
<label for='ays-answer-3347553-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`id="club-card"`</label><label for='ays-answer-3347553-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829431]' id='ays-answer-3239073-27795' value='3239073'/>
<label for='ays-answer-3239073-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`id="club-card"`</label><label for='ays-answer-3239073-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829431]' id='ays-answer-3347554-27795' value='3347554'/>
<label for='ays-answer-3347554-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`style="club-card"`</label><label for='ays-answer-3347554-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829431]' id='ays-answer-3239074-27795' value='3239074'/>
<label for='ays-answer-3239074-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`style="club-card"`</label><label for='ays-answer-3239074-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829431]' id='ays-answer-3347555-27795' value='3347555'/>
<label for='ays-answer-3347555-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`class="club-card"`</label><label for='ays-answer-3347555-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829431]' id='ays-answer-3239075-27795' value='3239075'/>
<label for='ays-answer-3239075-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`class="club-card"`</label><label for='ays-answer-3239075-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829431]' id='ays-answer-3347556-27795' value='3347556'/>
<label for='ays-answer-3347556-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`name="club-card"`</label><label for='ays-answer-3347556-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829431]' id='ays-answer-3239076-27795' value='3239076'/>
<label for='ays-answer-3239076-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`name="club-card"`</label><label for='ays-answer-3239076-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829431'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzU1MyI6IjAiLCIzMjM5MDczIjoiMCIsIjMzNDc1NTQiOiIwIiwiMzIzOTA3NCI6IjAiLCIzMzQ3NTU1IjoiMSIsIjMyMzkwNzUiOiIxIiwiMzM0NzU1NiI6IjAiLCIzMjM5MDc2IjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Trong HTML, thuộc tính `class` được sử dụng để gán một hoặc nhiều lớp CSS cho một phần tử. Điều này cho phép áp dụng các quy tắc định dạng đã định nghĩa trong tệp CSS cho phần tử đó.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829432'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>5 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 5: Giả sử bạn có một hình ảnh trong phần 'Banner' của trang web. Bạn muốn hình ảnh này tự động co giãn theo chiều rộng của màn hình trình duyệt nhưng vẫn giữ nguyên tỷ lệ khung hình để không bị méo. Thuộc tính CSS nào là quan trọng nhất để đạt được hiệu quả này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829432]' id='ays-answer-3347557-27795' value='3347557'/>
<label for='ays-answer-3347557-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`max-width: 100%; height: auto;`</label><label for='ays-answer-3347557-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829432]' id='ays-answer-3239077-27795' value='3239077'/>
<label for='ays-answer-3239077-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`max-width: 100%; height: auto;`</label><label for='ays-answer-3239077-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829432]' id='ays-answer-3347558-27795' value='3347558'/>
<label for='ays-answer-3347558-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`width: 100%; height: 100%;`</label><label for='ays-answer-3347558-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829432]' id='ays-answer-3239078-27795' value='3239078'/>
<label for='ays-answer-3239078-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`width: 100%; height: 100%;`</label><label for='ays-answer-3239078-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829432]' id='ays-answer-3347559-27795' value='3347559'/>
<label for='ays-answer-3347559-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`display: block; float: left;`</label><label for='ays-answer-3347559-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829432]' id='ays-answer-3239079-27795' value='3239079'/>
<label for='ays-answer-3239079-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`display: block; float: left;`</label><label for='ays-answer-3239079-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829432]' id='ays-answer-3347560-27795' value='3347560'/>
<label for='ays-answer-3347560-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`object-fit: cover;` (chỉ đủ trong một số trường hợp, không hiệu quả bằng cách kết hợp width/height auto)</label><label for='ays-answer-3347560-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829432]' id='ays-answer-3239080-27795' value='3239080'/>
<label for='ays-answer-3239080-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`object-fit: cover;` (chỉ đủ trong một số trường hợp, không hiệu quả bằng cách kết hợp width/height auto)</label><label for='ays-answer-3239080-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829432'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzU1NyI6IjEiLCIzMjM5MDc3IjoiMSIsIjMzNDc1NTgiOiIwIiwiMzIzOTA3OCI6IjAiLCIzMzQ3NTU5IjoiMCIsIjMyMzkwNzkiOiIwIiwiMzM0NzU2MCI6IjAiLCIzMjM5MDgwIjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Để hình ảnh co giãn theo chiều rộng container mà không bị méo, bạn cần đặt `max-width: 100%;` và `height: auto;`. `max-width: 100%;` đảm bảo hình ảnh không vượt quá chiều rộng của phần tử chứa nó, và `height: auto;` tự động điều chỉnh chiều cao để duy trì tỷ lệ khung hình ban đầu.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829433'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>6 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 6: Trang 'Giới thiệu các câu lạc bộ thể thao' và 'Giới thiệu các câu lạc bộ nghệ thuật' nên có cấu trúc và nội dung như thế nào để người dùng dễ dàng tìm kiếm thông tin cụ thể?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829433]' id='ays-answer-3347561-27795' value='3347561'/>
<label for='ays-answer-3347561-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần liệt kê tên các câu lạc bộ.</label><label for='ays-answer-3347561-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829433]' id='ays-answer-3239081-27795' value='3239081'/>
<label for='ays-answer-3239081-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần liệt kê tên các câu lạc bộ.</label><label for='ays-answer-3239081-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829433]' id='ays-answer-3347562-27795' value='3347562'/>
<label for='ays-answer-3347562-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ hiển thị hình ảnh về các hoạt động.</label><label for='ays-answer-3347562-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829433]' id='ays-answer-3239082-27795' value='3239082'/>
<label for='ays-answer-3239082-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ hiển thị hình ảnh về các hoạt động.</label><label for='ays-answer-3239082-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829433]' id='ays-answer-3347563-27795' value='3347563'/>
<label for='ays-answer-3347563-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Chứa toàn bộ nội dung của trang chủ.</label><label for='ays-answer-3347563-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829433]' id='ays-answer-3239083-27795' value='3239083'/>
<label for='ays-answer-3239083-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Chứa toàn bộ nội dung của trang chủ.</label><label for='ays-answer-3239083-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829433]' id='ays-answer-3347564-27795' value='3347564'/>
<label for='ays-answer-3347564-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Cung cấp thông tin chi tiết (mô tả, lịch, hình ảnh) về từng câu lạc bộ thuộc nhóm.</label><label for='ays-answer-3347564-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829433]' id='ays-answer-3239084-27795' value='3239084'/>
<label for='ays-answer-3239084-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Cung cấp thông tin chi tiết (mô tả, lịch, hình ảnh) về từng câu lạc bộ thuộc nhóm.</label><label for='ays-answer-3239084-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829433'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzU2MSI6IjAiLCIzMjM5MDgxIjoiMCIsIjMzNDc1NjIiOiIwIiwiMzIzOTA4MiI6IjAiLCIzMzQ3NTYzIjoiMCIsIjMyMzkwODMiOiIwIiwiMzM0NzU2NCI6IjEiLCIzMjM5MDg0IjoiMSJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Các trang giới thiệu câu lạc bộ nên cung cấp thông tin chi tiết về từng câu lạc bộ thuộc nhóm đó, bao gồm tên, mô tả, lịch hoạt động, địa điểm, hình ảnh/video minh họa và có thể là thông tin liên hệ hoặc liên kết đăng ký.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829434'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>7 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 7: Trong thiết kế layout sử dụng CSS, nếu bạn muốn tạo khoảng cách giữa viền của một phần tử và nội dung bên trong phần tử đó, bạn sẽ sử dụng thuộc tính nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829434]' id='ays-answer-3347565-27795' value='3347565'/>
<label for='ays-answer-3347565-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`margin`</label><label for='ays-answer-3347565-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829434]' id='ays-answer-3239085-27795' value='3239085'/>
<label for='ays-answer-3239085-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`margin`</label><label for='ays-answer-3239085-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829434]' id='ays-answer-3347566-27795' value='3347566'/>
<label for='ays-answer-3347566-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`padding`</label><label for='ays-answer-3347566-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829434]' id='ays-answer-3239086-27795' value='3239086'/>
<label for='ays-answer-3239086-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`padding`</label><label for='ays-answer-3239086-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829434]' id='ays-answer-3347567-27795' value='3347567'/>
<label for='ays-answer-3347567-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`border`</label><label for='ays-answer-3347567-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829434]' id='ays-answer-3239087-27795' value='3239087'/>
<label for='ays-answer-3239087-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`border`</label><label for='ays-answer-3239087-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829434]' id='ays-answer-3347568-27795' value='3347568'/>
<label for='ays-answer-3347568-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`outline`</label><label for='ays-answer-3347568-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829434]' id='ays-answer-3239088-27795' value='3239088'/>
<label for='ays-answer-3239088-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`outline`</label><label for='ays-answer-3239088-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829434'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzU2NSI6IjAiLCIzMjM5MDg1IjoiMCIsIjMzNDc1NjYiOiIxIiwiMzIzOTA4NiI6IjEiLCIzMzQ3NTY3IjoiMCIsIjMyMzkwODciOiIwIiwiMzM0NzU2OCI6IjAiLCIzMjM5MDg4IjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `padding` trong CSS được sử dụng để tạo không gian bên trong viền của một phần tử, giữa viền và nội dung của phần tử đó. `margin` tạo khoảng cách bên ngoài viền.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829435'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>8 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 8: Bạn cần thêm một biểu mẫu đăng ký thành viên cho các câu lạc bộ. Biểu mẫu này cần có các trường như Tên, Lớp, Câu lạc bộ muốn tham gia. Trong HTML, nhóm các trường nhập liệu này thường được đặt bên trong thẻ nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829435]' id='ays-answer-3347569-27795' value='3347569'/>
<label for='ays-answer-3347569-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<form>`</label><label for='ays-answer-3347569-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829435]' id='ays-answer-3239089-27795' value='3239089'/>
<label for='ays-answer-3239089-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<form>`</label><label for='ays-answer-3239089-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829435]' id='ays-answer-3347570-27795' value='3347570'/>
<label for='ays-answer-3347570-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<table>`</label><label for='ays-answer-3347570-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829435]' id='ays-answer-3239090-27795' value='3239090'/>
<label for='ays-answer-3239090-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<table>`</label><label for='ays-answer-3239090-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829435]' id='ays-answer-3347571-27795' value='3347571'/>
<label for='ays-answer-3347571-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<div>`</label><label for='ays-answer-3347571-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829435]' id='ays-answer-3239091-27795' value='3239091'/>
<label for='ays-answer-3239091-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<div>`</label><label for='ays-answer-3239091-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829435]' id='ays-answer-3347572-27795' value='3347572'/>
<label for='ays-answer-3347572-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<span>`</label><label for='ays-answer-3347572-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829435]' id='ays-answer-3239092-27795' value='3239092'/>
<label for='ays-answer-3239092-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<span>`</label><label for='ays-answer-3239092-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829435'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzU2OSI6IjEiLCIzMjM5MDg5IjoiMSIsIjMzNDc1NzAiOiIwIiwiMzIzOTA5MCI6IjAiLCIzMzQ3NTcxIjoiMCIsIjMyMzkwOTEiOiIwIiwiMzM0NzU3MiI6IjAiLCIzMjM5MDkyIjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `</p>
<form>` trong HTML được sử dụng để tạo ra một biểu mẫu tương tác. Tất cả các trường nhập liệu (input, textarea, select, button...) thuộc về biểu mẫu đó đều được đặt bên trong thẻ `</p>
<form>`. </p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829436'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>9 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 9: Khi thiết kế phần 'Banner' cho trang web, bạn muốn đặt tiêu đề của trang web lên trên một hình ảnh nền. Để tiêu đề (văn bản) hiển thị rõ ràng trên hình ảnh, bạn có thể sử dụng thuộc tính CSS nào để điều chỉnh màu sắc và kích thước phông chữ của tiêu đề?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829436]' id='ays-answer-3347573-27795' value='3347573'/>
<label for='ays-answer-3347573-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`background-color` và `border-width`</label><label for='ays-answer-3347573-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829436]' id='ays-answer-3239093-27795' value='3239093'/>
<label for='ays-answer-3239093-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`background-color` và `border-width`</label><label for='ays-answer-3239093-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829436]' id='ays-answer-3347574-27795' value='3347574'/>
<label for='ays-answer-3347574-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`margin` và `padding`</label><label for='ays-answer-3347574-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829436]' id='ays-answer-3239094-27795' value='3239094'/>
<label for='ays-answer-3239094-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`margin` và `padding`</label><label for='ays-answer-3239094-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829436]' id='ays-answer-3347575-27795' value='3347575'/>
<label for='ays-answer-3347575-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`color` và `font-size`</label><label for='ays-answer-3347575-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829436]' id='ays-answer-3239095-27795' value='3239095'/>
<label for='ays-answer-3239095-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`color` và `font-size`</label><label for='ays-answer-3239095-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829436]' id='ays-answer-3347576-27795' value='3347576'/>
<label for='ays-answer-3347576-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`width` và `height`</label><label for='ays-answer-3347576-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829436]' id='ays-answer-3239096-27795' value='3239096'/>
<label for='ays-answer-3239096-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`width` và `height`</label><label for='ays-answer-3239096-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829436'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzU3MyI6IjAiLCIzMjM5MDkzIjoiMCIsIjMzNDc1NzQiOiIwIiwiMzIzOTA5NCI6IjAiLCIzMzQ3NTc1IjoiMSIsIjMyMzkwOTUiOiIxIiwiMzM0NzU3NiI6IjAiLCIzMjM5MDk2IjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `color` trong CSS dùng để đặt màu cho văn bản, và `font-size` dùng để đặt kích thước cho phông chữ. Đây là hai thuộc tính cơ bản để định dạng hiển thị của tiêu đề.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829437'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>10 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 10: Website giới thiệu các câu lạc bộ có thể sử dụng các loại tài nguyên đa phương tiện nào để làm cho nội dung thêm phong phú và hấp dẫn?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829437]' id='ays-answer-3347577-27795' value='3347577'/>
<label for='ays-answer-3347577-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có văn bản và bảng biểu.</label><label for='ays-answer-3347577-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829437]' id='ays-answer-3239097-27795' value='3239097'/>
<label for='ays-answer-3239097-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có văn bản và bảng biểu.</label><label for='ays-answer-3239097-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829437]' id='ays-answer-3347578-27795' value='3347578'/>
<label for='ays-answer-3347578-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có âm thanh và hình ảnh.</label><label for='ays-answer-3347578-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829437]' id='ays-answer-3239098-27795' value='3239098'/>
<label for='ays-answer-3239098-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có âm thanh và hình ảnh.</label><label for='ays-answer-3239098-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829437]' id='ays-answer-3347579-27795' value='3347579'/>
<label for='ays-answer-3347579-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có văn bản và video.</label><label for='ays-answer-3347579-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829437]' id='ays-answer-3239099-27795' value='3239099'/>
<label for='ays-answer-3239099-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có văn bản và video.</label><label for='ays-answer-3239099-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829437]' id='ays-answer-3347580-27795' value='3347580'/>
<label for='ays-answer-3347580-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Hình ảnh và video.</label><label for='ays-answer-3347580-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829437]' id='ays-answer-3239100-27795' value='3239100'/>
<label for='ays-answer-3239100-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Hình ảnh và video.</label><label for='ays-answer-3239100-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829437'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzU3NyI6IjAiLCIzMjM5MDk3IjoiMCIsIjMzNDc1NzgiOiIwIiwiMzIzOTA5OCI6IjAiLCIzMzQ3NTc5IjoiMCIsIjMyMzkwOTkiOiIwIiwiMzM0NzU4MCI6IjEiLCIzMjM5MTAwIjoiMSJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Để minh họa và làm phong phú nội dung website, ngoài văn bản, hình ảnh (`<img>`) và video (`<video>`) là hai loại tài nguyên đa phương tiện phổ biến và hiệu quả nhất.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829438'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>11 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 11: Bạn đang xem xét cấu trúc HTML của một trang và thấy các thẻ như `</p>
<header>`, `<main>`, `</p>
<footer>`. Việc sử dụng các thẻ này thay vì chỉ dùng `</p>
<div>` cho mọi thứ có ý nghĩa gì trong thiết kế web hiện đại?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829438]' id='ays-answer-3347581-27795' value='3347581'/>
<label for='ays-answer-3347581-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp mã nguồn dễ đọc, dễ hiểu và cải thiện khả năng truy cập (accessibility) và SEO.</label><label for='ays-answer-3347581-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829438]' id='ays-answer-3239101-27795' value='3239101'/>
<label for='ays-answer-3239101-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp mã nguồn dễ đọc, dễ hiểu và cải thiện khả năng truy cập (accessibility) và SEO.</label><label for='ays-answer-3239101-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829438]' id='ays-answer-3347582-27795' value='3347582'/>
<label for='ays-answer-3347582-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động áp dụng một số kiểu dáng mặc định đẹp mắt hơn.</label><label for='ays-answer-3347582-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829438]' id='ays-answer-3239102-27795' value='3239102'/>
<label for='ays-answer-3239102-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động áp dụng một số kiểu dáng mặc định đẹp mắt hơn.</label><label for='ays-answer-3239102-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829438]' id='ays-answer-3347583-27795' value='3347583'/>
<label for='ays-answer-3347583-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ đơn thuần là cách đặt tên khác cho thẻ `<div>` và không có ý nghĩa đặc biệt.</label><label for='ays-answer-3347583-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829438]' id='ays-answer-3239103-27795' value='3239103'/>
<label for='ays-answer-3239103-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ đơn thuần là cách đặt tên khác cho thẻ `<div>` và không có ý nghĩa đặc biệt.</label><label for='ays-answer-3239103-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829438]' id='ays-answer-3347584-27795' value='3347584'/>
<label for='ays-answer-3347584-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Bắt buộc phải sử dụng để trang web hiển thị được trên mọi trình duyệt.</label><label for='ays-answer-3347584-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829438]' id='ays-answer-3239104-27795' value='3239104'/>
<label for='ays-answer-3239104-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Bắt buộc phải sử dụng để trang web hiển thị được trên mọi trình duyệt.</label><label for='ays-answer-3239104-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829438'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzU4MSI6IjEiLCIzMjM5MTAxIjoiMSIsIjMzNDc1ODIiOiIwIiwiMzIzOTEwMiI6IjAiLCIzMzQ3NTgzIjoiMCIsIjMyMzkxMDMiOiIwIiwiMzM0NzU4NCI6IjAiLCIzMjM5MTA0IjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Các thẻ `</p>
<header>`, `<main>`, `</p>
<footer>`, `</p>
<nav>`, `</p>
<article>`, `</p>
<aside>`... là các thẻ HTML5 có ngữ nghĩa (semantic tags). Chúng giúp xác định rõ vai trò của từng phần trên trang web, làm cho mã nguồn dễ đọc hơn cho cả con người và máy móc (như trình đọc màn hình cho người khuyết tật, công cụ tìm kiếm), cải thiện khả năng truy cập và SEO.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829439'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>12 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 12: Khi thiết kế giao diện cho các 'thẻ' thông tin câu lạc bộ (mỗi thẻ chứa ảnh, tên, mô tả), bạn muốn các thẻ này hiển thị theo dạng lưới (grid) với số lượng cột thay đổi tùy thuộc vào kích thước màn hình. Kỹ thuật CSS nào là lựa chọn hiệu quả nhất để xây dựng layout lưới linh hoạt như vậy?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829439]' id='ays-answer-3347585-27795' value='3347585'/>
<label for='ays-answer-3347585-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ sử dụng thuộc tính `float: left;` cho các thẻ.</label><label for='ays-answer-3347585-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829439]' id='ays-answer-3239105-27795' value='3239105'/>
<label for='ays-answer-3239105-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ sử dụng thuộc tính `float: left;` cho các thẻ.</label><label for='ays-answer-3239105-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829439]' id='ays-answer-3347586-27795' value='3347586'/>
<label for='ays-answer-3347586-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng bảng (`<table>`) trong HTML.</label><label for='ays-answer-3347586-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829439]' id='ays-answer-3239106-27795' value='3239106'/>
<label for='ays-answer-3239106-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng bảng (`<table>`) trong HTML.</label><label for='ays-answer-3239106-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829439]' id='ays-answer-3347587-27795' value='3347587'/>
<label for='ays-answer-3347587-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng CSS Grid Layout hoặc Flexbox kết hợp với Media Queries.</label><label for='ays-answer-3347587-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829439]' id='ays-answer-3239107-27795' value='3239107'/>
<label for='ays-answer-3239107-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng CSS Grid Layout hoặc Flexbox kết hợp với Media Queries.</label><label for='ays-answer-3239107-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829439]' id='ays-answer-3347588-27795' value='3347588'/>
<label for='ays-answer-3347588-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt mỗi thẻ trong một dòng riêng biệt bằng thẻ `<br>`.</label><label for='ays-answer-3347588-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829439]' id='ays-answer-3239108-27795' value='3239108'/>
<label for='ays-answer-3239108-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt mỗi thẻ trong một dòng riêng biệt bằng thẻ `<br>`.</label><label for='ays-answer-3239108-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829439'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzU4NSI6IjAiLCIzMjM5MTA1IjoiMCIsIjMzNDc1ODYiOiIwIiwiMzIzOTEwNiI6IjAiLCIzMzQ3NTg3IjoiMSIsIjMyMzkxMDciOiIxIiwiMzM0NzU4OCI6IjAiLCIzMjM5MTA4IjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>CSS Grid Layout là một hệ thống bố cục hai chiều mạnh mẽ (hàng và cột), rất phù hợp để tạo ra các layout dạng lưới phức tạp và linh hoạt, có thể dễ dàng điều chỉnh số lượng cột dựa trên kích thước màn hình bằng Media Queries.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829440'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>13 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 13: Giả sử bạn đã định nghĩa một lớp CSS `.highlight` với thuộc tính `background-color: yellow;`. Nếu bạn muốn áp dụng lớp này cho một đoạn văn bản cụ thể trong một thẻ `</p>
<p>`, bạn sẽ viết HTML như thế nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829440'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Để áp dụng một lớp CSS cho một phần tử HTML, bạn sử dụng thuộc tính `class` trong thẻ mở của phần tử đó và gán giá trị là tên lớp (không có dấu chấm).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829441'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>14 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 14: Khi thiết kế phần cuối trang (`</p>
<footer>`), nội dung thường bao gồm thông tin bản quyền, liên kết mạng xã hội, hoặc thông tin liên hệ. Về mặt định dạng CSS, phần footer thường được đặt ở vị trí nào của trang và có kiểu dáng đặc trưng gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829441]' id='ays-answer-3347589-27795' value='3347589'/>
<label for='ays-answer-3347589-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Thường nằm ở cuối mỗi trang và có thể có màu nền hoặc đường phân cách.</label><label for='ays-answer-3347589-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829441]' id='ays-answer-3239109-27795' value='3239109'/>
<label for='ays-answer-3239109-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Thường nằm ở cuối mỗi trang và có thể có màu nền hoặc đường phân cách.</label><label for='ays-answer-3239109-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829441]' id='ays-answer-3347590-27795' value='3347590'/>
<label for='ays-answer-3347590-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Luôn cố định ở đầu trang khi cuộn chuột.</label><label for='ays-answer-3347590-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829441]' id='ays-answer-3239110-27795' value='3239110'/>
<label for='ays-answer-3239110-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Luôn cố định ở đầu trang khi cuộn chuột.</label><label for='ays-answer-3239110-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829441]' id='ays-answer-3347591-27795' value='3347591'/>
<label for='ays-answer-3347591-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ hiển thị trên trang chủ.</label><label for='ays-answer-3347591-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829441]' id='ays-answer-3239111-27795' value='3239111'/>
<label for='ays-answer-3239111-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ hiển thị trên trang chủ.</label><label for='ays-answer-3239111-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829441]' id='ays-answer-3347592-27795' value='3347592'/>
<label for='ays-answer-3347592-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Không được phép chứa liên kết điều hướng.</label><label for='ays-answer-3347592-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829441]' id='ays-answer-3239112-27795' value='3239112'/>
<label for='ays-answer-3239112-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Không được phép chứa liên kết điều hướng.</label><label for='ays-answer-3239112-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829441'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzU4OSI6IjEiLCIzMjM5MTA5IjoiMSIsIjMzNDc1OTAiOiIwIiwiMzIzOTExMCI6IjAiLCIzMzQ3NTkxIjoiMCIsIjMyMzkxMTEiOiIwIiwiMzM0NzU5MiI6IjAiLCIzMjM5MTEyIjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Phần cuối trang (footer) theo quy ước thường nằm ở cuối mỗi trang HTML và thường có màu nền khác biệt hoặc đường phân cách để phân biệt với nội dung chính.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829442'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>15 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 15: Bạn nhận thấy rằng các tiêu đề phụ (`</p>
<h2>`, `</p>
<h3>`) trên các trang câu lạc bộ có kích thước và màu sắc khác nhau, mặc dù bạn muốn chúng trông giống nhau để tạo sự nhất quán. Vấn đề này có thể do nguyên nhân nào sau đây?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829442]' id='ays-answer-3347593-27795' value='3347593'/>
<label for='ays-answer-3347593-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Các thẻ HTML cho tiêu đề phụ được viết sai cú pháp.</label><label for='ays-answer-3347593-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829442]' id='ays-answer-3239113-27795' value='3239113'/>
<label for='ays-answer-3239113-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Các thẻ HTML cho tiêu đề phụ được viết sai cú pháp.</label><label for='ays-answer-3239113-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829442]' id='ays-answer-3347594-27795' value='3347594'/>
<label for='ays-answer-3347594-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Các trang khác nhau đang liên kết đến các tệp tin CSS khác nhau hoặc không liên kết đến tệp CSS chung.</label><label for='ays-answer-3347594-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829442]' id='ays-answer-3239114-27795' value='3239114'/>
<label for='ays-answer-3239114-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Các trang khác nhau đang liên kết đến các tệp tin CSS khác nhau hoặc không liên kết đến tệp CSS chung.</label><label for='ays-answer-3239114-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829442]' id='ays-answer-3347595-27795' value='3347595'/>
<label for='ays-answer-3347595-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Độ phân giải màn hình của người dùng khác nhau.</label><label for='ays-answer-3347595-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829442]' id='ays-answer-3239115-27795' value='3239115'/>
<label for='ays-answer-3239115-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Độ phân giải màn hình của người dùng khác nhau.</label><label for='ays-answer-3239115-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829442]' id='ays-answer-3347596-27795' value='3347596'/>
<label for='ays-answer-3347596-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Trình duyệt web của người dùng đã cũ.</label><label for='ays-answer-3347596-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829442]' id='ays-answer-3239116-27795' value='3239116'/>
<label for='ays-answer-3239116-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Trình duyệt web của người dùng đã cũ.</label><label for='ays-answer-3239116-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829442'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzU5MyI6IjAiLCIzMjM5MTEzIjoiMCIsIjMzNDc1OTQiOiIxIiwiMzIzOTExNCI6IjEiLCIzMzQ3NTk1IjoiMCIsIjMyMzkxMTUiOiIwIiwiMzM0NzU5NiI6IjAiLCIzMjM5MTE2IjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Nếu các trang không liên kết đến cùng một tệp CSS hoặc mỗi trang lại sử dụng một tệp CSS khác nhau, thì định dạng chung (như kiểu tiêu đề) sẽ không được áp dụng nhất quán, dẫn đến sự khác biệt về giao diện.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829443'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>16 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 16: Khi thiết kế một phần tử (ví dụ: một khối nội dung), thuộc tính CSS nào được sử dụng để xác định màu nền của phần tử đó?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829443]' id='ays-answer-3347597-27795' value='3347597'/>
<label for='ays-answer-3347597-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`color`</label><label for='ays-answer-3347597-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829443]' id='ays-answer-3239117-27795' value='3239117'/>
<label for='ays-answer-3239117-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`color`</label><label for='ays-answer-3239117-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829443]' id='ays-answer-3347598-27795' value='3347598'/>
<label for='ays-answer-3347598-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`border-color`</label><label for='ays-answer-3347598-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829443]' id='ays-answer-3239118-27795' value='3239118'/>
<label for='ays-answer-3239118-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`border-color`</label><label for='ays-answer-3239118-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829443]' id='ays-answer-3347599-27795' value='3347599'/>
<label for='ays-answer-3347599-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`text-decoration-color`</label><label for='ays-answer-3347599-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829443]' id='ays-answer-3239119-27795' value='3239119'/>
<label for='ays-answer-3239119-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`text-decoration-color`</label><label for='ays-answer-3239119-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829443]' id='ays-answer-3347600-27795' value='3347600'/>
<label for='ays-answer-3347600-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`background-color`</label><label for='ays-answer-3347600-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829443]' id='ays-answer-3239120-27795' value='3239120'/>
<label for='ays-answer-3239120-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`background-color`</label><label for='ays-answer-3239120-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829443'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzU5NyI6IjAiLCIzMjM5MTE3IjoiMCIsIjMzNDc1OTgiOiIwIiwiMzIzOTExOCI6IjAiLCIzMzQ3NTk5IjoiMCIsIjMyMzkxMTkiOiIwIiwiMzM0NzYwMCI6IjEiLCIzMjM5MTIwIjoiMSJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `background-color` trong CSS được sử dụng để thiết lập màu nền cho một phần tử HTML.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829444'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>17 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 17: Bạn muốn thêm một khoảng trống giữa hai khối nội dung nằm cạnh nhau theo chiều ngang. Thuộc tính CSS nào trên một trong hai khối (hoặc cả hai) hoặc trên phần tử container của chúng có thể được sử dụng để tạo khoảng trống này *bên ngoài* viền của khối?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829444]' id='ays-answer-3347601-27795' value='3347601'/>
<label for='ays-answer-3347601-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`margin`</label><label for='ays-answer-3347601-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829444]' id='ays-answer-3239121-27795' value='3239121'/>
<label for='ays-answer-3239121-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`margin`</label><label for='ays-answer-3239121-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829444]' id='ays-answer-3347602-27795' value='3347602'/>
<label for='ays-answer-3347602-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`padding`</label><label for='ays-answer-3347602-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829444]' id='ays-answer-3239122-27795' value='3239122'/>
<label for='ays-answer-3239122-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`padding`</label><label for='ays-answer-3239122-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829444]' id='ays-answer-3347603-27795' value='3347603'/>
<label for='ays-answer-3347603-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`border`</label><label for='ays-answer-3347603-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829444]' id='ays-answer-3239123-27795' value='3239123'/>
<label for='ays-answer-3239123-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`border`</label><label for='ays-answer-3239123-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829444]' id='ays-answer-3347604-27795' value='3347604'/>
<label for='ays-answer-3347604-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`outline`</label><label for='ays-answer-3347604-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829444]' id='ays-answer-3239124-27795' value='3239124'/>
<label for='ays-answer-3239124-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`outline`</label><label for='ays-answer-3239124-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829444'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzYwMSI6IjEiLCIzMjM5MTIxIjoiMSIsIjMzNDc2MDIiOiIwIiwiMzIzOTEyMiI6IjAiLCIzMzQ3NjAzIjoiMCIsIjMyMzkxMjMiOiIwIiwiMzM0NzYwNCI6IjAiLCIzMjM5MTI0IjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `margin` trong CSS được sử dụng để tạo khoảng trống bên ngoài viền của một phần tử, giúp phân tách nó với các phần tử lân cận.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829445'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>18 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 18: Giả sử bạn có một danh sách các câu lạc bộ được hiển thị dưới dạng các mục danh sách (`</p>
<li>`) trong một thẻ `
<ul>`. Bạn muốn loại bỏ các dấu chấm (bullet points) mặc định trước mỗi mục danh sách. Thuộc tính CSS nào trên thẻ `</p>
<ul>` hoặc `</p>
<li>` sẽ giúp bạn làm điều này?<br />
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829445]' id='ays-answer-3347605-27795' value='3347605'/>
<label for='ays-answer-3347605-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`text-decoration: none;`</label><label for='ays-answer-3347605-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829445]' id='ays-answer-3239125-27795' value='3239125'/>
<label for='ays-answer-3239125-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`text-decoration: none;`</label><label for='ays-answer-3239125-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829445]' id='ays-answer-3347606-27795' value='3347606'/>
<label for='ays-answer-3347606-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`display: inline;`</label><label for='ays-answer-3347606-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829445]' id='ays-answer-3239126-27795' value='3239126'/>
<label for='ays-answer-3239126-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`display: inline;`</label><label for='ays-answer-3239126-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829445]' id='ays-answer-3347607-27795' value='3347607'/>
<label for='ays-answer-3347607-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`list-style-type: none;`</label><label for='ays-answer-3347607-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829445]' id='ays-answer-3239127-27795' value='3239127'/>
<label for='ays-answer-3239127-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`list-style-type: none;`</label><label for='ays-answer-3239127-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829445]' id='ays-answer-3347608-27795' value='3347608'/>
<label for='ays-answer-3347608-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`float: left;`</label><label for='ays-answer-3347608-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829445]' id='ays-answer-3239128-27795' value='3239128'/>
<label for='ays-answer-3239128-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`float: left;`</label><label for='ays-answer-3239128-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829445'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzYwNSI6IjAiLCIzMjM5MTI1IjoiMCIsIjMzNDc2MDYiOiIwIiwiMzIzOTEyNiI6IjAiLCIzMzQ3NjA3IjoiMSIsIjMyMzkxMjciOiIxIiwiMzM0NzYwOCI6IjAiLCIzMjM5MTI4IjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `list-style-type` trong CSS được sử dụng để thay đổi kiểu dấu đầu dòng của các mục danh sách. Đặt giá trị là `none` sẽ loại bỏ dấu đầu dòng.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829446'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>19 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 19: Khi thiết kế một trang web, việc sử dụng các hình ảnh có dung lượng quá lớn có thể gây ra vấn đề gì nghiêm trọng nhất?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829446]' id='ays-answer-3347609-27795' value='3347609'/>
<label for='ays-answer-3347609-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Làm méo mó giao diện trang web.</label><label for='ays-answer-3347609-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829446]' id='ays-answer-3239129-27795' value='3239129'/>
<label for='ays-answer-3239129-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Làm méo mó giao diện trang web.</label><label for='ays-answer-3239129-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829446]' id='ays-answer-3347610-27795' value='3347610'/>
<label for='ays-answer-3347610-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Làm chậm tốc độ tải trang.</label><label for='ays-answer-3347610-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829446]' id='ays-answer-3239130-27795' value='3239130'/>
<label for='ays-answer-3239130-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Làm chậm tốc độ tải trang.</label><label for='ays-answer-3239130-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829446]' id='ays-answer-3347611-27795' value='3347611'/>
<label for='ays-answer-3347611-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Gây lỗi hiển thị trên các trình duyệt cũ.</label><label for='ays-answer-3347611-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829446]' id='ays-answer-3239131-27795' value='3239131'/>
<label for='ays-answer-3239131-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Gây lỗi hiển thị trên các trình duyệt cũ.</label><label for='ays-answer-3239131-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829446]' id='ays-answer-3347612-27795' value='3347612'/>
<label for='ays-answer-3347612-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Ảnh hưởng đến thứ hạng SEO của trang.</label><label for='ays-answer-3347612-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829446]' id='ays-answer-3239132-27795' value='3239132'/>
<label for='ays-answer-3239132-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Ảnh hưởng đến thứ hạng SEO của trang.</label><label for='ays-answer-3239132-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829446'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzYwOSI6IjAiLCIzMjM5MTI5IjoiMCIsIjMzNDc2MTAiOiIxIiwiMzIzOTEzMCI6IjEiLCIzMzQ3NjExIjoiMCIsIjMyMzkxMzEiOiIwIiwiMzM0NzYxMiI6IjAiLCIzMjM5MTMyIjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Hình ảnh dung lượng lớn làm tăng tổng kích thước của trang web, dẫn đến thời gian tải trang lâu hơn. Điều này ảnh hưởng trực tiếp đến trải nghiệm người dùng, đặc biệt là trên kết nối mạng chậm hoặc thiết bị di động.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829447'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>20 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 20: Bạn muốn áp dụng một kiểu định dạng (ví dụ: chữ in đậm, màu đỏ) cho tất cả các đoạn văn bản nằm trong phần nội dung chính của trang (`<main>`). Selector CSS nào là phù hợp nhất để nhắm mục tiêu đến tất cả các thẻ `</p>
<p>` chỉ nằm trong thẻ `<main>`?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829447'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Selector `main p` là một selector con cháu (descendant selector). Nó sẽ chọn tất cả các thẻ `</p>
<p>` là con cháu (nằm bên trong) của thẻ `<main>`, bất kể cấp độ lồng nhau.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829448'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>21 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 21: Giả sử bạn đã tạo một trang HTML cho 'Câu lạc bộ Cờ Vua' (`covua.html`). Để liên kết từ trang chủ đến trang này, bạn sẽ sử dụng thẻ HTML nào và thuộc tính nào để chỉ định địa chỉ của trang đích?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829448]' id='ays-answer-3347613-27795' value='3347613'/>
<label for='ays-answer-3347613-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<link src="covua.html">`</label><label for='ays-answer-3347613-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829448]' id='ays-answer-3239133-27795' value='3239133'/>
<label for='ays-answer-3239133-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<link src="covua.html">`</label><label for='ays-answer-3239133-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829448]' id='ays-answer-3347614-27795' value='3347614'/>
<label for='ays-answer-3347614-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<button url="covua.html">`</label><label for='ays-answer-3347614-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829448]' id='ays-answer-3239134-27795' value='3239134'/>
<label for='ays-answer-3239134-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<button url="covua.html">`</label><label for='ays-answer-3239134-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829448]' id='ays-answer-3347615-27795' value='3347615'/>
<label for='ays-answer-3347615-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<img> href="covua.html">`</label><label for='ays-answer-3347615-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829448]' id='ays-answer-3239135-27795' value='3239135'/>
<label for='ays-answer-3239135-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<img> href="covua.html">`</label><label for='ays-answer-3239135-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829448]' id='ays-answer-3347616-27795' value='3347616'/>
<label for='ays-answer-3347616-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<a href="covua.html">`</label><label for='ays-answer-3347616-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829448]' id='ays-answer-3239136-27795' value='3239136'/>
<label for='ays-answer-3239136-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<a href="covua.html">`</label><label for='ays-answer-3239136-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829448'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzYxMyI6IjAiLCIzMjM5MTMzIjoiMCIsIjMzNDc2MTQiOiIwIiwiMzIzOTEzNCI6IjAiLCIzMzQ3NjE1IjoiMCIsIjMyMzkxMzUiOiIwIiwiMzM0NzYxNiI6IjEiLCIzMjM5MTM2IjoiMSJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `<a>` (anchor) được sử dụng để tạo liên kết (hyperlink) trong HTML. Thuộc tính `href` của thẻ `<a>` chỉ định URL hoặc đường dẫn đến trang đích mà liên kết sẽ dẫn tới.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829449'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>22 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 22: Khi thiết kế layout, việc sử dụng `</p>
<div>` một cách hợp lý để nhóm các phần tử có liên quan (ví dụ: nhóm ảnh và mô tả của một câu lạc bộ) có lợi ích gì về mặt cấu trúc và định dạng CSS?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829449'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `</p>
<div>` là một phần tử nhóm chung (generic container). Việc sử dụng `</p>
<div>` để nhóm các phần tử liên quan giúp tạo ra các khối cấu trúc độc lập, dễ dàng áp dụng CSS để định dạng cả nhóm cùng lúc (ví dụ: đặt viền, nền, khoảng cách cho cả khối) mà không ảnh hưởng đến các phần tử khác.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829450'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>23 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 23: Bạn muốn tạo một hiệu ứng đơn giản: khi người dùng di chuột qua một liên kết trong menu điều hướng, màu chữ của liên kết đó sẽ thay đổi. Kỹ thuật CSS nào cho phép bạn áp dụng kiểu dáng đặc biệt cho các trạng thái tương tác của phần tử (như khi di chuột qua)?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829450]' id='ays-answer-3347617-27795' value='3347617'/>
<label for='ays-answer-3347617-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng JavaScript để thay đổi kiểu dáng.</label><label for='ays-answer-3347617-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829450]' id='ays-answer-3239137-27795' value='3239137'/>
<label for='ays-answer-3239137-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng JavaScript để thay đổi kiểu dáng.</label><label for='ays-answer-3239137-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829450]' id='ays-answer-3347618-27795' value='3347618'/>
<label for='ays-answer-3347618-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng Pseudo-classes như `:hover` trong CSS.</label><label for='ays-answer-3347618-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829450]' id='ays-answer-3239138-27795' value='3239138'/>
<label for='ays-answer-3239138-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng Pseudo-classes như `:hover` trong CSS.</label><label for='ays-answer-3239138-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829450]' id='ays-answer-3347619-27795' value='3347619'/>
<label for='ays-answer-3347619-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng thuộc tính `opacity`.</label><label for='ays-answer-3347619-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829450]' id='ays-answer-3239139-27795' value='3239139'/>
<label for='ays-answer-3239139-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng thuộc tính `opacity`.</label><label for='ays-answer-3239139-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829450]' id='ays-answer-3347620-27795' value='3347620'/>
<label for='ays-answer-3347620-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `transform`.</label><label for='ays-answer-3347620-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829450]' id='ays-answer-3239140-27795' value='3239140'/>
<label for='ays-answer-3239140-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `transform`.</label><label for='ays-answer-3239140-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829450'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzYxNyI6IjAiLCIzMjM5MTM3IjoiMCIsIjMzNDc2MTgiOiIxIiwiMzIzOTEzOCI6IjEiLCIzMzQ3NjE5IjoiMCIsIjMyMzkxMzkiOiIwIiwiMzM0NzYyMCI6IjAiLCIzMjM5MTQwIjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Pseudo-classes trong CSS cho phép bạn chọn các phần tử dựa trên trạng thái của chúng. Pseudo-class `:hover` được sử dụng để áp dụng kiểu dáng khi con trỏ chuột di chuyển qua phần tử.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829451'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>24 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 24: Khi thiết kế một trang web, tại sao việc đặt tên các tệp HTML, CSS, và thư mục chứa hình ảnh, video một cách khoa học và nhất quán lại quan trọng?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829451]' id='ays-answer-3347621-27795' value='3347621'/>
<label for='ays-answer-3347621-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp quản lý dự án dễ dàng, tìm kiếm tệp nhanh chóng và thuận lợi cho việc bảo trì.</label><label for='ays-answer-3347621-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829451]' id='ays-answer-3239141-27795' value='3239141'/>
<label for='ays-answer-3239141-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp quản lý dự án dễ dàng, tìm kiếm tệp nhanh chóng và thuận lợi cho việc bảo trì.</label><label for='ays-answer-3239141-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829451]' id='ays-answer-3347622-27795' value='3347622'/>
<label for='ays-answer-3347622-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động cải thiện tốc độ tải trang.</label><label for='ays-answer-3347622-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829451]' id='ays-answer-3239142-27795' value='3239142'/>
<label for='ays-answer-3239142-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động cải thiện tốc độ tải trang.</label><label for='ays-answer-3239142-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829451]' id='ays-answer-3347623-27795' value='3347623'/>
<label for='ays-answer-3347623-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Là yêu cầu bắt buộc của tất cả các trình duyệt web.</label><label for='ays-answer-3347623-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829451]' id='ays-answer-3239143-27795' value='3239143'/>
<label for='ays-answer-3239143-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Là yêu cầu bắt buộc của tất cả các trình duyệt web.</label><label for='ays-answer-3239143-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829451]' id='ays-answer-3347624-27795' value='3347624'/>
<label for='ays-answer-3347624-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Ngăn chặn người khác sao chép mã nguồn của bạn.</label><label for='ays-answer-3347624-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829451]' id='ays-answer-3239144-27795' value='3239144'/>
<label for='ays-answer-3239144-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Ngăn chặn người khác sao chép mã nguồn của bạn.</label><label for='ays-answer-3239144-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829451'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzYyMSI6IjEiLCIzMjM5MTQxIjoiMSIsIjMzNDc2MjIiOiIwIiwiMzIzOTE0MiI6IjAiLCIzMzQ3NjIzIjoiMCIsIjMyMzkxNDMiOiIwIiwiMzM0NzYyNCI6IjAiLCIzMjM5MTQ0IjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Việc đặt tên và tổ chức tệp/thư mục khoa học giúp dự án web có cấu trúc rõ ràng, dễ quản lý, tìm kiếm và bảo trì sau này, đặc biệt khi dự án lớn dần hoặc làm việc theo nhóm.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829452'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>25 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 25: Bạn đã sử dụng thuộc tính `width: 50%;` cho một khối nội dung. Điều này có ý nghĩa gì về kích thước của khối đó trên các màn hình khác nhau?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829452]' id='ays-answer-3347625-27795' value='3347625'/>
<label for='ays-answer-3347625-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Khối sẽ luôn có chiều rộng cố định là 50 pixel.</label><label for='ays-answer-3347625-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829452]' id='ays-answer-3239145-27795' value='3239145'/>
<label for='ays-answer-3239145-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Khối sẽ luôn có chiều rộng cố định là 50 pixel.</label><label for='ays-answer-3239145-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829452]' id='ays-answer-3347626-27795' value='3347626'/>
<label for='ays-answer-3347626-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Khối sẽ chiếm 50% chiều rộng của phần tử chứa nó và có thể co giãn theo màn hình.</label><label for='ays-answer-3347626-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829452]' id='ays-answer-3239146-27795' value='3239146'/>
<label for='ays-answer-3239146-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Khối sẽ chiếm 50% chiều rộng của phần tử chứa nó và có thể co giãn theo màn hình.</label><label for='ays-answer-3239146-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829452]' id='ays-answer-3347627-27795' value='3347627'/>
<label for='ays-answer-3347627-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Khối sẽ chiếm 50% chiều cao của màn hình.</label><label for='ays-answer-3347627-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829452]' id='ays-answer-3239147-27795' value='3239147'/>
<label for='ays-answer-3239147-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Khối sẽ chiếm 50% chiều cao của màn hình.</label><label for='ays-answer-3239147-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829452]' id='ays-answer-3347628-27795' value='3347628'/>
<label for='ays-answer-3347628-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Thuộc tính này chỉ có tác dụng khi xem trên điện thoại di động.</label><label for='ays-answer-3347628-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829452]' id='ays-answer-3239148-27795' value='3239148'/>
<label for='ays-answer-3239148-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Thuộc tính này chỉ có tác dụng khi xem trên điện thoại di động.</label><label for='ays-answer-3239148-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829452'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzYyNSI6IjAiLCIzMjM5MTQ1IjoiMCIsIjMzNDc2MjYiOiIxIiwiMzIzOTE0NiI6IjEiLCIzMzQ3NjI3IjoiMCIsIjMyMzkxNDciOiIwIiwiMzM0NzYyOCI6IjAiLCIzMjM5MTQ4IjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Khi sử dụng đơn vị phần trăm (%) cho chiều rộng, kích thước của phần tử sẽ được tính dựa trên chiều rộng của phần tử chứa nó (phần tử cha). Do đó, khối này sẽ chiếm 50% chiều rộng của phần tử cha, làm cho nó tự động co giãn theo kích thước màn hình (nếu phần tử cha cũng co giãn).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829453'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>26 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 26: Để làm cho trang web giới thiệu câu lạc bộ trở nên sinh động hơn, bạn muốn nhúng một video giới thiệu từ YouTube vào trang. Thẻ HTML nào thường được sử dụng để nhúng nội dung từ nguồn bên ngoài (như video, bản đồ)?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829453]' id='ays-answer-3347629-27795' value='3347629'/>
<label for='ays-answer-3347629-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<video>`</label><label for='ays-answer-3347629-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829453]' id='ays-answer-3239149-27795' value='3239149'/>
<label for='ays-answer-3239149-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<video>`</label><label for='ays-answer-3239149-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829453]' id='ays-answer-3347630-27795' value='3347630'/>
<label for='ays-answer-3347630-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<embed>`</label><label for='ays-answer-3347630-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829453]' id='ays-answer-3239150-27795' value='3239150'/>
<label for='ays-answer-3239150-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<embed>`</label><label for='ays-answer-3239150-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829453]' id='ays-answer-3347631-27795' value='3347631'/>
<label for='ays-answer-3347631-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<iframe>`</label><label for='ays-answer-3347631-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829453]' id='ays-answer-3239151-27795' value='3239151'/>
<label for='ays-answer-3239151-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<iframe>`</label><label for='ays-answer-3239151-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829453]' id='ays-answer-3347632-27795' value='3347632'/>
<label for='ays-answer-3347632-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<source>`</label><label for='ays-answer-3347632-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829453]' id='ays-answer-3239152-27795' value='3239152'/>
<label for='ays-answer-3239152-27795' class=' ays_position_initial ays-quiz-keyboard-label'>`<source>`</label><label for='ays-answer-3239152-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829453'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzYyOSI6IjAiLCIzMjM5MTQ5IjoiMCIsIjMzNDc2MzAiOiIwIiwiMzIzOTE1MCI6IjAiLCIzMzQ3NjMxIjoiMSIsIjMyMzkxNTEiOiIxIiwiMzM0NzYzMiI6IjAiLCIzMjM5MTUyIjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `<iframe>` (inline frame) được sử dụng để nhúng một tài liệu HTML khác vào tài liệu HTML hiện tại. Đây là cách phổ biến để nhúng video từ các nền tảng như YouTube hoặc bản đồ từ Google Maps.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829454'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>27 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 27: Bạn đã thiết kế xong giao diện trang web trên máy tính. Tuy nhiên, khi xem trên điện thoại di động, các khối nội dung bị chồng chéo và menu điều hướng rất khó sử dụng. Vấn đề này cho thấy website của bạn chưa đáp ứng được nguyên tắc thiết kế nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829454]' id='ays-answer-3347633-27795' value='3347633'/>
<label for='ays-answer-3347633-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Responsive Design (Thiết kế đáp ứng)</label><label for='ays-answer-3347633-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829454]' id='ays-answer-3239153-27795' value='3239153'/>
<label for='ays-answer-3239153-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Responsive Design (Thiết kế đáp ứng)</label><label for='ays-answer-3239153-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829454]' id='ays-answer-3347634-27795' value='3347634'/>
<label for='ays-answer-3347634-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Semantic HTML (HTML ngữ nghĩa)</label><label for='ays-answer-3347634-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829454]' id='ays-answer-3239154-27795' value='3239154'/>
<label for='ays-answer-3239154-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Semantic HTML (HTML ngữ nghĩa)</label><label for='ays-answer-3239154-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829454]' id='ays-answer-3347635-27795' value='3347635'/>
<label for='ays-answer-3347635-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Accessibility (Khả năng truy cập)</label><label for='ays-answer-3347635-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829454]' id='ays-answer-3239155-27795' value='3239155'/>
<label for='ays-answer-3239155-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Accessibility (Khả năng truy cập)</label><label for='ays-answer-3239155-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829454]' id='ays-answer-3347636-27795' value='3347636'/>
<label for='ays-answer-3347636-27795' class=' ays_position_initial ays-quiz-keyboard-label'>SEO (Tối ưu hóa công cụ tìm kiếm)</label><label for='ays-answer-3347636-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829454]' id='ays-answer-3239156-27795' value='3239156'/>
<label for='ays-answer-3239156-27795' class=' ays_position_initial ays-quiz-keyboard-label'>SEO (Tối ưu hóa công cụ tìm kiếm)</label><label for='ays-answer-3239156-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829454'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzYzMyI6IjEiLCIzMjM5MTUzIjoiMSIsIjMzNDc2MzQiOiIwIiwiMzIzOTE1NCI6IjAiLCIzMzQ3NjM1IjoiMCIsIjMyMzkxNTUiOiIwIiwiMzM0NzYzNiI6IjAiLCIzMjM5MTU2IjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thiết kế Responsive (đáp ứng) là phương pháp thiết kế web đảm bảo giao diện trang web hiển thị tốt và dễ sử dụng trên đa dạng các kích thước màn hình và thiết bị (máy tính, tablet, điện thoại). Vấn đề mô tả chính là do thiếu tính Responsive.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829455'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>28 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 28: Trong tệp CSS, bạn thấy một đoạn mã bắt đầu bằng `/*` và kết thúc bằng `*/`. Mục đích của đoạn mã này là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829455]' id='ays-answer-3347637-27795' value='3347637'/>
<label for='ays-answer-3347637-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Định nghĩa một lớp CSS mới.</label><label for='ays-answer-3347637-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829455]' id='ays-answer-3239157-27795' value='3239157'/>
<label for='ays-answer-3239157-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Định nghĩa một lớp CSS mới.</label><label for='ays-answer-3239157-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829455]' id='ays-answer-3347638-27795' value='3347638'/>
<label for='ays-answer-3347638-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng một kiểu dáng đặc biệt cho phần tử.</label><label for='ays-answer-3347638-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829455]' id='ays-answer-3239158-27795' value='3239158'/>
<label for='ays-answer-3239158-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng một kiểu dáng đặc biệt cho phần tử.</label><label for='ays-answer-3239158-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829455]' id='ays-answer-3347639-27795' value='3347639'/>
<label for='ays-answer-3347639-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo ra một khối nội dung ẩn.</label><label for='ays-answer-3347639-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829455]' id='ays-answer-3239159-27795' value='3239159'/>
<label for='ays-answer-3239159-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo ra một khối nội dung ẩn.</label><label for='ays-answer-3239159-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829455]' id='ays-answer-3347640-27795' value='3347640'/>
<label for='ays-answer-3347640-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Viết chú thích trong mã nguồn CSS.</label><label for='ays-answer-3347640-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829455]' id='ays-answer-3239160-27795' value='3239160'/>
<label for='ays-answer-3239160-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Viết chú thích trong mã nguồn CSS.</label><label for='ays-answer-3239160-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829455'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzYzNyI6IjAiLCIzMjM5MTU3IjoiMCIsIjMzNDc2MzgiOiIwIiwiMzIzOTE1OCI6IjAiLCIzMzQ3NjM5IjoiMCIsIjMyMzkxNTkiOiIwIiwiMzM0NzY0MCI6IjEiLCIzMjM5MTYwIjoiMSJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Trong CSS, `/* ... */` được sử dụng để viết chú thích (comments). Chú thích giúp giải thích mã nguồn cho người đọc (bao gồm cả bản thân bạn sau này) và bị trình duyệt bỏ qua khi xử lý.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829456'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>29 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 29: Bạn muốn thêm một đường viền màu xanh xung quanh tất cả các hình ảnh trong phần nội dung chính của trang. Selector và thuộc tính CSS nào sau đây sẽ giúp bạn thực hiện điều đó?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829456'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Selector `main img` chọn tất cả các thẻ `<img>` nằm trong thẻ `<main>`. Thuộc tính `border` được sử dụng để thêm viền, cú pháp phổ biến là `border: [độ dày] [kiểu] [màu];`. Ví dụ `border: 2px solid blue;`.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='829457'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>30 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 01</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 30: Khi thiết kế trang web, việc sử dụng các phần tử HTML có ngữ nghĩa (semantic HTML) như `</p>
<nav>`, `</p>
<article>`, `</p>
<aside>` thay vì chỉ dùng `</p>
<div>` mọi nơi mang lại lợi ích gì cho việc tổ chức nội dung?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829457]' id='ays-answer-3347641-27795' value='3347641'/>
<label for='ays-answer-3347641-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho trang web tự động có giao diện đẹp hơn.</label><label for='ays-answer-3347641-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829457]' id='ays-answer-3239161-27795' value='3239161'/>
<label for='ays-answer-3239161-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho trang web tự động có giao diện đẹp hơn.</label><label for='ays-answer-3239161-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829457]' id='ays-answer-3347642-27795' value='3347642'/>
<label for='ays-answer-3347642-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Giảm dung lượng tệp HTML.</label><label for='ays-answer-3347642-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829457]' id='ays-answer-3239162-27795' value='3239162'/>
<label for='ays-answer-3239162-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Giảm dung lượng tệp HTML.</label><label for='ays-answer-3239162-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829457]' id='ays-answer-3347643-27795' value='3347643'/>
<label for='ays-answer-3347643-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho cấu trúc nội dung rõ ràng, dễ hiểu cho cả người và máy, hỗ trợ khả năng truy cập và SEO.</label><label for='ays-answer-3347643-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829457]' id='ays-answer-3239163-27795' value='3239163'/>
<label for='ays-answer-3239163-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho cấu trúc nội dung rõ ràng, dễ hiểu cho cả người và máy, hỗ trợ khả năng truy cập và SEO.</label><label for='ays-answer-3239163-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829457]' id='ays-answer-3347644-27795' value='3347644'/>
<label for='ays-answer-3347644-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động tạo hiệu ứng động cho các phần tử.</label><label for='ays-answer-3347644-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-829457]' id='ays-answer-3239164-27795' value='3239164'/>
<label for='ays-answer-3239164-27795' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động tạo hiệu ứng động cho các phần tử.</label><label for='ays-answer-3239164-27795' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_27795 === 'undefined'){
window.quizOptions_27795 = [];
}
window.quizOptions_27795['829457'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NzY0MSI6IjAiLCIzMjM5MTYxIjoiMCIsIjMzNDc2NDIiOiIwIiwiMzIzOTE2MiI6IjAiLCIzMzQ3NjQzIjoiMSIsIjMyMzkxNjMiOiIxIiwiMzM0NzY0NCI6IjAiLCIzMjM5MTY0IjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/>
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>HTML ngữ nghĩa giúp mô tả rõ hơn ý nghĩa và vai trò của từng phần nội dung. Điều này không chỉ giúp các nhà phát triển khác dễ hiểu cấu trúc trang web mà còn rất quan trọng cho các công cụ hỗ trợ (như trình đọc màn hình) và công cụ tìm kiếm để hiểu nội dung trang, cải thiện khả năng truy cập và SEO.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step ays_thank_you_fs'>
<div class='ays-abs-fs ays-end-page'>
<div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-27795 * { box-sizing: border-box; } #ays-quiz-container-27795 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-27795 #ays_finish_quiz_27795 { } /* Styles for Quiz container */ #ays-quiz-container-27795{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-27795 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-27795 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-27795 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-27795 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-27795 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-27795 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-27795 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-27795 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-27795.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-27795.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-27795 #ays_finish_quiz_27795 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-27795.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-27795.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-27795.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-27795.ays-quiz-container .ays-questions-container p, #ays-quiz-container-27795.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-27795.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-27795.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-27795.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-27795.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-27795.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-27795.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-27795.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-27795.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-27795 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-27795 .ays-quiz-password-message-box, #ays-quiz-container-27795 .ays-quiz-question-note-message-box, #ays-quiz-container-27795 .ays_quiz_question, #ays-quiz-container-27795 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-27795 textarea, #ays-quiz-container-27795 input::first-letter, #ays-quiz-container-27795 select::first-letter, #ays-quiz-container-27795 option::first-letter { color: initial !important; } #ays-quiz-container-27795 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-27795 .select2-container, #ays-quiz-container-27795 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-27795 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-27795 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-27795 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-27795 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-27795 .ays-questions-container .ays-field, div#ays-quiz-container-27795 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-27795 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-27795 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-27795 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-27795 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-27795 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-27795 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-27795 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-27795 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-27795 .information_form input[type='text'], #ays-quiz-container-27795 .information_form input[type='url'], #ays-quiz-container-27795 .information_form input[type='number'], #ays-quiz-container-27795 .information_form input[type='email'], #ays-quiz-container-27795 .information_form input[type='tel'], #ays-quiz-container-27795 .information_form textarea, #ays-quiz-container-27795 .information_form select, #ays-quiz-container-27795 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-27795 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-27795 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-27795 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-27795 .right_answer_text{ color:#33cc33; } #ays-quiz-container-27795 .right_answer_text p { font-size:16px; } #ays-quiz-container-27795 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-27795 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-27795 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-27795 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-27795 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-27795 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-27795 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-27795 .ays_cb_and_a, #ays-quiz-container-27795 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-27795 iframe { /*min-height: 450px;*/ } #ays-quiz-container-27795 label.ays_for_checkbox, #ays-quiz-container-27795 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-27795 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-27795 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-27795 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-27795 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-27795 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-27795 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-27795 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-27795 div.lds-spinner, #ays-quiz-container-27795 div.lds-spinner2 { color: #000000; } #ays-quiz-container-27795 div.lds-spinner div:after, #ays-quiz-container-27795 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-27795 .lds-circle, #ays-quiz-container-27795 .lds-facebook div, #ays-quiz-container-27795 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-27795 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-27795 .lds-dual-ring::after, #ays-quiz-container-27795 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-27795 .ui.rating .icon, #ays-quiz-container-27795 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-27795 #ays_finish_quiz_27795 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-27795 #ays_finish_quiz_27795 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-27795 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-27795 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-27795 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-27795 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-27795 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-27795 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-27795 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-27795 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-27795 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-27795 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-27795 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-27795 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-27795 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-27795 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-27795 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-27795 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-27795 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-27795 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-27795 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-27795 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-27795 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-27795 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-27795 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-27795 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-27795 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-27795 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-27795 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-27795 div.ays-quiz-redirection-timer, #ays-quiz-container-27795 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-27795 div.ays-quiz-after-timer * , #ays-quiz-container-27795 div.ays-quiz-redirection-timer *, #ays-quiz-container-27795 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-27795 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-27795 input#ays-submit, #ays-quiz-container-27795 #ays_finish_quiz_27795 .action-button, #ays-quiz-container-27795 #ays_finish_quiz_27795 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-27795 #ays_finish_quiz_27795 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-27795 #ays_finish_quiz_27795 .action-button.ays_restart_button, #ays-quiz-container-27795 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-27795 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-27795 input#ays-submit, #ays-quiz-container-27795 #ays_finish_quiz_27795 input.action-button, #ays-quiz-container-27795 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-27795 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-27795 #ays_finish_quiz_27795 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-27795 #ays_finish_quiz_27795 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-27795 #ays_finish_quiz_27795 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-27795 input#ays-submit:hover, #ays-quiz-container-27795 input#ays-submit:focus, #ays-quiz-container-27795 #ays_finish_quiz_27795 .action-button:hover, #ays-quiz-container-27795 #ays_finish_quiz_27795 .action-button:focus, #ays-quiz-container-27795 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-27795 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-27795 .ays_restart_button { color: #ffffff; } #ays-quiz-container-27795 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-27795 .ays_buttons_div { justify-content: center; } #ays-quiz-container-27795 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-27795 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-27795 input[type='button'], #ays-quiz-container-27795 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-27795 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-27795 input[type='button']:focus-visible, div#ays-quiz-container-27795 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-27795 #ays_finish_quiz_27795 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-27795 #ays_finish_quiz_27795 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-27795 #ays_finish_quiz_27795 i.ays_early_finish.action-button[disabled], #ays-quiz-container-27795 #ays_finish_quiz_27795 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-27795 #ays_finish_quiz_27795 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-27795 #ays_finish_quiz_27795 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-27795 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-27795 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-27795 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-27795.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-27795 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-27795 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-27795 #ays_finish_quiz_27795 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-27795 #ays_finish_quiz_27795 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-27795 #ays_finish_quiz_27795 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-27795 #ays_finish_quiz_27795 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-27795 #ays_finish_quiz_27795 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-27795 #ays_finish_quiz_27795 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-27795 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-27795 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-27795 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-27795 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-27795 #ays_finish_quiz_27795 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-27795 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-27795 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-27795 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-27795 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-27795 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-27795 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-27795 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-27795 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-27795 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-27795 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-27795 #ays_finish_quiz_27795 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-27795 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-27795 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-27795 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-27795 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-27795 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-27795 .ays-field .select2-container--default, #ays-quiz-container-27795 .ays-field .select2-container--default .selection, #ays-quiz-container-27795 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-27795 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-27795 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-27795 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-27795 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-27795 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-27795 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-27795 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-27795 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-27795 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-27795 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-27795 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-27795 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-27795 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-27795 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-27795 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-27795 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-27795 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-27795 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-27795 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-27795 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-27795 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-27795 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-27795 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-27795.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-27795.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-27795 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-27795 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-27795 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-27795 label[for^='ays-answer']:before, #ays-quiz-container-27795 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-27795 .ays_question_report { text-align: right; } div#ays-quiz-container-27795 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-27795 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-27795.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-27795.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-27795.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-27795.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-27795.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-27795.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-27795 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-27795.ays_quiz_classic_dark .correct_div, #ays-quiz-container-27795.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-27795.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-27795.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-27795.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-27795.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-27795.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-27795.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-27795 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-27795 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-27795 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-27795 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-27795 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-27795 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-27795 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-27795 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-27795 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-27795.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-27795.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-27795 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-27795 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-27795 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-27795 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-27795 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-27795 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-27795 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-27795 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-27795 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-27795 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-27795 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-27795 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-27795 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-27795 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-27795 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-27795 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-27795 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-27795 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-27795 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-27795 .ays-quiz-personality-result-box div:before, #ays-quiz-container-27795 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-27795 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-27795 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-27795 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-27795 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-27795 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-27795 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-27795 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-27795 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-27795 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-27795 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-27795 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-27795 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-27795 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-27795{ max-width: 100%; } div#ays-quiz-container-27795 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-27795.ays_quiz_modern_light .step, div#ays-quiz-container-27795.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-27795.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-27795.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-27795.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-27795.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-27795 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-27795 .select2-container, div#ays-quiz-container-27795 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-27795 input#ays-submit, div#ays-quiz-container-27795 #ays_finish_quiz_27795 .action-button, div#ays-quiz-container-27795 #ays_finish_quiz_27795 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-27795 #ays_finish_quiz_27795 .action-button.ays_restart_button, #ays-quiz-container-27795 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-27795 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-27795 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-27795 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-27795 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-27795 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-27795 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-27795 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-27795 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-27795 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style>
<style>
#ays-quiz-container-27795 p {
margin: 0.625em;
}
#ays-quiz-container-27795.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label,
#ays-quiz-container-27795.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label {
/* background-color: transparent; */
}
#ays-quiz-container-27795 .ays-field.checked_answer_div input:checked~label {
background-color: rgba(93,108,249,0.6);
}
#ays-quiz-container-27795.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'],
#ays-quiz-container-27795 .ays-field:hover{
background: rgba(93,108,249,0.8);
color: #fff;
transition: all .3s;
}
#ays-quiz-container-27795 #ays_finish_quiz_27795 .action-button:hover,
#ays-quiz-container-27795 #ays_finish_quiz_27795 .action-button:focus,
#ays-quiz-container-27795 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover,
#ays-quiz-container-27795 .ays-quiz-category-selective-submit-bttn:focus {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff;
background: #5d6cf9;
}
</style><script>
if(typeof aysQuizOptions === 'undefined'){
var aysQuizOptions = [];
}
aysQuizOptions['27795'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIyNzc5NSIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDAxIiwiZGVzY3JpcHRpb24iOiI8cD48c3Ryb25nPkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDAxPFwvc3Ryb25nPiBcdTAxMTFcdTAxYjBcdTFlZTNjIHhcdTAwZTJ5IGRcdTFlZjFuZyB2XHUxZWRiaSBuaGlcdTFlYzF1IGNcdTAwZTJ1IGhcdTFlY2ZpIGNoXHUxZWE1dCBsXHUwMWIwXHUxZWUzbmcsIHNcdTAwZTF0IHZcdTFlZGJpIG5cdTFlZDlpIGR1bmcgY2hcdTAxYjBcdTAxYTFuZyB0clx1MDBlY25oIGhcdTFlY2RjLCBnaVx1MDBmYXAgYlx1MWVhMW4gZFx1MWVjNSBkXHUwMGUwbmcgXHUwMGY0biB0XHUxZWFkcCB2XHUwMGUwIGtpXHUxZWMzbSB0cmEga2lcdTFlYmZuIHRoXHUxZWU5YyBoaVx1MWVjN3UgcXVcdTFlYTMuIEhcdTAwZTN5IGNcdTAwZjluZyBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1IGxcdTAwZTBtIGJcdTAwZTBpIHRcdTFlYWRwIHRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBuZ2F5IFx1MDExMVx1MWVjMyBuXHUwMGUybmcgY2FvIGhpXHUxZWMzdSBiaVx1MWViZnQgdlx1MDBlMCBjaHVcdTFlYTluIGJcdTFlY2IgdFx1MWVkMXQgY2hvIGtcdTFlZjMgdGhpIHNcdTFlYWZwIHRcdTFlZGJpITxcL3A+XHJcblxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIHRcdTFlZDVuZyBoXHUxZWUzcCBnaVx1MWVkYmkgdGhpXHUxZWM3dSBjXHUwMGUxYyBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5IHRoZW8gYlx1MDBlMGkgaFx1MWVjZGMsIHRcdTFlYTFpIHNhbyB2aVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBmOW5nIG1cdTFlZDl0IHRcdTFlYzdwIHRpbiBDU1MgYlx1MDBlYW4gbmdvXHUwMGUwaSAoLmNzcykgY2hvIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgdHJhbmcgKHRyYW5nIGNoXHUxZWU3LCB0cmFuZyBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5IHRoXHUxZWMzIHRoYW8sIHRyYW5nIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkgbmdoXHUxZWM3IHRodVx1MWVhZHQpIGxcdTFlYTFpIFx1MDExMVx1MDFiMFx1MWVlM2Mga2h1eVx1MWViZm4ga2hcdTAwZWRjaD9cclxuPHVsPlxyXG48bGk+QS4gR2lcdTAwZmFwIHRyYW5nIHdlYiB0XHUxZWEzaSBuaGFuaCBoXHUwMWExbiBkbyB0clx1MDBlY25oIGR1eVx1MWVjN3QgY2hcdTFlYzkgY1x1MWVhN24gdFx1MWVhM2kgdFx1MWVjN3AgQ1NTIG1cdTFlZDl0IGxcdTFlYTduLjxcL2xpPlxyXG48bGk+Qi4gVFx1MDEwM25nIGNcdTAxYjBcdTFlZGRuZyBiXHUxZWEzbyBtXHUxZWFkdCB0aFx1MDBmNG5nIHRpbiB0clx1MDBlYW4gdHJhbmcgd2ViLjxcL2xpPlxyXG48bGk+Qy4gTVx1MWVkN2kgdHJhbmcgY1x1MDBmMyB0aFx1MWVjMyBjXHUwMGYzIGdpYW8gZGlcdTFlYzduIGhvXHUwMGUwbiB0b1x1MDBlMG4ga2hcdTAwZTFjIGJpXHUxZWM3dC48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gXHUwMTEwXHUxZWEzbSBiXHUxZWEzbyBzXHUxZWYxIG5oXHUxZWE1dCBxdVx1MDBlMW4gdlx1MWVjMSBnaWFvIGRpXHUxZWM3biB2XHUwMGUwIGRcdTFlYzUgZFx1MDBlMG5nIGNcdTFlYWRwIG5oXHUxZWFkdCB0aGlcdTFlYmZ0IGtcdTFlYmYgY2h1bmcuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI6IEJcdTFlYTFuIG11XHUxZWQxbiB0aGlcdTFlYmZ0IGtcdTFlYmYgcGhcdTFlYTduIFwiU2xvZ2FuXCIgY1x1MWVlN2EgdHJhbmcgY2hcdTFlZTcgc2FvIGNobyBoaVx1MWVjM24gdGhcdTFlY2IgYmEgXHUwMTExb1x1MWVhMW4gdlx1MDEwM24gYlx1MWVhM24gKGhvXHUxZWI3YyBoXHUwMGVjbmggXHUxZWEzbmggbmhcdTFlY2YpIG5cdTFlYjFtIGNcdTFlYTFuaCBuaGF1IHRoZW8gY2hpXHUxZWMxdSBuZ2FuZywgY2hpYSBcdTAxMTFcdTFlYzF1IGtoXHUwMGY0bmcgZ2lhbi4gRFx1MWVmMWEgdHJcdTAwZWFuIG5ndXlcdTAwZWFuIHRcdTFlYWZjIHRoaVx1MWViZnQga1x1MWViZiB3ZWIgY1x1MDFhMSBiXHUxZWEzbiwgYlx1MWVhMW4gc1x1MWViZCBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gaG9cdTFlYjdjIGtcdTFlZjkgdGh1XHUxZWFkdCBsYXlvdXQgblx1MDBlMG8gXHUwMTExXHUxZWMzIFx1MDExMVx1MWVhMXQgXHUwMTExXHUwMWIwXHUxZWUzYyBtXHUxZWU1YyB0aVx1MDBlYXUgblx1MDBlMHkgY2hvIGNvbnRhaW5lciBjaFx1MWVlOWEgYmEgcGhcdTFlYTduIHRcdTFlZWQgXHUwMTExXHUwMGYzP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIFNcdTFlZWQgZFx1MWVlNW5nIGBkaXNwbGF5OiBmbGV4O2AgaG9cdTFlYjdjIGBkaXNwbGF5OiBncmlkO2AgY2hvIHBoXHUxZWE3biB0XHUxZWVkIGNvbnRhaW5lci48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBcdTAwYzFwIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgdGV4dC1hbGlnbjogY2VudGVyO2AgY2hvIHRcdTFlZWJuZyBwaFx1MWVhN24gdFx1MWVlZCBjb24uPFwvbGk+XHJcbjxsaT5DLiBTXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgZmxvYXQ6IGxlZnQ7YCBjaG8gcGhcdTFlYTduIHRcdTFlZWQgY29udGFpbmVyLjxcL2xpPlxyXG48bGk+RC4gXHUwMTEwXHUxZWI3dCBtXHUxZWQ3aSBwaFx1MWVhN24gdFx1MWVlZCBjb24gdHJvbmcgbVx1MWVkOXQgdGhcdTFlYmIgYDxicj5gIHJpXHUwMGVhbmcgYmlcdTFlYzd0LjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDM6IFRyb25nIGNcdTFlYTV1IHRyXHUwMGZhYyBIVE1MIGNcdTFlZTdhIG1cdTFlZDl0IHRyYW5nIHdlYiwgcGhcdTFlYTduIG5cdTAwZTBvIHRoXHUwMWIwXHUxZWRkbmcgY2hcdTFlZTlhIGNcdTAwZTFjIGxpXHUwMGVhbiBrXHUxZWJmdCBcdTAxMTFpXHUxZWMxdSBoXHUwMWIwXHUxZWRibmcgKG1lbnUpIGdpXHUwMGZhcCBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIGRpIGNodXlcdTFlYzNuIGdpXHUxZWVmYSBjXHUwMGUxYyB0cmFuZyBraFx1MDBlMWMgbmhhdSAoVHJhbmcgY2hcdTFlZTcsIENcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkgVGhcdTFlYzMgdGhhbywgQ1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOSBOZ2hcdTFlYzcgdGh1XHUxZWFkdCk/XHJcbjx1bD5cclxuPGxpPkEuIFRyb25nIHBoXHUxZWE3biBjdVx1MWVkMWkgdHJhbmcgKGA8Zm9vdGVyPmApLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBUcm9uZyBwaFx1MWVhN24gXHUwMTExXHUxZWE3dSB0cmFuZyAoYDxoZWFkZXI+YCkgaG9cdTFlYjdjIG5nYXkgZFx1MDFiMFx1MWVkYmkuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gVHJvbmcgcGhcdTFlYTduIG5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaCAoYDxtYWluPmApLjxcL2xpPlxyXG48bGk+RC4gVHJvbmcgdGhcdTFlYmIgYDx0aXRsZT5gIGNcdTFlZTdhIHRyYW5nLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDQ6IEJcdTFlYTFuIFx1MDExMVx1MDBlMyB0XHUxZWExbyBtXHUxZWQ5dCBsXHUxZWRicCBDU1MgY1x1MDBmMyB0XHUwMGVhbiBgLmNsdWItY2FyZGAgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBoaVx1MWVjM24gdGhcdTFlY2IgdGhcdTAwZjRuZyB0aW4gY1x1MWVlN2EgdFx1MWVlYm5nIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkgKHZcdTAwZWQgZFx1MWVlNTogY1x1MDBmMyB2aVx1MWVjMW4sIG5cdTFlYzFuIG1cdTAwZTB1IG5oXHUxZWExdCwga2hvXHUxZWEzbmcgY1x1MDBlMWNoIGxcdTFlYzEpLiBOXHUxZWJmdSBiXHUxZWExbiBtdVx1MWVkMW4gXHUwMGUxcCBkXHUxZWU1bmcgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIG5cdTAwZTB5IGNobyBtXHUxZWQ5dCBraFx1MWVkMWkgblx1MWVkOWkgZHVuZyBjXHUxZWU1IHRoXHUxZWMzIHRyb25nIEhUTUwsIGJcdTFlYTFuIHNcdTFlYmQgc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggblx1MDBlMG8gdHJvbmcgdGhcdTFlYmIgSFRNTCBjXHUxZWU3YSBraFx1MWVkMWkgXHUwMTExXHUwMGYzP1xyXG48dWw+XHJcbjxsaT5BLiBgaWQ9PFwvbGk+XHJcbjxsaT5CLiBgc3R5bGU9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGBjbGFzcz08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBgbmFtZT08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA1OiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgaFx1MDBlY25oIFx1MWVhM25oIHRyb25nIHBoXHUxZWE3biBcIkJhbm5lclwiIGNcdTFlZTdhIHRyYW5nIHdlYi4gQlx1MWVhMW4gbXVcdTFlZDFuIGhcdTAwZWNuaCBcdTFlYTNuaCBuXHUwMGUweSB0XHUxZWYxIFx1MDExMVx1MWVkOW5nIGNvIGdpXHUwMGUzbiB0aGVvIGNoaVx1MWVjMXUgclx1MWVkOW5nIGNcdTFlZTdhIG1cdTAwZTBuIGhcdTAwZWNuaCB0clx1MDBlY25oIGR1eVx1MWVjN3QgbmhcdTAxYjBuZyB2XHUxZWFibiBnaVx1MWVlZiBuZ3V5XHUwMGVhbiB0XHUxZWY3IGxcdTFlYzcga2h1bmcgaFx1MDBlY25oIFx1MDExMVx1MWVjMyBraFx1MDBmNG5nIGJcdTFlY2IgbVx1MDBlOW8uIFRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBsXHUwMGUwIHF1YW4gdHJcdTFlY2RuZyBuaFx1MWVhNXQgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVhMXQgXHUwMTExXHUwMWIwXHUxZWUzYyBoaVx1MWVjN3UgcXVcdTFlYTMgblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gYG1heC13aWR0aDogMTAwJTsgaGVpZ2h0OiBhdXRvO2A8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBgd2lkdGg6IDEwMCU7IGhlaWdodDogMTAwJTtgPFwvbGk+XHJcbjxsaT5DLiBgZGlzcGxheTogYmxvY2s7IGZsb2F0OiBsZWZ0O2A8XC9saT5cclxuPGxpPkQuIGBvYmplY3QtZml0OiBjb3ZlcjtgIChjaFx1MWVjOSBcdTAxMTFcdTFlZTcgdHJvbmcgbVx1MWVkOXQgc1x1MWVkMSB0clx1MDFiMFx1MWVkZG5nIGhcdTFlZTNwLCBraFx1MDBmNG5nIGhpXHUxZWM3dSBxdVx1MWVhMyBiXHUxZWIxbmcgY1x1MDBlMWNoIGtcdTFlYmZ0IGhcdTFlZTNwIHdpZHRoXC9oZWlnaHQgYXV0byk8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA2OiBUcmFuZyBcIkdpXHUxZWRiaSB0aGlcdTFlYzd1IGNcdTAwZTFjIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkgdGhcdTFlYzMgdGhhb1wiIHZcdTAwZTAgXCJHaVx1MWVkYmkgdGhpXHUxZWM3dSBjXHUwMGUxYyBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5IG5naFx1MWVjNyB0aHVcdTFlYWR0XCIgblx1MDBlYW4gY1x1MDBmMyBjXHUxZWE1dSB0clx1MDBmYWMgdlx1MDBlMCBuXHUxZWQ5aSBkdW5nIG5oXHUwMWIwIHRoXHUxZWJmIG5cdTAwZTBvIFx1MDExMVx1MWVjMyBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIGRcdTFlYzUgZFx1MDBlMG5nIHRcdTAwZWNtIGtpXHUxZWJmbSB0aFx1MDBmNG5nIHRpbiBjXHUxZWU1IHRoXHUxZWMzP1xyXG48dWw+XHJcbjxsaT5BLiBDaFx1MWVjOSBjXHUxZWE3biBsaVx1MWVjN3Qga1x1MDBlYSB0XHUwMGVhbiBjXHUwMGUxYyBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5LjxcL2xpPlxyXG48bGk+Qi4gQ2hcdTFlYzkgaGlcdTFlYzNuIHRoXHUxZWNiIGhcdTAwZWNuaCBcdTFlYTNuaCB2XHUxZWMxIGNcdTAwZTFjIGhvXHUxZWExdCBcdTAxMTFcdTFlZDluZy48XC9saT5cclxuPGxpPkMuIENoXHUxZWU5YSB0b1x1MDBlMG4gYlx1MWVkOSBuXHUxZWQ5aSBkdW5nIGNcdTFlZTdhIHRyYW5nIGNoXHUxZWU3LjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBDdW5nIGNcdTFlYTVwIHRoXHUwMGY0bmcgdGluIGNoaSB0aVx1MWViZnQgKG1cdTAwZjQgdFx1MWVhMywgbFx1MWVjYmNoLCBoXHUwMGVjbmggXHUxZWEzbmgpIHZcdTFlYzEgdFx1MWVlYm5nIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkgdGh1XHUxZWQ5YyBuaFx1MDBmM20uPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDc6IFRyb25nIHRoaVx1MWViZnQga1x1MWViZiBsYXlvdXQgc1x1MWVlZCBkXHUxZWU1bmcgQ1NTLCBuXHUxZWJmdSBiXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8ga2hvXHUxZWEzbmcgY1x1MDBlMWNoIGdpXHUxZWVmYSB2aVx1MWVjMW4gY1x1MWVlN2EgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgdlx1MDBlMCBuXHUxZWQ5aSBkdW5nIGJcdTAwZWFuIHRyb25nIHBoXHUxZWE3biB0XHUxZWVkIFx1MDExMVx1MDBmMywgYlx1MWVhMW4gc1x1MWViZCBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gYG1hcmdpbmA8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gYHBhZGRpbmdgPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gYGJvcmRlcmA8XC9saT5cclxuPGxpPkQuIGBvdXRsaW5lYDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDg6IEJcdTFlYTFuIGNcdTFlYTduIHRoXHUwMGVhbSBtXHUxZWQ5dCBiaVx1MWVjM3UgbVx1MWVhYnUgXHUwMTExXHUwMTAzbmcga1x1MDBmZCB0aFx1MDBlMG5oIHZpXHUwMGVhbiBjaG8gY1x1MDBlMWMgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOS4gQmlcdTFlYzN1IG1cdTFlYWJ1IG5cdTAwZTB5IGNcdTFlYTduIGNcdTAwZjMgY1x1MDBlMWMgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MDFiMCBUXHUwMGVhbiwgTFx1MWVkYnAsIENcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkgbXVcdTFlZDFuIHRoYW0gZ2lhLiBUcm9uZyBIVE1MLCBuaFx1MDBmM20gY1x1MDBlMWMgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1IG5cdTAwZTB5IHRoXHUwMWIwXHUxZWRkbmcgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAxMTFcdTFlYjd0IGJcdTAwZWFuIHRyb25nIHRoXHUxZWJiIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGA8Zm9ybT5gPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gYDx0YWJsZT5gPFwvbGk+XHJcbjxsaT5DLiBgPGRpdj5gPFwvbGk+XHJcbjxsaT5ELiBgPHNwYW4+YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDk6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgcGhcdTFlYTduIFwiQmFubmVyXCIgY2hvIHRyYW5nIHdlYiwgYlx1MWVhMW4gbXVcdTFlZDFuIFx1MDExMVx1MWViN3QgdGlcdTAwZWF1IFx1MDExMVx1MWVjMSBjXHUxZWU3YSB0cmFuZyB3ZWIgbFx1MDBlYW4gdHJcdTAwZWFuIG1cdTFlZDl0IGhcdTAwZWNuaCBcdTFlYTNuaCBuXHUxZWMxbi4gXHUwMTEwXHUxZWMzIHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgKHZcdTAxMDNuIGJcdTFlYTNuKSBoaVx1MWVjM24gdGhcdTFlY2Igclx1MDBmNSByXHUwMGUwbmcgdHJcdTAwZWFuIGhcdTAwZWNuaCBcdTFlYTNuaCwgYlx1MWVhMW4gY1x1MDBmMyB0aFx1MWVjMyBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gXHUwMTExXHUxZWMzIFx1MDExMWlcdTFlYzF1IGNoXHUxZWM5bmggbVx1MDBlMHUgc1x1MWVhZmMgdlx1MDBlMCBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIHBoXHUwMGY0bmcgY2hcdTFlZWYgY1x1MWVlN2EgdGlcdTAwZWF1IFx1MDExMVx1MWVjMT9cclxuPHVsPlxyXG48bGk+QS4gYGJhY2tncm91bmQtY29sb3JgIHZcdTAwZTAgYGJvcmRlci13aWR0aGA8XC9saT5cclxuPGxpPkIuIGBtYXJnaW5gIHZcdTAwZTAgYHBhZGRpbmdgPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGBjb2xvcmAgdlx1MDBlMCBgZm9udC1zaXplYDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIGB3aWR0aGAgdlx1MDBlMCBgaGVpZ2h0YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEwOiBXZWJzaXRlIGdpXHUxZWRiaSB0aGlcdTFlYzd1IGNcdTAwZTFjIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkgY1x1MDBmMyB0aFx1MWVjMyBzXHUxZWVkIGRcdTFlZTVuZyBjXHUwMGUxYyBsb1x1MWVhMWkgdFx1MDBlMGkgbmd1eVx1MDBlYW4gXHUwMTExYSBwaFx1MDFiMFx1MDFhMW5nIHRpXHUxZWM3biBuXHUwMGUwbyBcdTAxMTFcdTFlYzMgbFx1MDBlMG0gY2hvIG5cdTFlZDlpIGR1bmcgdGhcdTAwZWFtIHBob25nIHBoXHUwMGZhIHZcdTAwZTAgaFx1MWVhNXAgZFx1MWVhYm4/XHJcbjx1bD5cclxuPGxpPkEuIENoXHUxZWM5IGNcdTAwZjMgdlx1MDEwM24gYlx1MWVhM24gdlx1MDBlMCBiXHUxZWEzbmcgYmlcdTFlYzN1LjxcL2xpPlxyXG48bGk+Qi4gQ2hcdTFlYzkgY1x1MDBmMyBcdTAwZTJtIHRoYW5oIHZcdTAwZTAgaFx1MDBlY25oIFx1MWVhM25oLjxcL2xpPlxyXG48bGk+Qy4gQ2hcdTFlYzkgY1x1MDBmMyB2XHUwMTAzbiBiXHUxZWEzbiB2XHUwMGUwIHZpZGVvLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBIXHUwMGVjbmggXHUxZWEzbmggdlx1MDBlMCB2aWRlby48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTE6IEJcdTFlYTFuIFx1MDExMWFuZyB4ZW0geFx1MDBlOXQgY1x1MWVhNXUgdHJcdTAwZmFjIEhUTUwgY1x1MWVlN2EgbVx1MWVkOXQgdHJhbmcgdlx1MDBlMCB0aFx1MWVhNXkgY1x1MDBlMWMgdGhcdTFlYmIgbmhcdTAxYjAgYDxoZWFkZXI+YCwgYDxtYWluPmAsIGA8Zm9vdGVyPmAuIFZpXHUxZWM3YyBzXHUxZWVkIGRcdTFlZTVuZyBjXHUwMGUxYyB0aFx1MWViYiBuXHUwMGUweSB0aGF5IHZcdTAwZWMgY2hcdTFlYzkgZFx1MDBmOW5nIGA8ZGl2PmAgY2hvIG1cdTFlY2RpIHRoXHUxZWU5IGNcdTAwZjMgXHUwMGZkIG5naFx1MDEyOWEgZ1x1MDBlYyB0cm9uZyB0aGlcdTFlYmZ0IGtcdTFlYmYgd2ViIGhpXHUxZWM3biBcdTAxMTFcdTFlYTFpP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIEdpXHUwMGZhcCBtXHUwMGUzIG5ndVx1MWVkM24gZFx1MWVjNSBcdTAxMTFcdTFlY2RjLCBkXHUxZWM1IGhpXHUxZWMzdSB2XHUwMGUwIGNcdTFlYTNpIHRoaVx1MWVjN24ga2hcdTFlYTMgblx1MDEwM25nIHRydXkgY1x1MWVhZHAgKGFjY2Vzc2liaWxpdHkpIHZcdTAwZTAgU0VPLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIFRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgXHUwMGUxcCBkXHUxZWU1bmcgbVx1MWVkOXQgc1x1MWVkMSBraVx1MWVjM3UgZFx1MDBlMW5nIG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oIFx1MDExMVx1MWViOXAgbVx1MWVhZnQgaFx1MDFhMW4uPFwvbGk+XHJcbjxsaT5DLiBDaFx1MWVjOSBcdTAxMTFcdTAxYTFuIHRodVx1MWVhN24gbFx1MDBlMCBjXHUwMGUxY2ggXHUwMTExXHUxZWI3dCB0XHUwMGVhbiBraFx1MDBlMWMgY2hvIHRoXHUxZWJiIGA8ZGl2PmAgdlx1MDBlMCBraFx1MDBmNG5nIGNcdTAwZjMgXHUwMGZkIG5naFx1MDEyOWEgXHUwMTExXHUxZWI3YyBiaVx1MWVjN3QuPFwvbGk+XHJcbjxsaT5ELiBCXHUxZWFmdCBidVx1MWVkOWMgcGhcdTFlYTNpIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyB0cmFuZyB3ZWIgaGlcdTFlYzNuIHRoXHUxZWNiIFx1MDExMVx1MDFiMFx1MWVlM2MgdHJcdTAwZWFuIG1cdTFlY2RpIHRyXHUwMGVjbmggZHV5XHUxZWM3dC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMjogS2hpIHRoaVx1MWViZnQga1x1MWViZiBnaWFvIGRpXHUxZWM3biBjaG8gY1x1MDBlMWMgXCJ0aFx1MWViYlwiIHRoXHUwMGY0bmcgdGluIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkgKG1cdTFlZDdpIHRoXHUxZWJiIGNoXHUxZWU5YSBcdTFlYTNuaCwgdFx1MDBlYW4sIG1cdTAwZjQgdFx1MWVhMyksIGJcdTFlYTFuIG11XHUxZWQxbiBjXHUwMGUxYyB0aFx1MWViYiBuXHUwMGUweSBoaVx1MWVjM24gdGhcdTFlY2IgdGhlbyBkXHUxZWExbmcgbFx1MDFiMFx1MWVkYmkgKGdyaWQpIHZcdTFlZGJpIHNcdTFlZDEgbFx1MDFiMFx1MWVlM25nIGNcdTFlZDl0IHRoYXkgXHUwMTExXHUxZWQ1aSB0XHUwMGY5eSB0aHVcdTFlZDljIHZcdTAwZTBvIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgbVx1MDBlMG4gaFx1MDBlY25oLiBLXHUxZWY5IHRodVx1MWVhZHQgQ1NTIG5cdTAwZTBvIGxcdTAwZTAgbFx1MWVmMWEgY2hcdTFlY2RuIGhpXHUxZWM3dSBxdVx1MWVhMyBuaFx1MWVhNXQgXHUwMTExXHUxZWMzIHhcdTAwZTJ5IGRcdTFlZjFuZyBsYXlvdXQgbFx1MDFiMFx1MWVkYmkgbGluaCBob1x1MWVhMXQgbmhcdTAxYjAgdlx1MWVhZHk/XHJcbjx1bD5cclxuPGxpPkEuIENoXHUxZWM5IHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBmbG9hdDogbGVmdDtgIGNobyBjXHUwMGUxYyB0aFx1MWViYi48XC9saT5cclxuPGxpPkIuIFNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlYTNuZyAoYDx0YWJsZT5gKSB0cm9uZyBIVE1MLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBTXHUxZWVkIGRcdTFlZTVuZyBDU1MgR3JpZCBMYXlvdXQgaG9cdTFlYjdjIEZsZXhib3gga1x1MWViZnQgaFx1MWVlM3Agdlx1MWVkYmkgTWVkaWEgUXVlcmllcy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBcdTAxMTBcdTFlYjd0IG1cdTFlZDdpIHRoXHUxZWJiIHRyb25nIG1cdTFlZDl0IGRcdTAwZjJuZyByaVx1MDBlYW5nIGJpXHUxZWM3dCBiXHUxZWIxbmcgdGhcdTFlYmIgYDxicj5gLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEzOiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIFx1MDExMVx1MDBlMyBcdTAxMTFcdTFlY2JuaCBuZ2hcdTAxMjlhIG1cdTFlZDl0IGxcdTFlZGJwIENTUyBgLmhpZ2hsaWdodGAgdlx1MWVkYmkgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGJhY2tncm91bmQtY29sb3I6IHllbGxvdztgLiBOXHUxZWJmdSBiXHUxZWExbiBtdVx1MWVkMW4gXHUwMGUxcCBkXHUxZWU1bmcgbFx1MWVkYnAgblx1MDBlMHkgY2hvIG1cdTFlZDl0IFx1MDExMW9cdTFlYTFuIHZcdTAxMDNuIGJcdTFlYTNuIGNcdTFlZTUgdGhcdTFlYzMgdHJvbmcgbVx1MWVkOXQgdGhcdTFlYmIgYDxwPmAsIGJcdTFlYTFuIHNcdTFlYmQgdmlcdTFlYmZ0IEhUTUwgbmhcdTAxYjAgdGhcdTFlYmYgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+Qi4gPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE0OiBLaGkgdGhpXHUxZWJmdCBrXHUxZWJmIHBoXHUxZWE3biBjdVx1MWVkMWkgdHJhbmcgKGA8Zm9vdGVyPmApLCBuXHUxZWQ5aSBkdW5nIHRoXHUwMWIwXHUxZWRkbmcgYmFvIGdcdTFlZDNtIHRoXHUwMGY0bmcgdGluIGJcdTFlYTNuIHF1eVx1MWVjMW4sIGxpXHUwMGVhbiBrXHUxZWJmdCBtXHUxZWExbmcgeFx1MDBlMyBoXHUxZWQ5aSwgaG9cdTFlYjdjIHRoXHUwMGY0bmcgdGluIGxpXHUwMGVhbiBoXHUxZWM3LiBWXHUxZWMxIG1cdTFlYjd0IFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBDU1MsIHBoXHUxZWE3biBmb290ZXIgdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDExMVx1MWViN3QgXHUxZWRmIHZcdTFlY2IgdHJcdTAwZWQgblx1MDBlMG8gY1x1MWVlN2EgdHJhbmcgdlx1MDBlMCBjXHUwMGYzIGtpXHUxZWMzdSBkXHUwMGUxbmcgXHUwMTExXHUxZWI3YyB0clx1MDFiMG5nIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gVGhcdTAxYjBcdTFlZGRuZyBuXHUxZWIxbSBcdTFlZGYgY3VcdTFlZDFpIG1cdTFlZDdpIHRyYW5nIHZcdTAwZTAgY1x1MDBmMyB0aFx1MWVjMyBjXHUwMGYzIG1cdTAwZTB1IG5cdTFlYzFuIGhvXHUxZWI3YyBcdTAxMTFcdTAxYjBcdTFlZGRuZyBwaFx1MDBlMm4gY1x1MDBlMWNoLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIEx1XHUwMGY0biBjXHUxZWQxIFx1MDExMVx1MWVjYm5oIFx1MWVkZiBcdTAxMTFcdTFlYTd1IHRyYW5nIGtoaSBjdVx1MWVkOW4gY2h1XHUxZWQ5dC48XC9saT5cclxuPGxpPkMuIENoXHUxZWM5IGhpXHUxZWMzbiB0aFx1MWVjYiB0clx1MDBlYW4gdHJhbmcgY2hcdTFlZTcuPFwvbGk+XHJcbjxsaT5ELiBLaFx1MDBmNG5nIFx1MDExMVx1MDFiMFx1MWVlM2MgcGhcdTAwZTlwIGNoXHUxZWU5YSBsaVx1MDBlYW4ga1x1MWViZnQgXHUwMTExaVx1MWVjMXUgaFx1MDFiMFx1MWVkYm5nLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE1OiBCXHUxZWExbiBuaFx1MWVhZG4gdGhcdTFlYTV5IHJcdTFlYjFuZyBjXHUwMGUxYyB0aVx1MDBlYXUgXHUwMTExXHUxZWMxIHBoXHUxZWU1IChgPGgyPmAsIGA8aDM+YCkgdHJcdTAwZWFuIGNcdTAwZTFjIHRyYW5nIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkgY1x1MDBmMyBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIHZcdTAwZTAgbVx1MDBlMHUgc1x1MWVhZmMga2hcdTAwZTFjIG5oYXUsIG1cdTFlYjdjIGRcdTAwZjkgYlx1MWVhMW4gbXVcdTFlZDFuIGNoXHUwMGZhbmcgdHJcdTAwZjRuZyBnaVx1MWVkMW5nIG5oYXUgXHUwMTExXHUxZWMzIHRcdTFlYTFvIHNcdTFlZjEgbmhcdTFlYTV0IHF1XHUwMGUxbi4gVlx1MWVhNW4gXHUwMTExXHUxZWMxIG5cdTAwZTB5IGNcdTAwZjMgdGhcdTFlYzMgZG8gbmd1eVx1MDBlYW4gbmhcdTAwZTJuIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5P1xyXG48dWw+XHJcbjxsaT5BLiBDXHUwMGUxYyB0aFx1MWViYiBIVE1MIGNobyB0aVx1MDBlYXUgXHUwMTExXHUxZWMxIHBoXHUxZWU1IFx1MDExMVx1MDFiMFx1MWVlM2MgdmlcdTFlYmZ0IHNhaSBjXHUwMGZhIHBoXHUwMGUxcC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gQ1x1MDBlMWMgdHJhbmcga2hcdTAwZTFjIG5oYXUgXHUwMTExYW5nIGxpXHUwMGVhbiBrXHUxZWJmdCBcdTAxMTFcdTFlYmZuIGNcdTAwZTFjIHRcdTFlYzdwIHRpbiBDU1Mga2hcdTAwZTFjIG5oYXUgaG9cdTFlYjdjIGtoXHUwMGY0bmcgbGlcdTAwZWFuIGtcdTFlYmZ0IFx1MDExMVx1MWViZm4gdFx1MWVjN3AgQ1NTIGNodW5nLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIFx1MDExMFx1MWVkOSBwaFx1MDBlMm4gZ2lcdTFlYTNpIG1cdTAwZTBuIGhcdTAwZWNuaCBjXHUxZWU3YSBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIGtoXHUwMGUxYyBuaGF1LjxcL2xpPlxyXG48bGk+RC4gVHJcdTAwZWNuaCBkdXlcdTFlYzd0IHdlYiBjXHUxZWU3YSBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIFx1MDExMVx1MDBlMyBjXHUwMTY5LjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE2OiBLaGkgdGhpXHUxZWJmdCBrXHUxZWJmIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkICh2XHUwMGVkIGRcdTFlZTU6IG1cdTFlZDl0IGtoXHUxZWQxaSBuXHUxZWQ5aSBkdW5nKSwgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIHhcdTAwZTFjIFx1MDExMVx1MWVjYm5oIG1cdTAwZTB1IG5cdTFlYzFuIGNcdTFlZTdhIHBoXHUxZWE3biB0XHUxZWVkIFx1MDExMVx1MDBmMz9cclxuPHVsPlxyXG48bGk+QS4gYGNvbG9yYDxcL2xpPlxyXG48bGk+Qi4gYGJvcmRlci1jb2xvcmA8XC9saT5cclxuPGxpPkMuIGB0ZXh0LWRlY29yYXRpb24tY29sb3JgPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIGBiYWNrZ3JvdW5kLWNvbG9yYDxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNzogQlx1MWVhMW4gbXVcdTFlZDFuIHRoXHUwMGVhbSBtXHUxZWQ5dCBraG9cdTFlYTNuZyB0clx1MWVkMW5nIGdpXHUxZWVmYSBoYWkga2hcdTFlZDFpIG5cdTFlZDlpIGR1bmcgblx1MWViMW0gY1x1MWVhMW5oIG5oYXUgdGhlbyBjaGlcdTFlYzF1IG5nYW5nLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gdHJcdTAwZWFuIG1cdTFlZDl0IHRyb25nIGhhaSBraFx1MWVkMWkgKGhvXHUxZWI3YyBjXHUxZWEzIGhhaSkgaG9cdTFlYjdjIHRyXHUwMGVhbiBwaFx1MWVhN24gdFx1MWVlZCBjb250YWluZXIgY1x1MWVlN2EgY2hcdTAwZmFuZyBjXHUwMGYzIHRoXHUxZWMzIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIHRcdTFlYTFvIGtob1x1MWVhM25nIHRyXHUxZWQxbmcgblx1MDBlMHkgPGk+Ylx1MDBlYW4gbmdvXHUwMGUwaTxcL2k+IHZpXHUxZWMxbiBjXHUxZWU3YSBraFx1MWVkMWk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gYG1hcmdpbmA8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBgcGFkZGluZ2A8XC9saT5cclxuPGxpPkMuIGBib3JkZXJgPFwvbGk+XHJcbjxsaT5ELiBgb3V0bGluZWA8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxODogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBjXHUwMGYzIG1cdTFlZDl0IGRhbmggc1x1MDBlMWNoIGNcdTAwZTFjIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkgXHUwMTExXHUwMWIwXHUxZWUzYyBoaVx1MWVjM24gdGhcdTFlY2IgZFx1MDFiMFx1MWVkYmkgZFx1MWVhMW5nIGNcdTAwZTFjIG1cdTFlZTVjIGRhbmggc1x1MDBlMWNoIChgPGxpPmApIHRyb25nIG1cdTFlZDl0IHRoXHUxZWJiIGA8dWw+YC4gQlx1MWVhMW4gbXVcdTFlZDFuIGxvXHUxZWExaSBiXHUxZWNmIGNcdTAwZTFjIGRcdTFlYTV1IGNoXHUxZWE1bSAoYnVsbGV0IHBvaW50cykgbVx1MWViN2MgXHUwMTExXHUxZWNibmggdHJcdTAxYjBcdTFlZGJjIG1cdTFlZDdpIG1cdTFlZTVjIGRhbmggc1x1MDBlMWNoLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gdHJcdTAwZWFuIHRoXHUxZWJiIGA8dWw+YCBob1x1MWViN2MgYDxsaT5gIHNcdTFlYmQgZ2lcdTAwZmFwIGJcdTFlYTFuIGxcdTAwZTBtIFx1MDExMWlcdTFlYzF1IG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiBgdGV4dC1kZWNvcmF0aW9uOiBub25lO2A8XC9saT5cclxuPGxpPkIuIGBkaXNwbGF5OiBpbmxpbmU7YDxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBgbGlzdC1zdHlsZS10eXBlOiBub25lO2A8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBgZmxvYXQ6IGxlZnQ7YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE5OiBLaGkgdGhpXHUxZWJmdCBrXHUxZWJmIG1cdTFlZDl0IHRyYW5nIHdlYiwgdmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIGNcdTAwZTFjIGhcdTAwZWNuaCBcdTFlYTNuaCBjXHUwMGYzIGR1bmcgbFx1MDFiMFx1MWVlM25nIHF1XHUwMGUxIGxcdTFlZGJuIGNcdTAwZjMgdGhcdTFlYzMgZ1x1MDBlMnkgcmEgdlx1MWVhNW4gXHUwMTExXHUxZWMxIGdcdTAwZWMgbmdoaVx1MDBlYW0gdHJcdTFlY2RuZyBuaFx1MWVhNXQ/XHJcbjx1bD5cclxuPGxpPkEuIExcdTAwZTBtIG1cdTAwZTlvIG1cdTAwZjMgZ2lhbyBkaVx1MWVjN24gdHJhbmcgd2ViLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBMXHUwMGUwbSBjaFx1MWVhZG0gdFx1MWVkMWMgXHUwMTExXHUxZWQ5IHRcdTFlYTNpIHRyYW5nLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIEdcdTAwZTJ5IGxcdTFlZDdpIGhpXHUxZWMzbiB0aFx1MWVjYiB0clx1MDBlYW4gY1x1MDBlMWMgdHJcdTAwZWNuaCBkdXlcdTFlYzd0IGNcdTAxNjkuPFwvbGk+XHJcbjxsaT5ELiBcdTFlYTJuaCBoXHUwMWIwXHUxZWRmbmcgXHUwMTExXHUxZWJmbiB0aFx1MWVlOSBoXHUxZWExbmcgU0VPIGNcdTFlZTdhIHRyYW5nLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIwOiBCXHUxZWExbiBtdVx1MWVkMW4gXHUwMGUxcCBkXHUxZWU1bmcgbVx1MWVkOXQga2lcdTFlYzN1IFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyAodlx1MDBlZCBkXHUxZWU1OiBjaFx1MWVlZiBpbiBcdTAxMTFcdTFlYWRtLCBtXHUwMGUwdSBcdTAxMTFcdTFlY2YpIGNobyB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIFx1MDExMW9cdTFlYTFuIHZcdTAxMDNuIGJcdTFlYTNuIG5cdTFlYjFtIHRyb25nIHBoXHUxZWE3biBuXHUxZWQ5aSBkdW5nIGNoXHUwMGVkbmggY1x1MWVlN2EgdHJhbmcgKGA8bWFpbj5gKS4gU2VsZWN0b3IgQ1NTIG5cdTAwZTBvIGxcdTAwZTAgcGhcdTAwZjkgaFx1MWVlM3AgbmhcdTFlYTV0IFx1MDExMVx1MWVjMyBuaFx1MWVhZm0gbVx1MWVlNWMgdGlcdTAwZWF1IFx1MDExMVx1MWViZm4gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0aFx1MWViYiBgPHA+YCBjaFx1MWVjOSBuXHUxZWIxbSB0cm9uZyB0aFx1MWViYiBgPG1haW4+YD9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBgbWFpbiBwYDxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMTogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBcdTAxMTFcdTAwZTMgdFx1MWVhMW8gbVx1MWVkOXQgdHJhbmcgSFRNTCBjaG8gXCJDXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5IENcdTFlZGQgVnVhXCIgKGBjb3Z1YS5odG1sYCkuIFx1MDExMFx1MWVjMyBsaVx1MDBlYW4ga1x1MWViZnQgdFx1MWVlYiB0cmFuZyBjaFx1MWVlNyBcdTAxMTFcdTFlYmZuIHRyYW5nIG5cdTAwZTB5LCBiXHUxZWExbiBzXHUxZWJkIHNcdTFlZWQgZFx1MWVlNW5nIHRoXHUxZWJiIEhUTUwgblx1MDBlMG8gdlx1MDBlMCB0aHVcdTFlZDljIHRcdTAwZWRuaCBuXHUwMGUwbyBcdTAxMTFcdTFlYzMgY2hcdTFlYzkgXHUwMTExXHUxZWNibmggXHUwMTExXHUxZWNiYSBjaFx1MWVjOSBjXHUxZWU3YSB0cmFuZyBcdTAxMTFcdTAwZWRjaD9cclxuPHVsPlxyXG48bGk+QS4gYDxsaW5rIHNyYz08XC9saT5cclxuPGxpPkIuIGA8YnV0dG9uIHVybD08XC9saT5cclxuPGxpPkMuIGA8aW1nPiBocmVmPTxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBgPGEgaHJlZj08XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjI6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgbGF5b3V0LCB2aVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgYDxkaXY+YCBtXHUxZWQ5dCBjXHUwMGUxY2ggaFx1MWVlM3AgbFx1MDBmZCBcdTAxMTFcdTFlYzMgbmhcdTAwZjNtIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjMgbGlcdTAwZWFuIHF1YW4gKHZcdTAwZWQgZFx1MWVlNTogbmhcdTAwZjNtIFx1MWVhM25oIHZcdTAwZTAgbVx1MDBmNCB0XHUxZWEzIGNcdTFlZTdhIG1cdTFlZDl0IGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkpIGNcdTAwZjMgbFx1MWVlM2kgXHUwMGVkY2ggZ1x1MDBlYyB2XHUxZWMxIG1cdTFlYjd0IGNcdTFlYTV1IHRyXHUwMGZhYyB2XHUwMGUwIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBDU1M/XHJcbjx1bD5cclxuPGxpPkEuIFRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgdFx1MWVhMW8gcmEgY1x1MDBlMWMgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIHh1bmcgcXVhbmggbmhcdTAwZjNtLjxcL2xpPlxyXG48bGk+Qi4gTFx1MDBlMG0gY2hvIG5cdTFlZDlpIGR1bmcgYlx1MDBlYW4gdHJvbmcgYGRpdmAgdFx1MWVmMSBcdTAxMTFcdTFlZDluZyBjXHUwMTAzbiBnaVx1MWVlZmEuPFwvbGk+XHJcbjxsaT5DLiBHaVx1MDBmYXAgbmhcdTAwZjNtIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIFx1MDExMVx1MWVjMyBkXHUxZWM1IGRcdTAwZTBuZyBcdTAwZTFwIGRcdTFlZTVuZyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgQ1NTIGNodW5nIHZcdTAwZTAgcXVcdTFlYTNuIGxcdTAwZmQgY1x1MWVhNXUgdHJcdTAwZmFjLjxcL2xpPlxyXG48bGk+RC4gQlx1MWVhZnQgYnVcdTFlZDljIHBoXHUxZWEzaSBjXHUwMGYzIFx1MDExMVx1MWVjMyBoXHUwMGVjbmggXHUxZWEzbmggaGlcdTFlYzNuIHRoXHUxZWNiIFx1MDExMVx1MDFiMFx1MWVlM2MuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjM6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBoaVx1MWVjN3UgXHUxZWU5bmcgXHUwMTExXHUwMWExbiBnaVx1MWVhM246IGtoaSBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIGRpIGNodVx1MWVkOXQgcXVhIG1cdTFlZDl0IGxpXHUwMGVhbiBrXHUxZWJmdCB0cm9uZyBtZW51IFx1MDExMWlcdTFlYzF1IGhcdTAxYjBcdTFlZGJuZywgbVx1MDBlMHUgY2hcdTFlZWYgY1x1MWVlN2EgbGlcdTAwZWFuIGtcdTFlYmZ0IFx1MDExMVx1MDBmMyBzXHUxZWJkIHRoYXkgXHUwMTExXHUxZWQ1aS4gS1x1MWVmOSB0aHVcdTFlYWR0IENTUyBuXHUwMGUwbyBjaG8gcGhcdTAwZTlwIGJcdTFlYTFuIFx1MDBlMXAgZFx1MWVlNW5nIGtpXHUxZWMzdSBkXHUwMGUxbmcgXHUwMTExXHUxZWI3YyBiaVx1MWVjN3QgY2hvIGNcdTAwZTFjIHRyXHUxZWExbmcgdGhcdTAwZTFpIHRcdTAxYjBcdTAxYTFuZyB0XHUwMGUxYyBjXHUxZWU3YSBwaFx1MWVhN24gdFx1MWVlZCAobmhcdTAxYjAga2hpIGRpIGNodVx1MWVkOXQgcXVhKT9cclxuPHVsPlxyXG48bGk+QS4gU1x1MWVlZCBkXHUxZWU1bmcgSmF2YVNjcmlwdCBcdTAxMTFcdTFlYzMgdGhheSBcdTAxMTFcdTFlZDVpIGtpXHUxZWMzdSBkXHUwMGUxbmcuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIFNcdTFlZWQgZFx1MWVlNW5nIFBzZXVkby1jbGFzc2VzIG5oXHUwMWIwIGA6aG92ZXJgIHRyb25nIENTUy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBcdTAwYzFwIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgb3BhY2l0eWAuPFwvbGk+XHJcbjxsaT5ELiBTXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgdHJhbnNmb3JtYC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNDogS2hpIHRoaVx1MWViZnQga1x1MWViZiBtXHUxZWQ5dCB0cmFuZyB3ZWIsIHRcdTFlYTFpIHNhbyB2aVx1MWVjN2MgXHUwMTExXHUxZWI3dCB0XHUwMGVhbiBjXHUwMGUxYyB0XHUxZWM3cCBIVE1MLCBDU1MsIHZcdTAwZTAgdGhcdTAxYjAgbVx1MWVlNWMgY2hcdTFlZTlhIGhcdTAwZWNuaCBcdTFlYTNuaCwgdmlkZW8gbVx1MWVkOXQgY1x1MDBlMWNoIGtob2EgaFx1MWVjZGMgdlx1MDBlMCBuaFx1MWVhNXQgcXVcdTAwZTFuIGxcdTFlYTFpIHF1YW4gdHJcdTFlY2RuZz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBHaVx1MDBmYXAgcXVcdTFlYTNuIGxcdTAwZmQgZFx1MWVmMSBcdTAwZTFuIGRcdTFlYzUgZFx1MDBlMG5nLCB0XHUwMGVjbSBraVx1MWViZm0gdFx1MWVjN3AgbmhhbmggY2hcdTAwZjNuZyB2XHUwMGUwIHRodVx1MWVhZG4gbFx1MWVlM2kgY2hvIHZpXHUxZWM3YyBiXHUxZWEzbyB0clx1MDBlYy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBUXHUxZWYxIFx1MDExMVx1MWVkOW5nIGNcdTFlYTNpIHRoaVx1MWVjN24gdFx1MWVkMWMgXHUwMTExXHUxZWQ5IHRcdTFlYTNpIHRyYW5nLjxcL2xpPlxyXG48bGk+Qy4gTFx1MDBlMCB5XHUwMGVhdSBjXHUxZWE3dSBiXHUxZWFmdCBidVx1MWVkOWMgY1x1MWVlN2EgdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0clx1MDBlY25oIGR1eVx1MWVjN3Qgd2ViLjxcL2xpPlxyXG48bGk+RC4gTmdcdTAxMDNuIGNoXHUxZWI3biBuZ1x1MDFiMFx1MWVkZGkga2hcdTAwZTFjIHNhbyBjaFx1MDBlOXAgbVx1MDBlMyBuZ3VcdTFlZDNuIGNcdTFlZTdhIGJcdTFlYTFuLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI1OiBCXHUxZWExbiBcdTAxMTFcdTAwZTMgc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYHdpZHRoOiA1MCU7YCBjaG8gbVx1MWVkOXQga2hcdTFlZDFpIG5cdTFlZDlpIGR1bmcuIFx1MDExMGlcdTFlYzF1IG5cdTAwZTB5IGNcdTAwZjMgXHUwMGZkIG5naFx1MDEyOWEgZ1x1MDBlYyB2XHUxZWMxIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgY1x1MWVlN2Ega2hcdTFlZDFpIFx1MDExMVx1MDBmMyB0clx1MDBlYW4gY1x1MDBlMWMgbVx1MDBlMG4gaFx1MDBlY25oIGtoXHUwMGUxYyBuaGF1P1xyXG48dWw+XHJcbjxsaT5BLiBLaFx1MWVkMWkgc1x1MWViZCBsdVx1MDBmNG4gY1x1MDBmMyBjaGlcdTFlYzF1IHJcdTFlZDluZyBjXHUxZWQxIFx1MDExMVx1MWVjYm5oIGxcdTAwZTAgNTAgcGl4ZWwuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIEtoXHUxZWQxaSBzXHUxZWJkIGNoaVx1MWViZm0gNTAlIGNoaVx1MWVjMXUgclx1MWVkOW5nIGNcdTFlZTdhIHBoXHUxZWE3biB0XHUxZWVkIGNoXHUxZWU5YSBuXHUwMGYzIHZcdTAwZTAgY1x1MDBmMyB0aFx1MWVjMyBjbyBnaVx1MDBlM24gdGhlbyBtXHUwMGUwbiBoXHUwMGVjbmguPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gS2hcdTFlZDFpIHNcdTFlYmQgY2hpXHUxZWJmbSA1MCUgY2hpXHUxZWMxdSBjYW8gY1x1MWVlN2EgbVx1MDBlMG4gaFx1MDBlY25oLjxcL2xpPlxyXG48bGk+RC4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggblx1MDBlMHkgY2hcdTFlYzkgY1x1MDBmMyB0XHUwMGUxYyBkXHUxZWU1bmcga2hpIHhlbSB0clx1MDBlYW4gXHUwMTExaVx1MWVjN24gdGhvXHUxZWExaSBkaSBcdTAxMTFcdTFlZDluZy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNjogXHUwMTEwXHUxZWMzIGxcdTAwZTBtIGNobyB0cmFuZyB3ZWIgZ2lcdTFlZGJpIHRoaVx1MWVjN3UgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOSB0clx1MWVkZiBuXHUwMGVhbiBzaW5oIFx1MDExMVx1MWVkOW5nIGhcdTAxYTFuLCBiXHUxZWExbiBtdVx1MWVkMW4gbmhcdTAwZmFuZyBtXHUxZWQ5dCB2aWRlbyBnaVx1MWVkYmkgdGhpXHUxZWM3dSB0XHUxZWViIFlvdVR1YmUgdlx1MDBlMG8gdHJhbmcuIFRoXHUxZWJiIEhUTUwgblx1MDBlMG8gdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyBuaFx1MDBmYW5nIG5cdTFlZDlpIGR1bmcgdFx1MWVlYiBuZ3VcdTFlZDNuIGJcdTAwZWFuIG5nb1x1MDBlMGkgKG5oXHUwMWIwIHZpZGVvLCBiXHUxZWEzbiBcdTAxMTFcdTFlZDMpP1xyXG48dWw+XHJcbjxsaT5BLiBgPHZpZGVvPmA8XC9saT5cclxuPGxpPkIuIGA8ZW1iZWQ+YDxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBgPGlmcmFtZT5gPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gYDxzb3VyY2U+YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI3OiBCXHUxZWExbiBcdTAxMTFcdTAwZTMgdGhpXHUxZWJmdCBrXHUxZWJmIHhvbmcgZ2lhbyBkaVx1MWVjN24gdHJhbmcgd2ViIHRyXHUwMGVhbiBtXHUwMGUxeSB0XHUwMGVkbmguIFR1eSBuaGlcdTAwZWFuLCBraGkgeGVtIHRyXHUwMGVhbiBcdTAxMTFpXHUxZWM3biB0aG9cdTFlYTFpIGRpIFx1MDExMVx1MWVkOW5nLCBjXHUwMGUxYyBraFx1MWVkMWkgblx1MWVkOWkgZHVuZyBiXHUxZWNiIGNoXHUxZWQzbmcgY2hcdTAwZTlvIHZcdTAwZTAgbWVudSBcdTAxMTFpXHUxZWMxdSBoXHUwMWIwXHUxZWRibmcgclx1MWVhNXQga2hcdTAwZjMgc1x1MWVlZCBkXHUxZWU1bmcuIFZcdTFlYTVuIFx1MDExMVx1MWVjMSBuXHUwMGUweSBjaG8gdGhcdTFlYTV5IHdlYnNpdGUgY1x1MWVlN2EgYlx1MWVhMW4gY2hcdTAxYjBhIFx1MDExMVx1MDBlMXAgXHUxZWU5bmcgXHUwMTExXHUwMWIwXHUxZWUzYyBuZ3V5XHUwMGVhbiB0XHUxZWFmYyB0aGlcdTFlYmZ0IGtcdTFlYmYgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gUmVzcG9uc2l2ZSBEZXNpZ24gKFRoaVx1MWViZnQga1x1MWViZiBcdTAxMTFcdTAwZTFwIFx1MWVlOW5nKTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIFNlbWFudGljIEhUTUwgKEhUTUwgbmdcdTFlZWYgbmdoXHUwMTI5YSk8XC9saT5cclxuPGxpPkMuIEFjY2Vzc2liaWxpdHkgKEtoXHUxZWEzIG5cdTAxMDNuZyB0cnV5IGNcdTFlYWRwKTxcL2xpPlxyXG48bGk+RC4gU0VPIChUXHUxZWQxaSBcdTAxYjB1IGhcdTAwZjNhIGNcdTAwZjRuZyBjXHUxZWU1IHRcdTAwZWNtIGtpXHUxZWJmbSk8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyODogVHJvbmcgdFx1MWVjN3AgQ1NTLCBiXHUxZWExbiB0aFx1MWVhNXkgbVx1MWVkOXQgXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1IGJcdTFlYjFuZyBgXC88aT5gIHZcdTAwZTAga1x1MWViZnQgdGhcdTAwZmFjIGJcdTFlYjFuZyBgPFwvaT5cL2AuIE1cdTFlZTVjIFx1MDExMVx1MDBlZGNoIGNcdTFlZTdhIFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgblx1MDBlMHkgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiBcdTAxMTBcdTFlY2JuaCBuZ2hcdTAxMjlhIG1cdTFlZDl0IGxcdTFlZGJwIENTUyBtXHUxZWRiaS48XC9saT5cclxuPGxpPkIuIFx1MDBjMXAgZFx1MWVlNW5nIG1cdTFlZDl0IGtpXHUxZWMzdSBkXHUwMGUxbmcgXHUwMTExXHUxZWI3YyBiaVx1MWVjN3QgY2hvIHBoXHUxZWE3biB0XHUxZWVkLjxcL2xpPlxyXG48bGk+Qy4gVFx1MWVhMW8gcmEgbVx1MWVkOXQga2hcdTFlZDFpIG5cdTFlZDlpIGR1bmcgXHUxZWE5bi48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gVmlcdTFlYmZ0IGNoXHUwMGZhIHRoXHUwMGVkY2ggdHJvbmcgbVx1MDBlMyBuZ3VcdTFlZDNuIENTUy48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjk6IEJcdTFlYTFuIG11XHUxZWQxbiB0aFx1MDBlYW0gbVx1MWVkOXQgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIG1cdTAwZTB1IHhhbmggeHVuZyBxdWFuaCB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIGhcdTAwZWNuaCBcdTFlYTNuaCB0cm9uZyBwaFx1MWVhN24gblx1MWVkOWkgZHVuZyBjaFx1MDBlZG5oIGNcdTFlZTdhIHRyYW5nLiBTZWxlY3RvciB2XHUwMGUwIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBzXHUxZWJkIGdpXHUwMGZhcCBiXHUxZWExbiB0aFx1MWVmMWMgaGlcdTFlYzduIFx1MDExMWlcdTFlYzF1IFx1MDExMVx1MDBmMz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBgbWFpbiBpbWcgeyBib3JkZXI6IC4uLjsgfWA8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBgaW1nIG1haW4geyBib3JkZXI6IC4uLjsgfWA8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAzMDogS2hpIHRoaVx1MWViZnQga1x1MWViZiB0cmFuZyB3ZWIsIHZpXHUxZWM3YyBzXHUxZWVkIGRcdTFlZTVuZyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBIVE1MIGNcdTAwZjMgbmdcdTFlZWYgbmdoXHUwMTI5YSAoc2VtYW50aWMgSFRNTCkgbmhcdTAxYjAgYDxuYXY+YCwgYDxhcnRpY2xlPmAsIGA8YXNpZGU+YCB0aGF5IHZcdTAwZWMgY2hcdTFlYzkgZFx1MDBmOW5nIGA8ZGl2PmAgbVx1MWVjZGkgblx1MDFhMWkgbWFuZyBsXHUxZWExaSBsXHUxZWUzaSBcdTAwZWRjaCBnXHUwMGVjIGNobyB2aVx1MWVjN2MgdFx1MWVkNSBjaFx1MWVlOWMgblx1MWVkOWkgZHVuZz9cclxuPHVsPlxyXG48bGk+QS4gTFx1MDBlMG0gY2hvIHRyYW5nIHdlYiB0XHUxZWYxIFx1MDExMVx1MWVkOW5nIGNcdTAwZjMgZ2lhbyBkaVx1MWVjN24gXHUwMTExXHUxZWI5cCBoXHUwMWExbi48XC9saT5cclxuPGxpPkIuIEdpXHUxZWEzbSBkdW5nIGxcdTAxYjBcdTFlZTNuZyB0XHUxZWM3cCBIVE1MLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBMXHUwMGUwbSBjaG8gY1x1MWVhNXUgdHJcdTAwZmFjIG5cdTFlZDlpIGR1bmcgclx1MDBmNSByXHUwMGUwbmcsIGRcdTFlYzUgaGlcdTFlYzN1IGNobyBjXHUxZWEzIG5nXHUwMWIwXHUxZWRkaSB2XHUwMGUwIG1cdTAwZTF5LCBoXHUxZWQ3IHRyXHUxZWUzIGtoXHUxZWEzIG5cdTAxMDNuZyB0cnV5IGNcdTFlYWRwIHZcdTAwZTAgU0VPLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgdFx1MWVhMW8gaGlcdTFlYzd1IFx1MWVlOW5nIFx1MDExMVx1MWVkOW5nIGNobyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMzMDIiLCJxdWVzdGlvbl9pZHMiOiI4Mjk0MjgsODI5NDI5LDgyOTQzMCw4Mjk0MzEsODI5NDMyLDgyOTQzMyw4Mjk0MzQsODI5NDM1LDgyOTQzNiw4Mjk0MzcsODI5NDM4LDgyOTQzOSw4Mjk0NDAsODI5NDQxLDgyOTQ0Miw4Mjk0NDMsODI5NDQ0LDgyOTQ0NSw4Mjk0NDYsODI5NDQ3LDgyOTQ0OCw4Mjk0NDksODI5NDUwLDgyOTQ1MSw4Mjk0NTIsODI5NDUzLDgyOTQ1NCw4Mjk0NTUsODI5NDU2LDgyOTQ1NyIsIm9yZGVyaW5nIjoiMjc3OTUiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ==';
</script>
<input type='hidden' name='quiz_id' value='27795'/>
<input type='hidden' name='start_date' class='ays-start-date'/>
<input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/>
<input type='hidden' name='ays_finish_quiz_nonce_27795' value='45d85a0ccb'/>
</form></div>
</div>
</div></div>
<div class="panel blogger"><div class='ays-quiz-wrap'>
<div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active'
data-quest-effect='shake'
data-hide-bg-image='false'
id='ays-quiz-container-28733'>
<div class='ays-questions-container'>
<div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap">
<a class="ays-quiz-full-screen-container">
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>
</svg>
</a>
</div></div>
<span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span>
<form
action=''
method='post'
autocomplete='off'
id='ays_finish_quiz_28733'
class='ays-quiz-form enable_questions_result '
><input type='hidden' class='ays_question_count_per_page' value='30'>
<input type='hidden' value='list' class='answer_view_class'>
<input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'>
<div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p>
</div>
<div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p>
</div>
<hr style='height:1px;'>
</section>
<div class='step active-step'>
<div class='ays-abs-fs ays-start-page'>
<div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong></p></div>
<p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 02</p>
<div class='ays_buttons_div'>
<input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" />
</div>
<div class='ays-fs-subtitle'><p><strong>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 02</strong> được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!</p>
<div class="question-block">
<p>Câu 1: Khi thiết kế trang web cho các câu lạc bộ của trường, mục đích chính của việc sử dụng Cascading Style Sheets (CSS) là gì?</p>
<ul>
<li>A. Xử lý logic và tương tác của người dùng trên trang.</li>
<li>B. Lưu trữ và quản lý dữ liệu của các câu lạc bộ.</li>
<li>C. Xây dựng cấu trúc nội dung chính của trang web.</li>
<li><strong>D. Định dạng giao diện và bố cục trực quan cho trang web.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 2: Giả sử bạn đã tạo một tệp CSS riêng (`style.css`) để định dạng toàn bộ trang web. Để các trang HTML khác nhau (ví dụ: `index.html`, `thethao.html`, `nghethuat.html`) cùng sử dụng phong cách này mà không cần lặp lại mã CSS, bạn cần làm gì trong phần `<head>` của mỗi tệp HTML?</p>
<ul>
<li><strong>A. Sử dụng thẻ `<link rel=</strong></li>
<li>B. Sao chép toàn bộ nội dung tệp `style.css` vào trong thẻ `<br />
<style>`.</li>
<li>C. Sử dụng thẻ `<script src=</li>
<li>D. Không cần làm gì cả, trình duyệt sẽ tự động tìm tệp CSS cùng tên.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 3: Trong thiết kế bố cục trang web, bạn muốn chia một khu vực thành ba cột có độ rộng bằng nhau để hiển thị ba khẩu hiệu khác nhau (như ví dụ trong bài học). Sử dụng CSS, cách tiếp cận phổ biến nào giúp các khối (`div`) này nằm trên cùng một hàng và chia đều không gian?</p>
<ul>
<li>A. Đặt mỗi khối vào một thẻ `
<p>` riêng biệt.</li>
<li>B. Thiết lập thuộc tính `position: absolute;` cho mỗi khối.</li>
<li><strong>C. Áp dụng các thuộc tính CSS như `float`, `display: inline-block` hoặc `flexbox` cho các khối.</strong></li>
<li>D. Sử dụng thẻ `<br />
<table>` với ba cột.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 4: Trang chủ của website các câu lạc bộ thường có vai trò và nội dung chính như thế nào?</p>
<ul>
<li>A. Chỉ chứa biểu mẫu đăng ký tham gia các câu lạc bộ.</li>
<li><strong>B. Cung cấp thông tin tổng quan, giới thiệu chung và liên kết đến các trang chi tiết hơn.</strong></li>
<li>C. Hiển thị lịch hoạt động chi tiết của tất cả các câu lạc bộ.</li>
<li>D. Là nơi các thành viên đăng nhập và quản lý thông tin cá nhân.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 5: Tại sao việc sử dụng các tên lớp (class) CSS có ý nghĩa (ví dụ: `.header`, `.slogan`, `.content`, `.footer`) lại được khuyến khích trong thiết kế web?</p>
<ul>
<li><strong>A. Giúp mã CSS dễ đọc, dễ hiểu và dễ bảo trì hơn.</strong></li>
<li>B. Bắt buộc phải đặt tên lớp theo chức năng để trình duyệt hiển thị đúng.</li>
<li>C. Làm cho tệp CSS có dung lượng nhỏ hơn.</li>
<li>D. Tăng tốc độ tải trang web lên đáng kể.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 6: Bạn muốn tạo một khoảng trống 20 pixel giữa viền của một phần tử (`div`) và nội dung bên trong phần tử đó. Thuộc tính CSS nào sau đây được sử dụng để làm điều này?</p>
<ul>
<li>A. margin</li>
<li>B. border</li>
<li><strong>C. padding</strong></li>
<li>D. spacing</li>
</ul>
</div>
<div class="question-block">
<p>Câu 7: Bạn muốn tạo một khoảng trống 30 pixel giữa một phần tử (`div`) này với các phần tử liền kề nó (phía ngoài viền). Thuộc tính CSS nào sau đây được sử dụng?</p>
<ul>
<li><strong>A. margin</strong></li>
<li>B. padding</li>
<li>C. border-spacing</li>
<li>D. outline</li>
</ul>
</div>
<div class="question-block">
<p>Câu 8: Trong cấu trúc một trang web cơ bản, phần nào thường chứa các liên kết điều hướng chính đến các trang khác trong website?</p>
<ul>
<li><strong>A. Phần đầu trang (Header)</strong></li>
<li>B. Phần chân trang (Footer)</li>
<li>C. Nội dung chính (Main Content)</li>
<li>D. Phần thân trang (Body)</li>
</ul>
</div>
<div class="question-block">
<p>Câu 9: Việc sử dụng hình ảnh và video minh họa trên trang web có vai trò quan trọng như thế nào?</p>
<ul>
<li>A. Chỉ để trang web trông đẹp mắt hơn.</li>
<li>B. Làm tăng dung lượng trang web để người dùng tải lâu hơn.</li>
<li>C. Giúp trang web xếp hạng cao hơn trên các công cụ tìm kiếm một cách tự động.</li>
<li><strong>D. Giúp nội dung trực quan, sinh động, thu hút người xem và truyền tải thông tin hiệu quả hơn.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 10: Bạn muốn một đoạn văn bản trên trang web có màu xanh dương. Thuộc tính CSS nào sau đây bạn cần sử dụng?</p>
<ul>
<li>A. background-color</li>
<li><strong>B. color</strong></li>
<li>C. text-color</li>
<li>D. font-color</li>
</ul>
</div>
<div class="question-block">
<p>Câu 11: Để thay đổi kiểu chữ (phông chữ) cho một phần tử HTML, bạn sử dụng thuộc tính CSS nào?</p>
<ul>
<li>A. text-style</li>
<li>B. font-type</li>
<li><strong>C. font-family</strong></li>
<li>D. text-font</li>
</ul>
</div>
<div class="question-block">
<p>Câu 12: Khi thiết kế một trang web có nhiều phần (đầu trang, nội dung, chân trang), việc sử dụng các thẻ HTML ngữ nghĩa như `</p>
<header>`, `<main>`, `</p>
<footer>` thay vì chỉ dùng `</p>
<div>` cho mọi thứ mang lại lợi ích gì?</p>
<ul>
<li>A. Làm cho trang web tải nhanh hơn.</li>
<li>B. Tự động thêm kiểu dáng đẹp mắt mà không cần CSS.</li>
<li>C. Bắt buộc trình duyệt hiển thị trang ở chế độ tương thích.</li>
<li><strong>D. Cải thiện khả năng tiếp cận và hỗ trợ tốt hơn cho các công cụ tìm kiếm.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 13: Bạn có một danh sách các câu lạc bộ và muốn mỗi câu lạc bộ được hiển thị trong một "thẻ" (card) có viền và bóng nhẹ. Bạn nên sử dụng bộ chọn CSS nào để áp dụng kiểu dáng này cho <i>mỗi</i> thẻ câu lạc bộ một cách hiệu quả?</p>
<ul>
<li><strong>A. Bộ chọn lớp (Class selector - ví dụ: `.club-card`)</strong></li>
<li>B. Bộ chọn ID (ID selector - ví dụ: `#club-card-1`)</li>
<li>C. Bộ chọn phần tử (Element selector - ví dụ: `div`)</li>
<li>D. Bộ chọn thuộc tính (Attribute selector - ví dụ: `[title=</li>
</ul>
</div>
<div class="question-block">
<p>Câu 14: Bạn muốn tạo một trang riêng có chứa biểu mẫu để người dùng đăng ký tham gia câu lạc bộ. Trang này nên bao gồm những thành phần cơ bản nào liên quan đến biểu mẫu?</p>
<ul>
<li>A. Chỉ cần một nút "Đăng ký" đơn giản.</li>
<li>B. Chỉ cần hiển thị danh sách các câu lạc bộ.</li>
<li>C. Chỉ cần một ô nhập liệu duy nhất cho tên người dùng.</li>
<li><strong>D. Các ô nhập thông tin (tên, email,...) và một nút gửi (submit).</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 15: Xét đoạn mã CSS sau: `.box { width: 50%; margin: 10px auto; }`. Đoạn mã này có tác dụng gì đối với một phần tử HTML có lớp `box`?</p>
<ul>
<li>A. Đặt chiều rộng là 50 pixel và căn lề trên/dưới 10 pixel, lề trái/phải tự động.</li>
<li><strong>B. Đặt chiều rộng là 50% của phần tử chứa và căn giữa phần tử theo chiều ngang với lề trên/dưới 10 pixel.</strong></li>
<li>C. Đặt chiều rộng là 50% và căn giữa nội dung văn bản bên trong phần tử.</li>
<li>D. Đặt chiều cao là 50% và tạo khoảng cách 10 pixel xung quanh phần tử.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 16: Khi sử dụng thuộc tính `background-image` trong CSS để đặt ảnh nền cho một phần tử, nếu ảnh quá nhỏ so với phần tử, hành vi mặc định của trình duyệt là gì?</p>
<ul>
<li><strong>A. Ảnh sẽ được lặp lại theo cả chiều ngang và chiều dọc.</strong></li>
<li>B. Ảnh sẽ chỉ xuất hiện một lần ở góc trên bên trái.</li>
<li>C. Ảnh sẽ tự động co giãn để vừa với kích thước phần tử.</li>
<li>D. Ảnh sẽ bị ẩn đi và không hiển thị.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 17: Bạn muốn tất cả các tiêu đề cấp 2 (`</p>
<h2>`) trên trang web của mình có màu đỏ và kích thước chữ là 24px. Đoạn mã CSS nào sau đây thực hiện đúng yêu cầu này?</p>
<ul>
<li>A. `.h2 { color: red; font-size: 24px; }`</li>
<li>B. `#h2 { color: red; font-size: 24px; }`</li>
<li>C. `element h2 { color: red; font-size: 24px; }`</li>
<li><strong>D. `h2 { color: red; font-size: 24px; }`</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 18: Khi thiết kế bố cục trang web, việc sử dụng các đơn vị đo lường tương đối như `%` (phần trăm) hoặc `vw`/`vh` (viewport width/height) thay vì các đơn vị tuyệt đối như `px` (pixel) có lợi ích chính là gì?</p>
<ul>
<li><strong>A. Giúp bố cục trang web linh hoạt, tự điều chỉnh phù hợp với các kích thước màn hình khác nhau (responsive).</strong></li>
<li>B. Đảm bảo các phần tử luôn có kích thước cố định trên mọi thiết bị.</li>
<li>C. Làm giảm đáng kể dung lượng tệp CSS.</li>
<li>D. Bắt buộc trình duyệt phải sử dụng chế độ hiển thị đặc biệt.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 19: Trong một trang web giới thiệu câu lạc bộ, bạn muốn tạo một danh sách các hoạt động sắp tới dưới dạng các mục có dấu chấm đầu dòng. Thẻ HTML ngữ nghĩa nào phù hợp nhất để định nghĩa một danh sách các mục không có thứ tự cụ thể?</p>
<ul>
<li>A. `
<ol>` (ordered list)</li>
<li>B. `
<dl>` (description list)</li>
<li><strong>C. `
<ul>` (unordered list)</strong></li>
<li>D. `
<li>` (list item)</li>
</ul>
</div>
<div class="question-block">
<p>Câu 20: Bạn muốn thêm một chú thích hoặc thông tin phụ cho một bài viết về câu lạc bộ, và muốn nó hiển thị tách biệt khỏi nội dung chính. Thẻ HTML ngữ nghĩa nào thường được sử dụng cho nội dung phụ như thanh bên (sidebar) hoặc khối thông tin liên quan?</p>
<ul>
<li>A. `<br />
<section>`</li>
<li><strong>B. `<br />
<aside>`</strong></li>
<li>C. `<br />
<article>`</li>
<li>D. `<br />
<nav>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 21: Khi thiết kế phần chân trang (`</p>
<footer>`) cho website, nội dung nào sau đây là <i>ít phù hợp nhất</i> để đặt ở vị trí này?</p>
<ul>
<li>A. Thông tin bản quyền (ví dụ: © 2023 Tên trường)</li>
<li>B. Liên kết đến trang liên hệ hoặc mạng xã hội.</li>
<li><strong>C. Toàn bộ lịch hoạt động chi tiết hàng tháng của câu lạc bộ cờ vua.</strong></li>
<li>D. Tên người phát triển website.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 22: Bạn gặp vấn đề là ảnh minh họa trong bài viết quá lớn, làm vỡ bố cục trang. Thuộc tính CSS nào giúp bạn điều chỉnh kích thước của ảnh?</p>
<ul>
<li><strong>A. `width` và `height`</strong></li>
<li>B. `margin` và `padding`</li>
<li>C. `border` và `outline`</li>
<li>D. `font-size` và `color`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 23: Để tạo một đường viền màu xanh dày 2 pixel xung quanh một phần tử, bạn sẽ sử dụng thuộc tính CSS `border` như thế nào?</p>
<ul>
<li>A. `border: blue 2px solid;`</li>
<li>B. `border-color: blue; border-width: 2px;`</li>
<li>C. `border: 2px blue solid;`</li>
<li><strong>D. `border: 2px solid blue;`</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 24: Khi thiết kế trang web, việc sử dụng các màu sắc và phông chữ nhất quán trên tất cả các trang mang lại lợi ích gì về mặt trải nghiệm người dùng?</p>
<ul>
<li>A. Làm cho trang web trông phức tạp và nhiều thông tin hơn.</li>
<li><strong>B. Tạo cảm giác chuyên nghiệp, nhất quán và giúp người dùng dễ dàng nhận diện thương hiệu/website.</strong></li>
<li>C. Bắt buộc người dùng phải tải lại trang nhiều lần.</li>
<li>D. Giảm thiểu số lượng trang cần thiết cho website.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 25: Bạn muốn một liên kết (`<a>`) không có gạch chân mặc định. Thuộc tính CSS nào được sử dụng để loại bỏ gạch chân của văn bản?</p>
<ul>
<li>A. `underline: none;`</li>
<li>B. `decoration: none;`</li>
<li><strong>C. `text-decoration: none;`</strong></li>
<li>D. `style: no-underline;`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 26: Trong quá trình thiết kế, bạn nhận thấy các phần tử `div` mặc định thường xếp chồng lên nhau theo chiều dọc. Điều này là do thuộc tính `display` mặc định của `div` là gì?</p>
<ul>
<li><strong>A. `block`</strong></li>
<li>B. `inline`</li>
<li>C. `inline-block`</li>
<li>D. `flex`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 27: Bạn muốn căn giữa nội dung văn bản (chữ, số) bên trong một phần tử (`div`, `p`, `h1`,...) theo chiều ngang. Thuộc tính CSS nào thực hiện chức năng này?</p>
<ul>
<li>A. `align-items`</li>
<li>B. `justify-content`</li>
<li>C. `vertical-align`</li>
<li><strong>D. `text-align`</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 28: Để tạo một thanh điều hướng (`</p>
<nav>`) với các liên kết nằm ngang, bạn có thể áp dụng thuộc tính `display: inline-block;` hoặc `float: left;` cho các mục danh sách (`</p>
<li>`) bên trong thanh điều hướng. Điều này dựa trên nguyên tắc CSS nào?
<ul>
<li><strong>A. Thay đổi cách hiển thị mặc định của các phần tử cấp khối (block-level elements).</strong></li>
<li>B. Tự động thêm khoảng cách giữa các mục danh sách.</li>
<li>C. Chỉ áp dụng cho các liên kết bên trong thanh điều hướng.</li>
<li>D. Làm cho các mục danh sách có cùng kích thước.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 29: Khi thiết kế một trang web có nhiều phần tử cần cùng một kiểu dáng (ví dụ: tất cả các ảnh trong thư viện ảnh có cùng viền và khoảng cách), việc sử dụng Lớp CSS (CSS Class) mang lại lợi ích gì so với việc áp dụng kiểu dáng trực tiếp vào từng thẻ HTML bằng thuộc tính `style`?</p>
<ul>
<li>A. Bắt buộc trình duyệt phải tải lại trang mỗi khi có thay đổi kiểu dáng.</li>
<li>B. Chỉ cho phép áp dụng một kiểu dáng duy nhất cho toàn bộ trang.</li>
<li>C. Làm cho mã HTML trở nên dài và phức tạp hơn.</li>
<li><strong>D. Giúp quản lý kiểu dáng tập trung, dễ dàng áp dụng lại và cập nhật hàng loạt.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 30: Giả sử bạn có một phần tử `div` với nội dung văn bản bên trong. Bạn muốn đặt màu nền cho phần tử này là màu xám nhạt. Thuộc tính CSS nào sau đây được sử dụng để thiết lập màu nền?</p>
<ul>
<li>A. color</li>
<li><strong>B. background-color</strong></li>
<li>C. text-background</li>
<li>D. fill-color</li>
</ul>
</div>
</div>
<input type='hidden' name='ays_quiz_id' value='28733'/>
<input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-18-thuc-hanh-tong-hop-thiet-ke-trang-web-ket-noi-tri-thuc/'/>
<input type='hidden' name='ays_quiz_questions' value='857486,857487,857488,857489,857490,857491,857492,857493,857494,857495,857496,857497,857498,857499,857500,857501,857502,857503,857504,857505,857506,857507,857508,857509,857510,857511,857512,857513,857514,857515'>
</div>
</div><div class='step '
data-question-id='857486'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>1 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 1: Khi thiết kế trang web cho các câu lạc bộ của trường, mục đích chính của việc sử dụng Cascading Style Sheets (CSS) là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857486]' id='ays-answer-3455797-28733' value='3455797'/>
<label for='ays-answer-3455797-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Xử lý logic và tương tác của người dùng trên trang.</label><label for='ays-answer-3455797-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857486]' id='ays-answer-3455798-28733' value='3455798'/>
<label for='ays-answer-3455798-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Lưu trữ và quản lý dữ liệu của các câu lạc bộ.</label><label for='ays-answer-3455798-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857486]' id='ays-answer-3455799-28733' value='3455799'/>
<label for='ays-answer-3455799-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Xây dựng cấu trúc nội dung chính của trang web.</label><label for='ays-answer-3455799-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857486]' id='ays-answer-3455800-28733' value='3455800'/>
<label for='ays-answer-3455800-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Định dạng giao diện và bố cục trực quan cho trang web.</label><label for='ays-answer-3455800-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857486'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTc5NyI6IjAiLCIzNDU1Nzk4IjoiMCIsIjM0NTU3OTkiOiIwIiwiMzQ1NTgwMCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>CSS được sử dụng để định dạng và trình bày các phần tử HTML trên trang web, kiểm soát màu sắc, phông chữ, bố cục, khoảng cách, v.v., nhằm tạo ra giao diện người dùng hấp dẫn và dễ đọc.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857487'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>2 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 2: Giả sử bạn đã tạo một tệp CSS riêng (`style.css`) để định dạng toàn bộ trang web. Để các trang HTML khác nhau (ví dụ: `index.html`, `thethao.html`, `nghethuat.html`) cùng sử dụng phong cách này mà không cần lặp lại mã CSS, bạn cần làm gì trong phần `<head>` của mỗi tệp HTML?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857487]' id='ays-answer-3455801-28733' value='3455801'/>
<label for='ays-answer-3455801-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thẻ `<link rel="stylesheet" href="style.css">`.</label><label for='ays-answer-3455801-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857487]' id='ays-answer-3455802-28733' value='3455802'/>
<label for='ays-answer-3455802-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Sao chép toàn bộ nội dung tệp `style.css` vào trong thẻ `<style>`.</label><label for='ays-answer-3455802-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857487]' id='ays-answer-3455803-28733' value='3455803'/>
<label for='ays-answer-3455803-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thẻ `<script src="style.css"></script>`.</label><label for='ays-answer-3455803-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857487]' id='ays-answer-3455804-28733' value='3455804'/>
<label for='ays-answer-3455804-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Không cần làm gì cả, trình duyệt sẽ tự động tìm tệp CSS cùng tên.</label><label for='ays-answer-3455804-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857487'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTgwMSI6IjEiLCIzNDU1ODAyIjoiMCIsIjM0NTU4MDMiOiIwIiwiMzQ1NTgwNCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Để liên kết một tệp CSS bên ngoài vào trang HTML, thẻ `<link>` với thuộc tính `rel="stylesheet"` và `href` trỏ đến đường dẫn tệp CSS là cách chuẩn và hiệu quả nhất.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857488'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>3 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 3: Trong thiết kế bố cục trang web, bạn muốn chia một khu vực thành ba cột có độ rộng bằng nhau để hiển thị ba khẩu hiệu khác nhau (như ví dụ trong bài học). Sử dụng CSS, cách tiếp cận phổ biến nào giúp các khối (`div`) này nằm trên cùng một hàng và chia đều không gian?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857488]' id='ays-answer-3455805-28733' value='3455805'/>
<label for='ays-answer-3455805-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt mỗi khối vào một thẻ `<p>` riêng biệt.</label><label for='ays-answer-3455805-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857488]' id='ays-answer-3455806-28733' value='3455806'/>
<label for='ays-answer-3455806-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Thiết lập thuộc tính `position: absolute;` cho mỗi khối.</label><label for='ays-answer-3455806-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857488]' id='ays-answer-3455807-28733' value='3455807'/>
<label for='ays-answer-3455807-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng các thuộc tính CSS như `float`, `display: inline-block` hoặc `flexbox` cho các khối.</label><label for='ays-answer-3455807-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857488]' id='ays-answer-3455808-28733' value='3455808'/>
<label for='ays-answer-3455808-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thẻ `<table>` với ba cột.</label><label for='ays-answer-3455808-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857488'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTgwNSI6IjAiLCIzNDU1ODA2IjoiMCIsIjM0NTU4MDciOiIxIiwiMzQ1NTgwOCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Các kỹ thuật như `float`, `display: inline-block`, hoặc `flexbox` (phổ biến hơn hiện nay) được sử dụng để xếp các khối HTML theo chiều ngang. Trong bối cảnh bài học cơ bản, `float` hoặc `display: inline-block` thường được giới thiệu để tạo bố cục cột.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857489'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>4 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 4: Trang chủ của website các câu lạc bộ thường có vai trò và nội dung chính như thế nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857489]' id='ays-answer-3455809-28733' value='3455809'/>
<label for='ays-answer-3455809-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ chứa biểu mẫu đăng ký tham gia các câu lạc bộ.</label><label for='ays-answer-3455809-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857489]' id='ays-answer-3455810-28733' value='3455810'/>
<label for='ays-answer-3455810-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Cung cấp thông tin tổng quan, giới thiệu chung và liên kết đến các trang chi tiết hơn.</label><label for='ays-answer-3455810-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857489]' id='ays-answer-3455811-28733' value='3455811'/>
<label for='ays-answer-3455811-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Hiển thị lịch hoạt động chi tiết của tất cả các câu lạc bộ.</label><label for='ays-answer-3455811-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857489]' id='ays-answer-3455812-28733' value='3455812'/>
<label for='ays-answer-3455812-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Là nơi các thành viên đăng nhập và quản lý thông tin cá nhân.</label><label for='ays-answer-3455812-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857489'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTgwOSI6IjAiLCIzNDU1ODEwIjoiMSIsIjM0NTU4MTEiOiIwIiwiMzQ1NTgxMiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Trang chủ là điểm vào chính của website, cung cấp cái nhìn tổng quan, giới thiệu chung và chứa các liên kết điều hướng đến các trang chi tiết hơn về từng câu lạc bộ hoặc chủ đề.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857490'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>5 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 5: Tại sao việc sử dụng các tên lớp (class) CSS có ý nghĩa (ví dụ: `.header`, `.slogan`, `.content`, `.footer`) lại được khuyến khích trong thiết kế web?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857490]' id='ays-answer-3455813-28733' value='3455813'/>
<label for='ays-answer-3455813-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp mã CSS dễ đọc, dễ hiểu và dễ bảo trì hơn.</label><label for='ays-answer-3455813-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857490]' id='ays-answer-3455814-28733' value='3455814'/>
<label for='ays-answer-3455814-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Bắt buộc phải đặt tên lớp theo chức năng để trình duyệt hiển thị đúng.</label><label for='ays-answer-3455814-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857490]' id='ays-answer-3455815-28733' value='3455815'/>
<label for='ays-answer-3455815-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho tệp CSS có dung lượng nhỏ hơn.</label><label for='ays-answer-3455815-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857490]' id='ays-answer-3455816-28733' value='3455816'/>
<label for='ays-answer-3455816-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng tốc độ tải trang web lên đáng kể.</label><label for='ays-answer-3455816-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857490'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTgxMyI6IjEiLCIzNDU1ODE0IjoiMCIsIjM0NTU4MTUiOiIwIiwiMzQ1NTgxNiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Việc đặt tên lớp CSS có ý nghĩa giúp mã nguồn dễ đọc, dễ hiểu và dễ bảo trì hơn rất nhiều. Khi nhìn vào tên lớp, người phát triển có thể hình dung ngay được phần tử HTML tương ứng có vai trò gì trên trang.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857491'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>6 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 6: Bạn muốn tạo một khoảng trống 20 pixel giữa viền của một phần tử (`div`) và nội dung bên trong phần tử đó. Thuộc tính CSS nào sau đây được sử dụng để làm điều này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857491]' id='ays-answer-3455817-28733' value='3455817'/>
<label for='ays-answer-3455817-28733' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-3455817-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857491]' id='ays-answer-3455818-28733' value='3455818'/>
<label for='ays-answer-3455818-28733' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-3455818-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857491]' id='ays-answer-3455819-28733' value='3455819'/>
<label for='ays-answer-3455819-28733' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-3455819-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857491]' id='ays-answer-3455820-28733' value='3455820'/>
<label for='ays-answer-3455820-28733' class=' ays_position_initial ays-quiz-keyboard-label'>spacing</label><label for='ays-answer-3455820-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857491'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTgxNyI6IjAiLCIzNDU1ODE4IjoiMCIsIjM0NTU4MTkiOiIxIiwiMzQ1NTgyMCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `padding` trong CSS tạo khoảng trống bên trong đường viền của phần tử, giữa viền và nội dung.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857492'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>7 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 7: Bạn muốn tạo một khoảng trống 30 pixel giữa một phần tử (`div`) này với các phần tử liền kề nó (phía ngoài viền). Thuộc tính CSS nào sau đây được sử dụng?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857492]' id='ays-answer-3455821-28733' value='3455821'/>
<label for='ays-answer-3455821-28733' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-3455821-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857492]' id='ays-answer-3455822-28733' value='3455822'/>
<label for='ays-answer-3455822-28733' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-3455822-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857492]' id='ays-answer-3455823-28733' value='3455823'/>
<label for='ays-answer-3455823-28733' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing</label><label for='ays-answer-3455823-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857492]' id='ays-answer-3455824-28733' value='3455824'/>
<label for='ays-answer-3455824-28733' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-3455824-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857492'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTgyMSI6IjEiLCIzNDU1ODIyIjoiMCIsIjM0NTU4MjMiOiIwIiwiMzQ1NTgyNCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `margin` trong CSS tạo khoảng trống bên ngoài đường viền của phần tử, giữa phần tử đó và các phần tử khác.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857493'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>8 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 8: Trong cấu trúc một trang web cơ bản, phần nào thường chứa các liên kết điều hướng chính đến các trang khác trong website?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857493]' id='ays-answer-3455825-28733' value='3455825'/>
<label for='ays-answer-3455825-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Phần đầu trang (Header)</label><label for='ays-answer-3455825-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857493]' id='ays-answer-3455826-28733' value='3455826'/>
<label for='ays-answer-3455826-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Phần chân trang (Footer)</label><label for='ays-answer-3455826-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857493]' id='ays-answer-3455827-28733' value='3455827'/>
<label for='ays-answer-3455827-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Nội dung chính (Main Content)</label><label for='ays-answer-3455827-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857493]' id='ays-answer-3455828-28733' value='3455828'/>
<label for='ays-answer-3455828-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Phần thân trang (Body)</label><label for='ays-answer-3455828-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857493'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTgyNSI6IjEiLCIzNDU1ODI2IjoiMCIsIjM0NTU4MjciOiIwIiwiMzQ1NTgyOCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Phần đầu trang (`header`) thường chứa banner, logo và thanh điều hướng (`nav`) để người dùng dễ dàng di chuyển giữa các trang.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857494'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>9 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 9: Việc sử dụng hình ảnh và video minh họa trên trang web có vai trò quan trọng như thế nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857494]' id='ays-answer-3455829-28733' value='3455829'/>
<label for='ays-answer-3455829-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ để trang web trông đẹp mắt hơn.</label><label for='ays-answer-3455829-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857494]' id='ays-answer-3455830-28733' value='3455830'/>
<label for='ays-answer-3455830-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Làm tăng dung lượng trang web để người dùng tải lâu hơn.</label><label for='ays-answer-3455830-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857494]' id='ays-answer-3455831-28733' value='3455831'/>
<label for='ays-answer-3455831-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp trang web xếp hạng cao hơn trên các công cụ tìm kiếm một cách tự động.</label><label for='ays-answer-3455831-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857494]' id='ays-answer-3455832-28733' value='3455832'/>
<label for='ays-answer-3455832-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp nội dung trực quan, sinh động, thu hút người xem và truyền tải thông tin hiệu quả hơn.</label><label for='ays-answer-3455832-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857494'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTgyOSI6IjAiLCIzNDU1ODMwIjoiMCIsIjM0NTU4MzEiOiIwIiwiMzQ1NTgzMiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Hình ảnh và video giúp trang web trở nên sinh động, thu hút hơn, truyền tải thông tin một cách trực quan và hiệu quả, đồng thời tăng cường sự tương tác và trải nghiệm của người dùng.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857495'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>10 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 10: Bạn muốn một đoạn văn bản trên trang web có màu xanh dương. Thuộc tính CSS nào sau đây bạn cần sử dụng?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857495]' id='ays-answer-3455833-28733' value='3455833'/>
<label for='ays-answer-3455833-28733' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-3455833-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857495]' id='ays-answer-3455834-28733' value='3455834'/>
<label for='ays-answer-3455834-28733' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-3455834-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857495]' id='ays-answer-3455835-28733' value='3455835'/>
<label for='ays-answer-3455835-28733' class=' ays_position_initial ays-quiz-keyboard-label'>text-color</label><label for='ays-answer-3455835-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857495]' id='ays-answer-3455836-28733' value='3455836'/>
<label for='ays-answer-3455836-28733' class=' ays_position_initial ays-quiz-keyboard-label'>font-color</label><label for='ays-answer-3455836-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857495'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTgzMyI6IjAiLCIzNDU1ODM0IjoiMSIsIjM0NTU4MzUiOiIwIiwiMzQ1NTgzNiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `color` trong CSS được sử dụng để thiết lập màu sắc của văn bản.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857496'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>11 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 11: Để thay đổi kiểu chữ (phông chữ) cho một phần tử HTML, bạn sử dụng thuộc tính CSS nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857496]' id='ays-answer-3455837-28733' value='3455837'/>
<label for='ays-answer-3455837-28733' class=' ays_position_initial ays-quiz-keyboard-label'>text-style</label><label for='ays-answer-3455837-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857496]' id='ays-answer-3455838-28733' value='3455838'/>
<label for='ays-answer-3455838-28733' class=' ays_position_initial ays-quiz-keyboard-label'>font-type</label><label for='ays-answer-3455838-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857496]' id='ays-answer-3455839-28733' value='3455839'/>
<label for='ays-answer-3455839-28733' class=' ays_position_initial ays-quiz-keyboard-label'>font-family</label><label for='ays-answer-3455839-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857496]' id='ays-answer-3455840-28733' value='3455840'/>
<label for='ays-answer-3455840-28733' class=' ays_position_initial ays-quiz-keyboard-label'>text-font</label><label for='ays-answer-3455840-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857496'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTgzNyI6IjAiLCIzNDU1ODM4IjoiMCIsIjM0NTU4MzkiOiIxIiwiMzQ1NTg0MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `font-family` trong CSS được sử dụng để chỉ định phông chữ cho văn bản.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857497'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>12 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 12: Khi thiết kế một trang web có nhiều phần (đầu trang, nội dung, chân trang), việc sử dụng các thẻ HTML ngữ nghĩa như `</p>
<header>`, `<main>`, `</p>
<footer>` thay vì chỉ dùng `</p>
<div>` cho mọi thứ mang lại lợi ích gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857497]' id='ays-answer-3455841-28733' value='3455841'/>
<label for='ays-answer-3455841-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho trang web tải nhanh hơn.</label><label for='ays-answer-3455841-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857497]' id='ays-answer-3455842-28733' value='3455842'/>
<label for='ays-answer-3455842-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động thêm kiểu dáng đẹp mắt mà không cần CSS.</label><label for='ays-answer-3455842-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857497]' id='ays-answer-3455843-28733' value='3455843'/>
<label for='ays-answer-3455843-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Bắt buộc trình duyệt hiển thị trang ở chế độ tương thích.</label><label for='ays-answer-3455843-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857497]' id='ays-answer-3455844-28733' value='3455844'/>
<label for='ays-answer-3455844-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Cải thiện khả năng tiếp cận và hỗ trợ tốt hơn cho các công cụ tìm kiếm.</label><label for='ays-answer-3455844-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857497'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTg0MSI6IjAiLCIzNDU1ODQyIjoiMCIsIjM0NTU4NDMiOiIwIiwiMzQ1NTg0NCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Các thẻ ngữ nghĩa giúp mô tả rõ ràng vai trò của từng phần trên trang web, cải thiện khả năng tiếp cận (accessibility) cho người dùng khuyết tật (ví dụ: sử dụng trình đọc màn hình) và hỗ trợ các công cụ tìm kiếm hiểu cấu trúc trang tốt hơn (SEO).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857498'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>13 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 13: Bạn có một danh sách các câu lạc bộ và muốn mỗi câu lạc bộ được hiển thị trong một 'thẻ' (card) có viền và bóng nhẹ. Bạn nên sử dụng bộ chọn CSS nào để áp dụng kiểu dáng này cho *mỗi* thẻ câu lạc bộ một cách hiệu quả?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857498]' id='ays-answer-3455845-28733' value='3455845'/>
<label for='ays-answer-3455845-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class selector - ví dụ: `.club-card`)</label><label for='ays-answer-3455845-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857498]' id='ays-answer-3455846-28733' value='3455846'/>
<label for='ays-answer-3455846-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn ID (ID selector - ví dụ: `#club-card-1`)</label><label for='ays-answer-3455846-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857498]' id='ays-answer-3455847-28733' value='3455847'/>
<label for='ays-answer-3455847-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phần tử (Element selector - ví dụ: `div`)</label><label for='ays-answer-3455847-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857498]' id='ays-answer-3455848-28733' value='3455848'/>
<label for='ays-answer-3455848-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn thuộc tính (Attribute selector - ví dụ: `[title="club"]`)</label><label for='ays-answer-3455848-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857498'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTg0NSI6IjEiLCIzNDU1ODQ2IjoiMCIsIjM0NTU4NDciOiIwIiwiMzQ1NTg0OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Bộ chọn lớp (`.class`) được sử dụng để chọn nhiều phần tử HTML có cùng một tên lớp. Đây là cách phù hợp nhất để áp dụng cùng một kiểu dáng cho nhiều 'thẻ' câu lạc bộ.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857499'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>14 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 14: Bạn muốn tạo một trang riêng có chứa biểu mẫu để người dùng đăng ký tham gia câu lạc bộ. Trang này nên bao gồm những thành phần cơ bản nào liên quan đến biểu mẫu?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857499]' id='ays-answer-3455849-28733' value='3455849'/>
<label for='ays-answer-3455849-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần một nút 'Đăng ký' đơn giản.</label><label for='ays-answer-3455849-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857499]' id='ays-answer-3455850-28733' value='3455850'/>
<label for='ays-answer-3455850-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần hiển thị danh sách các câu lạc bộ.</label><label for='ays-answer-3455850-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857499]' id='ays-answer-3455851-28733' value='3455851'/>
<label for='ays-answer-3455851-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần một ô nhập liệu duy nhất cho tên người dùng.</label><label for='ays-answer-3455851-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857499]' id='ays-answer-3455852-28733' value='3455852'/>
<label for='ays-answer-3455852-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Các ô nhập thông tin (tên, email,...) và một nút gửi (submit).</label><label for='ays-answer-3455852-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857499'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTg0OSI6IjAiLCIzNDU1ODUwIjoiMCIsIjM0NTU4NTEiOiIwIiwiMzQ1NTg1MiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Một biểu mẫu đăng ký cơ bản cần có các trường nhập thông tin (input fields) như tên, email, lựa chọn câu lạc bộ, và một nút để gửi (submit) thông tin đi.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857500'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>15 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 15: Xét đoạn mã CSS sau: `.box { width: 50%; margin: 10px auto; }`. Đoạn mã này có tác dụng gì đối với một phần tử HTML có lớp `box`?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857500]' id='ays-answer-3455853-28733' value='3455853'/>
<label for='ays-answer-3455853-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt chiều rộng là 50 pixel và căn lề trên/dưới 10 pixel, lề trái/phải tự động.</label><label for='ays-answer-3455853-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857500]' id='ays-answer-3455854-28733' value='3455854'/>
<label for='ays-answer-3455854-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt chiều rộng là 50% của phần tử chứa và căn giữa phần tử theo chiều ngang với lề trên/dưới 10 pixel.</label><label for='ays-answer-3455854-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857500]' id='ays-answer-3455855-28733' value='3455855'/>
<label for='ays-answer-3455855-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt chiều rộng là 50% và căn giữa nội dung văn bản bên trong phần tử.</label><label for='ays-answer-3455855-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857500]' id='ays-answer-3455856-28733' value='3455856'/>
<label for='ays-answer-3455856-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt chiều cao là 50% và tạo khoảng cách 10 pixel xung quanh phần tử.</label><label for='ays-answer-3455856-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857500'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTg1MyI6IjAiLCIzNDU1ODU0IjoiMSIsIjM0NTU4NTUiOiIwIiwiMzQ1NTg1NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>`width: 50%` đặt chiều rộng của phần tử bằng 50% của phần tử chứa nó. `margin: 10px auto;` đặt lề trên và dưới là 10px, và lề trái/phải là 'auto', có tác dụng căn giữa khối theo chiều ngang (đối với các phần tử block).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857501'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>16 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 16: Khi sử dụng thuộc tính `background-image` trong CSS để đặt ảnh nền cho một phần tử, nếu ảnh quá nhỏ so với phần tử, hành vi mặc định của trình duyệt là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857501]' id='ays-answer-3455857-28733' value='3455857'/>
<label for='ays-answer-3455857-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Ảnh sẽ được lặp lại theo cả chiều ngang và chiều dọc.</label><label for='ays-answer-3455857-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857501]' id='ays-answer-3455858-28733' value='3455858'/>
<label for='ays-answer-3455858-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Ảnh sẽ chỉ xuất hiện một lần ở góc trên bên trái.</label><label for='ays-answer-3455858-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857501]' id='ays-answer-3455859-28733' value='3455859'/>
<label for='ays-answer-3455859-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Ảnh sẽ tự động co giãn để vừa với kích thước phần tử.</label><label for='ays-answer-3455859-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857501]' id='ays-answer-3455860-28733' value='3455860'/>
<label for='ays-answer-3455860-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Ảnh sẽ bị ẩn đi và không hiển thị.</label><label for='ays-answer-3455860-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857501'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTg1NyI6IjEiLCIzNDU1ODU4IjoiMCIsIjM0NTU4NTkiOiIwIiwiMzQ1NTg2MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Mặc định, ảnh nền sẽ được lặp lại (tile) theo cả chiều ngang và chiều dọc để lấp đầy không gian của phần tử.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857502'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>17 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 17: Bạn muốn tất cả các tiêu đề cấp 2 (`</p>
<h2>`) trên trang web của mình có màu đỏ và kích thước chữ là 24px. Đoạn mã CSS nào sau đây thực hiện đúng yêu cầu này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857502]' id='ays-answer-3455861-28733' value='3455861'/>
<label for='ays-answer-3455861-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`.h2 { color: red; font-size: 24px; }`</label><label for='ays-answer-3455861-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857502]' id='ays-answer-3455862-28733' value='3455862'/>
<label for='ays-answer-3455862-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`#h2 { color: red; font-size: 24px; }`</label><label for='ays-answer-3455862-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857502]' id='ays-answer-3455863-28733' value='3455863'/>
<label for='ays-answer-3455863-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`element h2 { color: red; font-size: 24px; }`</label><label for='ays-answer-3455863-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857502]' id='ays-answer-3455864-28733' value='3455864'/>
<label for='ays-answer-3455864-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`h2 { color: red; font-size: 24px; }`</label><label for='ays-answer-3455864-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857502'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTg2MSI6IjAiLCIzNDU1ODYyIjoiMCIsIjM0NTU4NjMiOiIwIiwiMzQ1NTg2NCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Để chọn tất cả các thẻ `</p>
<h2>`, sử dụng bộ chọn phần tử `h2`. Thuộc tính `color` đặt màu chữ, `font-size` đặt kích thước chữ.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857503'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>18 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 18: Khi thiết kế bố cục trang web, việc sử dụng các đơn vị đo lường tương đối như `%` (phần trăm) hoặc `vw`/`vh` (viewport width/height) thay vì các đơn vị tuyệt đối như `px` (pixel) có lợi ích chính là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857503]' id='ays-answer-3455865-28733' value='3455865'/>
<label for='ays-answer-3455865-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp bố cục trang web linh hoạt, tự điều chỉnh phù hợp với các kích thước màn hình khác nhau (responsive).</label><label for='ays-answer-3455865-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857503]' id='ays-answer-3455866-28733' value='3455866'/>
<label for='ays-answer-3455866-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Đảm bảo các phần tử luôn có kích thước cố định trên mọi thiết bị.</label><label for='ays-answer-3455866-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857503]' id='ays-answer-3455867-28733' value='3455867'/>
<label for='ays-answer-3455867-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Làm giảm đáng kể dung lượng tệp CSS.</label><label for='ays-answer-3455867-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857503]' id='ays-answer-3455868-28733' value='3455868'/>
<label for='ays-answer-3455868-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Bắt buộc trình duyệt phải sử dụng chế độ hiển thị đặc biệt.</label><label for='ays-answer-3455868-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857503'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTg2NSI6IjEiLCIzNDU1ODY2IjoiMCIsIjM0NTU4NjciOiIwIiwiMzQ1NTg2OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Đơn vị tương đối giúp bố cục trang web tự động điều chỉnh kích thước dựa trên kích thước màn hình hoặc phần tử chứa, tạo ra thiết kế đáp ứng (responsive design) phù hợp với nhiều loại thiết bị.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857504'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>19 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 19: Trong một trang web giới thiệu câu lạc bộ, bạn muốn tạo một danh sách các hoạt động sắp tới dưới dạng các mục có dấu chấm đầu dòng. Thẻ HTML ngữ nghĩa nào phù hợp nhất để định nghĩa một danh sách các mục không có thứ tự cụ thể?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857504]' id='ays-answer-3455869-28733' value='3455869'/>
<label for='ays-answer-3455869-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`<ol>` (ordered list)</label><label for='ays-answer-3455869-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857504]' id='ays-answer-3455870-28733' value='3455870'/>
<label for='ays-answer-3455870-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`<dl>` (description list)</label><label for='ays-answer-3455870-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857504]' id='ays-answer-3455871-28733' value='3455871'/>
<label for='ays-answer-3455871-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`<ul>` (unordered list)</label><label for='ays-answer-3455871-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857504]' id='ays-answer-3455872-28733' value='3455872'/>
<label for='ays-answer-3455872-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`<li>` (list item)</label><label for='ays-answer-3455872-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857504'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTg2OSI6IjAiLCIzNDU1ODcwIjoiMCIsIjM0NTU4NzEiOiIxIiwiMzQ1NTg3MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `</p>
<ul>` (unordered list) được sử dụng để tạo danh sách các mục không có thứ tự (thường hiển thị với dấu chấm hoặc hình dạng khác).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857505'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>20 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 20: Bạn muốn thêm một chú thích hoặc thông tin phụ cho một bài viết về câu lạc bộ, và muốn nó hiển thị tách biệt khỏi nội dung chính. Thẻ HTML ngữ nghĩa nào thường được sử dụng cho nội dung phụ như thanh bên (sidebar) hoặc khối thông tin liên quan?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857505]' id='ays-answer-3455873-28733' value='3455873'/>
<label for='ays-answer-3455873-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`<section>`</label><label for='ays-answer-3455873-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857505]' id='ays-answer-3455874-28733' value='3455874'/>
<label for='ays-answer-3455874-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`<aside>`</label><label for='ays-answer-3455874-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857505]' id='ays-answer-3455875-28733' value='3455875'/>
<label for='ays-answer-3455875-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`<article>`</label><label for='ays-answer-3455875-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857505]' id='ays-answer-3455876-28733' value='3455876'/>
<label for='ays-answer-3455876-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`<nav>`</label><label for='ays-answer-3455876-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857505'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTg3MyI6IjAiLCIzNDU1ODc0IjoiMSIsIjM0NTU4NzUiOiIwIiwiMzQ1NTg3NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `</p>
<aside>` được sử dụng để đánh dấu nội dung có liên quan nhưng tách biệt với nội dung chính của bài viết hoặc trang, thường được hiển thị như một thanh bên.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857506'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>21 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 21: Khi thiết kế phần chân trang (`</p>
<footer>`) cho website, nội dung nào sau đây là *ít phù hợp nhất* để đặt ở vị trí này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857506]' id='ays-answer-3455877-28733' value='3455877'/>
<label for='ays-answer-3455877-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Thông tin bản quyền (ví dụ: © 2023 Tên trường)</label><label for='ays-answer-3455877-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857506]' id='ays-answer-3455878-28733' value='3455878'/>
<label for='ays-answer-3455878-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Liên kết đến trang liên hệ hoặc mạng xã hội.</label><label for='ays-answer-3455878-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857506]' id='ays-answer-3455879-28733' value='3455879'/>
<label for='ays-answer-3455879-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Toàn bộ lịch hoạt động chi tiết hàng tháng của câu lạc bộ cờ vua.</label><label for='ays-answer-3455879-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857506]' id='ays-answer-3455880-28733' value='3455880'/>
<label for='ays-answer-3455880-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Tên người phát triển website.</label><label for='ays-answer-3455880-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857506'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTg3NyI6IjAiLCIzNDU1ODc4IjoiMCIsIjM0NTU4NzkiOiIxIiwiMzQ1NTg4MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Chân trang thường chứa thông tin bản quyền, liên hệ, các liên kết phụ. Nội dung chính chi tiết của một câu lạc bộ nên nằm trong phần nội dung chính (`<main>` hoặc `</p>
<article>`) của trang cụ thể đó.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857507'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>22 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 22: Bạn gặp vấn đề là ảnh minh họa trong bài viết quá lớn, làm vỡ bố cục trang. Thuộc tính CSS nào giúp bạn điều chỉnh kích thước của ảnh?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857507]' id='ays-answer-3455881-28733' value='3455881'/>
<label for='ays-answer-3455881-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`width` và `height`</label><label for='ays-answer-3455881-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857507]' id='ays-answer-3455882-28733' value='3455882'/>
<label for='ays-answer-3455882-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`margin` và `padding`</label><label for='ays-answer-3455882-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857507]' id='ays-answer-3455883-28733' value='3455883'/>
<label for='ays-answer-3455883-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`border` và `outline`</label><label for='ays-answer-3455883-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857507]' id='ays-answer-3455884-28733' value='3455884'/>
<label for='ays-answer-3455884-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`font-size` và `color`</label><label for='ays-answer-3455884-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857507'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTg4MSI6IjEiLCIzNDU1ODgyIjoiMCIsIjM0NTU4ODMiOiIwIiwiMzQ1NTg4NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `width` và/hoặc `height` trong CSS được sử dụng để thiết lập kích thước của phần tử, bao gồm cả hình ảnh.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857508'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>23 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 23: Để tạo một đường viền màu xanh dày 2 pixel xung quanh một phần tử, bạn sẽ sử dụng thuộc tính CSS `border` như thế nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857508]' id='ays-answer-3455885-28733' value='3455885'/>
<label for='ays-answer-3455885-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`border: blue 2px solid;`</label><label for='ays-answer-3455885-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857508]' id='ays-answer-3455886-28733' value='3455886'/>
<label for='ays-answer-3455886-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`border-color: blue; border-width: 2px;`</label><label for='ays-answer-3455886-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857508]' id='ays-answer-3455887-28733' value='3455887'/>
<label for='ays-answer-3455887-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`border: 2px blue solid;`</label><label for='ays-answer-3455887-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857508]' id='ays-answer-3455888-28733' value='3455888'/>
<label for='ays-answer-3455888-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`border: 2px solid blue;`</label><label for='ays-answer-3455888-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857508'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTg4NSI6IjAiLCIzNDU1ODg2IjoiMCIsIjM0NTU4ODciOiIwIiwiMzQ1NTg4OCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `border` là thuộc tính viết tắt kết hợp `border-width`, `border-style` và `border-color`. Cú pháp `2px solid blue` đặt độ dày 2px, kiểu liền nét (solid) và màu xanh (blue).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857509'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>24 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 24: Khi thiết kế trang web, việc sử dụng các màu sắc và phông chữ nhất quán trên tất cả các trang mang lại lợi ích gì về mặt trải nghiệm người dùng?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857509]' id='ays-answer-3455889-28733' value='3455889'/>
<label for='ays-answer-3455889-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho trang web trông phức tạp và nhiều thông tin hơn.</label><label for='ays-answer-3455889-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857509]' id='ays-answer-3455890-28733' value='3455890'/>
<label for='ays-answer-3455890-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo cảm giác chuyên nghiệp, nhất quán và giúp người dùng dễ dàng nhận diện thương hiệu/website.</label><label for='ays-answer-3455890-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857509]' id='ays-answer-3455891-28733' value='3455891'/>
<label for='ays-answer-3455891-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Bắt buộc người dùng phải tải lại trang nhiều lần.</label><label for='ays-answer-3455891-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857509]' id='ays-answer-3455892-28733' value='3455892'/>
<label for='ays-answer-3455892-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Giảm thiểu số lượng trang cần thiết cho website.</label><label for='ays-answer-3455892-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857509'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTg4OSI6IjAiLCIzNDU1ODkwIjoiMSIsIjM0NTU4OTEiOiIwIiwiMzQ1NTg5MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Sự nhất quán trong thiết kế (màu sắc, phông chữ, bố cục) giúp người dùng cảm thấy trang web chuyên nghiệp, đáng tin cậy và dễ dàng điều hướng, cải thiện trải nghiệm tổng thể.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857510'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>25 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 25: Bạn muốn một liên kết (`<a>`) không có gạch chân mặc định. Thuộc tính CSS nào được sử dụng để loại bỏ gạch chân của văn bản?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857510]' id='ays-answer-3455893-28733' value='3455893'/>
<label for='ays-answer-3455893-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`underline: none;`</label><label for='ays-answer-3455893-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857510]' id='ays-answer-3455894-28733' value='3455894'/>
<label for='ays-answer-3455894-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`decoration: none;`</label><label for='ays-answer-3455894-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857510]' id='ays-answer-3455895-28733' value='3455895'/>
<label for='ays-answer-3455895-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`text-decoration: none;`</label><label for='ays-answer-3455895-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857510]' id='ays-answer-3455896-28733' value='3455896'/>
<label for='ays-answer-3455896-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`style: no-underline;`</label><label for='ays-answer-3455896-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857510'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTg5MyI6IjAiLCIzNDU1ODk0IjoiMCIsIjM0NTU4OTUiOiIxIiwiMzQ1NTg5NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `text-decoration` trong CSS kiểm soát các đường kẻ trên, dưới hoặc xuyên qua văn bản. Giá trị `none` sẽ loại bỏ gạch chân.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857511'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>26 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 26: Trong quá trình thiết kế, bạn nhận thấy các phần tử `div` mặc định thường xếp chồng lên nhau theo chiều dọc. Điều này là do thuộc tính `display` mặc định của `div` là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857511]' id='ays-answer-3455897-28733' value='3455897'/>
<label for='ays-answer-3455897-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`block`</label><label for='ays-answer-3455897-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857511]' id='ays-answer-3455898-28733' value='3455898'/>
<label for='ays-answer-3455898-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`inline`</label><label for='ays-answer-3455898-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857511]' id='ays-answer-3455899-28733' value='3455899'/>
<label for='ays-answer-3455899-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`inline-block`</label><label for='ays-answer-3455899-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857511]' id='ays-answer-3455900-28733' value='3455900'/>
<label for='ays-answer-3455900-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`flex`</label><label for='ays-answer-3455900-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857511'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTg5NyI6IjEiLCIzNDU1ODk4IjoiMCIsIjM0NTU4OTkiOiIwIiwiMzQ1NTkwMCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Các phần tử `div` là phần tử cấp khối (block-level elements) theo mặc định. Phần tử block chiếm toàn bộ chiều rộng có sẵn và bắt đầu trên một dòng mới.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857512'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>27 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 27: Bạn muốn căn giữa nội dung văn bản (chữ, số) bên trong một phần tử (`div`, `p`, `h1`,...) theo chiều ngang. Thuộc tính CSS nào thực hiện chức năng này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857512]' id='ays-answer-3455901-28733' value='3455901'/>
<label for='ays-answer-3455901-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`align-items`</label><label for='ays-answer-3455901-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857512]' id='ays-answer-3455902-28733' value='3455902'/>
<label for='ays-answer-3455902-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`justify-content`</label><label for='ays-answer-3455902-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857512]' id='ays-answer-3455903-28733' value='3455903'/>
<label for='ays-answer-3455903-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`vertical-align`</label><label for='ays-answer-3455903-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857512]' id='ays-answer-3455904-28733' value='3455904'/>
<label for='ays-answer-3455904-28733' class=' ays_position_initial ays-quiz-keyboard-label'>`text-align`</label><label for='ays-answer-3455904-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857512'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTkwMSI6IjAiLCIzNDU1OTAyIjoiMCIsIjM0NTU5MDMiOiIwIiwiMzQ1NTkwNCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `text-align` được sử dụng để căn chỉnh nội dung văn bản bên trong một phần tử theo chiều ngang.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857513'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>28 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 28: Để tạo một thanh điều hướng (`</p>
<nav>`) với các liên kết nằm ngang, bạn có thể áp dụng thuộc tính `display: inline-block;` hoặc `float: left;` cho các mục danh sách (`</p>
<li>`) bên trong thanh điều hướng. Điều này dựa trên nguyên tắc CSS nào?<br />
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857513]' id='ays-answer-3455905-28733' value='3455905'/>
<label for='ays-answer-3455905-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Thay đổi cách hiển thị mặc định của các phần tử cấp khối (block-level elements).</label><label for='ays-answer-3455905-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857513]' id='ays-answer-3455906-28733' value='3455906'/>
<label for='ays-answer-3455906-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động thêm khoảng cách giữa các mục danh sách.</label><label for='ays-answer-3455906-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857513]' id='ays-answer-3455907-28733' value='3455907'/>
<label for='ays-answer-3455907-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ áp dụng cho các liên kết bên trong thanh điều hướng.</label><label for='ays-answer-3455907-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857513]' id='ays-answer-3455908-28733' value='3455908'/>
<label for='ays-answer-3455908-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho các mục danh sách có cùng kích thước.</label><label for='ays-answer-3455908-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857513'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTkwNSI6IjEiLCIzNDU1OTA2IjoiMCIsIjM0NTU5MDciOiIwIiwiMzQ1NTkwOCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Mặc định, các mục danh sách (`</p>
<li>`) là phần tử block và xếp dọc. Để chúng xếp ngang, cần thay đổi cách trình duyệt hiển thị chúng, biến chúng thành các phần tử có thể nằm cạnh nhau trên cùng một dòng (`inline-block`) hoặc nổi sang một bên (`float`).<br />
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857514'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>29 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 29: Khi thiết kế một trang web có nhiều phần tử cần cùng một kiểu dáng (ví dụ: tất cả các ảnh trong thư viện ảnh có cùng viền và khoảng cách), việc sử dụng Lớp CSS (CSS Class) mang lại lợi ích gì so với việc áp dụng kiểu dáng trực tiếp vào từng thẻ HTML bằng thuộc tính `style`?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857514]' id='ays-answer-3455909-28733' value='3455909'/>
<label for='ays-answer-3455909-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Bắt buộc trình duyệt phải tải lại trang mỗi khi có thay đổi kiểu dáng.</label><label for='ays-answer-3455909-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857514]' id='ays-answer-3455910-28733' value='3455910'/>
<label for='ays-answer-3455910-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cho phép áp dụng một kiểu dáng duy nhất cho toàn bộ trang.</label><label for='ays-answer-3455910-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857514]' id='ays-answer-3455911-28733' value='3455911'/>
<label for='ays-answer-3455911-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho mã HTML trở nên dài và phức tạp hơn.</label><label for='ays-answer-3455911-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857514]' id='ays-answer-3455912-28733' value='3455912'/>
<label for='ays-answer-3455912-28733' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp quản lý kiểu dáng tập trung, dễ dàng áp dụng lại và cập nhật hàng loạt.</label><label for='ays-answer-3455912-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857514'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTkwOSI6IjAiLCIzNDU1OTEwIjoiMCIsIjM0NTU5MTEiOiIwIiwiMzQ1NTkxMiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Sử dụng lớp CSS giúp áp dụng cùng một kiểu dáng cho nhiều phần tử một cách dễ dàng và tập trung. Khi cần thay đổi kiểu dáng, chỉ cần chỉnh sửa định nghĩa lớp trong tệp CSS thay vì phải tìm và sửa từng phần tử HTML, giúp quản lý và bảo trì hiệu quả hơn nhiều.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='857515'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>30 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 02</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 30: Giả sử bạn có một phần tử `div` với nội dung văn bản bên trong. Bạn muốn đặt màu nền cho phần tử này là màu xám nhạt. Thuộc tính CSS nào sau đây được sử dụng để thiết lập màu nền?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857515]' id='ays-answer-3455913-28733' value='3455913'/>
<label for='ays-answer-3455913-28733' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-3455913-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857515]' id='ays-answer-3455914-28733' value='3455914'/>
<label for='ays-answer-3455914-28733' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-3455914-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857515]' id='ays-answer-3455915-28733' value='3455915'/>
<label for='ays-answer-3455915-28733' class=' ays_position_initial ays-quiz-keyboard-label'>text-background</label><label for='ays-answer-3455915-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-857515]' id='ays-answer-3455916-28733' value='3455916'/>
<label for='ays-answer-3455916-28733' class=' ays_position_initial ays-quiz-keyboard-label'>fill-color</label><label for='ays-answer-3455916-28733' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_28733 === 'undefined'){
window.quizOptions_28733 = [];
}
window.quizOptions_28733['857515'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1NTkxMyI6IjAiLCIzNDU1OTE0IjoiMSIsIjM0NTU5MTUiOiIwIiwiMzQ1NTkxNiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/>
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `background-color` trong CSS được sử dụng để thiết lập màu nền cho một phần tử.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step ays_thank_you_fs'>
<div class='ays-abs-fs ays-end-page'>
<div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-28733 * { box-sizing: border-box; } #ays-quiz-container-28733 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-28733 #ays_finish_quiz_28733 { } /* Styles for Quiz container */ #ays-quiz-container-28733{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-28733 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-28733 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-28733 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-28733 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-28733 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-28733 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-28733 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-28733 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-28733.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-28733.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-28733 #ays_finish_quiz_28733 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-28733.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-28733.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-28733.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-28733.ays-quiz-container .ays-questions-container p, #ays-quiz-container-28733.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-28733.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-28733.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-28733.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-28733.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-28733.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-28733.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-28733.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-28733.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-28733 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-28733 .ays-quiz-password-message-box, #ays-quiz-container-28733 .ays-quiz-question-note-message-box, #ays-quiz-container-28733 .ays_quiz_question, #ays-quiz-container-28733 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-28733 textarea, #ays-quiz-container-28733 input::first-letter, #ays-quiz-container-28733 select::first-letter, #ays-quiz-container-28733 option::first-letter { color: initial !important; } #ays-quiz-container-28733 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-28733 .select2-container, #ays-quiz-container-28733 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-28733 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-28733 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-28733 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-28733 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-28733 .ays-questions-container .ays-field, div#ays-quiz-container-28733 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-28733 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-28733 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-28733 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-28733 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-28733 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-28733 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-28733 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-28733 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-28733 .information_form input[type='text'], #ays-quiz-container-28733 .information_form input[type='url'], #ays-quiz-container-28733 .information_form input[type='number'], #ays-quiz-container-28733 .information_form input[type='email'], #ays-quiz-container-28733 .information_form input[type='tel'], #ays-quiz-container-28733 .information_form textarea, #ays-quiz-container-28733 .information_form select, #ays-quiz-container-28733 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-28733 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-28733 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-28733 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-28733 .right_answer_text{ color:#33cc33; } #ays-quiz-container-28733 .right_answer_text p { font-size:16px; } #ays-quiz-container-28733 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-28733 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-28733 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-28733 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-28733 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-28733 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-28733 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-28733 .ays_cb_and_a, #ays-quiz-container-28733 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-28733 iframe { /*min-height: 450px;*/ } #ays-quiz-container-28733 label.ays_for_checkbox, #ays-quiz-container-28733 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-28733 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-28733 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-28733 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-28733 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-28733 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-28733 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-28733 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-28733 div.lds-spinner, #ays-quiz-container-28733 div.lds-spinner2 { color: #000000; } #ays-quiz-container-28733 div.lds-spinner div:after, #ays-quiz-container-28733 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-28733 .lds-circle, #ays-quiz-container-28733 .lds-facebook div, #ays-quiz-container-28733 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-28733 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-28733 .lds-dual-ring::after, #ays-quiz-container-28733 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-28733 .ui.rating .icon, #ays-quiz-container-28733 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-28733 #ays_finish_quiz_28733 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-28733 #ays_finish_quiz_28733 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-28733 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-28733 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-28733 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-28733 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-28733 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-28733 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-28733 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-28733 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-28733 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-28733 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-28733 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-28733 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-28733 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-28733 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-28733 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-28733 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-28733 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-28733 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-28733 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-28733 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-28733 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-28733 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-28733 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-28733 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-28733 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-28733 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-28733 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-28733 div.ays-quiz-redirection-timer, #ays-quiz-container-28733 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-28733 div.ays-quiz-after-timer * , #ays-quiz-container-28733 div.ays-quiz-redirection-timer *, #ays-quiz-container-28733 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-28733 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-28733 input#ays-submit, #ays-quiz-container-28733 #ays_finish_quiz_28733 .action-button, #ays-quiz-container-28733 #ays_finish_quiz_28733 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-28733 #ays_finish_quiz_28733 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-28733 #ays_finish_quiz_28733 .action-button.ays_restart_button, #ays-quiz-container-28733 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-28733 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-28733 input#ays-submit, #ays-quiz-container-28733 #ays_finish_quiz_28733 input.action-button, #ays-quiz-container-28733 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-28733 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-28733 #ays_finish_quiz_28733 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-28733 #ays_finish_quiz_28733 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-28733 #ays_finish_quiz_28733 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-28733 input#ays-submit:hover, #ays-quiz-container-28733 input#ays-submit:focus, #ays-quiz-container-28733 #ays_finish_quiz_28733 .action-button:hover, #ays-quiz-container-28733 #ays_finish_quiz_28733 .action-button:focus, #ays-quiz-container-28733 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-28733 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-28733 .ays_restart_button { color: #ffffff; } #ays-quiz-container-28733 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-28733 .ays_buttons_div { justify-content: center; } #ays-quiz-container-28733 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-28733 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-28733 input[type='button'], #ays-quiz-container-28733 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-28733 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-28733 input[type='button']:focus-visible, div#ays-quiz-container-28733 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-28733 #ays_finish_quiz_28733 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-28733 #ays_finish_quiz_28733 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-28733 #ays_finish_quiz_28733 i.ays_early_finish.action-button[disabled], #ays-quiz-container-28733 #ays_finish_quiz_28733 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-28733 #ays_finish_quiz_28733 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-28733 #ays_finish_quiz_28733 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-28733 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-28733 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-28733 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-28733.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-28733 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-28733 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-28733 #ays_finish_quiz_28733 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-28733 #ays_finish_quiz_28733 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-28733 #ays_finish_quiz_28733 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-28733 #ays_finish_quiz_28733 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-28733 #ays_finish_quiz_28733 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-28733 #ays_finish_quiz_28733 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-28733 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-28733 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-28733 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-28733 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-28733 #ays_finish_quiz_28733 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-28733 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-28733 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-28733 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-28733 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-28733 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-28733 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-28733 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-28733 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-28733 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-28733 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-28733 #ays_finish_quiz_28733 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-28733 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-28733 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-28733 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-28733 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-28733 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-28733 .ays-field .select2-container--default, #ays-quiz-container-28733 .ays-field .select2-container--default .selection, #ays-quiz-container-28733 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-28733 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-28733 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-28733 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-28733 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-28733 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-28733 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-28733 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-28733 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-28733 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-28733 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-28733 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-28733 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-28733 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-28733 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-28733 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-28733 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-28733 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-28733 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-28733 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-28733 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-28733 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-28733 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-28733 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-28733.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-28733.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-28733 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-28733 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-28733 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-28733 label[for^='ays-answer']:before, #ays-quiz-container-28733 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-28733 .ays_question_report { text-align: right; } div#ays-quiz-container-28733 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-28733 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-28733.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-28733.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-28733.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-28733.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-28733.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-28733.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-28733 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-28733.ays_quiz_classic_dark .correct_div, #ays-quiz-container-28733.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-28733.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-28733.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-28733.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-28733.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-28733.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-28733.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-28733 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-28733 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-28733 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-28733 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-28733 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-28733 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-28733 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-28733 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-28733 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-28733.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-28733.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-28733 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-28733 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-28733 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-28733 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-28733 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-28733 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-28733 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-28733 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-28733 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-28733 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-28733 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-28733 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-28733 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-28733 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-28733 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-28733 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-28733 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-28733 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-28733 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-28733 .ays-quiz-personality-result-box div:before, #ays-quiz-container-28733 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-28733 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-28733 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-28733 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-28733 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-28733 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-28733 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-28733 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-28733 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-28733 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-28733 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-28733 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-28733 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-28733 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-28733{ max-width: 100%; } div#ays-quiz-container-28733 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-28733.ays_quiz_modern_light .step, div#ays-quiz-container-28733.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-28733.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-28733.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-28733.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-28733.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-28733 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-28733 .select2-container, div#ays-quiz-container-28733 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-28733 input#ays-submit, div#ays-quiz-container-28733 #ays_finish_quiz_28733 .action-button, div#ays-quiz-container-28733 #ays_finish_quiz_28733 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-28733 #ays_finish_quiz_28733 .action-button.ays_restart_button, #ays-quiz-container-28733 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-28733 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-28733 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-28733 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-28733 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-28733 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-28733 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-28733 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-28733 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-28733 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style>
<style>
#ays-quiz-container-28733 p {
margin: 0.625em;
}
#ays-quiz-container-28733.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label,
#ays-quiz-container-28733.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label {
/* background-color: transparent; */
}
#ays-quiz-container-28733 .ays-field.checked_answer_div input:checked~label {
background-color: rgba(93,108,249,0.6);
}
#ays-quiz-container-28733.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'],
#ays-quiz-container-28733 .ays-field:hover{
background: rgba(93,108,249,0.8);
color: #fff;
transition: all .3s;
}
#ays-quiz-container-28733 #ays_finish_quiz_28733 .action-button:hover,
#ays-quiz-container-28733 #ays_finish_quiz_28733 .action-button:focus,
#ays-quiz-container-28733 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover,
#ays-quiz-container-28733 .ays-quiz-category-selective-submit-bttn:focus {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff;
background: #5d6cf9;
}
</style><script>
if(typeof aysQuizOptions === 'undefined'){
var aysQuizOptions = [];
}
aysQuizOptions['28733'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIyODczMyIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDAyIiwiZGVzY3JpcHRpb24iOiI8cD48c3Ryb25nPkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDAyPFwvc3Ryb25nPiBcdTAxMTFcdTAxYjBcdTFlZTNjIHhcdTAwZTJ5IGRcdTFlZjFuZyB2XHUxZWRiaSBuaGlcdTFlYzF1IGNcdTAwZTJ1IGhcdTFlY2ZpIGNoXHUxZWE1dCBsXHUwMWIwXHUxZWUzbmcsIHNcdTAwZTF0IHZcdTFlZGJpIG5cdTFlZDlpIGR1bmcgY2hcdTAxYjBcdTAxYTFuZyB0clx1MDBlY25oIGhcdTFlY2RjLCBnaVx1MDBmYXAgYlx1MWVhMW4gZFx1MWVjNSBkXHUwMGUwbmcgXHUwMGY0biB0XHUxZWFkcCB2XHUwMGUwIGtpXHUxZWMzbSB0cmEga2lcdTFlYmZuIHRoXHUxZWU5YyBoaVx1MWVjN3UgcXVcdTFlYTMuIEhcdTAwZTN5IGNcdTAwZjluZyBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1IGxcdTAwZTBtIGJcdTAwZTBpIHRcdTFlYWRwIHRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBuZ2F5IFx1MDExMVx1MWVjMyBuXHUwMGUybmcgY2FvIGhpXHUxZWMzdSBiaVx1MWViZnQgdlx1MDBlMCBjaHVcdTFlYTluIGJcdTFlY2IgdFx1MWVkMXQgY2hvIGtcdTFlZjMgdGhpIHNcdTFlYWZwIHRcdTFlZGJpITxcL3A+XHJcblxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIGNobyBjXHUwMGUxYyBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5IGNcdTFlZTdhIHRyXHUwMWIwXHUxZWRkbmcsIG1cdTFlZTVjIFx1MDExMVx1MDBlZGNoIGNoXHUwMGVkbmggY1x1MWVlN2EgdmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIENhc2NhZGluZyBTdHlsZSBTaGVldHMgKENTUykgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiBYXHUxZWVkIGxcdTAwZmQgbG9naWMgdlx1MDBlMCB0XHUwMWIwXHUwMWExbmcgdFx1MDBlMWMgY1x1MWVlN2EgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyB0clx1MDBlYW4gdHJhbmcuPFwvbGk+XHJcbjxsaT5CLiBMXHUwMWIwdSB0clx1MWVlZiB2XHUwMGUwIHF1XHUxZWEzbiBsXHUwMGZkIGRcdTFlZWYgbGlcdTFlYzd1IGNcdTFlZTdhIGNcdTAwZTFjIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkuPFwvbGk+XHJcbjxsaT5DLiBYXHUwMGUyeSBkXHUxZWYxbmcgY1x1MWVhNXUgdHJcdTAwZmFjIG5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaCBjXHUxZWU3YSB0cmFuZyB3ZWIuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIFx1MDExMFx1MWVjYm5oIGRcdTFlYTFuZyBnaWFvIGRpXHUxZWM3biB2XHUwMGUwIGJcdTFlZDEgY1x1MWVlNWMgdHJcdTFlZjFjIHF1YW4gY2hvIHRyYW5nIHdlYi48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBcdTAxMTFcdTAwZTMgdFx1MWVhMW8gbVx1MWVkOXQgdFx1MWVjN3AgQ1NTIHJpXHUwMGVhbmcgKGBzdHlsZS5jc3NgKSBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIHRvXHUwMGUwbiBiXHUxZWQ5IHRyYW5nIHdlYi4gXHUwMTEwXHUxZWMzIGNcdTAwZTFjIHRyYW5nIEhUTUwga2hcdTAwZTFjIG5oYXUgKHZcdTAwZWQgZFx1MWVlNTogYGluZGV4Lmh0bWxgLCBgdGhldGhhby5odG1sYCwgYG5naGV0aHVhdC5odG1sYCkgY1x1MDBmOW5nIHNcdTFlZWQgZFx1MWVlNW5nIHBob25nIGNcdTAwZTFjaCBuXHUwMGUweSBtXHUwMGUwIGtoXHUwMGY0bmcgY1x1MWVhN24gbFx1MWViN3AgbFx1MWVhMWkgbVx1MDBlMyBDU1MsIGJcdTFlYTFuIGNcdTFlYTduIGxcdTAwZTBtIGdcdTAwZWMgdHJvbmcgcGhcdTFlYTduIGA8aGVhZD5gIGNcdTFlZTdhIG1cdTFlZDdpIHRcdTFlYzdwIEhUTUw/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gU1x1MWVlZCBkXHUxZWU1bmcgdGhcdTFlYmIgYDxsaW5rIHJlbD08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBTYW8gY2hcdTAwZTlwIHRvXHUwMGUwbiBiXHUxZWQ5IG5cdTFlZDlpIGR1bmcgdFx1MWVjN3AgYHN0eWxlLmNzc2Agdlx1MDBlMG8gdHJvbmcgdGhcdTFlYmIgYDxzdHlsZT5gLjxcL2xpPlxyXG48bGk+Qy4gU1x1MWVlZCBkXHUxZWU1bmcgdGhcdTFlYmIgYDxzY3JpcHQgc3JjPTxcL2xpPlxyXG48bGk+RC4gS2hcdTAwZjRuZyBjXHUxZWE3biBsXHUwMGUwbSBnXHUwMGVjIGNcdTFlYTMsIHRyXHUwMGVjbmggZHV5XHUxZWM3dCBzXHUxZWJkIHRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgdFx1MDBlY20gdFx1MWVjN3AgQ1NTIGNcdTAwZjluZyB0XHUwMGVhbi48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAzOiBUcm9uZyB0aGlcdTFlYmZ0IGtcdTFlYmYgYlx1MWVkMSBjXHUxZWU1YyB0cmFuZyB3ZWIsIGJcdTFlYTFuIG11XHUxZWQxbiBjaGlhIG1cdTFlZDl0IGtodSB2XHUxZWYxYyB0aFx1MDBlMG5oIGJhIGNcdTFlZDl0IGNcdTAwZjMgXHUwMTExXHUxZWQ5IHJcdTFlZDluZyBiXHUxZWIxbmcgbmhhdSBcdTAxMTFcdTFlYzMgaGlcdTFlYzNuIHRoXHUxZWNiIGJhIGtoXHUxZWE5dSBoaVx1MWVjN3Uga2hcdTAwZTFjIG5oYXUgKG5oXHUwMWIwIHZcdTAwZWQgZFx1MWVlNSB0cm9uZyBiXHUwMGUwaSBoXHUxZWNkYykuIFNcdTFlZWQgZFx1MWVlNW5nIENTUywgY1x1MDBlMWNoIHRpXHUxZWJmcCBjXHUxZWFkbiBwaFx1MWVkNSBiaVx1MWViZm4gblx1MDBlMG8gZ2lcdTAwZmFwIGNcdTAwZTFjIGtoXHUxZWQxaSAoYGRpdmApIG5cdTAwZTB5IG5cdTFlYjFtIHRyXHUwMGVhbiBjXHUwMGY5bmcgbVx1MWVkOXQgaFx1MDBlMG5nIHZcdTAwZTAgY2hpYSBcdTAxMTFcdTFlYzF1IGtoXHUwMGY0bmcgZ2lhbj9cclxuPHVsPlxyXG48bGk+QS4gXHUwMTEwXHUxZWI3dCBtXHUxZWQ3aSBraFx1MWVkMWkgdlx1MDBlMG8gbVx1MWVkOXQgdGhcdTFlYmIgYDxwPmAgcmlcdTAwZWFuZyBiaVx1MWVjN3QuPFwvbGk+XHJcbjxsaT5CLiBUaGlcdTFlYmZ0IGxcdTFlYWRwIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBwb3NpdGlvbjogYWJzb2x1dGU7YCBjaG8gbVx1MWVkN2kga2hcdTFlZDFpLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBcdTAwYzFwIGRcdTFlZTVuZyBjXHUwMGUxYyB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1MgbmhcdTAxYjAgYGZsb2F0YCwgYGRpc3BsYXk6IGlubGluZS1ibG9ja2AgaG9cdTFlYjdjIGBmbGV4Ym94YCBjaG8gY1x1MDBlMWMga2hcdTFlZDFpLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFNcdTFlZWQgZFx1MWVlNW5nIHRoXHUxZWJiIGA8dGFibGU+YCB2XHUxZWRiaSBiYSBjXHUxZWQ5dC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA0OiBUcmFuZyBjaFx1MWVlNyBjXHUxZWU3YSB3ZWJzaXRlIGNcdTAwZTFjIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkgdGhcdTAxYjBcdTFlZGRuZyBjXHUwMGYzIHZhaSB0clx1MDBmMiB2XHUwMGUwIG5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaCBuaFx1MDFiMCB0aFx1MWViZiBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgY2hcdTFlZTlhIGJpXHUxZWMzdSBtXHUxZWFidSBcdTAxMTFcdTAxMDNuZyBrXHUwMGZkIHRoYW0gZ2lhIGNcdTAwZTFjIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIEN1bmcgY1x1MWVhNXAgdGhcdTAwZjRuZyB0aW4gdFx1MWVkNW5nIHF1YW4sIGdpXHUxZWRiaSB0aGlcdTFlYzd1IGNodW5nIHZcdTAwZTAgbGlcdTAwZWFuIGtcdTFlYmZ0IFx1MDExMVx1MWViZm4gY1x1MDBlMWMgdHJhbmcgY2hpIHRpXHUxZWJmdCBoXHUwMWExbi48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBIaVx1MWVjM24gdGhcdTFlY2IgbFx1MWVjYmNoIGhvXHUxZWExdCBcdTAxMTFcdTFlZDluZyBjaGkgdGlcdTFlYmZ0IGNcdTFlZTdhIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOS48XC9saT5cclxuPGxpPkQuIExcdTAwZTAgblx1MDFhMWkgY1x1MDBlMWMgdGhcdTAwZTBuaCB2aVx1MDBlYW4gXHUwMTExXHUwMTAzbmcgbmhcdTFlYWRwIHZcdTAwZTAgcXVcdTFlYTNuIGxcdTAwZmQgdGhcdTAwZjRuZyB0aW4gY1x1MDBlMSBuaFx1MDBlMm4uPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNTogVFx1MWVhMWkgc2FvIHZpXHUxZWM3YyBzXHUxZWVkIGRcdTFlZTVuZyBjXHUwMGUxYyB0XHUwMGVhbiBsXHUxZWRicCAoY2xhc3MpIENTUyBjXHUwMGYzIFx1MDBmZCBuZ2hcdTAxMjlhICh2XHUwMGVkIGRcdTFlZTU6IGAuaGVhZGVyYCwgYC5zbG9nYW5gLCBgLmNvbnRlbnRgLCBgLmZvb3RlcmApIGxcdTFlYTFpIFx1MDExMVx1MDFiMFx1MWVlM2Mga2h1eVx1MWViZm4ga2hcdTAwZWRjaCB0cm9uZyB0aGlcdTFlYmZ0IGtcdTFlYmYgd2ViP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIEdpXHUwMGZhcCBtXHUwMGUzIENTUyBkXHUxZWM1IFx1MDExMVx1MWVjZGMsIGRcdTFlYzUgaGlcdTFlYzN1IHZcdTAwZTAgZFx1MWVjNSBiXHUxZWEzbyB0clx1MDBlYyBoXHUwMWExbi48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBCXHUxZWFmdCBidVx1MWVkOWMgcGhcdTFlYTNpIFx1MDExMVx1MWViN3QgdFx1MDBlYW4gbFx1MWVkYnAgdGhlbyBjaFx1MWVlOWMgblx1MDEwM25nIFx1MDExMVx1MWVjMyB0clx1MDBlY25oIGR1eVx1MWVjN3QgaGlcdTFlYzNuIHRoXHUxZWNiIFx1MDExMVx1MDBmYW5nLjxcL2xpPlxyXG48bGk+Qy4gTFx1MDBlMG0gY2hvIHRcdTFlYzdwIENTUyBjXHUwMGYzIGR1bmcgbFx1MDFiMFx1MWVlM25nIG5oXHUxZWNmIGhcdTAxYTFuLjxcL2xpPlxyXG48bGk+RC4gVFx1MDEwM25nIHRcdTFlZDFjIFx1MDExMVx1MWVkOSB0XHUxZWEzaSB0cmFuZyB3ZWIgbFx1MDBlYW4gXHUwMTExXHUwMGUxbmcga1x1MWVjMy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA2OiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQga2hvXHUxZWEzbmcgdHJcdTFlZDFuZyAyMCBwaXhlbCBnaVx1MWVlZmEgdmlcdTFlYzFuIGNcdTFlZTdhIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIChgZGl2YCkgdlx1MDBlMCBuXHUxZWQ5aSBkdW5nIGJcdTAwZWFuIHRyb25nIHBoXHUxZWE3biB0XHUxZWVkIFx1MDExMVx1MDBmMy4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIGxcdTAwZTBtIFx1MDExMWlcdTFlYzF1IG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiBtYXJnaW48XC9saT5cclxuPGxpPkIuIGJvcmRlcjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBwYWRkaW5nPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gc3BhY2luZzxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDc6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBraG9cdTFlYTNuZyB0clx1MWVkMW5nIDMwIHBpeGVsIGdpXHUxZWVmYSBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCAoYGRpdmApIG5cdTAwZTB5IHZcdTFlZGJpIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGxpXHUxZWMxbiBrXHUxZWMxIG5cdTAwZjMgKHBoXHUwMGVkYSBuZ29cdTAwZTBpIHZpXHUxZWMxbikuIFRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIG1hcmdpbjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIHBhZGRpbmc8XC9saT5cclxuPGxpPkMuIGJvcmRlci1zcGFjaW5nPFwvbGk+XHJcbjxsaT5ELiBvdXRsaW5lPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgODogVHJvbmcgY1x1MWVhNXUgdHJcdTAwZmFjIG1cdTFlZDl0IHRyYW5nIHdlYiBjXHUwMWExIGJcdTFlYTNuLCBwaFx1MWVhN24gblx1MDBlMG8gdGhcdTAxYjBcdTFlZGRuZyBjaFx1MWVlOWEgY1x1MDBlMWMgbGlcdTAwZWFuIGtcdTFlYmZ0IFx1MDExMWlcdTFlYzF1IGhcdTAxYjBcdTFlZGJuZyBjaFx1MDBlZG5oIFx1MDExMVx1MWViZm4gY1x1MDBlMWMgdHJhbmcga2hcdTAwZTFjIHRyb25nIHdlYnNpdGU/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gUGhcdTFlYTduIFx1MDExMVx1MWVhN3UgdHJhbmcgKEhlYWRlcik8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBQaFx1MWVhN24gY2hcdTAwZTJuIHRyYW5nIChGb290ZXIpPFwvbGk+XHJcbjxsaT5DLiBOXHUxZWQ5aSBkdW5nIGNoXHUwMGVkbmggKE1haW4gQ29udGVudCk8XC9saT5cclxuPGxpPkQuIFBoXHUxZWE3biB0aFx1MDBlMm4gdHJhbmcgKEJvZHkpPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgOTogVmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIGhcdTAwZWNuaCBcdTFlYTNuaCB2XHUwMGUwIHZpZGVvIG1pbmggaFx1MWVjZGEgdHJcdTAwZWFuIHRyYW5nIHdlYiBjXHUwMGYzIHZhaSB0clx1MDBmMiBxdWFuIHRyXHUxZWNkbmcgbmhcdTAxYjAgdGhcdTFlYmYgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIENoXHUxZWM5IFx1MDExMVx1MWVjMyB0cmFuZyB3ZWIgdHJcdTAwZjRuZyBcdTAxMTFcdTFlYjlwIG1cdTFlYWZ0IGhcdTAxYTFuLjxcL2xpPlxyXG48bGk+Qi4gTFx1MDBlMG0gdFx1MDEwM25nIGR1bmcgbFx1MDFiMFx1MWVlM25nIHRyYW5nIHdlYiBcdTAxMTFcdTFlYzMgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyB0XHUxZWEzaSBsXHUwMGUydSBoXHUwMWExbi48XC9saT5cclxuPGxpPkMuIEdpXHUwMGZhcCB0cmFuZyB3ZWIgeFx1MWViZnAgaFx1MWVhMW5nIGNhbyBoXHUwMWExbiB0clx1MDBlYW4gY1x1MDBlMWMgY1x1MDBmNG5nIGNcdTFlZTUgdFx1MDBlY20ga2lcdTFlYmZtIG1cdTFlZDl0IGNcdTAwZTFjaCB0XHUxZWYxIFx1MDExMVx1MWVkOW5nLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBHaVx1MDBmYXAgblx1MWVkOWkgZHVuZyB0clx1MWVmMWMgcXVhbiwgc2luaCBcdTAxMTFcdTFlZDluZywgdGh1IGhcdTAwZmF0IG5nXHUwMWIwXHUxZWRkaSB4ZW0gdlx1MDBlMCB0cnV5XHUxZWMxbiB0XHUxZWEzaSB0aFx1MDBmNG5nIHRpbiBoaVx1MWVjN3UgcXVcdTFlYTMgaFx1MDFhMW4uPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEwOiBCXHUxZWExbiBtdVx1MWVkMW4gbVx1MWVkOXQgXHUwMTExb1x1MWVhMW4gdlx1MDEwM24gYlx1MWVhM24gdHJcdTAwZWFuIHRyYW5nIHdlYiBjXHUwMGYzIG1cdTAwZTB1IHhhbmggZFx1MDFiMFx1MDFhMW5nLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgYlx1MWVhMW4gY1x1MWVhN24gc1x1MWVlZCBkXHUxZWU1bmc/XHJcbjx1bD5cclxuPGxpPkEuIGJhY2tncm91bmQtY29sb3I8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gY29sb3I8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiB0ZXh0LWNvbG9yPFwvbGk+XHJcbjxsaT5ELiBmb250LWNvbG9yPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTE6IFx1MDExMFx1MWVjMyB0aGF5IFx1MDExMVx1MWVkNWkga2lcdTFlYzN1IGNoXHUxZWVmIChwaFx1MDBmNG5nIGNoXHUxZWVmKSBjaG8gbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgSFRNTCwgYlx1MWVhMW4gc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiB0ZXh0LXN0eWxlPFwvbGk+XHJcbjxsaT5CLiBmb250LXR5cGU8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gZm9udC1mYW1pbHk8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiB0ZXh0LWZvbnQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMjogS2hpIHRoaVx1MWViZnQga1x1MWViZiBtXHUxZWQ5dCB0cmFuZyB3ZWIgY1x1MDBmMyBuaGlcdTFlYzF1IHBoXHUxZWE3biAoXHUwMTExXHUxZWE3dSB0cmFuZywgblx1MWVkOWkgZHVuZywgY2hcdTAwZTJuIHRyYW5nKSwgdmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIGNcdTAwZTFjIHRoXHUxZWJiIEhUTUwgbmdcdTFlZWYgbmdoXHUwMTI5YSBuaFx1MDFiMCBgPGhlYWRlcj5gLCBgPG1haW4+YCwgYDxmb290ZXI+YCB0aGF5IHZcdTAwZWMgY2hcdTFlYzkgZFx1MDBmOW5nIGA8ZGl2PmAgY2hvIG1cdTFlY2RpIHRoXHUxZWU5IG1hbmcgbFx1MWVhMWkgbFx1MWVlM2kgXHUwMGVkY2ggZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gTFx1MDBlMG0gY2hvIHRyYW5nIHdlYiB0XHUxZWEzaSBuaGFuaCBoXHUwMWExbi48XC9saT5cclxuPGxpPkIuIFRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgdGhcdTAwZWFtIGtpXHUxZWMzdSBkXHUwMGUxbmcgXHUwMTExXHUxZWI5cCBtXHUxZWFmdCBtXHUwMGUwIGtoXHUwMGY0bmcgY1x1MWVhN24gQ1NTLjxcL2xpPlxyXG48bGk+Qy4gQlx1MWVhZnQgYnVcdTFlZDljIHRyXHUwMGVjbmggZHV5XHUxZWM3dCBoaVx1MWVjM24gdGhcdTFlY2IgdHJhbmcgXHUxZWRmIGNoXHUxZWJmIFx1MDExMVx1MWVkOSB0XHUwMWIwXHUwMWExbmcgdGhcdTAwZWRjaC48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gQ1x1MWVhM2kgdGhpXHUxZWM3biBraFx1MWVhMyBuXHUwMTAzbmcgdGlcdTFlYmZwIGNcdTFlYWRuIHZcdTAwZTAgaFx1MWVkNyB0clx1MWVlMyB0XHUxZWQxdCBoXHUwMWExbiBjaG8gY1x1MDBlMWMgY1x1MDBmNG5nIGNcdTFlZTUgdFx1MDBlY20ga2lcdTFlYmZtLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMzogQlx1MWVhMW4gY1x1MDBmMyBtXHUxZWQ5dCBkYW5oIHNcdTAwZTFjaCBjXHUwMGUxYyBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5IHZcdTAwZTAgbXVcdTFlZDFuIG1cdTFlZDdpIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkgXHUwMTExXHUwMWIwXHUxZWUzYyBoaVx1MWVjM24gdGhcdTFlY2IgdHJvbmcgbVx1MWVkOXQgXCJ0aFx1MWViYlwiIChjYXJkKSBjXHUwMGYzIHZpXHUxZWMxbiB2XHUwMGUwIGJcdTAwZjNuZyBuaFx1MWViOS4gQlx1MWVhMW4gblx1MDBlYW4gc1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gQ1NTIG5cdTAwZTBvIFx1MDExMVx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBraVx1MWVjM3UgZFx1MDBlMW5nIG5cdTAwZTB5IGNobyA8aT5tXHUxZWQ3aTxcL2k+IHRoXHUxZWJiIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkgbVx1MWVkOXQgY1x1MDBlMWNoIGhpXHUxZWM3dSBxdVx1MWVhMz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoQ2xhc3Mgc2VsZWN0b3IgLSB2XHUwMGVkIGRcdTFlZTU6IGAuY2x1Yi1jYXJkYCk8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBCXHUxZWQ5IGNoXHUxZWNkbiBJRCAoSUQgc2VsZWN0b3IgLSB2XHUwMGVkIGRcdTFlZTU6IGAjY2x1Yi1jYXJkLTFgKTxcL2xpPlxyXG48bGk+Qy4gQlx1MWVkOSBjaFx1MWVjZG4gcGhcdTFlYTduIHRcdTFlZWQgKEVsZW1lbnQgc2VsZWN0b3IgLSB2XHUwMGVkIGRcdTFlZTU6IGBkaXZgKTxcL2xpPlxyXG48bGk+RC4gQlx1MWVkOSBjaFx1MWVjZG4gdGh1XHUxZWQ5YyB0XHUwMGVkbmggKEF0dHJpYnV0ZSBzZWxlY3RvciAtIHZcdTAwZWQgZFx1MWVlNTogYFt0aXRsZT08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNDogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IHRyYW5nIHJpXHUwMGVhbmcgY1x1MDBmMyBjaFx1MWVlOWEgYmlcdTFlYzN1IG1cdTFlYWJ1IFx1MDExMVx1MWVjMyBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIFx1MDExMVx1MDEwM25nIGtcdTAwZmQgdGhhbSBnaWEgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOS4gVHJhbmcgblx1MDBlMHkgblx1MDBlYW4gYmFvIGdcdTFlZDNtIG5oXHUxZWVmbmcgdGhcdTAwZTBuaCBwaFx1MWVhN24gY1x1MDFhMSBiXHUxZWEzbiBuXHUwMGUwbyBsaVx1MDBlYW4gcXVhbiBcdTAxMTFcdTFlYmZuIGJpXHUxZWMzdSBtXHUxZWFidT9cclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgY1x1MWVhN24gbVx1MWVkOXQgblx1MDBmYXQgXCJcdTAxMTBcdTAxMDNuZyBrXHUwMGZkXCIgXHUwMTExXHUwMWExbiBnaVx1MWVhM24uPFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjOSBjXHUxZWE3biBoaVx1MWVjM24gdGhcdTFlY2IgZGFuaCBzXHUwMGUxY2ggY1x1MDBlMWMgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOS48XC9saT5cclxuPGxpPkMuIENoXHUxZWM5IGNcdTFlYTduIG1cdTFlZDl0IFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IGR1eSBuaFx1MWVhNXQgY2hvIHRcdTAwZWFuIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIENcdTAwZTFjIFx1MDBmNCBuaFx1MWVhZHAgdGhcdTAwZjRuZyB0aW4gKHRcdTAwZWFuLCBlbWFpbCwuLi4pIHZcdTAwZTAgbVx1MWVkOXQgblx1MDBmYXQgZ1x1MWVlZGkgKHN1Ym1pdCkuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE1OiBYXHUwMGU5dCBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIENTUyBzYXU6IGAuYm94IHsgd2lkdGg6IDUwJTsgbWFyZ2luOiAxMHB4IGF1dG87IH1gLiBcdTAxMTBvXHUxZWExbiBtXHUwMGUzIG5cdTAwZTB5IGNcdTAwZjMgdFx1MDBlMWMgZFx1MWVlNW5nIGdcdTAwZWMgXHUwMTExXHUxZWQxaSB2XHUxZWRiaSBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBIVE1MIGNcdTAwZjMgbFx1MWVkYnAgYGJveGA/XHJcbjx1bD5cclxuPGxpPkEuIFx1MDExMFx1MWViN3QgY2hpXHUxZWMxdSByXHUxZWQ5bmcgbFx1MDBlMCA1MCBwaXhlbCB2XHUwMGUwIGNcdTAxMDNuIGxcdTFlYzEgdHJcdTAwZWFuXC9kXHUwMWIwXHUxZWRiaSAxMCBwaXhlbCwgbFx1MWVjMSB0clx1MDBlMWlcL3BoXHUxZWEzaSB0XHUxZWYxIFx1MDExMVx1MWVkOW5nLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBcdTAxMTBcdTFlYjd0IGNoaVx1MWVjMXUgclx1MWVkOW5nIGxcdTAwZTAgNTAlIGNcdTFlZTdhIHBoXHUxZWE3biB0XHUxZWVkIGNoXHUxZWU5YSB2XHUwMGUwIGNcdTAxMDNuIGdpXHUxZWVmYSBwaFx1MWVhN24gdFx1MWVlZCB0aGVvIGNoaVx1MWVjMXUgbmdhbmcgdlx1MWVkYmkgbFx1MWVjMSB0clx1MDBlYW5cL2RcdTAxYjBcdTFlZGJpIDEwIHBpeGVsLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIFx1MDExMFx1MWViN3QgY2hpXHUxZWMxdSByXHUxZWQ5bmcgbFx1MDBlMCA1MCUgdlx1MDBlMCBjXHUwMTAzbiBnaVx1MWVlZmEgblx1MWVkOWkgZHVuZyB2XHUwMTAzbiBiXHUxZWEzbiBiXHUwMGVhbiB0cm9uZyBwaFx1MWVhN24gdFx1MWVlZC48XC9saT5cclxuPGxpPkQuIFx1MDExMFx1MWViN3QgY2hpXHUxZWMxdSBjYW8gbFx1MDBlMCA1MCUgdlx1MDBlMCB0XHUxZWExbyBraG9cdTFlYTNuZyBjXHUwMGUxY2ggMTAgcGl4ZWwgeHVuZyBxdWFuaCBwaFx1MWVhN24gdFx1MWVlZC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNjogS2hpIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBiYWNrZ3JvdW5kLWltYWdlYCB0cm9uZyBDU1MgXHUwMTExXHUxZWMzIFx1MDExMVx1MWViN3QgXHUxZWEzbmggblx1MWVjMW4gY2hvIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkLCBuXHUxZWJmdSBcdTFlYTNuaCBxdVx1MDBlMSBuaFx1MWVjZiBzbyB2XHUxZWRiaSBwaFx1MWVhN24gdFx1MWVlZCwgaFx1MDBlMG5oIHZpIG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oIGNcdTFlZTdhIHRyXHUwMGVjbmggZHV5XHUxZWM3dCBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gXHUxZWEybmggc1x1MWViZCBcdTAxMTFcdTAxYjBcdTFlZTNjIGxcdTFlYjdwIGxcdTFlYTFpIHRoZW8gY1x1MWVhMyBjaGlcdTFlYzF1IG5nYW5nIHZcdTAwZTAgY2hpXHUxZWMxdSBkXHUxZWNkYy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBcdTFlYTJuaCBzXHUxZWJkIGNoXHUxZWM5IHh1XHUxZWE1dCBoaVx1MWVjN24gbVx1MWVkOXQgbFx1MWVhN24gXHUxZWRmIGdcdTAwZjNjIHRyXHUwMGVhbiBiXHUwMGVhbiB0clx1MDBlMWkuPFwvbGk+XHJcbjxsaT5DLiBcdTFlYTJuaCBzXHUxZWJkIHRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgY28gZ2lcdTAwZTNuIFx1MDExMVx1MWVjMyB2XHUxZWViYSB2XHUxZWRiaSBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIHBoXHUxZWE3biB0XHUxZWVkLjxcL2xpPlxyXG48bGk+RC4gXHUxZWEybmggc1x1MWViZCBiXHUxZWNiIFx1MWVhOW4gXHUwMTExaSB2XHUwMGUwIGtoXHUwMGY0bmcgaGlcdTFlYzNuIHRoXHUxZWNiLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE3OiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0aVx1MDBlYXUgXHUwMTExXHUxZWMxIGNcdTFlYTVwIDIgKGA8aDI+YCkgdHJcdTAwZWFuIHRyYW5nIHdlYiBjXHUxZWU3YSBtXHUwMGVjbmggY1x1MDBmMyBtXHUwMGUwdSBcdTAxMTFcdTFlY2Ygdlx1MDBlMCBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIGNoXHUxZWVmIGxcdTAwZTAgMjRweC4gXHUwMTEwb1x1MWVhMW4gbVx1MDBlMyBDU1Mgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgdGhcdTFlZjFjIGhpXHUxZWM3biBcdTAxMTFcdTAwZmFuZyB5XHUwMGVhdSBjXHUxZWE3dSBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gYC5oMiB7IGNvbG9yOiByZWQ7IGZvbnQtc2l6ZTogMjRweDsgfWA8XC9saT5cclxuPGxpPkIuIGAjaDIgeyBjb2xvcjogcmVkOyBmb250LXNpemU6IDI0cHg7IH1gPFwvbGk+XHJcbjxsaT5DLiBgZWxlbWVudCBoMiB7IGNvbG9yOiByZWQ7IGZvbnQtc2l6ZTogMjRweDsgfWA8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gYGgyIHsgY29sb3I6IHJlZDsgZm9udC1zaXplOiAyNHB4OyB9YDxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxODogS2hpIHRoaVx1MWViZnQga1x1MWViZiBiXHUxZWQxIGNcdTFlZTVjIHRyYW5nIHdlYiwgdmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIGNcdTAwZTFjIFx1MDExMVx1MDFhMW4gdlx1MWVjYiBcdTAxMTFvIGxcdTAxYjBcdTFlZGRuZyB0XHUwMWIwXHUwMWExbmcgXHUwMTExXHUxZWQxaSBuaFx1MDFiMCBgJWAgKHBoXHUxZWE3biB0clx1MDEwM20pIGhvXHUxZWI3YyBgdndgXC9gdmhgICh2aWV3cG9ydCB3aWR0aFwvaGVpZ2h0KSB0aGF5IHZcdTAwZWMgY1x1MDBlMWMgXHUwMTExXHUwMWExbiB2XHUxZWNiIHR1eVx1MWVjN3QgXHUwMTExXHUxZWQxaSBuaFx1MDFiMCBgcHhgIChwaXhlbCkgY1x1MDBmMyBsXHUxZWUzaSBcdTAwZWRjaCBjaFx1MDBlZG5oIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBHaVx1MDBmYXAgYlx1MWVkMSBjXHUxZWU1YyB0cmFuZyB3ZWIgbGluaCBob1x1MWVhMXQsIHRcdTFlZjEgXHUwMTExaVx1MWVjMXUgY2hcdTFlYzluaCBwaFx1MDBmOSBoXHUxZWUzcCB2XHUxZWRiaSBjXHUwMGUxYyBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIG1cdTAwZTBuIGhcdTAwZWNuaCBraFx1MDBlMWMgbmhhdSAocmVzcG9uc2l2ZSkuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gXHUwMTEwXHUxZWEzbSBiXHUxZWEzbyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBsdVx1MDBmNG4gY1x1MDBmMyBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIGNcdTFlZDEgXHUwMTExXHUxZWNibmggdHJcdTAwZWFuIG1cdTFlY2RpIHRoaVx1MWViZnQgYlx1MWVjYi48XC9saT5cclxuPGxpPkMuIExcdTAwZTBtIGdpXHUxZWEzbSBcdTAxMTFcdTAwZTFuZyBrXHUxZWMzIGR1bmcgbFx1MDFiMFx1MWVlM25nIHRcdTFlYzdwIENTUy48XC9saT5cclxuPGxpPkQuIEJcdTFlYWZ0IGJ1XHUxZWQ5YyB0clx1MDBlY25oIGR1eVx1MWVjN3QgcGhcdTFlYTNpIHNcdTFlZWQgZFx1MWVlNW5nIGNoXHUxZWJmIFx1MDExMVx1MWVkOSBoaVx1MWVjM24gdGhcdTFlY2IgXHUwMTExXHUxZWI3YyBiaVx1MWVjN3QuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTk6IFRyb25nIG1cdTFlZDl0IHRyYW5nIHdlYiBnaVx1MWVkYmkgdGhpXHUxZWM3dSBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5LCBiXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQgZGFuaCBzXHUwMGUxY2ggY1x1MDBlMWMgaG9cdTFlYTF0IFx1MDExMVx1MWVkOW5nIHNcdTFlYWZwIHRcdTFlZGJpIGRcdTAxYjBcdTFlZGJpIGRcdTFlYTFuZyBjXHUwMGUxYyBtXHUxZWU1YyBjXHUwMGYzIGRcdTFlYTV1IGNoXHUxZWE1bSBcdTAxMTFcdTFlYTd1IGRcdTAwZjJuZy4gVGhcdTFlYmIgSFRNTCBuZ1x1MWVlZiBuZ2hcdTAxMjlhIG5cdTAwZTBvIHBoXHUwMGY5IGhcdTFlZTNwIG5oXHUxZWE1dCBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmggbmdoXHUwMTI5YSBtXHUxZWQ5dCBkYW5oIHNcdTAwZTFjaCBjXHUwMGUxYyBtXHUxZWU1YyBraFx1MDBmNG5nIGNcdTAwZjMgdGhcdTFlZTkgdFx1MWVmMSBjXHUxZWU1IHRoXHUxZWMzP1xyXG48dWw+XHJcbjxsaT5BLiBgPG9sPmAgKG9yZGVyZWQgbGlzdCk8XC9saT5cclxuPGxpPkIuIGA8ZGw+YCAoZGVzY3JpcHRpb24gbGlzdCk8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gYDx1bD5gICh1bm9yZGVyZWQgbGlzdCk8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBgPGxpPmAgKGxpc3QgaXRlbSk8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMDogQlx1MWVhMW4gbXVcdTFlZDFuIHRoXHUwMGVhbSBtXHUxZWQ5dCBjaFx1MDBmYSB0aFx1MDBlZGNoIGhvXHUxZWI3YyB0aFx1MDBmNG5nIHRpbiBwaFx1MWVlNSBjaG8gbVx1MWVkOXQgYlx1MDBlMGkgdmlcdTFlYmZ0IHZcdTFlYzEgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOSwgdlx1MDBlMCBtdVx1MWVkMW4gblx1MDBmMyBoaVx1MWVjM24gdGhcdTFlY2IgdFx1MDBlMWNoIGJpXHUxZWM3dCBraFx1MWVjZmkgblx1MWVkOWkgZHVuZyBjaFx1MDBlZG5oLiBUaFx1MWViYiBIVE1MIG5nXHUxZWVmIG5naFx1MDEyOWEgblx1MDBlMG8gdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIGNobyBuXHUxZWQ5aSBkdW5nIHBoXHUxZWU1IG5oXHUwMWIwIHRoYW5oIGJcdTAwZWFuIChzaWRlYmFyKSBob1x1MWViN2Mga2hcdTFlZDFpIHRoXHUwMGY0bmcgdGluIGxpXHUwMGVhbiBxdWFuP1xyXG48dWw+XHJcbjxsaT5BLiBgPHNlY3Rpb24+YDxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBgPGFzaWRlPmA8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBgPGFydGljbGU+YDxcL2xpPlxyXG48bGk+RC4gYDxuYXY+YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIxOiBLaGkgdGhpXHUxZWJmdCBrXHUxZWJmIHBoXHUxZWE3biBjaFx1MDBlMm4gdHJhbmcgKGA8Zm9vdGVyPmApIGNobyB3ZWJzaXRlLCBuXHUxZWQ5aSBkdW5nIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IGxcdTAwZTAgPGk+XHUwMGVkdCBwaFx1MDBmOSBoXHUxZWUzcCBuaFx1MWVhNXQ8XC9pPiBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWI3dCBcdTFlZGYgdlx1MWVjYiB0clx1MDBlZCBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gVGhcdTAwZjRuZyB0aW4gYlx1MWVhM24gcXV5XHUxZWMxbiAodlx1MDBlZCBkXHUxZWU1OiBcdTAwYTkgMjAyMyBUXHUwMGVhbiB0clx1MDFiMFx1MWVkZG5nKTxcL2xpPlxyXG48bGk+Qi4gTGlcdTAwZWFuIGtcdTFlYmZ0IFx1MDExMVx1MWViZm4gdHJhbmcgbGlcdTAwZWFuIGhcdTFlYzcgaG9cdTFlYjdjIG1cdTFlYTFuZyB4XHUwMGUzIGhcdTFlZDlpLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBUb1x1MDBlMG4gYlx1MWVkOSBsXHUxZWNiY2ggaG9cdTFlYTF0IFx1MDExMVx1MWVkOW5nIGNoaSB0aVx1MWViZnQgaFx1MDBlMG5nIHRoXHUwMGUxbmcgY1x1MWVlN2EgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOSBjXHUxZWRkIHZ1YS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBUXHUwMGVhbiBuZ1x1MDFiMFx1MWVkZGkgcGhcdTAwZTF0IHRyaVx1MWVjM24gd2Vic2l0ZS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMjogQlx1MWVhMW4gZ1x1MWViN3Agdlx1MWVhNW4gXHUwMTExXHUxZWMxIGxcdTAwZTAgXHUxZWEzbmggbWluaCBoXHUxZWNkYSB0cm9uZyBiXHUwMGUwaSB2aVx1MWViZnQgcXVcdTAwZTEgbFx1MWVkYm4sIGxcdTAwZTBtIHZcdTFlZTEgYlx1MWVkMSBjXHUxZWU1YyB0cmFuZy4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIGdpXHUwMGZhcCBiXHUxZWExbiBcdTAxMTFpXHUxZWMxdSBjaFx1MWVjOW5oIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgY1x1MWVlN2EgXHUxZWEzbmg/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gYHdpZHRoYCB2XHUwMGUwIGBoZWlnaHRgPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gYG1hcmdpbmAgdlx1MDBlMCBgcGFkZGluZ2A8XC9saT5cclxuPGxpPkMuIGBib3JkZXJgIHZcdTAwZTAgYG91dGxpbmVgPFwvbGk+XHJcbjxsaT5ELiBgZm9udC1zaXplYCB2XHUwMGUwIGBjb2xvcmA8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMzogXHUwMTEwXHUxZWMzIHRcdTFlYTFvIG1cdTFlZDl0IFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBtXHUwMGUwdSB4YW5oIGRcdTAwZTB5IDIgcGl4ZWwgeHVuZyBxdWFuaCBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCwgYlx1MWVhMW4gc1x1MWViZCBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1MgYGJvcmRlcmAgbmhcdTAxYjAgdGhcdTFlYmYgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIGBib3JkZXI6IGJsdWUgMnB4IHNvbGlkO2A8XC9saT5cclxuPGxpPkIuIGBib3JkZXItY29sb3I6IGJsdWU7IGJvcmRlci13aWR0aDogMnB4O2A8XC9saT5cclxuPGxpPkMuIGBib3JkZXI6IDJweCBibHVlIHNvbGlkO2A8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gYGJvcmRlcjogMnB4IHNvbGlkIGJsdWU7YDxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNDogS2hpIHRoaVx1MWViZnQga1x1MWViZiB0cmFuZyB3ZWIsIHZpXHUxZWM3YyBzXHUxZWVkIGRcdTFlZTVuZyBjXHUwMGUxYyBtXHUwMGUwdSBzXHUxZWFmYyB2XHUwMGUwIHBoXHUwMGY0bmcgY2hcdTFlZWYgbmhcdTFlYTV0IHF1XHUwMGUxbiB0clx1MDBlYW4gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0cmFuZyBtYW5nIGxcdTFlYTFpIGxcdTFlZTNpIFx1MDBlZGNoIGdcdTAwZWMgdlx1MWVjMSBtXHUxZWI3dCB0clx1MWVhM2kgbmdoaVx1MWVjN20gbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZz9cclxuPHVsPlxyXG48bGk+QS4gTFx1MDBlMG0gY2hvIHRyYW5nIHdlYiB0clx1MDBmNG5nIHBoXHUxZWU5YyB0XHUxZWExcCB2XHUwMGUwIG5oaVx1MWVjMXUgdGhcdTAwZjRuZyB0aW4gaFx1MDFhMW4uPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIFRcdTFlYTFvIGNcdTFlYTNtIGdpXHUwMGUxYyBjaHV5XHUwMGVhbiBuZ2hpXHUxZWM3cCwgbmhcdTFlYTV0IHF1XHUwMGUxbiB2XHUwMGUwIGdpXHUwMGZhcCBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIGRcdTFlYzUgZFx1MDBlMG5nIG5oXHUxZWFkbiBkaVx1MWVjN24gdGhcdTAxYjBcdTAxYTFuZyBoaVx1MWVjN3VcL3dlYnNpdGUuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gQlx1MWVhZnQgYnVcdTFlZDljIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgcGhcdTFlYTNpIHRcdTFlYTNpIGxcdTFlYTFpIHRyYW5nIG5oaVx1MWVjMXUgbFx1MWVhN24uPFwvbGk+XHJcbjxsaT5ELiBHaVx1MWVhM20gdGhpXHUxZWMzdSBzXHUxZWQxIGxcdTAxYjBcdTFlZTNuZyB0cmFuZyBjXHUxZWE3biB0aGlcdTFlYmZ0IGNobyB3ZWJzaXRlLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI1OiBCXHUxZWExbiBtdVx1MWVkMW4gbVx1MWVkOXQgbGlcdTAwZWFuIGtcdTFlYmZ0IChgPGE+YCkga2hcdTAwZjRuZyBjXHUwMGYzIGdcdTFlYTFjaCBjaFx1MDBlMm4gbVx1MWViN2MgXHUwMTExXHUxZWNibmguIFRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyBsb1x1MWVhMWkgYlx1MWVjZiBnXHUxZWExY2ggY2hcdTAwZTJuIGNcdTFlZTdhIHZcdTAxMDNuIGJcdTFlYTNuP1xyXG48dWw+XHJcbjxsaT5BLiBgdW5kZXJsaW5lOiBub25lO2A8XC9saT5cclxuPGxpPkIuIGBkZWNvcmF0aW9uOiBub25lO2A8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gYHRleHQtZGVjb3JhdGlvbjogbm9uZTtgPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gYHN0eWxlOiBuby11bmRlcmxpbmU7YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI2OiBUcm9uZyBxdVx1MDBlMSB0clx1MDBlY25oIHRoaVx1MWViZnQga1x1MWViZiwgYlx1MWVhMW4gbmhcdTFlYWRuIHRoXHUxZWE1eSBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBgZGl2YCBtXHUxZWI3YyBcdTAxMTFcdTFlY2JuaCB0aFx1MDFiMFx1MWVkZG5nIHhcdTFlYmZwIGNoXHUxZWQzbmcgbFx1MDBlYW4gbmhhdSB0aGVvIGNoaVx1MWVjMXUgZFx1MWVjZGMuIFx1MDExMGlcdTFlYzF1IG5cdTAwZTB5IGxcdTAwZTAgZG8gdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGRpc3BsYXlgIG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oIGNcdTFlZTdhIGBkaXZgIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBgYmxvY2tgPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gYGlubGluZWA8XC9saT5cclxuPGxpPkMuIGBpbmxpbmUtYmxvY2tgPFwvbGk+XHJcbjxsaT5ELiBgZmxleGA8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNzogQlx1MWVhMW4gbXVcdTFlZDFuIGNcdTAxMDNuIGdpXHUxZWVmYSBuXHUxZWQ5aSBkdW5nIHZcdTAxMDNuIGJcdTFlYTNuIChjaFx1MWVlZiwgc1x1MWVkMSkgYlx1MDBlYW4gdHJvbmcgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgKGBkaXZgLCBgcGAsIGBoMWAsLi4uKSB0aGVvIGNoaVx1MWVjMXUgbmdhbmcuIFRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyB0aFx1MWVmMWMgaGlcdTFlYzduIGNoXHUxZWU5YyBuXHUwMTAzbmcgblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPkEuIGBhbGlnbi1pdGVtc2A8XC9saT5cclxuPGxpPkIuIGBqdXN0aWZ5LWNvbnRlbnRgPFwvbGk+XHJcbjxsaT5DLiBgdmVydGljYWwtYWxpZ25gPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIGB0ZXh0LWFsaWduYDxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyODogXHUwMTEwXHUxZWMzIHRcdTFlYTFvIG1cdTFlZDl0IHRoYW5oIFx1MDExMWlcdTFlYzF1IGhcdTAxYjBcdTFlZGJuZyAoYDxuYXY+YCkgdlx1MWVkYmkgY1x1MDBlMWMgbGlcdTAwZWFuIGtcdTFlYmZ0IG5cdTFlYjFtIG5nYW5nLCBiXHUxZWExbiBjXHUwMGYzIHRoXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7YCBob1x1MWViN2MgYGZsb2F0OiBsZWZ0O2AgY2hvIGNcdTAwZTFjIG1cdTFlZTVjIGRhbmggc1x1MDBlMWNoIChgPGxpPmApIGJcdTAwZWFuIHRyb25nIHRoYW5oIFx1MDExMWlcdTFlYzF1IGhcdTAxYjBcdTFlZGJuZy4gXHUwMTEwaVx1MWVjMXUgblx1MDBlMHkgZFx1MWVmMWEgdHJcdTAwZWFuIG5ndXlcdTAwZWFuIHRcdTFlYWZjIENTUyBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBUaGF5IFx1MDExMVx1MWVkNWkgY1x1MDBlMWNoIGhpXHUxZWMzbiB0aFx1MWVjYiBtXHUxZWI3YyBcdTAxMTFcdTFlY2JuaCBjXHUxZWU3YSBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBjXHUxZWE1cCBraFx1MWVkMWkgKGJsb2NrLWxldmVsIGVsZW1lbnRzKS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBUXHUxZWYxIFx1MDExMVx1MWVkOW5nIHRoXHUwMGVhbSBraG9cdTFlYTNuZyBjXHUwMGUxY2ggZ2lcdTFlZWZhIGNcdTAwZTFjIG1cdTFlZTVjIGRhbmggc1x1MDBlMWNoLjxcL2xpPlxyXG48bGk+Qy4gQ2hcdTFlYzkgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIGNcdTAwZTFjIGxpXHUwMGVhbiBrXHUxZWJmdCBiXHUwMGVhbiB0cm9uZyB0aGFuaCBcdTAxMTFpXHUxZWMxdSBoXHUwMWIwXHUxZWRibmcuPFwvbGk+XHJcbjxsaT5ELiBMXHUwMGUwbSBjaG8gY1x1MDBlMWMgbVx1MWVlNWMgZGFuaCBzXHUwMGUxY2ggY1x1MDBmMyBjXHUwMGY5bmcga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyOTogS2hpIHRoaVx1MWViZnQga1x1MWViZiBtXHUxZWQ5dCB0cmFuZyB3ZWIgY1x1MDBmMyBuaGlcdTFlYzF1IHBoXHUxZWE3biB0XHUxZWVkIGNcdTFlYTduIGNcdTAwZjluZyBtXHUxZWQ5dCBraVx1MWVjM3UgZFx1MDBlMW5nICh2XHUwMGVkIGRcdTFlZTU6IHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgXHUxZWEzbmggdHJvbmcgdGhcdTAxYjAgdmlcdTFlYzduIFx1MWVhM25oIGNcdTAwZjMgY1x1MDBmOW5nIHZpXHUxZWMxbiB2XHUwMGUwIGtob1x1MWVhM25nIGNcdTAwZTFjaCksIHZpXHUxZWM3YyBzXHUxZWVkIGRcdTFlZTVuZyBMXHUxZWRicCBDU1MgKENTUyBDbGFzcykgbWFuZyBsXHUxZWExaSBsXHUxZWUzaSBcdTAwZWRjaCBnXHUwMGVjIHNvIHZcdTFlZGJpIHZpXHUxZWM3YyBcdTAwZTFwIGRcdTFlZTVuZyBraVx1MWVjM3UgZFx1MDBlMW5nIHRyXHUxZWYxYyB0aVx1MWViZnAgdlx1MDBlMG8gdFx1MWVlYm5nIHRoXHUxZWJiIEhUTUwgYlx1MWViMW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBzdHlsZWA/XHJcbjx1bD5cclxuPGxpPkEuIEJcdTFlYWZ0IGJ1XHUxZWQ5YyB0clx1MDBlY25oIGR1eVx1MWVjN3QgcGhcdTFlYTNpIHRcdTFlYTNpIGxcdTFlYTFpIHRyYW5nIG1cdTFlZDdpIGtoaSBjXHUwMGYzIHRoYXkgXHUwMTExXHUxZWQ1aSBraVx1MWVjM3UgZFx1MDBlMW5nLjxcL2xpPlxyXG48bGk+Qi4gQ2hcdTFlYzkgY2hvIHBoXHUwMGU5cCBcdTAwZTFwIGRcdTFlZTVuZyBtXHUxZWQ5dCBraVx1MWVjM3UgZFx1MDBlMW5nIGR1eSBuaFx1MWVhNXQgY2hvIHRvXHUwMGUwbiBiXHUxZWQ5IHRyYW5nLjxcL2xpPlxyXG48bGk+Qy4gTFx1MDBlMG0gY2hvIG1cdTAwZTMgSFRNTCB0clx1MWVkZiBuXHUwMGVhbiBkXHUwMGUwaSB2XHUwMGUwIHBoXHUxZWU5YyB0XHUxZWExcCBoXHUwMWExbi48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gR2lcdTAwZmFwIHF1XHUxZWEzbiBsXHUwMGZkIGtpXHUxZWMzdSBkXHUwMGUxbmcgdFx1MWVhZHAgdHJ1bmcsIGRcdTFlYzUgZFx1MDBlMG5nIFx1MDBlMXAgZFx1MWVlNW5nIGxcdTFlYTFpIHZcdTAwZTAgY1x1MWVhZHAgbmhcdTFlYWR0IGhcdTAwZTBuZyBsb1x1MWVhMXQuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDMwOiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgYGRpdmAgdlx1MWVkYmkgblx1MWVkOWkgZHVuZyB2XHUwMTAzbiBiXHUxZWEzbiBiXHUwMGVhbiB0cm9uZy4gQlx1MWVhMW4gbXVcdTFlZDFuIFx1MDExMVx1MWViN3QgbVx1MDBlMHUgblx1MWVjMW4gY2hvIHBoXHUxZWE3biB0XHUxZWVkIG5cdTAwZTB5IGxcdTAwZTAgbVx1MDBlMHUgeFx1MDBlMW0gbmhcdTFlYTF0LiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgdGhpXHUxZWJmdCBsXHUxZWFkcCBtXHUwMGUwdSBuXHUxZWMxbj9cclxuPHVsPlxyXG48bGk+QS4gY29sb3I8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gYmFja2dyb3VuZC1jb2xvcjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIHRleHQtYmFja2dyb3VuZDxcL2xpPlxyXG48bGk+RC4gZmlsbC1jb2xvcjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG4iLCJxdWl6X2ltYWdlIjpudWxsLCJxdWl6X2NhdGVnb3J5X2lkIjoiMzMwMiIsInF1ZXN0aW9uX2lkcyI6Ijg1NzQ4Niw4NTc0ODcsODU3NDg4LDg1NzQ4OSw4NTc0OTAsODU3NDkxLDg1NzQ5Miw4NTc0OTMsODU3NDk0LDg1NzQ5NSw4NTc0OTYsODU3NDk3LDg1NzQ5OCw4NTc0OTksODU3NTAwLDg1NzUwMSw4NTc1MDIsODU3NTAzLDg1NzUwNCw4NTc1MDUsODU3NTA2LDg1NzUwNyw4NTc1MDgsODU3NTA5LDg1NzUxMCw4NTc1MTEsODU3NTEyLDg1NzUxMyw4NTc1MTQsODU3NTE1Iiwib3JkZXJpbmciOiIyODczMyIsInB1Ymxpc2hlZCI6IjEiLCJjcmVhdGVfZGF0ZSI6bnVsbCwicXVpel91cmwiOm51bGwsImludGVydmFscyI6Ilt7XCJpbnRlcnZhbF9taW5cIjpcIjBcIixcImludGVydmFsX21heFwiOlwiMjVcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkFcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCIyNlwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI1MFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQlwifSx7XCJpbnRlcnZhbF9taW5cIjpcIjUxXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjc1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJDXCJ9LHtcImludGVydmFsX21pblwiOlwiNzZcIixcImludGVydmFsX21heFwiOlwiMTAwXCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJEXCJ9XSIsImlzX3VzZXJfbG9nZ2VkX2luIjpmYWxzZSwicXVpel9hbmltYXRpb25fdG9wIjoxMDAsInF1aXpfZW5hYmxlX2FuaW1hdGlvbl90b3AiOiJvbiIsInN0b3JlX2FsbF9ub3RfZmluaXNoZWRfcmVzdWx0cyI6ZmFsc2V9';
</script>
<input type='hidden' name='quiz_id' value='28733'/>
<input type='hidden' name='start_date' class='ays-start-date'/>
<input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/>
<input type='hidden' name='ays_finish_quiz_nonce_28733' value='45d85a0ccb'/>
</form></div>
</div>
</div></div>
<div class="panel blogger"><div class='ays-quiz-wrap'>
<div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active'
data-quest-effect='shake'
data-hide-bg-image='false'
id='ays-quiz-container-29671'>
<div class='ays-questions-container'>
<div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap">
<a class="ays-quiz-full-screen-container">
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>
</svg>
</a>
</div></div>
<span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span>
<form
action=''
method='post'
autocomplete='off'
id='ays_finish_quiz_29671'
class='ays-quiz-form enable_questions_result '
><input type='hidden' class='ays_question_count_per_page' value='30'>
<input type='hidden' value='list' class='answer_view_class'>
<input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'>
<div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p>
</div>
<div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p>
</div>
<hr style='height:1px;'>
</section>
<div class='step active-step'>
<div class='ays-abs-fs ays-start-page'>
<div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong></p></div>
<p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 03</p>
<div class='ays_buttons_div'>
<input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" />
</div>
<div class='ays-fs-subtitle'><p><strong>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 03</strong> được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!</p>
<div class="question-block">
<p>Câu 1: Trong bài thực hành thiết kế trang web, việc sử dụng tệp tin CSS riêng biệt (ví dụ: `style.css`) và liên kết nó với các trang HTML (`index.html`, `clb_thethao.html`, v.v.) mang lại lợi ích chính nào?</p>
<ul>
<li>A. Giúp trang web tải nhanh hơn vì trình duyệt chỉ cần tải một tệp tin CSS.</li>
<li>B. Bảo mật mã nguồn HTML tốt hơn.</li>
<li><strong>C. Dễ dàng thay đổi giao diện chung của toàn bộ website và đảm bảo tính nhất quán.</strong></li>
<li>D. Giảm thiểu lỗi cú pháp trong mã HTML.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 2: Giả sử bạn muốn thay đổi màu nền của phần đầu trang (header) trên tất cả các trang của website từ màu trắng sang màu xanh nhạt. Dựa trên cấu trúc website được hướng dẫn trong bài, bạn sẽ thực hiện thay đổi này ở đâu để hiệu quả nhất?</p>
<ul>
<li>A. Trong thẻ `<br />
<style>` của từng tệp HTML riêng biệt.</li>
<li><strong>B. Trong tệp tin CSS chung được liên kết với tất cả các trang HTML.</strong></li>
<li>C. Trong thuộc tính `style` trực tiếp của thẻ `
<div>` đại diện cho header trong từng tệp HTML.</li>
<li>D. Trong một tệp tin JavaScript riêng biệt.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 3: Trong cấu trúc HTML của một trang web như được xây dựng trong bài, phần "Header" thường chứa những thành phần cơ bản nào?</p>
<ul>
<li><strong>A. Banner (ảnh nền, tiêu đề) và Slogan.</strong></li>
<li>B. Nội dung chính của trang và các bài viết.</li>
<li>C. Thanh điều hướng (menu) và liên kết mạng xã hội.</li>
<li>D. Thông tin bản quyền và liên hệ.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 4: Lớp CSS `.Row` được sử dụng trong bài thực hành với mục đích chính là gì?</p>
<ul>
<li>A. Định dạng màu nền cho toàn bộ trang.</li>
<li>B. Tạo khoảng trống (margin) xung quanh một phần tử.</li>
<li>C. Định nghĩa kiểu chữ và kích thước chữ.</li>
<li><strong>D. Chứa các phần tử con và xếp chúng theo chiều ngang trên một hàng.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 5: Khi thiết kế phần Slogan với 3 ô có độ rộng bằng nhau trên một hàng, bạn cần sử dụng lớp CSS nào cho từng ô con (bên trong lớp `.Row`) để đảm bảo mỗi ô chiếm đúng 1/3 chiều rộng của hàng?</p>
<ul>
<li>A. .Row</li>
<li><strong>B. .block_3</strong></li>
<li>C. .Slogan</li>
<li>D. .Content</li>
</ul>
</div>
<div class="question-block">
<p>Câu 6: Giả sử bạn muốn thêm một ảnh minh họa vào phần nội dung chính của trang "Giới thiệu câu lạc bộ Thể thao". Bạn sẽ đặt thẻ HTML nào để chèn ảnh và thuộc tính nào để chỉ định đường dẫn đến tệp ảnh?</p>
<ul>
<li>A. `<image>` với thuộc tính `link`</li>
<li>B. `<picture>` với thuộc tính `source`</li>
<li><strong>C. `<img>` với thuộc tính `src`</strong></li>
<li>D. `<photo>` với thuộc tính `url`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 7: Để đảm bảo rằng tất cả các trang HTML trong website đều sử dụng các quy tắc định dạng được viết trong tệp `style.css`, bạn cần thêm dòng mã HTML nào vào phần `<head>` của <i>mỗi</i> tệp HTML?</p>
<ul>
<li><strong>A. `<link rel="stylesheet" href="style.css">`</strong></li>
<li>B. `
<style src="style.css"></style>
<p>`</li>
<li>C. `<script src="style.css"></script>`</li>
<li>D. `<css file="style.css">`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 8: Khi thiết kế phần Banner, việc sử dụng ảnh làm nền (`background-image` trong CSS) thay vì chèn ảnh trực tiếp bằng thẻ `<img>` trong HTML có ưu điểm gì về mặt định dạng và bố cục?</p>
<ul>
<li>A. Ảnh nền CSS luôn có chất lượng hiển thị tốt hơn ảnh chèn bằng thẻ `<img>`.</li>
<li>B. Giúp ảnh nền tự động co giãn đầy màn hình mà không cần CSS bổ sung.</li>
<li>C. Tăng tốc độ tải trang web.</li>
<li><strong>D. Dễ dàng điều chỉnh vị trí, kích thước ảnh để phù hợp với nội dung (tiêu đề) đặt trên nó và không làm ảnh hưởng đến bố cục các phần tử khác.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 9: Trong bài thực hành, trang chủ (`index.html`) đóng vai trò quan trọng như thế nào trong cấu trúc tổng thể của website?</p>
<ul>
<li><strong>A. Là điểm truy cập đầu tiên, cung cấp thông tin chung và các liên kết đến các trang con.</strong></li>
<li>B. Chỉ chứa thông tin liên hệ của người quản trị website.</li>
<li>C. Là nơi duy nhất chứa biểu mẫu đăng ký.</li>
<li>D. Hiển thị tất cả nội dung của website trên cùng một trang.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 10: Khi thiết kế phần nội dung chính (Content) của một trang con (ví dụ: trang "Giới thiệu câu lạc bộ Nghệ thuật"), bạn cần chú ý điều gì để đảm bảo tính nhất quán với các trang khác và dễ đọc?</p>
<ul>
<li>A. Sử dụng màu nền và kiểu chữ khác biệt hoàn toàn so với trang chủ để tạo sự nổi bật.</li>
<li>B. Chèn càng nhiều ảnh và video càng tốt để thu hút người xem.</li>
<li><strong>C. Tuân thủ phong cách định dạng chung (font chữ, màu sắc, khoảng cách) và trình bày nội dung có cấu trúc, dễ đọc.</strong></li>
<li>D. Không cần sử dụng lại các lớp CSS đã định nghĩa cho Header và Slogan.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 11: Giả sử bạn muốn căn giữa nội dung của phần Slogan (ví dụ: chữ). Thuộc tính CSS nào thường được sử dụng để căn chỉnh văn bản theo chiều ngang bên trong một phần tử?</p>
<ul>
<li><strong>A. `text-align: center;`</strong></li>
<li>B. `vertical-align: middle;`</li>
<li>C. `align-items: center;`</li>
<li>D. `justify-content: center;`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 12: Nếu bạn muốn tạo khoảng trống 10px ở phía dưới của phần Header để tách nó khỏi phần nội dung chính, thuộc tính CSS nào là phù hợp nhất để áp dụng cho lớp CSS của Header?</p>
<ul>
<li>A. `padding-bottom: 10px;`</li>
<li>B. `height: calc(100% - 10px);`</li>
<li>C. `border-bottom: 10px solid transparent;`</li>
<li><strong>D. `margin-bottom: 10px;`</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 13: Khi tạo liên kết từ trang chủ đến trang "Giới thiệu câu lạc bộ Thể thao" (tệp `clb_thethao.html`), thẻ HTML nào được sử dụng và thuộc tính nào chỉ định địa chỉ của trang đích?</p>
<ul>
<li>A. `<link>` với thuộc tính `url`</li>
<li><strong>B. `<a>` với thuộc tính `href`</strong></li>
<li>C. `<br />
<nav>` với thuộc tính `destination`</li>
<li>D. `<goto>` với thuộc tính `page`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 14: Dựa trên mục đích của bài thực hành (thiết kế website giới thiệu các câu lạc bộ), trang web cần có ít nhất những loại trang nào để đáp ứng yêu cầu cơ bản?</p>
<ul>
<li>A. Trang chủ và trang liên hệ.</li>
<li>B. Trang chủ và trang tin tức.</li>
<li><strong>C. Trang chủ và các trang giới thiệu từng loại câu lạc bộ (ví dụ: Thể thao, Nghệ thuật).</strong></li>
<li>D. Trang chủ, trang giới thiệu, trang liên hệ, trang tin tức.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 15: Giả sử bạn đã tạo một lớp CSS tên là `.highlight` với quy tắc `color: red; font-weight: bold;`. Để áp dụng các quy tắc này cho một đoạn văn bản cụ thể trong HTML, bạn sẽ sử dụng thuộc tính HTML nào cho thẻ chứa đoạn văn bản đó?</p>
<ul>
<li>A. `id="highlight"`</li>
<li>B. `style="highlight"`</li>
<li>C. `name="highlight"`</li>
<li><strong>D. `class="highlight"`</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 16: Nếu bạn muốn thêm một đường viền màu xám dày 1px xung quanh phần nội dung chính (`.Content`), thuộc tính CSS nào là phù hợp nhất?</p>
<ul>
<li>A. `outline: 1px solid grey;`</li>
<li><strong>B. `border: 1px solid grey;`</strong></li>
<li>C. `box-shadow: 0 0 0 1px grey;`</li>
<li>D. `margin: 1px solid grey;`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 17: Trong quá trình thiết kế, việc đặt ảnh minh họa vào thư mục con (ví dụ: `images`) thay vì để cùng cấp với các tệp HTML và CSS mang lại lợi ích gì về mặt quản lý dự án?</p>
<ul>
<li>A. Giúp ảnh tải nhanh hơn trên trình duyệt.</li>
<li>B. Tự động nén kích thước ảnh.</li>
<li><strong>C. Giúp cấu trúc dự án gọn gàng, dễ quản lý và tìm kiếm các loại tệp khác nhau.</strong></li>
<li>D. Bảo vệ ảnh khỏi bị sao chép.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 18: Khi sử dụng thuộc tính `background-image` trong CSS để đặt ảnh làm nền cho Banner, nếu ảnh quá nhỏ so với kích thước banner, thuộc tính nào giúp ảnh nền lặp lại để lấp đầy không gian?</p>
<ul>
<li><strong>A. `background-repeat: repeat;`</strong></li>
<li>B. `background-size: cover;`</li>
<li>C. `background-position: center;`</li>
<li>D. `background-attachment: fixed;`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 19: Để đảm bảo rằng tiêu đề và slogan trong phần Header không bị che khuất bởi ảnh nền hoặc màu nền, bạn cần chú ý đến thuộc tính CSS nào của văn bản?</p>
<ul>
<li>A. `font-style` (kiểu chữ: nghiêng, thường)</li>
<li>B. `text-decoration` (gạch chân, gạch ngang)</li>
<li>C. `line-height` (khoảng cách dòng)</li>
<li><strong>D. `color` (màu chữ) và độ tương phản với màu nền.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 20: Nếu bạn muốn tạo một danh sách các hoạt động cho một câu lạc bộ trong phần nội dung chính, thẻ HTML nào là phù hợp nhất để tạo danh sách không có thứ tự (dấu đầu dòng)?</p>
<ul>
<li><strong>A. `
<ul>` và `</p>
<li>`</strong></li>
<li>B. `
<ol>` và `</p>
<li>`</li>
<li>C. `
<dl>` và `</p>
<dt>`, `</p>
<dd>`</li>
<li>D. `<list>` và `<item>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 21: Trong quá trình thiết kế, việc sử dụng các "comment" (ghi chú) trong cả tệp HTML (`<!-- ... -->`) và tệp CSS (`/* ... */`) mang lại lợi ích gì?</p>
<ul>
<li>A. Giúp tăng tốc độ tải trang web.</li>
<li><strong>B. Giúp người đọc mã nguồn (bao gồm cả bản thân) hiểu rõ mục đích và cấu trúc của mã, dễ dàng sửa đổi sau này.</strong></li>
<li>C. Ngăn chặn người dùng cuối xem mã nguồn.</li>
<li>D. Tự động sửa lỗi cú pháp trong mã.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 22: Giả sử bạn muốn thêm một đoạn văn giới thiệu ngắn về website ngay dưới phần Slogan trên trang chủ. Bạn sẽ sử dụng thẻ HTML nào để chứa đoạn văn này và làm thế nào để định dạng nó bằng CSS?</p>
<ul>
<li>A. Thẻ `<br />
<h1>`; Định dạng bằng thuộc tính `style` trực tiếp.</li>
<li>B. Thẻ `<br />`; Định dạng bằng cách tạo thẻ `<format>` riêng.</li>
<li>C. Thẻ `
<div>`; Chỉ định dạng bằng cách sử dụng tên thẻ `div` trong CSS.</li>
<li>D. Thẻ `
<p>`; Áp dụng lớp CSS (`class`) hoặc định dạng trực tiếp thẻ `</p>
<p>` trong CSS.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 23: Khi thiết kế bố cục sử dụng các "block" (khối) và "row" (hàng) như trong bài, nguyên tắc cơ bản nào của thiết kế web đang được áp dụng?</p>
<ul>
<li><strong>A. Chia trang thành các khu vực (section) hoặc khối (block) để sắp xếp nội dung một cách có cấu trúc.</strong></li>
<li>B. Sử dụng màu sắc sặc sỡ để thu hút người xem.</li>
<li>C. Chỉ sử dụng văn bản thuần túy mà không dùng hình ảnh.</li>
<li>D. Đặt tất cả nội dung vào một thẻ `<br />
<table>` lớn.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 24: Giả sử bạn muốn tạo hiệu ứng khi người dùng di chuột qua một liên kết (thay đổi màu chữ). Bạn sẽ sử dụng bộ chọn (selector) CSS nào để nhắm mục tiêu vào trạng thái "di chuột qua" của thẻ liên kết `<a>`?</p>
<ul>
<li>A. `a.hover`</li>
<li>B. `a[state="hover"]`</li>
<li><strong>C. `a:hover`</strong></li>
<li>D. `a::mouseover`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 25: Khi bạn lưu tệp HTML của trang chủ, tên tệp chuẩn và phổ biến nhất thường là gì để máy chủ web có thể tự động nhận diện nó là trang mặc định?</p>
<ul>
<li>A. `home.html`</li>
<li><strong>B. `index.html`</strong></li>
<li>C. `main.html`</li>
<li>D. `default.html`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 26: Giả sử bạn muốn thêm khoảng đệm (padding) 20px vào bên trong phần nội dung chính (`.Content`) để nội dung không bị dính sát vào đường viền hoặc lề của khối chứa nó. Thuộc tính CSS nào là phù hợp?</p>
<ul>
<li>A. `margin: 20px;`</li>
<li>B. `border-spacing: 20px;`</li>
<li>C. `space-inside: 20px;`</li>
<li><strong>D. `padding: 20px;`</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 27: Để tạo một trang riêng biệt cho việc đăng ký tham gia câu lạc bộ (ví dụ: chứa biểu mẫu), bạn sẽ tạo một tệp HTML mới. Tệp này cần có cấu trúc cơ bản giống với các tệp HTML khác như thế nào để đảm bảo tính nhất quán về giao diện (Header, Footer...)?</p>
<ul>
<li><strong>A. Nên bao gồm các phần Header và Footer tương tự như các trang khác và liên kết đến tệp CSS chung.</strong></li>
<li>B. Không cần Header và Footer, chỉ cần phần nội dung chứa biểu mẫu.</li>
<li>C. Sử dụng một tệp CSS hoàn toàn khác để tạo giao diện riêng biệt.</li>
<li>D. Chỉ cần sao chép toàn bộ nội dung của trang chủ và sửa lại phần nội dung chính.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 28: Giả sử bạn muốn đặt một ảnh nền cho toàn bộ trang web thay vì chỉ cho phần Banner. Bạn sẽ áp dụng thuộc tính `background-image` trong CSS cho bộ chọn (selector) nào?</p>
<ul>
<li>A. .Header</li>
<li>B. .Content</li>
<li><strong>C. body</strong></li>
<li>D. .Row</li>
</ul>
</div>
<div class="question-block">
<p>Câu 29: Trong bài thực hành, phần Slogan được chia thành 3 ô bằng nhau trên một hàng. Điều này nhằm mục đích gì trong thiết kế bố cục?</p>
<ul>
<li>A. Để mỗi ô có thể hiển thị một loại nội dung khác nhau (văn bản, ảnh, video).</li>
<li><strong>B. Để tạo sự cân đối, hài hòa và có cấu trúc cho phần slogan trên trang.</strong></li>
<li>C. Để giảm dung lượng tệp tin HTML.</li>
<li>D. Để tăng tốc độ tải trang trên thiết bị di động.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 30: Khi hoàn thành việc thiết kế và muốn chia sẻ website của mình, bạn cần làm gì để người khác có thể truy cập được từ xa thông qua Internet?</p>
<ul>
<li>A. Nén tất cả các tệp tin thành một tệp .zip và gửi cho mọi người.</li>
<li>B. Chỉ cần mở tệp `index.html` trên máy tính của bạn.</li>
<li>C. Sao chép các tệp tin vào một USB và phân phát cho mọi người.</li>
<li><strong>D. Đưa các tệp tin lên một máy chủ web (hosting) và liên kết với một tên miền.</strong></li>
</ul>
</div>
</div>
<input type='hidden' name='ays_quiz_id' value='29671'/>
<input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-18-thuc-hanh-tong-hop-thiet-ke-trang-web-ket-noi-tri-thuc/'/>
<input type='hidden' name='ays_quiz_questions' value='885550,885551,885552,885553,885554,885555,885556,885557,885558,885559,885560,885561,885562,885563,885564,885565,885566,885567,885568,885569,885570,885571,885572,885573,885574,885575,885576,885577,885578,885579'>
</div>
</div><div class='step '
data-question-id='885550'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>1 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 1: Trong bài thực hành thiết kế trang web, việc sử dụng tệp tin CSS riêng biệt (ví dụ: `style.css`) và liên kết nó với các trang HTML (`index.html`, `clb_thethao.html`, v.v.) mang lại lợi ích chính nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885550]' id='ays-answer-3564141-29671' value='3564141'/>
<label for='ays-answer-3564141-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp trang web tải nhanh hơn vì trình duyệt chỉ cần tải một tệp tin CSS.</label><label for='ays-answer-3564141-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885550]' id='ays-answer-3564142-29671' value='3564142'/>
<label for='ays-answer-3564142-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Bảo mật mã nguồn HTML tốt hơn.</label><label for='ays-answer-3564142-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885550]' id='ays-answer-3564143-29671' value='3564143'/>
<label for='ays-answer-3564143-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Dễ dàng thay đổi giao diện chung của toàn bộ website và đảm bảo tính nhất quán.</label><label for='ays-answer-3564143-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885550]' id='ays-answer-3564144-29671' value='3564144'/>
<label for='ays-answer-3564144-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Giảm thiểu lỗi cú pháp trong mã HTML.</label><label for='ays-answer-3564144-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885550'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDE0MSI6IjAiLCIzNTY0MTQyIjoiMCIsIjM1NjQxNDMiOiIxIiwiMzU2NDE0NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra hiểu biết về lợi ích của việc tách CSS ra khỏi HTML. Việc này giúp quản lý kiểu dáng tập trung, dễ dàng thay đổi giao diện trên toàn bộ website chỉ bằng cách sửa một tệp tin duy nhất và đảm bảo tính nhất quán.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885551'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>2 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 2: Giả sử bạn muốn thay đổi màu nền của phần đầu trang (header) trên tất cả các trang của website từ màu trắng sang màu xanh nhạt. Dựa trên cấu trúc website được hướng dẫn trong bài, bạn sẽ thực hiện thay đổi này ở đâu để hiệu quả nhất?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885551]' id='ays-answer-3564145-29671' value='3564145'/>
<label for='ays-answer-3564145-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Trong thẻ `<style>` của từng tệp HTML riêng biệt.</label><label for='ays-answer-3564145-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885551]' id='ays-answer-3564146-29671' value='3564146'/>
<label for='ays-answer-3564146-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Trong tệp tin CSS chung được liên kết với tất cả các trang HTML.</label><label for='ays-answer-3564146-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885551]' id='ays-answer-3564147-29671' value='3564147'/>
<label for='ays-answer-3564147-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Trong thuộc tính `style` trực tiếp của thẻ `<div>` đại diện cho header trong từng tệp HTML.</label><label for='ays-answer-3564147-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885551]' id='ays-answer-3564148-29671' value='3564148'/>
<label for='ays-answer-3564148-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Trong một tệp tin JavaScript riêng biệt.</label><label for='ays-answer-3564148-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885551'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDE0NSI6IjAiLCIzNTY0MTQ2IjoiMSIsIjM1NjQxNDciOiIwIiwiMzU2NDE0OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu áp dụng kiến thức về quản lý CSS tập trung. Để thay đổi kiểu dáng chung cho nhiều trang, người dùng cần chỉnh sửa tệp CSS được liên kết chung cho tất cả các trang.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885552'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>3 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 3: Trong cấu trúc HTML của một trang web như được xây dựng trong bài, phần 'Header' thường chứa những thành phần cơ bản nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885552]' id='ays-answer-3564149-29671' value='3564149'/>
<label for='ays-answer-3564149-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Banner (ảnh nền, tiêu đề) và Slogan.</label><label for='ays-answer-3564149-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885552]' id='ays-answer-3564150-29671' value='3564150'/>
<label for='ays-answer-3564150-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Nội dung chính của trang và các bài viết.</label><label for='ays-answer-3564150-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885552]' id='ays-answer-3564151-29671' value='3564151'/>
<label for='ays-answer-3564151-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Thanh điều hướng (menu) và liên kết mạng xã hội.</label><label for='ays-answer-3564151-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885552]' id='ays-answer-3564152-29671' value='3564152'/>
<label for='ays-answer-3564152-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Thông tin bản quyền và liên hệ.</label><label for='ays-answer-3564152-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885552'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDE0OSI6IjEiLCIzNTY0MTUwIjoiMCIsIjM1NjQxNTEiOiIwIiwiMzU2NDE1MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về cấu trúc cơ bản của một trang web theo bài học. Phần đầu trang (Header) thường chứa các thành phần nhận diện thương hiệu hoặc thông tin chung như banner và slogan.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885553'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>4 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 4: Lớp CSS `.Row` được sử dụng trong bài thực hành với mục đích chính là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885553]' id='ays-answer-3564153-29671' value='3564153'/>
<label for='ays-answer-3564153-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Định dạng màu nền cho toàn bộ trang.</label><label for='ays-answer-3564153-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885553]' id='ays-answer-3564154-29671' value='3564154'/>
<label for='ays-answer-3564154-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo khoảng trống (margin) xung quanh một phần tử.</label><label for='ays-answer-3564154-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885553]' id='ays-answer-3564155-29671' value='3564155'/>
<label for='ays-answer-3564155-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Định nghĩa kiểu chữ và kích thước chữ.</label><label for='ays-answer-3564155-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885553]' id='ays-answer-3564156-29671' value='3564156'/>
<label for='ays-answer-3564156-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Chứa các phần tử con và xếp chúng theo chiều ngang trên một hàng.</label><label for='ays-answer-3564156-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885553'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDE1MyI6IjAiLCIzNTY0MTU0IjoiMCIsIjM1NjQxNTUiOiIwIiwiMzU2NDE1NiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra chức năng của một lớp CSS cụ thể được giới thiệu trong bài. Lớp `.Row` được dùng để tạo một hàng chứa các phần tử con và sắp xếp chúng theo chiều ngang, thường sử dụng `display: flex` hoặc `float`.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885554'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>5 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 5: Khi thiết kế phần Slogan với 3 ô có độ rộng bằng nhau trên một hàng, bạn cần sử dụng lớp CSS nào cho từng ô con (bên trong lớp `.Row`) để đảm bảo mỗi ô chiếm đúng 1/3 chiều rộng của hàng?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885554]' id='ays-answer-3564157-29671' value='3564157'/>
<label for='ays-answer-3564157-29671' class=' ays_position_initial ays-quiz-keyboard-label'>.Row</label><label for='ays-answer-3564157-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885554]' id='ays-answer-3564158-29671' value='3564158'/>
<label for='ays-answer-3564158-29671' class=' ays_position_initial ays-quiz-keyboard-label'>.block_3</label><label for='ays-answer-3564158-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885554]' id='ays-answer-3564159-29671' value='3564159'/>
<label for='ays-answer-3564159-29671' class=' ays_position_initial ays-quiz-keyboard-label'>.Slogan</label><label for='ays-answer-3564159-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885554]' id='ays-answer-3564160-29671' value='3564160'/>
<label for='ays-answer-3564160-29671' class=' ays_position_initial ays-quiz-keyboard-label'>.Content</label><label for='ays-answer-3564160-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885554'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDE1NyI6IjAiLCIzNTY0MTU4IjoiMSIsIjM1NjQxNTkiOiIwIiwiMzU2NDE2MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu áp dụng cách sử dụng các lớp CSS đã học để đạt được bố cục mong muốn. Lớp `.block_3` được thiết kế để định dạng các phần tử có độ rộng bằng 1/3, phù hợp với yêu cầu 3 ô bằng nhau.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885555'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>6 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 6: Giả sử bạn muốn thêm một ảnh minh họa vào phần nội dung chính của trang 'Giới thiệu câu lạc bộ Thể thao'. Bạn sẽ đặt thẻ HTML nào để chèn ảnh và thuộc tính nào để chỉ định đường dẫn đến tệp ảnh?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885555]' id='ays-answer-3564161-29671' value='3564161'/>
<label for='ays-answer-3564161-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`<image>` với thuộc tính `link`</label><label for='ays-answer-3564161-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885555]' id='ays-answer-3564162-29671' value='3564162'/>
<label for='ays-answer-3564162-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`<picture>` với thuộc tính `source`</label><label for='ays-answer-3564162-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885555]' id='ays-answer-3564163-29671' value='3564163'/>
<label for='ays-answer-3564163-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`<img>` với thuộc tính `src`</label><label for='ays-answer-3564163-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885555]' id='ays-answer-3564164-29671' value='3564164'/>
<label for='ays-answer-3564164-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`<photo>` với thuộc tính `url`</label><label for='ays-answer-3564164-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885555'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDE2MSI6IjAiLCIzNTY0MTYyIjoiMCIsIjM1NjQxNjMiOiIxIiwiMzU2NDE2NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức cơ bản về chèn ảnh trong HTML. Thẻ `<img>` được sử dụng để chèn ảnh, và thuộc tính `src` chỉ định nguồn (đường dẫn) của tệp ảnh.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885556'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>7 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 7: Để đảm bảo rằng tất cả các trang HTML trong website đều sử dụng các quy tắc định dạng được viết trong tệp `style.css`, bạn cần thêm dòng mã HTML nào vào phần `<head>` của *mỗi* tệp HTML?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885556]' id='ays-answer-3564165-29671' value='3564165'/>
<label for='ays-answer-3564165-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`<link rel='stylesheet' href='style.css'>`</label><label for='ays-answer-3564165-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885556]' id='ays-answer-3564166-29671' value='3564166'/>
<label for='ays-answer-3564166-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`<style src='style.css'></style>`</label><label for='ays-answer-3564166-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885556]' id='ays-answer-3564167-29671' value='3564167'/>
<label for='ays-answer-3564167-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`<script src='style.css'></script>`</label><label for='ays-answer-3564167-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885556]' id='ays-answer-3564168-29671' value='3564168'/>
<label for='ays-answer-3564168-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`<css file='style.css'>`</label><label for='ays-answer-3564168-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885556'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDE2NSI6IjEiLCIzNTY0MTY2IjoiMCIsIjM1NjQxNjciOiIwIiwiMzU2NDE2OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra cách liên kết tệp CSS bên ngoài với tệp HTML. Thẻ `<link>` với các thuộc tính `rel='stylesheet'` và `href` được sử dụng trong phần `<head>` để thực hiện điều này.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885557'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>8 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 8: Khi thiết kế phần Banner, việc sử dụng ảnh làm nền (`background-image` trong CSS) thay vì chèn ảnh trực tiếp bằng thẻ `<img>` trong HTML có ưu điểm gì về mặt định dạng và bố cục?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885557]' id='ays-answer-3564169-29671' value='3564169'/>
<label for='ays-answer-3564169-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Ảnh nền CSS luôn có chất lượng hiển thị tốt hơn ảnh chèn bằng thẻ `<img>`.</label><label for='ays-answer-3564169-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885557]' id='ays-answer-3564170-29671' value='3564170'/>
<label for='ays-answer-3564170-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp ảnh nền tự động co giãn đầy màn hình mà không cần CSS bổ sung.</label><label for='ays-answer-3564170-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885557]' id='ays-answer-3564171-29671' value='3564171'/>
<label for='ays-answer-3564171-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng tốc độ tải trang web.</label><label for='ays-answer-3564171-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885557]' id='ays-answer-3564172-29671' value='3564172'/>
<label for='ays-answer-3564172-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Dễ dàng điều chỉnh vị trí, kích thước ảnh để phù hợp với nội dung (tiêu đề) đặt trên nó và không làm ảnh hưởng đến bố cục các phần tử khác.</label><label for='ays-answer-3564172-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885557'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDE2OSI6IjAiLCIzNTY0MTcwIjoiMCIsIjM1NjQxNzEiOiIwIiwiMzU2NDE3MiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu phân tích ưu điểm của kỹ thuật CSS (`background-image`) so với HTML (`<img>`) trong trường hợp cụ thể là banner. Sử dụng ảnh nền CSS giúp dễ dàng điều chỉnh vị trí, kích thước ảnh để phù hợp với nội dung (tiêu đề) đặt trên ảnh đó, và ảnh không chiếm không gian trong luồng tài liệu HTML.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885558'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>9 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 9: Trong bài thực hành, trang chủ (`index.html`) đóng vai trò quan trọng như thế nào trong cấu trúc tổng thể của website?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885558]' id='ays-answer-3564173-29671' value='3564173'/>
<label for='ays-answer-3564173-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Là điểm truy cập đầu tiên, cung cấp thông tin chung và các liên kết đến các trang con.</label><label for='ays-answer-3564173-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885558]' id='ays-answer-3564174-29671' value='3564174'/>
<label for='ays-answer-3564174-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ chứa thông tin liên hệ của người quản trị website.</label><label for='ays-answer-3564174-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885558]' id='ays-answer-3564175-29671' value='3564175'/>
<label for='ays-answer-3564175-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Là nơi duy nhất chứa biểu mẫu đăng ký.</label><label for='ays-answer-3564175-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885558]' id='ays-answer-3564176-29671' value='3564176'/>
<label for='ays-answer-3564176-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Hiển thị tất cả nội dung của website trên cùng một trang.</label><label for='ays-answer-3564176-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885558'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDE3MyI6IjEiLCIzNTY0MTc0IjoiMCIsIjM1NjQxNzUiOiIwIiwiMzU2NDE3NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra chức năng của trang chủ trong một website cơ bản. Trang chủ là điểm vào chính, thường cung cấp thông tin tổng quan và các liên kết dẫn đến các trang con chi tiết hơn.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885559'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>10 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 10: Khi thiết kế phần nội dung chính (Content) của một trang con (ví dụ: trang 'Giới thiệu câu lạc bộ Nghệ thuật'), bạn cần chú ý điều gì để đảm bảo tính nhất quán với các trang khác và dễ đọc?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885559]' id='ays-answer-3564177-29671' value='3564177'/>
<label for='ays-answer-3564177-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng màu nền và kiểu chữ khác biệt hoàn toàn so với trang chủ để tạo sự nổi bật.</label><label for='ays-answer-3564177-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885559]' id='ays-answer-3564178-29671' value='3564178'/>
<label for='ays-answer-3564178-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Chèn càng nhiều ảnh và video càng tốt để thu hút người xem.</label><label for='ays-answer-3564178-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885559]' id='ays-answer-3564179-29671' value='3564179'/>
<label for='ays-answer-3564179-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Tuân thủ phong cách định dạng chung (font chữ, màu sắc, khoảng cách) và trình bày nội dung có cấu trúc, dễ đọc.</label><label for='ays-answer-3564179-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885559]' id='ays-answer-3564180-29671' value='3564180'/>
<label for='ays-answer-3564180-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Không cần sử dụng lại các lớp CSS đã định nghĩa cho Header và Slogan.</label><label for='ays-answer-3564180-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885559'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDE3NyI6IjAiLCIzNTY0MTc4IjoiMCIsIjM1NjQxNzkiOiIxIiwiMzU2NDE4MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu áp dụng nguyên tắc thiết kế web về tính nhất quán. Nội dung chính trên các trang con nên tuân thủ phong cách định dạng chung (qua CSS) và được trình bày rõ ràng, có cấu trúc (tiêu đề, đoạn văn, danh sách, ảnh).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885560'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>11 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 11: Giả sử bạn muốn căn giữa nội dung của phần Slogan (ví dụ: chữ). Thuộc tính CSS nào thường được sử dụng để căn chỉnh văn bản theo chiều ngang bên trong một phần tử?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885560]' id='ays-answer-3564181-29671' value='3564181'/>
<label for='ays-answer-3564181-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`text-align: center;`</label><label for='ays-answer-3564181-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885560]' id='ays-answer-3564182-29671' value='3564182'/>
<label for='ays-answer-3564182-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`vertical-align: middle;`</label><label for='ays-answer-3564182-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885560]' id='ays-answer-3564183-29671' value='3564183'/>
<label for='ays-answer-3564183-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`align-items: center;`</label><label for='ays-answer-3564183-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885560]' id='ays-answer-3564184-29671' value='3564184'/>
<label for='ays-answer-3564184-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`justify-content: center;`</label><label for='ays-answer-3564184-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885560'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDE4MSI6IjEiLCIzNTY0MTgyIjoiMCIsIjM1NjQxODMiOiIwIiwiMzU2NDE4NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra thuộc tính CSS dùng để căn chỉnh văn bản. `text-align` là thuộc tính chuẩn để căn ngang nội dung văn bản bên trong một khối.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885561'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>12 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 12: Nếu bạn muốn tạo khoảng trống 10px ở phía dưới của phần Header để tách nó khỏi phần nội dung chính, thuộc tính CSS nào là phù hợp nhất để áp dụng cho lớp CSS của Header?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885561]' id='ays-answer-3564185-29671' value='3564185'/>
<label for='ays-answer-3564185-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`padding-bottom: 10px;`</label><label for='ays-answer-3564185-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885561]' id='ays-answer-3564186-29671' value='3564186'/>
<label for='ays-answer-3564186-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`height: calc(100% - 10px);`</label><label for='ays-answer-3564186-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885561]' id='ays-answer-3564187-29671' value='3564187'/>
<label for='ays-answer-3564187-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`border-bottom: 10px solid transparent;`</label><label for='ays-answer-3564187-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885561]' id='ays-answer-3564188-29671' value='3564188'/>
<label for='ays-answer-3564188-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`margin-bottom: 10px;`</label><label for='ays-answer-3564188-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885561'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDE4NSI6IjAiLCIzNTY0MTg2IjoiMCIsIjM1NjQxODciOiIwIiwiMzU2NDE4OCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra thuộc tính CSS tạo khoảng trống bên ngoài phần tử. `margin-bottom` được sử dụng để tạo khoảng trống ở lề dưới của một phần tử.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885562'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>13 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 13: Khi tạo liên kết từ trang chủ đến trang 'Giới thiệu câu lạc bộ Thể thao' (tệp `clb_thethao.html`), thẻ HTML nào được sử dụng và thuộc tính nào chỉ định địa chỉ của trang đích?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885562]' id='ays-answer-3564189-29671' value='3564189'/>
<label for='ays-answer-3564189-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`<link>` với thuộc tính `url`</label><label for='ays-answer-3564189-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885562]' id='ays-answer-3564190-29671' value='3564190'/>
<label for='ays-answer-3564190-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`<a>` với thuộc tính `href`</label><label for='ays-answer-3564190-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885562]' id='ays-answer-3564191-29671' value='3564191'/>
<label for='ays-answer-3564191-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`<nav>` với thuộc tính `destination`</label><label for='ays-answer-3564191-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885562]' id='ays-answer-3564192-29671' value='3564192'/>
<label for='ays-answer-3564192-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`<goto>` với thuộc tính `page`</label><label for='ays-answer-3564192-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885562'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDE4OSI6IjAiLCIzNTY0MTkwIjoiMSIsIjM1NjQxOTEiOiIwIiwiMzU2NDE5MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức cơ bản về tạo siêu liên kết trong HTML. Thẻ `<a>` được dùng để tạo liên kết, và thuộc tính `href` chứa URL hoặc đường dẫn đến tài nguyên đích.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885563'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>14 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 14: Dựa trên mục đích của bài thực hành (thiết kế website giới thiệu các câu lạc bộ), trang web cần có ít nhất những loại trang nào để đáp ứng yêu cầu cơ bản?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885563]' id='ays-answer-3564193-29671' value='3564193'/>
<label for='ays-answer-3564193-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Trang chủ và trang liên hệ.</label><label for='ays-answer-3564193-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885563]' id='ays-answer-3564194-29671' value='3564194'/>
<label for='ays-answer-3564194-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Trang chủ và trang tin tức.</label><label for='ays-answer-3564194-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885563]' id='ays-answer-3564195-29671' value='3564195'/>
<label for='ays-answer-3564195-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Trang chủ và các trang giới thiệu từng loại câu lạc bộ (ví dụ: Thể thao, Nghệ thuật).</label><label for='ays-answer-3564195-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885563]' id='ays-answer-3564196-29671' value='3564196'/>
<label for='ays-answer-3564196-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Trang chủ, trang giới thiệu, trang liên hệ, trang tin tức.</label><label for='ays-answer-3564196-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885563'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDE5MyI6IjAiLCIzNTY0MTk0IjoiMCIsIjM1NjQxOTUiOiIxIiwiMzU2NDE5NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra cấu trúc website tối thiểu cần thiết theo yêu cầu của bài học. Website cần có trang chủ và các trang chi tiết cho từng nhóm/loại câu lạc bộ.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885564'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>15 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 15: Giả sử bạn đã tạo một lớp CSS tên là `.highlight` với quy tắc `color: red; font-weight: bold;`. Để áp dụng các quy tắc này cho một đoạn văn bản cụ thể trong HTML, bạn sẽ sử dụng thuộc tính HTML nào cho thẻ chứa đoạn văn bản đó?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885564]' id='ays-answer-3564197-29671' value='3564197'/>
<label for='ays-answer-3564197-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`id='highlight'`</label><label for='ays-answer-3564197-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885564]' id='ays-answer-3564198-29671' value='3564198'/>
<label for='ays-answer-3564198-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`style='highlight'`</label><label for='ays-answer-3564198-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885564]' id='ays-answer-3564199-29671' value='3564199'/>
<label for='ays-answer-3564199-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`name='highlight'`</label><label for='ays-answer-3564199-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885564]' id='ays-answer-3564200-29671' value='3564200'/>
<label for='ays-answer-3564200-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`class='highlight'`</label><label for='ays-answer-3564200-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885564'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDE5NyI6IjAiLCIzNTY0MTk4IjoiMCIsIjM1NjQxOTkiOiIwIiwiMzU2NDIwMCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra cách áp dụng lớp CSS vào phần tử HTML. Thuộc tính `class` trong HTML được sử dụng để gán một hoặc nhiều lớp CSS cho một phần tử.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885565'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>16 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 16: Nếu bạn muốn thêm một đường viền màu xám dày 1px xung quanh phần nội dung chính (`.Content`), thuộc tính CSS nào là phù hợp nhất?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885565]' id='ays-answer-3564201-29671' value='3564201'/>
<label for='ays-answer-3564201-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`outline: 1px solid grey;`</label><label for='ays-answer-3564201-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885565]' id='ays-answer-3564202-29671' value='3564202'/>
<label for='ays-answer-3564202-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`border: 1px solid grey;`</label><label for='ays-answer-3564202-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885565]' id='ays-answer-3564203-29671' value='3564203'/>
<label for='ays-answer-3564203-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`box-shadow: 0 0 0 1px grey;`</label><label for='ays-answer-3564203-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885565]' id='ays-answer-3564204-29671' value='3564204'/>
<label for='ays-answer-3564204-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`margin: 1px solid grey;`</label><label for='ays-answer-3564204-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885565'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDIwMSI6IjAiLCIzNTY0MjAyIjoiMSIsIjM1NjQyMDMiOiIwIiwiMzU2NDIwNCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra thuộc tính CSS để thêm đường viền. Thuộc tính `border` được sử dụng để định nghĩa đường viền, bao gồm độ dày, kiểu và màu sắc.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885566'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>17 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 17: Trong quá trình thiết kế, việc đặt ảnh minh họa vào thư mục con (ví dụ: `images`) thay vì để cùng cấp với các tệp HTML và CSS mang lại lợi ích gì về mặt quản lý dự án?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885566]' id='ays-answer-3564205-29671' value='3564205'/>
<label for='ays-answer-3564205-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp ảnh tải nhanh hơn trên trình duyệt.</label><label for='ays-answer-3564205-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885566]' id='ays-answer-3564206-29671' value='3564206'/>
<label for='ays-answer-3564206-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động nén kích thước ảnh.</label><label for='ays-answer-3564206-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885566]' id='ays-answer-3564207-29671' value='3564207'/>
<label for='ays-answer-3564207-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp cấu trúc dự án gọn gàng, dễ quản lý và tìm kiếm các loại tệp khác nhau.</label><label for='ays-answer-3564207-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885566]' id='ays-answer-3564208-29671' value='3564208'/>
<label for='ays-answer-3564208-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Bảo vệ ảnh khỏi bị sao chép.</label><label for='ays-answer-3564208-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885566'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDIwNSI6IjAiLCIzNTY0MjA2IjoiMCIsIjM1NjQyMDciOiIxIiwiMzU2NDIwOCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu phân tích lợi ích của việc tổ chức tệp tin theo cấu trúc thư mục. Việc này giúp dự án gọn gàng, dễ quản lý, dễ tìm kiếm và tránh nhầm lẫn giữa các loại tệp.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885567'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>18 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 18: Khi sử dụng thuộc tính `background-image` trong CSS để đặt ảnh làm nền cho Banner, nếu ảnh quá nhỏ so với kích thước banner, thuộc tính nào giúp ảnh nền lặp lại để lấp đầy không gian?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885567]' id='ays-answer-3564209-29671' value='3564209'/>
<label for='ays-answer-3564209-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`background-repeat: repeat;`</label><label for='ays-answer-3564209-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885567]' id='ays-answer-3564210-29671' value='3564210'/>
<label for='ays-answer-3564210-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`background-size: cover;`</label><label for='ays-answer-3564210-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885567]' id='ays-answer-3564211-29671' value='3564211'/>
<label for='ays-answer-3564211-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`background-position: center;`</label><label for='ays-answer-3564211-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885567]' id='ays-answer-3564212-29671' value='3564212'/>
<label for='ays-answer-3564212-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`background-attachment: fixed;`</label><label for='ays-answer-3564212-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885567'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDIwOSI6IjEiLCIzNTY0MjEwIjoiMCIsIjM1NjQyMTEiOiIwIiwiMzU2NDIxMiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra thuộc tính CSS điều khiển sự lặp lại của ảnh nền. `background-repeat: repeat;` là giá trị mặc định khiến ảnh lặp lại theo cả hai chiều.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885568'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>19 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 19: Để đảm bảo rằng tiêu đề và slogan trong phần Header không bị che khuất bởi ảnh nền hoặc màu nền, bạn cần chú ý đến thuộc tính CSS nào của văn bản?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885568]' id='ays-answer-3564213-29671' value='3564213'/>
<label for='ays-answer-3564213-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`font-style` (kiểu chữ: nghiêng, thường)</label><label for='ays-answer-3564213-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885568]' id='ays-answer-3564214-29671' value='3564214'/>
<label for='ays-answer-3564214-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`text-decoration` (gạch chân, gạch ngang)</label><label for='ays-answer-3564214-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885568]' id='ays-answer-3564215-29671' value='3564215'/>
<label for='ays-answer-3564215-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`line-height` (khoảng cách dòng)</label><label for='ays-answer-3564215-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885568]' id='ays-answer-3564216-29671' value='3564216'/>
<label for='ays-answer-3564216-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`color` (màu chữ) và độ tương phản với màu nền.</label><label for='ays-answer-3564216-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885568'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDIxMyI6IjAiLCIzNTY0MjE0IjoiMCIsIjM1NjQyMTUiOiIwIiwiMzU2NDIxNiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu phân tích yếu tố ảnh hưởng đến khả năng đọc của văn bản trên nền. Màu sắc (`color`) và độ tương phản giữa màu chữ và màu nền là yếu tố quan trọng nhất.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885569'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>20 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 20: Nếu bạn muốn tạo một danh sách các hoạt động cho một câu lạc bộ trong phần nội dung chính, thẻ HTML nào là phù hợp nhất để tạo danh sách không có thứ tự (dấu đầu dòng)?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885569]' id='ays-answer-3564217-29671' value='3564217'/>
<label for='ays-answer-3564217-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`<ul>` và `<li>`</label><label for='ays-answer-3564217-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885569]' id='ays-answer-3564218-29671' value='3564218'/>
<label for='ays-answer-3564218-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`<ol>` và `<li>`</label><label for='ays-answer-3564218-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885569]' id='ays-answer-3564219-29671' value='3564219'/>
<label for='ays-answer-3564219-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`<dl>` và `<dt>`, `<dd>`</label><label for='ays-answer-3564219-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885569]' id='ays-answer-3564220-29671' value='3564220'/>
<label for='ays-answer-3564220-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`<list>` và `<item>`</label><label for='ays-answer-3564220-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885569'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDIxNyI6IjEiLCIzNTY0MjE4IjoiMCIsIjM1NjQyMTkiOiIwIiwiMzU2NDIyMCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra thẻ HTML tạo danh sách. `<
<ul>` được sử dụng cho danh sách không có thứ tự (unordered list).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885570'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>21 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 21: Trong quá trình thiết kế, việc sử dụng các 'comment' (ghi chú) trong cả tệp HTML (`<!-- ... -->`) và tệp CSS (`/* ... */`) mang lại lợi ích gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885570]' id='ays-answer-3564221-29671' value='3564221'/>
<label for='ays-answer-3564221-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp tăng tốc độ tải trang web.</label><label for='ays-answer-3564221-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885570]' id='ays-answer-3564222-29671' value='3564222'/>
<label for='ays-answer-3564222-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp người đọc mã nguồn (bao gồm cả bản thân) hiểu rõ mục đích và cấu trúc của mã, dễ dàng sửa đổi sau này.</label><label for='ays-answer-3564222-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885570]' id='ays-answer-3564223-29671' value='3564223'/>
<label for='ays-answer-3564223-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Ngăn chặn người dùng cuối xem mã nguồn.</label><label for='ays-answer-3564223-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885570]' id='ays-answer-3564224-29671' value='3564224'/>
<label for='ays-answer-3564224-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động sửa lỗi cú pháp trong mã.</label><label for='ays-answer-3564224-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885570'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDIyMSI6IjAiLCIzNTY0MjIyIjoiMSIsIjM1NjQyMjMiOiIwIiwiMzU2NDIyNCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu phân tích lợi ích của việc ghi chú trong mã nguồn. Ghi chú giúp giải thích mã, làm cho mã dễ đọc, dễ hiểu và dễ bảo trì hơn cho bản thân người viết và người khác.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885571'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>22 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 22: Giả sử bạn muốn thêm một đoạn văn giới thiệu ngắn về website ngay dưới phần Slogan trên trang chủ. Bạn sẽ sử dụng thẻ HTML nào để chứa đoạn văn này và làm thế nào để định dạng nó bằng CSS?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885571'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra cách chèn đoạn văn và áp dụng CSS. Thẻ `</p>
<p>` được dùng cho đoạn văn. Để định dạng bằng CSS, có thể sử dụng lớp (`class`) hoặc id (`id`) cho thẻ `</p>
<p>` hoặc định dạng trực tiếp thẻ `</p>
<p>` trong phạm vi chứa nó.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885572'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>23 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 23: Khi thiết kế bố cục sử dụng các 'block' (khối) và 'row' (hàng) như trong bài, nguyên tắc cơ bản nào của thiết kế web đang được áp dụng?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885572]' id='ays-answer-3564225-29671' value='3564225'/>
<label for='ays-answer-3564225-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Chia trang thành các khu vực (section) hoặc khối (block) để sắp xếp nội dung một cách có cấu trúc.</label><label for='ays-answer-3564225-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885572]' id='ays-answer-3564226-29671' value='3564226'/>
<label for='ays-answer-3564226-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng màu sắc sặc sỡ để thu hút người xem.</label><label for='ays-answer-3564226-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885572]' id='ays-answer-3564227-29671' value='3564227'/>
<label for='ays-answer-3564227-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ sử dụng văn bản thuần túy mà không dùng hình ảnh.</label><label for='ays-answer-3564227-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885572]' id='ays-answer-3564228-29671' value='3564228'/>
<label for='ays-answer-3564228-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt tất cả nội dung vào một thẻ `<table>` lớn.</label><label for='ays-answer-3564228-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885572'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDIyNSI6IjEiLCIzNTY0MjI2IjoiMCIsIjM1NjQyMjciOiIwIiwiMzU2NDIyOCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu xác định nguyên tắc thiết kế đằng sau việc sử dụng các khối và hàng. Đây là cách phổ biến để tạo ra bố cục lưới (grid layout) hoặc dựa trên khối (block-based layout), giúp sắp xếp nội dung một cách có cấu trúc và phản hồi tốt hơn trên các kích thước màn hình khác nhau (mặc dù bài này có thể chưa đi sâu vào responsive).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885573'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>24 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 24: Giả sử bạn muốn tạo hiệu ứng khi người dùng di chuột qua một liên kết (thay đổi màu chữ). Bạn sẽ sử dụng bộ chọn (selector) CSS nào để nhắm mục tiêu vào trạng thái 'di chuột qua' của thẻ liên kết `<a>`?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885573]' id='ays-answer-3564229-29671' value='3564229'/>
<label for='ays-answer-3564229-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`a.hover`</label><label for='ays-answer-3564229-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885573]' id='ays-answer-3564230-29671' value='3564230'/>
<label for='ays-answer-3564230-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`a[state='hover']`</label><label for='ays-answer-3564230-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885573]' id='ays-answer-3564231-29671' value='3564231'/>
<label for='ays-answer-3564231-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`a:hover`</label><label for='ays-answer-3564231-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885573]' id='ays-answer-3564232-29671' value='3564232'/>
<label for='ays-answer-3564232-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`a::mouseover`</label><label for='ays-answer-3564232-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885573'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDIyOSI6IjAiLCIzNTY0MjMwIjoiMCIsIjM1NjQyMzEiOiIxIiwiMzU2NDIzMiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về pseudo-class trong CSS. `:hover` là pseudo-class được sử dụng để định dạng một phần tử khi con trỏ chuột di qua nó.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885574'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>25 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 25: Khi bạn lưu tệp HTML của trang chủ, tên tệp chuẩn và phổ biến nhất thường là gì để máy chủ web có thể tự động nhận diện nó là trang mặc định?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885574]' id='ays-answer-3564233-29671' value='3564233'/>
<label for='ays-answer-3564233-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`home.html`</label><label for='ays-answer-3564233-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885574]' id='ays-answer-3564234-29671' value='3564234'/>
<label for='ays-answer-3564234-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`index.html`</label><label for='ays-answer-3564234-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885574]' id='ays-answer-3564235-29671' value='3564235'/>
<label for='ays-answer-3564235-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`main.html`</label><label for='ays-answer-3564235-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885574]' id='ays-answer-3564236-29671' value='3564236'/>
<label for='ays-answer-3564236-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`default.html`</label><label for='ays-answer-3564236-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885574'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDIzMyI6IjAiLCIzNTY0MjM0IjoiMSIsIjM1NjQyMzUiOiIwIiwiMzU2NDIzNiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra quy ước đặt tên tệp trang chủ. `index.html` là tên tệp phổ biến nhất được các máy chủ web cấu hình để tự động hiển thị khi người dùng truy cập vào thư mục gốc của website.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885575'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>26 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 26: Giả sử bạn muốn thêm khoảng đệm (padding) 20px vào bên trong phần nội dung chính (`.Content`) để nội dung không bị dính sát vào đường viền hoặc lề của khối chứa nó. Thuộc tính CSS nào là phù hợp?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885575]' id='ays-answer-3564237-29671' value='3564237'/>
<label for='ays-answer-3564237-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`margin: 20px;`</label><label for='ays-answer-3564237-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885575]' id='ays-answer-3564238-29671' value='3564238'/>
<label for='ays-answer-3564238-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`border-spacing: 20px;`</label><label for='ays-answer-3564238-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885575]' id='ays-answer-3564239-29671' value='3564239'/>
<label for='ays-answer-3564239-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`space-inside: 20px;`</label><label for='ays-answer-3564239-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885575]' id='ays-answer-3564240-29671' value='3564240'/>
<label for='ays-answer-3564240-29671' class=' ays_position_initial ays-quiz-keyboard-label'>`padding: 20px;`</label><label for='ays-answer-3564240-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885575'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDIzNyI6IjAiLCIzNTY0MjM4IjoiMCIsIjM1NjQyMzkiOiIwIiwiMzU2NDI0MCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra thuộc tính CSS tạo khoảng đệm bên trong phần tử. `padding` được sử dụng để tạo khoảng trống giữa nội dung và đường viền/biên của phần tử.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885576'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>27 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 27: Để tạo một trang riêng biệt cho việc đăng ký tham gia câu lạc bộ (ví dụ: chứa biểu mẫu), bạn sẽ tạo một tệp HTML mới. Tệp này cần có cấu trúc cơ bản giống với các tệp HTML khác như thế nào để đảm bảo tính nhất quán về giao diện (Header, Footer...)?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885576]' id='ays-answer-3564241-29671' value='3564241'/>
<label for='ays-answer-3564241-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Nên bao gồm các phần Header và Footer tương tự như các trang khác và liên kết đến tệp CSS chung.</label><label for='ays-answer-3564241-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885576]' id='ays-answer-3564242-29671' value='3564242'/>
<label for='ays-answer-3564242-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Không cần Header và Footer, chỉ cần phần nội dung chứa biểu mẫu.</label><label for='ays-answer-3564242-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885576]' id='ays-answer-3564243-29671' value='3564243'/>
<label for='ays-answer-3564243-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng một tệp CSS hoàn toàn khác để tạo giao diện riêng biệt.</label><label for='ays-answer-3564243-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885576]' id='ays-answer-3564244-29671' value='3564244'/>
<label for='ays-answer-3564244-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần sao chép toàn bộ nội dung của trang chủ và sửa lại phần nội dung chính.</label><label for='ays-answer-3564244-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885576'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDI0MSI6IjEiLCIzNTY0MjQyIjoiMCIsIjM1NjQyNDMiOiIwIiwiMzU2NDI0NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu áp dụng nguyên tắc nhất quán trong thiết kế web. Các trang con nên có cấu trúc HTML tương tự nhau (Header, Footer) và cùng liên kết đến tệp CSS chung để giữ giao diện đồng nhất.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885577'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>28 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 28: Giả sử bạn muốn đặt một ảnh nền cho toàn bộ trang web thay vì chỉ cho phần Banner. Bạn sẽ áp dụng thuộc tính `background-image` trong CSS cho bộ chọn (selector) nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885577]' id='ays-answer-3564245-29671' value='3564245'/>
<label for='ays-answer-3564245-29671' class=' ays_position_initial ays-quiz-keyboard-label'>.Header</label><label for='ays-answer-3564245-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885577]' id='ays-answer-3564246-29671' value='3564246'/>
<label for='ays-answer-3564246-29671' class=' ays_position_initial ays-quiz-keyboard-label'>.Content</label><label for='ays-answer-3564246-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885577]' id='ays-answer-3564247-29671' value='3564247'/>
<label for='ays-answer-3564247-29671' class=' ays_position_initial ays-quiz-keyboard-label'>body</label><label for='ays-answer-3564247-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885577]' id='ays-answer-3564248-29671' value='3564248'/>
<label for='ays-answer-3564248-29671' class=' ays_position_initial ays-quiz-keyboard-label'>.Row</label><label for='ays-answer-3564248-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885577'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDI0NSI6IjAiLCIzNTY0MjQ2IjoiMCIsIjM1NjQyNDciOiIxIiwiMzU2NDI0OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra cách áp dụng kiểu dáng cho toàn bộ trang. Bộ chọn `body` nhắm đến phần tử `<body>` trong HTML, đại diện cho nội dung hiển thị của toàn bộ trang.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885578'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>29 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 29: Trong bài thực hành, phần Slogan được chia thành 3 ô bằng nhau trên một hàng. Điều này nhằm mục đích gì trong thiết kế bố cục?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885578]' id='ays-answer-3564249-29671' value='3564249'/>
<label for='ays-answer-3564249-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Để mỗi ô có thể hiển thị một loại nội dung khác nhau (văn bản, ảnh, video).</label><label for='ays-answer-3564249-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885578]' id='ays-answer-3564250-29671' value='3564250'/>
<label for='ays-answer-3564250-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Để tạo sự cân đối, hài hòa và có cấu trúc cho phần slogan trên trang.</label><label for='ays-answer-3564250-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885578]' id='ays-answer-3564251-29671' value='3564251'/>
<label for='ays-answer-3564251-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Để giảm dung lượng tệp tin HTML.</label><label for='ays-answer-3564251-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885578]' id='ays-answer-3564252-29671' value='3564252'/>
<label for='ays-answer-3564252-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Để tăng tốc độ tải trang trên thiết bị di động.</label><label for='ays-answer-3564252-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885578'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDI0OSI6IjAiLCIzNTY0MjUwIjoiMSIsIjM1NjQyNTEiOiIwIiwiMzU2NDI1MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu phân tích mục đích thiết kế của một bố cục cụ thể. Chia thành 3 ô bằng nhau giúp tạo sự cân đối, hài hòa và có cấu trúc cho phần slogan, làm cho nó dễ nhìn và thu hút hơn.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='885579'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>30 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 03</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 30: Khi hoàn thành việc thiết kế và muốn chia sẻ website của mình, bạn cần làm gì để người khác có thể truy cập được từ xa thông qua Internet?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885579]' id='ays-answer-3564253-29671' value='3564253'/>
<label for='ays-answer-3564253-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Nén tất cả các tệp tin thành một tệp .zip và gửi cho mọi người.</label><label for='ays-answer-3564253-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885579]' id='ays-answer-3564254-29671' value='3564254'/>
<label for='ays-answer-3564254-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần mở tệp `index.html` trên máy tính của bạn.</label><label for='ays-answer-3564254-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885579]' id='ays-answer-3564255-29671' value='3564255'/>
<label for='ays-answer-3564255-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Sao chép các tệp tin vào một USB và phân phát cho mọi người.</label><label for='ays-answer-3564255-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-885579]' id='ays-answer-3564256-29671' value='3564256'/>
<label for='ays-answer-3564256-29671' class=' ays_position_initial ays-quiz-keyboard-label'>Đưa các tệp tin lên một máy chủ web (hosting) và liên kết với một tên miền.</label><label for='ays-answer-3564256-29671' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_29671 === 'undefined'){
window.quizOptions_29671 = [];
}
window.quizOptions_29671['885579'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2NDI1MyI6IjAiLCIzNTY0MjU0IjoiMCIsIjM1NjQyNTUiOiIwIiwiMzU2NDI1NiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/>
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra bước cuối cùng để đưa website lên mạng. Website cần được đặt trên một máy chủ web (hosting) và liên kết với một tên miền để có thể truy cập công khai qua Internet.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step ays_thank_you_fs'>
<div class='ays-abs-fs ays-end-page'>
<div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-29671 * { box-sizing: border-box; } #ays-quiz-container-29671 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-29671 #ays_finish_quiz_29671 { } /* Styles for Quiz container */ #ays-quiz-container-29671{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-29671 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-29671 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-29671 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-29671 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-29671 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-29671 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-29671 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-29671 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-29671.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-29671.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-29671 #ays_finish_quiz_29671 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-29671.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-29671.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-29671.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-29671.ays-quiz-container .ays-questions-container p, #ays-quiz-container-29671.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-29671.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-29671.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-29671.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-29671.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-29671.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-29671.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-29671.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-29671.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-29671 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-29671 .ays-quiz-password-message-box, #ays-quiz-container-29671 .ays-quiz-question-note-message-box, #ays-quiz-container-29671 .ays_quiz_question, #ays-quiz-container-29671 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-29671 textarea, #ays-quiz-container-29671 input::first-letter, #ays-quiz-container-29671 select::first-letter, #ays-quiz-container-29671 option::first-letter { color: initial !important; } #ays-quiz-container-29671 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-29671 .select2-container, #ays-quiz-container-29671 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-29671 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-29671 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-29671 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-29671 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-29671 .ays-questions-container .ays-field, div#ays-quiz-container-29671 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-29671 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-29671 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-29671 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-29671 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-29671 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-29671 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-29671 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-29671 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-29671 .information_form input[type='text'], #ays-quiz-container-29671 .information_form input[type='url'], #ays-quiz-container-29671 .information_form input[type='number'], #ays-quiz-container-29671 .information_form input[type='email'], #ays-quiz-container-29671 .information_form input[type='tel'], #ays-quiz-container-29671 .information_form textarea, #ays-quiz-container-29671 .information_form select, #ays-quiz-container-29671 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-29671 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-29671 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-29671 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-29671 .right_answer_text{ color:#33cc33; } #ays-quiz-container-29671 .right_answer_text p { font-size:16px; } #ays-quiz-container-29671 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-29671 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-29671 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-29671 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-29671 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-29671 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-29671 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-29671 .ays_cb_and_a, #ays-quiz-container-29671 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-29671 iframe { /*min-height: 450px;*/ } #ays-quiz-container-29671 label.ays_for_checkbox, #ays-quiz-container-29671 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-29671 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-29671 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-29671 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-29671 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-29671 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-29671 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-29671 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-29671 div.lds-spinner, #ays-quiz-container-29671 div.lds-spinner2 { color: #000000; } #ays-quiz-container-29671 div.lds-spinner div:after, #ays-quiz-container-29671 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-29671 .lds-circle, #ays-quiz-container-29671 .lds-facebook div, #ays-quiz-container-29671 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-29671 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-29671 .lds-dual-ring::after, #ays-quiz-container-29671 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-29671 .ui.rating .icon, #ays-quiz-container-29671 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-29671 #ays_finish_quiz_29671 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-29671 #ays_finish_quiz_29671 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-29671 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-29671 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-29671 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-29671 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-29671 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-29671 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-29671 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-29671 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-29671 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-29671 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-29671 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-29671 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-29671 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-29671 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-29671 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-29671 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-29671 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-29671 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-29671 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-29671 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-29671 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-29671 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-29671 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-29671 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-29671 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-29671 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-29671 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-29671 div.ays-quiz-redirection-timer, #ays-quiz-container-29671 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-29671 div.ays-quiz-after-timer * , #ays-quiz-container-29671 div.ays-quiz-redirection-timer *, #ays-quiz-container-29671 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-29671 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-29671 input#ays-submit, #ays-quiz-container-29671 #ays_finish_quiz_29671 .action-button, #ays-quiz-container-29671 #ays_finish_quiz_29671 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-29671 #ays_finish_quiz_29671 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-29671 #ays_finish_quiz_29671 .action-button.ays_restart_button, #ays-quiz-container-29671 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-29671 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-29671 input#ays-submit, #ays-quiz-container-29671 #ays_finish_quiz_29671 input.action-button, #ays-quiz-container-29671 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-29671 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-29671 #ays_finish_quiz_29671 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-29671 #ays_finish_quiz_29671 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-29671 #ays_finish_quiz_29671 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-29671 input#ays-submit:hover, #ays-quiz-container-29671 input#ays-submit:focus, #ays-quiz-container-29671 #ays_finish_quiz_29671 .action-button:hover, #ays-quiz-container-29671 #ays_finish_quiz_29671 .action-button:focus, #ays-quiz-container-29671 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-29671 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-29671 .ays_restart_button { color: #ffffff; } #ays-quiz-container-29671 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-29671 .ays_buttons_div { justify-content: center; } #ays-quiz-container-29671 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-29671 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-29671 input[type='button'], #ays-quiz-container-29671 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-29671 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-29671 input[type='button']:focus-visible, div#ays-quiz-container-29671 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-29671 #ays_finish_quiz_29671 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-29671 #ays_finish_quiz_29671 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-29671 #ays_finish_quiz_29671 i.ays_early_finish.action-button[disabled], #ays-quiz-container-29671 #ays_finish_quiz_29671 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-29671 #ays_finish_quiz_29671 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-29671 #ays_finish_quiz_29671 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-29671 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-29671 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-29671 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-29671.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-29671 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-29671 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-29671 #ays_finish_quiz_29671 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-29671 #ays_finish_quiz_29671 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-29671 #ays_finish_quiz_29671 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-29671 #ays_finish_quiz_29671 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-29671 #ays_finish_quiz_29671 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-29671 #ays_finish_quiz_29671 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-29671 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-29671 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-29671 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-29671 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-29671 #ays_finish_quiz_29671 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-29671 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-29671 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-29671 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-29671 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-29671 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-29671 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-29671 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-29671 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-29671 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-29671 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-29671 #ays_finish_quiz_29671 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-29671 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-29671 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-29671 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-29671 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-29671 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-29671 .ays-field .select2-container--default, #ays-quiz-container-29671 .ays-field .select2-container--default .selection, #ays-quiz-container-29671 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-29671 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-29671 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-29671 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-29671 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-29671 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-29671 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-29671 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-29671 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-29671 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-29671 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-29671 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-29671 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-29671 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-29671 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-29671 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-29671 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-29671 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-29671 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-29671 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-29671 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-29671 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-29671 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-29671 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-29671.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-29671.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-29671 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-29671 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-29671 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-29671 label[for^='ays-answer']:before, #ays-quiz-container-29671 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-29671 .ays_question_report { text-align: right; } div#ays-quiz-container-29671 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-29671 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-29671.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-29671.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-29671.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-29671.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-29671.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-29671.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-29671 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-29671.ays_quiz_classic_dark .correct_div, #ays-quiz-container-29671.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-29671.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-29671.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-29671.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-29671.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-29671.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-29671.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-29671 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-29671 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-29671 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-29671 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-29671 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-29671 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-29671 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-29671 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-29671 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-29671.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-29671.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-29671 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-29671 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-29671 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-29671 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-29671 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-29671 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-29671 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-29671 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-29671 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-29671 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-29671 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-29671 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-29671 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-29671 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-29671 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-29671 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-29671 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-29671 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-29671 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-29671 .ays-quiz-personality-result-box div:before, #ays-quiz-container-29671 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-29671 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-29671 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-29671 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-29671 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-29671 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-29671 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-29671 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-29671 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-29671 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-29671 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-29671 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-29671 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-29671 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-29671{ max-width: 100%; } div#ays-quiz-container-29671 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-29671.ays_quiz_modern_light .step, div#ays-quiz-container-29671.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-29671.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-29671.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-29671.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-29671.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-29671 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-29671 .select2-container, div#ays-quiz-container-29671 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-29671 input#ays-submit, div#ays-quiz-container-29671 #ays_finish_quiz_29671 .action-button, div#ays-quiz-container-29671 #ays_finish_quiz_29671 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-29671 #ays_finish_quiz_29671 .action-button.ays_restart_button, #ays-quiz-container-29671 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-29671 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-29671 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-29671 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-29671 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-29671 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-29671 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-29671 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-29671 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-29671 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style>
<style>
#ays-quiz-container-29671 p {
margin: 0.625em;
}
#ays-quiz-container-29671.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label,
#ays-quiz-container-29671.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label {
/* background-color: transparent; */
}
#ays-quiz-container-29671 .ays-field.checked_answer_div input:checked~label {
background-color: rgba(93,108,249,0.6);
}
#ays-quiz-container-29671.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'],
#ays-quiz-container-29671 .ays-field:hover{
background: rgba(93,108,249,0.8);
color: #fff;
transition: all .3s;
}
#ays-quiz-container-29671 #ays_finish_quiz_29671 .action-button:hover,
#ays-quiz-container-29671 #ays_finish_quiz_29671 .action-button:focus,
#ays-quiz-container-29671 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover,
#ays-quiz-container-29671 .ays-quiz-category-selective-submit-bttn:focus {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff;
background: #5d6cf9;
}
</style><script>
if(typeof aysQuizOptions === 'undefined'){
var aysQuizOptions = [];
}
aysQuizOptions['29671'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIyOTY3MSIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDAzIiwiZGVzY3JpcHRpb24iOiI8cD48c3Ryb25nPkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDAzPFwvc3Ryb25nPiBcdTAxMTFcdTAxYjBcdTFlZTNjIHhcdTAwZTJ5IGRcdTFlZjFuZyB2XHUxZWRiaSBuaGlcdTFlYzF1IGNcdTAwZTJ1IGhcdTFlY2ZpIGNoXHUxZWE1dCBsXHUwMWIwXHUxZWUzbmcsIHNcdTAwZTF0IHZcdTFlZGJpIG5cdTFlZDlpIGR1bmcgY2hcdTAxYjBcdTAxYTFuZyB0clx1MDBlY25oIGhcdTFlY2RjLCBnaVx1MDBmYXAgYlx1MWVhMW4gZFx1MWVjNSBkXHUwMGUwbmcgXHUwMGY0biB0XHUxZWFkcCB2XHUwMGUwIGtpXHUxZWMzbSB0cmEga2lcdTFlYmZuIHRoXHUxZWU5YyBoaVx1MWVjN3UgcXVcdTFlYTMuIEhcdTAwZTN5IGNcdTAwZjluZyBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1IGxcdTAwZTBtIGJcdTAwZTBpIHRcdTFlYWRwIHRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBuZ2F5IFx1MDExMVx1MWVjMyBuXHUwMGUybmcgY2FvIGhpXHUxZWMzdSBiaVx1MWViZnQgdlx1MDBlMCBjaHVcdTFlYTluIGJcdTFlY2IgdFx1MWVkMXQgY2hvIGtcdTFlZjMgdGhpIHNcdTFlYWZwIHRcdTFlZGJpITxcL3A+XHJcblxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE6IFRyb25nIGJcdTAwZTBpIHRoXHUxZWYxYyBoXHUwMGUwbmggdGhpXHUxZWJmdCBrXHUxZWJmIHRyYW5nIHdlYiwgdmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIHRcdTFlYzdwIHRpbiBDU1MgcmlcdTAwZWFuZyBiaVx1MWVjN3QgKHZcdTAwZWQgZFx1MWVlNTogYHN0eWxlLmNzc2ApIHZcdTAwZTAgbGlcdTAwZWFuIGtcdTFlYmZ0IG5cdTAwZjMgdlx1MWVkYmkgY1x1MDBlMWMgdHJhbmcgSFRNTCAoYGluZGV4Lmh0bWxgLCBgY2xiX3RoZXRoYW8uaHRtbGAsIHYudi4pIG1hbmcgbFx1MWVhMWkgbFx1MWVlM2kgXHUwMGVkY2ggY2hcdTAwZWRuaCBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gR2lcdTAwZmFwIHRyYW5nIHdlYiB0XHUxZWEzaSBuaGFuaCBoXHUwMWExbiB2XHUwMGVjIHRyXHUwMGVjbmggZHV5XHUxZWM3dCBjaFx1MWVjOSBjXHUxZWE3biB0XHUxZWEzaSBtXHUxZWQ5dCB0XHUxZWM3cCB0aW4gQ1NTLjxcL2xpPlxyXG48bGk+Qi4gQlx1MWVhM28gbVx1MWVhZHQgbVx1MDBlMyBuZ3VcdTFlZDNuIEhUTUwgdFx1MWVkMXQgaFx1MDFhMW4uPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIERcdTFlYzUgZFx1MDBlMG5nIHRoYXkgXHUwMTExXHUxZWQ1aSBnaWFvIGRpXHUxZWM3biBjaHVuZyBjXHUxZWU3YSB0b1x1MDBlMG4gYlx1MWVkOSB3ZWJzaXRlIHZcdTAwZTAgXHUwMTExXHUxZWEzbSBiXHUxZWEzbyB0XHUwMGVkbmggbmhcdTFlYTV0IHF1XHUwMGUxbi48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBHaVx1MWVhM20gdGhpXHUxZWMzdSBsXHUxZWQ3aSBjXHUwMGZhIHBoXHUwMGUxcCB0cm9uZyBtXHUwMGUzIEhUTUwuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBtdVx1MWVkMW4gdGhheSBcdTAxMTFcdTFlZDVpIG1cdTAwZTB1IG5cdTFlYzFuIGNcdTFlZTdhIHBoXHUxZWE3biBcdTAxMTFcdTFlYTd1IHRyYW5nIChoZWFkZXIpIHRyXHUwMGVhbiB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRyYW5nIGNcdTFlZTdhIHdlYnNpdGUgdFx1MWVlYiBtXHUwMGUwdSB0clx1MWVhZm5nIHNhbmcgbVx1MDBlMHUgeGFuaCBuaFx1MWVhMXQuIERcdTFlZjFhIHRyXHUwMGVhbiBjXHUxZWE1dSB0clx1MDBmYWMgd2Vic2l0ZSBcdTAxMTFcdTAxYjBcdTFlZTNjIGhcdTAxYjBcdTFlZGJuZyBkXHUxZWFibiB0cm9uZyBiXHUwMGUwaSwgYlx1MWVhMW4gc1x1MWViZCB0aFx1MWVmMWMgaGlcdTFlYzduIHRoYXkgXHUwMTExXHUxZWQ1aSBuXHUwMGUweSBcdTFlZGYgXHUwMTExXHUwMGUydSBcdTAxMTFcdTFlYzMgaGlcdTFlYzd1IHF1XHUxZWEzIG5oXHUxZWE1dD9cclxuPHVsPlxyXG48bGk+QS4gVHJvbmcgdGhcdTFlYmIgYDxzdHlsZT5gIGNcdTFlZTdhIHRcdTFlZWJuZyB0XHUxZWM3cCBIVE1MIHJpXHUwMGVhbmcgYmlcdTFlYzd0LjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBUcm9uZyB0XHUxZWM3cCB0aW4gQ1NTIGNodW5nIFx1MDExMVx1MDFiMFx1MWVlM2MgbGlcdTAwZWFuIGtcdTFlYmZ0IHZcdTFlZGJpIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgdHJhbmcgSFRNTC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBUcm9uZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgc3R5bGVgIHRyXHUxZWYxYyB0aVx1MWViZnAgY1x1MWVlN2EgdGhcdTFlYmIgYDxkaXY+YCBcdTAxMTFcdTFlYTFpIGRpXHUxZWM3biBjaG8gaGVhZGVyIHRyb25nIHRcdTFlZWJuZyB0XHUxZWM3cCBIVE1MLjxcL2xpPlxyXG48bGk+RC4gVHJvbmcgbVx1MWVkOXQgdFx1MWVjN3AgdGluIEphdmFTY3JpcHQgcmlcdTAwZWFuZyBiaVx1MWVjN3QuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMzogVHJvbmcgY1x1MWVhNXUgdHJcdTAwZmFjIEhUTUwgY1x1MWVlN2EgbVx1MWVkOXQgdHJhbmcgd2ViIG5oXHUwMWIwIFx1MDExMVx1MDFiMFx1MWVlM2MgeFx1MDBlMnkgZFx1MWVmMW5nIHRyb25nIGJcdTAwZTBpLCBwaFx1MWVhN24gXCJIZWFkZXJcIiB0aFx1MDFiMFx1MWVkZG5nIGNoXHUxZWU5YSBuaFx1MWVlZm5nIHRoXHUwMGUwbmggcGhcdTFlYTduIGNcdTAxYTEgYlx1MWVhM24gblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQmFubmVyIChcdTFlYTNuaCBuXHUxZWMxbiwgdGlcdTAwZWF1IFx1MDExMVx1MWVjMSkgdlx1MDBlMCBTbG9nYW4uPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gTlx1MWVkOWkgZHVuZyBjaFx1MDBlZG5oIGNcdTFlZTdhIHRyYW5nIHZcdTAwZTAgY1x1MDBlMWMgYlx1MDBlMGkgdmlcdTFlYmZ0LjxcL2xpPlxyXG48bGk+Qy4gVGhhbmggXHUwMTExaVx1MWVjMXUgaFx1MDFiMFx1MWVkYm5nIChtZW51KSB2XHUwMGUwIGxpXHUwMGVhbiBrXHUxZWJmdCBtXHUxZWExbmcgeFx1MDBlMyBoXHUxZWQ5aS48XC9saT5cclxuPGxpPkQuIFRoXHUwMGY0bmcgdGluIGJcdTFlYTNuIHF1eVx1MWVjMW4gdlx1MDBlMCBsaVx1MDBlYW4gaFx1MWVjNy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA0OiBMXHUxZWRicCBDU1MgYC5Sb3dgIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgdHJvbmcgYlx1MDBlMGkgdGhcdTFlZjFjIGhcdTAwZTBuaCB2XHUxZWRiaSBtXHUxZWU1YyBcdTAxMTFcdTAwZWRjaCBjaFx1MDBlZG5oIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gXHUwMTEwXHUxZWNibmggZFx1MWVhMW5nIG1cdTAwZTB1IG5cdTFlYzFuIGNobyB0b1x1MDBlMG4gYlx1MWVkOSB0cmFuZy48XC9saT5cclxuPGxpPkIuIFRcdTFlYTFvIGtob1x1MWVhM25nIHRyXHUxZWQxbmcgKG1hcmdpbikgeHVuZyBxdWFuaCBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZC48XC9saT5cclxuPGxpPkMuIFx1MDExMFx1MWVjYm5oIG5naFx1MDEyOWEga2lcdTFlYzN1IGNoXHUxZWVmIHZcdTAwZTAga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyBjaFx1MWVlZi48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gQ2hcdTFlZTlhIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGNvbiB2XHUwMGUwIHhcdTFlYmZwIGNoXHUwMGZhbmcgdGhlbyBjaGlcdTFlYzF1IG5nYW5nIHRyXHUwMGVhbiBtXHUxZWQ5dCBoXHUwMGUwbmcuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDU6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgcGhcdTFlYTduIFNsb2dhbiB2XHUxZWRiaSAzIFx1MDBmNCBjXHUwMGYzIFx1MDExMVx1MWVkOSByXHUxZWQ5bmcgYlx1MWViMW5nIG5oYXUgdHJcdTAwZWFuIG1cdTFlZDl0IGhcdTAwZTBuZywgYlx1MWVhMW4gY1x1MWVhN24gc1x1MWVlZCBkXHUxZWU1bmcgbFx1MWVkYnAgQ1NTIG5cdTAwZTBvIGNobyB0XHUxZWVibmcgXHUwMGY0IGNvbiAoYlx1MDBlYW4gdHJvbmcgbFx1MWVkYnAgYC5Sb3dgKSBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWEzbSBiXHUxZWEzbyBtXHUxZWQ3aSBcdTAwZjQgY2hpXHUxZWJmbSBcdTAxMTFcdTAwZmFuZyAxXC8zIGNoaVx1MWVjMXUgclx1MWVkOW5nIGNcdTFlZTdhIGhcdTAwZTBuZz9cclxuPHVsPlxyXG48bGk+QS4gLlJvdzxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiAuYmxvY2tfMzxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIC5TbG9nYW48XC9saT5cclxuPGxpPkQuIC5Db250ZW50PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNjogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBtdVx1MWVkMW4gdGhcdTAwZWFtIG1cdTFlZDl0IFx1MWVhM25oIG1pbmggaFx1MWVjZGEgdlx1MDBlMG8gcGhcdTFlYTduIG5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaCBjXHUxZWU3YSB0cmFuZyBcIkdpXHUxZWRiaSB0aGlcdTFlYzd1IGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkgVGhcdTFlYzMgdGhhb1wiLiBCXHUxZWExbiBzXHUxZWJkIFx1MDExMVx1MWViN3QgdGhcdTFlYmIgSFRNTCBuXHUwMGUwbyBcdTAxMTFcdTFlYzMgY2hcdTAwZThuIFx1MWVhM25oIHZcdTAwZTAgdGh1XHUxZWQ5YyB0XHUwMGVkbmggblx1MDBlMG8gXHUwMTExXHUxZWMzIGNoXHUxZWM5IFx1MDExMVx1MWVjYm5oIFx1MDExMVx1MDFiMFx1MWVkZG5nIGRcdTFlYWJuIFx1MDExMVx1MWViZm4gdFx1MWVjN3AgXHUxZWEzbmg/XHJcbjx1bD5cclxuPGxpPkEuIGA8aW1hZ2U+YCB2XHUxZWRiaSB0aHVcdTFlZDljIHRcdTAwZWRuaCBgbGlua2A8XC9saT5cclxuPGxpPkIuIGA8cGljdHVyZT5gIHZcdTFlZGJpIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBzb3VyY2VgPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGA8aW1nPmAgdlx1MWVkYmkgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYHNyY2A8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBgPHBob3RvPmAgdlx1MWVkYmkgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYHVybGA8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA3OiBcdTAxMTBcdTFlYzMgXHUwMTExXHUxZWEzbSBiXHUxZWEzbyByXHUxZWIxbmcgdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0cmFuZyBIVE1MIHRyb25nIHdlYnNpdGUgXHUwMTExXHUxZWMxdSBzXHUxZWVkIGRcdTFlZTVuZyBjXHUwMGUxYyBxdXkgdFx1MWVhZmMgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIFx1MDExMVx1MDFiMFx1MWVlM2MgdmlcdTFlYmZ0IHRyb25nIHRcdTFlYzdwIGBzdHlsZS5jc3NgLCBiXHUxZWExbiBjXHUxZWE3biB0aFx1MDBlYW0gZFx1MDBmMm5nIG1cdTAwZTMgSFRNTCBuXHUwMGUwbyB2XHUwMGUwbyBwaFx1MWVhN24gYDxoZWFkPmAgY1x1MWVlN2EgPGk+bVx1MWVkN2k8XC9pPiB0XHUxZWM3cCBIVE1MP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGA8bGluayByZWw9XCJzdHlsZXNoZWV0XCIgaHJlZj1cInN0eWxlLmNzc1wiPmA8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBgPHN0eWxlIHNyYz1cInN0eWxlLmNzc1wiPjxcL3N0eWxlPmA8XC9saT5cclxuPGxpPkMuIGA8c2NyaXB0IHNyYz1cInN0eWxlLmNzc1wiPjxcL3NjcmlwdD5gPFwvbGk+XHJcbjxsaT5ELiBgPGNzcyBmaWxlPVwic3R5bGUuY3NzXCI+YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDg6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgcGhcdTFlYTduIEJhbm5lciwgdmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MWVhM25oIGxcdTAwZTBtIG5cdTFlYzFuIChgYmFja2dyb3VuZC1pbWFnZWAgdHJvbmcgQ1NTKSB0aGF5IHZcdTAwZWMgY2hcdTAwZThuIFx1MWVhM25oIHRyXHUxZWYxYyB0aVx1MWViZnAgYlx1MWViMW5nIHRoXHUxZWJiIGA8aW1nPmAgdHJvbmcgSFRNTCBjXHUwMGYzIFx1MDFiMHUgXHUwMTExaVx1MWVjM20gZ1x1MDBlYyB2XHUxZWMxIG1cdTFlYjd0IFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyB2XHUwMGUwIGJcdTFlZDEgY1x1MWVlNWM/XHJcbjx1bD5cclxuPGxpPkEuIFx1MWVhMm5oIG5cdTFlYzFuIENTUyBsdVx1MDBmNG4gY1x1MDBmMyBjaFx1MWVhNXQgbFx1MDFiMFx1MWVlM25nIGhpXHUxZWMzbiB0aFx1MWVjYiB0XHUxZWQxdCBoXHUwMWExbiBcdTFlYTNuaCBjaFx1MDBlOG4gYlx1MWViMW5nIHRoXHUxZWJiIGA8aW1nPmAuPFwvbGk+XHJcbjxsaT5CLiBHaVx1MDBmYXAgXHUxZWEzbmggblx1MWVjMW4gdFx1MWVmMSBcdTAxMTFcdTFlZDluZyBjbyBnaVx1MDBlM24gXHUwMTExXHUxZWE3eSBtXHUwMGUwbiBoXHUwMGVjbmggbVx1MDBlMCBraFx1MDBmNG5nIGNcdTFlYTduIENTUyBiXHUxZWQ1IHN1bmcuPFwvbGk+XHJcbjxsaT5DLiBUXHUwMTAzbmcgdFx1MWVkMWMgXHUwMTExXHUxZWQ5IHRcdTFlYTNpIHRyYW5nIHdlYi48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gRFx1MWVjNSBkXHUwMGUwbmcgXHUwMTExaVx1MWVjMXUgY2hcdTFlYzluaCB2XHUxZWNiIHRyXHUwMGVkLCBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIFx1MWVhM25oIFx1MDExMVx1MWVjMyBwaFx1MDBmOSBoXHUxZWUzcCB2XHUxZWRiaSBuXHUxZWQ5aSBkdW5nICh0aVx1MDBlYXUgXHUwMTExXHUxZWMxKSBcdTAxMTFcdTFlYjd0IHRyXHUwMGVhbiBuXHUwMGYzIHZcdTAwZTAga2hcdTAwZjRuZyBsXHUwMGUwbSBcdTFlYTNuaCBoXHUwMWIwXHUxZWRmbmcgXHUwMTExXHUxZWJmbiBiXHUxZWQxIGNcdTFlZTVjIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGtoXHUwMGUxYy48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgOTogVHJvbmcgYlx1MDBlMGkgdGhcdTFlZjFjIGhcdTAwZTBuaCwgdHJhbmcgY2hcdTFlZTcgKGBpbmRleC5odG1sYCkgXHUwMTExXHUwMGYzbmcgdmFpIHRyXHUwMGYyIHF1YW4gdHJcdTFlY2RuZyBuaFx1MDFiMCB0aFx1MWViZiBuXHUwMGUwbyB0cm9uZyBjXHUxZWE1dSB0clx1MDBmYWMgdFx1MWVkNW5nIHRoXHUxZWMzIGNcdTFlZTdhIHdlYnNpdGU/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gTFx1MDBlMCBcdTAxMTFpXHUxZWMzbSB0cnV5IGNcdTFlYWRwIFx1MDExMVx1MWVhN3UgdGlcdTAwZWFuLCBjdW5nIGNcdTFlYTVwIHRoXHUwMGY0bmcgdGluIGNodW5nIHZcdTAwZTAgY1x1MDBlMWMgbGlcdTAwZWFuIGtcdTFlYmZ0IFx1MDExMVx1MWViZm4gY1x1MDBlMWMgdHJhbmcgY29uLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIENoXHUxZWM5IGNoXHUxZWU5YSB0aFx1MDBmNG5nIHRpbiBsaVx1MDBlYW4gaFx1MWVjNyBjXHUxZWU3YSBuZ1x1MDFiMFx1MWVkZGkgcXVcdTFlYTNuIHRyXHUxZWNiIHdlYnNpdGUuPFwvbGk+XHJcbjxsaT5DLiBMXHUwMGUwIG5cdTAxYTFpIGR1eSBuaFx1MWVhNXQgY2hcdTFlZTlhIGJpXHUxZWMzdSBtXHUxZWFidSBcdTAxMTFcdTAxMDNuZyBrXHUwMGZkLjxcL2xpPlxyXG48bGk+RC4gSGlcdTFlYzNuIHRoXHUxZWNiIHRcdTFlYTV0IGNcdTFlYTMgblx1MWVkOWkgZHVuZyBjXHUxZWU3YSB3ZWJzaXRlIHRyXHUwMGVhbiBjXHUwMGY5bmcgbVx1MWVkOXQgdHJhbmcuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTA6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgcGhcdTFlYTduIG5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaCAoQ29udGVudCkgY1x1MWVlN2EgbVx1MWVkOXQgdHJhbmcgY29uICh2XHUwMGVkIGRcdTFlZTU6IHRyYW5nIFwiR2lcdTFlZGJpIHRoaVx1MWVjN3UgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOSBOZ2hcdTFlYzcgdGh1XHUxZWFkdFwiKSwgYlx1MWVhMW4gY1x1MWVhN24gY2hcdTAwZmEgXHUwMGZkIFx1MDExMWlcdTFlYzF1IGdcdTAwZWMgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVhM20gYlx1MWVhM28gdFx1MDBlZG5oIG5oXHUxZWE1dCBxdVx1MDBlMW4gdlx1MWVkYmkgY1x1MDBlMWMgdHJhbmcga2hcdTAwZTFjIHZcdTAwZTAgZFx1MWVjNSBcdTAxMTFcdTFlY2RjP1xyXG48dWw+XHJcbjxsaT5BLiBTXHUxZWVkIGRcdTFlZTVuZyBtXHUwMGUwdSBuXHUxZWMxbiB2XHUwMGUwIGtpXHUxZWMzdSBjaFx1MWVlZiBraFx1MDBlMWMgYmlcdTFlYzd0IGhvXHUwMGUwbiB0b1x1MDBlMG4gc28gdlx1MWVkYmkgdHJhbmcgY2hcdTFlZTcgXHUwMTExXHUxZWMzIHRcdTFlYTFvIHNcdTFlZjEgblx1MWVkNWkgYlx1MWVhZHQuPFwvbGk+XHJcbjxsaT5CLiBDaFx1MDBlOG4gY1x1MDBlMG5nIG5oaVx1MWVjMXUgXHUxZWEzbmggdlx1MDBlMCB2aWRlbyBjXHUwMGUwbmcgdFx1MWVkMXQgXHUwMTExXHUxZWMzIHRodSBoXHUwMGZhdCBuZ1x1MDFiMFx1MWVkZGkgeGVtLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBUdVx1MDBlMm4gdGhcdTFlZTcgcGhvbmcgY1x1MDBlMWNoIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBjaHVuZyAoZm9udCBjaFx1MWVlZiwgbVx1MDBlMHUgc1x1MWVhZmMsIGtob1x1MWVhM25nIGNcdTAwZTFjaCkgdlx1MDBlMCB0clx1MDBlY25oIGJcdTAwZTB5IG5cdTFlZDlpIGR1bmcgY1x1MDBmMyBjXHUxZWE1dSB0clx1MDBmYWMsIGRcdTFlYzUgXHUwMTExXHUxZWNkYy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBLaFx1MDBmNG5nIGNcdTFlYTduIHNcdTFlZWQgZFx1MWVlNW5nIGxcdTFlYTFpIGNcdTAwZTFjIGxcdTFlZGJwIENTUyBcdTAxMTFcdTAwZTMgXHUwMTExXHUxZWNibmggbmdoXHUwMTI5YSBjaG8gSGVhZGVyIHZcdTAwZTAgU2xvZ2FuLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDExOiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIG11XHUxZWQxbiBjXHUwMTAzbiBnaVx1MWVlZmEgblx1MWVkOWkgZHVuZyBjXHUxZWU3YSBwaFx1MWVhN24gU2xvZ2FuICh2XHUwMGVkIGRcdTFlZTU6IGNoXHUxZWVmKS4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIHRoXHUwMWIwXHUxZWRkbmcgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgY1x1MDEwM24gY2hcdTFlYzluaCB2XHUwMTAzbiBiXHUxZWEzbiB0aGVvIGNoaVx1MWVjMXUgbmdhbmcgYlx1MDBlYW4gdHJvbmcgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQ/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gYHRleHQtYWxpZ246IGNlbnRlcjtgPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gYHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7YDxcL2xpPlxyXG48bGk+Qy4gYGFsaWduLWl0ZW1zOiBjZW50ZXI7YDxcL2xpPlxyXG48bGk+RC4gYGp1c3RpZnktY29udGVudDogY2VudGVyO2A8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMjogTlx1MWViZnUgYlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIGtob1x1MWVhM25nIHRyXHUxZWQxbmcgMTBweCBcdTFlZGYgcGhcdTAwZWRhIGRcdTAxYjBcdTFlZGJpIGNcdTFlZTdhIHBoXHUxZWE3biBIZWFkZXIgXHUwMTExXHUxZWMzIHRcdTAwZTFjaCBuXHUwMGYzIGtoXHUxZWNmaSBwaFx1MWVhN24gblx1MWVkOWkgZHVuZyBjaFx1MDBlZG5oLCB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gbFx1MDBlMCBwaFx1MDBmOSBoXHUxZWUzcCBuaFx1MWVhNXQgXHUwMTExXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBsXHUxZWRicCBDU1MgY1x1MWVlN2EgSGVhZGVyP1xyXG48dWw+XHJcbjxsaT5BLiBgcGFkZGluZy1ib3R0b206IDEwcHg7YDxcL2xpPlxyXG48bGk+Qi4gYGhlaWdodDogY2FsYygxMDAlIC0gMTBweCk7YDxcL2xpPlxyXG48bGk+Qy4gYGJvcmRlci1ib3R0b206IDEwcHggc29saWQgdHJhbnNwYXJlbnQ7YDxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBgbWFyZ2luLWJvdHRvbTogMTBweDtgPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEzOiBLaGkgdFx1MWVhMW8gbGlcdTAwZWFuIGtcdTFlYmZ0IHRcdTFlZWIgdHJhbmcgY2hcdTFlZTcgXHUwMTExXHUxZWJmbiB0cmFuZyBcIkdpXHUxZWRiaSB0aGlcdTFlYzd1IGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkgVGhcdTFlYzMgdGhhb1wiICh0XHUxZWM3cCBgY2xiX3RoZXRoYW8uaHRtbGApLCB0aFx1MWViYiBIVE1MIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgdlx1MDBlMCB0aHVcdTFlZDljIHRcdTAwZWRuaCBuXHUwMGUwbyBjaFx1MWVjOSBcdTAxMTFcdTFlY2JuaCBcdTAxMTFcdTFlY2JhIGNoXHUxZWM5IGNcdTFlZTdhIHRyYW5nIFx1MDExMVx1MDBlZGNoP1xyXG48dWw+XHJcbjxsaT5BLiBgPGxpbms+YCB2XHUxZWRiaSB0aHVcdTFlZDljIHRcdTAwZWRuaCBgdXJsYDxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBgPGE+YCB2XHUxZWRiaSB0aHVcdTFlZDljIHRcdTAwZWRuaCBgaHJlZmA8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBgPG5hdj5gIHZcdTFlZGJpIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBkZXN0aW5hdGlvbmA8XC9saT5cclxuPGxpPkQuIGA8Z290bz5gIHZcdTFlZGJpIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBwYWdlYDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE0OiBEXHUxZWYxYSB0clx1MDBlYW4gbVx1MWVlNWMgXHUwMTExXHUwMGVkY2ggY1x1MWVlN2EgYlx1MDBlMGkgdGhcdTFlZjFjIGhcdTAwZTBuaCAodGhpXHUxZWJmdCBrXHUxZWJmIHdlYnNpdGUgZ2lcdTFlZGJpIHRoaVx1MWVjN3UgY1x1MDBlMWMgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOSksIHRyYW5nIHdlYiBjXHUxZWE3biBjXHUwMGYzIFx1MDBlZHQgbmhcdTFlYTV0IG5oXHUxZWVmbmcgbG9cdTFlYTFpIHRyYW5nIG5cdTAwZTBvIFx1MDExMVx1MWVjMyBcdTAxMTFcdTAwZTFwIFx1MWVlOW5nIHlcdTAwZWF1IGNcdTFlYTd1IGNcdTAxYTEgYlx1MWVhM24/XHJcbjx1bD5cclxuPGxpPkEuIFRyYW5nIGNoXHUxZWU3IHZcdTAwZTAgdHJhbmcgbGlcdTAwZWFuIGhcdTFlYzcuPFwvbGk+XHJcbjxsaT5CLiBUcmFuZyBjaFx1MWVlNyB2XHUwMGUwIHRyYW5nIHRpbiB0XHUxZWU5Yy48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gVHJhbmcgY2hcdTFlZTcgdlx1MDBlMCBjXHUwMGUxYyB0cmFuZyBnaVx1MWVkYmkgdGhpXHUxZWM3dSB0XHUxZWVibmcgbG9cdTFlYTFpIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkgKHZcdTAwZWQgZFx1MWVlNTogVGhcdTFlYzMgdGhhbywgTmdoXHUxZWM3IHRodVx1MWVhZHQpLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFRyYW5nIGNoXHUxZWU3LCB0cmFuZyBnaVx1MWVkYmkgdGhpXHUxZWM3dSwgdHJhbmcgbGlcdTAwZWFuIGhcdTFlYzcsIHRyYW5nIHRpbiB0XHUxZWU5Yy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNTogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBcdTAxMTFcdTAwZTMgdFx1MWVhMW8gbVx1MWVkOXQgbFx1MWVkYnAgQ1NTIHRcdTAwZWFuIGxcdTAwZTAgYC5oaWdobGlnaHRgIHZcdTFlZGJpIHF1eSB0XHUxZWFmYyBgY29sb3I6IHJlZDsgZm9udC13ZWlnaHQ6IGJvbGQ7YC4gXHUwMTEwXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIGNcdTAwZTFjIHF1eSB0XHUxZWFmYyBuXHUwMGUweSBjaG8gbVx1MWVkOXQgXHUwMTExb1x1MWVhMW4gdlx1MDEwM24gYlx1MWVhM24gY1x1MWVlNSB0aFx1MWVjMyB0cm9uZyBIVE1MLCBiXHUxZWExbiBzXHUxZWJkIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIEhUTUwgblx1MDBlMG8gY2hvIHRoXHUxZWJiIGNoXHUxZWU5YSBcdTAxMTFvXHUxZWExbiB2XHUwMTAzbiBiXHUxZWEzbiBcdTAxMTFcdTAwZjM/XHJcbjx1bD5cclxuPGxpPkEuIGBpZD1cImhpZ2hsaWdodFwiYDxcL2xpPlxyXG48bGk+Qi4gYHN0eWxlPVwiaGlnaGxpZ2h0XCJgPFwvbGk+XHJcbjxsaT5DLiBgbmFtZT1cImhpZ2hsaWdodFwiYDxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBgY2xhc3M9XCJoaWdobGlnaHRcImA8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTY6IE5cdTFlYmZ1IGJcdTFlYTFuIG11XHUxZWQxbiB0aFx1MDBlYW0gbVx1MWVkOXQgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIG1cdTAwZTB1IHhcdTAwZTFtIGRcdTAwZTB5IDFweCB4dW5nIHF1YW5oIHBoXHUxZWE3biBuXHUxZWQ5aSBkdW5nIGNoXHUwMGVkbmggKGAuQ29udGVudGApLCB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gbFx1MDBlMCBwaFx1MDBmOSBoXHUxZWUzcCBuaFx1MWVhNXQ/XHJcbjx1bD5cclxuPGxpPkEuIGBvdXRsaW5lOiAxcHggc29saWQgZ3JleTtgPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIGBib3JkZXI6IDFweCBzb2xpZCBncmV5O2A8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBgYm94LXNoYWRvdzogMCAwIDAgMXB4IGdyZXk7YDxcL2xpPlxyXG48bGk+RC4gYG1hcmdpbjogMXB4IHNvbGlkIGdyZXk7YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE3OiBUcm9uZyBxdVx1MDBlMSB0clx1MDBlY25oIHRoaVx1MWViZnQga1x1MWViZiwgdmlcdTFlYzdjIFx1MDExMVx1MWViN3QgXHUxZWEzbmggbWluaCBoXHUxZWNkYSB2XHUwMGUwbyB0aFx1MDFiMCBtXHUxZWU1YyBjb24gKHZcdTAwZWQgZFx1MWVlNTogYGltYWdlc2ApIHRoYXkgdlx1MDBlYyBcdTAxMTFcdTFlYzMgY1x1MDBmOW5nIGNcdTFlYTVwIHZcdTFlZGJpIGNcdTAwZTFjIHRcdTFlYzdwIEhUTUwgdlx1MDBlMCBDU1MgbWFuZyBsXHUxZWExaSBsXHUxZWUzaSBcdTAwZWRjaCBnXHUwMGVjIHZcdTFlYzEgbVx1MWViN3QgcXVcdTFlYTNuIGxcdTAwZmQgZFx1MWVmMSBcdTAwZTFuP1xyXG48dWw+XHJcbjxsaT5BLiBHaVx1MDBmYXAgXHUxZWEzbmggdFx1MWVhM2kgbmhhbmggaFx1MDFhMW4gdHJcdTAwZWFuIHRyXHUwMGVjbmggZHV5XHUxZWM3dC48XC9saT5cclxuPGxpPkIuIFRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgblx1MDBlOW4ga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyBcdTFlYTNuaC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gR2lcdTAwZmFwIGNcdTFlYTV1IHRyXHUwMGZhYyBkXHUxZWYxIFx1MDBlMW4gZ1x1MWVjZG4gZ1x1MDBlMG5nLCBkXHUxZWM1IHF1XHUxZWEzbiBsXHUwMGZkIHZcdTAwZTAgdFx1MDBlY20ga2lcdTFlYmZtIGNcdTAwZTFjIGxvXHUxZWExaSB0XHUxZWM3cCBraFx1MDBlMWMgbmhhdS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBCXHUxZWEzbyB2XHUxZWM3IFx1MWVhM25oIGtoXHUxZWNmaSBiXHUxZWNiIHNhbyBjaFx1MDBlOXAuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTg6IEtoaSBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgYmFja2dyb3VuZC1pbWFnZWAgdHJvbmcgQ1NTIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlYjd0IFx1MWVhM25oIGxcdTAwZTBtIG5cdTFlYzFuIGNobyBCYW5uZXIsIG5cdTFlYmZ1IFx1MWVhM25oIHF1XHUwMGUxIG5oXHUxZWNmIHNvIHZcdTFlZGJpIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgYmFubmVyLCB0aHVcdTFlZDljIHRcdTAwZWRuaCBuXHUwMGUwbyBnaVx1MDBmYXAgXHUxZWEzbmggblx1MWVjMW4gbFx1MWViN3AgbFx1MWVhMWkgXHUwMTExXHUxZWMzIGxcdTFlYTVwIFx1MDExMVx1MWVhN3kga2hcdTAwZjRuZyBnaWFuP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGBiYWNrZ3JvdW5kLXJlcGVhdDogcmVwZWF0O2A8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtgPFwvbGk+XHJcbjxsaT5DLiBgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO2A8XC9saT5cclxuPGxpPkQuIGBiYWNrZ3JvdW5kLWF0dGFjaG1lbnQ6IGZpeGVkO2A8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxOTogXHUwMTEwXHUxZWMzIFx1MDExMVx1MWVhM20gYlx1MWVhM28gclx1MWViMW5nIHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgdlx1MDBlMCBzbG9nYW4gdHJvbmcgcGhcdTFlYTduIEhlYWRlciBraFx1MDBmNG5nIGJcdTFlY2IgY2hlIGtodVx1MWVhNXQgYlx1MWVkZmkgXHUxZWEzbmggblx1MWVjMW4gaG9cdTFlYjdjIG1cdTAwZTB1IG5cdTFlYzFuLCBiXHUxZWExbiBjXHUxZWE3biBjaFx1MDBmYSBcdTAwZmQgXHUwMTExXHUxZWJmbiB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gY1x1MWVlN2Egdlx1MDEwM24gYlx1MWVhM24/XHJcbjx1bD5cclxuPGxpPkEuIGBmb250LXN0eWxlYCAoa2lcdTFlYzN1IGNoXHUxZWVmOiBuZ2hpXHUwMGVhbmcsIHRoXHUwMWIwXHUxZWRkbmcpPFwvbGk+XHJcbjxsaT5CLiBgdGV4dC1kZWNvcmF0aW9uYCAoZ1x1MWVhMWNoIGNoXHUwMGUybiwgZ1x1MWVhMWNoIG5nYW5nKTxcL2xpPlxyXG48bGk+Qy4gYGxpbmUtaGVpZ2h0YCAoa2hvXHUxZWEzbmcgY1x1MDBlMWNoIGRcdTAwZjJuZyk8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gYGNvbG9yYCAobVx1MDBlMHUgY2hcdTFlZWYpIHZcdTAwZTAgXHUwMTExXHUxZWQ5IHRcdTAxYjBcdTAxYTFuZyBwaFx1MWVhM24gdlx1MWVkYmkgbVx1MDBlMHUgblx1MWVjMW4uPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIwOiBOXHUxZWJmdSBiXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQgZGFuaCBzXHUwMGUxY2ggY1x1MDBlMWMgaG9cdTFlYTF0IFx1MDExMVx1MWVkOW5nIGNobyBtXHUxZWQ5dCBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5IHRyb25nIHBoXHUxZWE3biBuXHUxZWQ5aSBkdW5nIGNoXHUwMGVkbmgsIHRoXHUxZWJiIEhUTUwgblx1MDBlMG8gbFx1MDBlMCBwaFx1MDBmOSBoXHUxZWUzcCBuaFx1MWVhNXQgXHUwMTExXHUxZWMzIHRcdTFlYTFvIGRhbmggc1x1MDBlMWNoIGtoXHUwMGY0bmcgY1x1MDBmMyB0aFx1MWVlOSB0XHUxZWYxIChkXHUxZWE1dSBcdTAxMTFcdTFlYTd1IGRcdTAwZjJuZyk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gYDx1bD5gIHZcdTAwZTAgYDxsaT5gPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gYDxvbD5gIHZcdTAwZTAgYDxsaT5gPFwvbGk+XHJcbjxsaT5DLiBgPGRsPmAgdlx1MDBlMCBgPGR0PmAsIGA8ZGQ+YDxcL2xpPlxyXG48bGk+RC4gYDxsaXN0PmAgdlx1MDBlMCBgPGl0ZW0+YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIxOiBUcm9uZyBxdVx1MDBlMSB0clx1MDBlY25oIHRoaVx1MWViZnQga1x1MWViZiwgdmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIGNcdTAwZTFjIFwiY29tbWVudFwiIChnaGkgY2hcdTAwZmEpIHRyb25nIGNcdTFlYTMgdFx1MWVjN3AgSFRNTCAoYDwhLS0gLi4uIC0tPmApIHZcdTAwZTAgdFx1MWVjN3AgQ1NTIChgXC8qIC4uLiAqXC9gKSBtYW5nIGxcdTFlYTFpIGxcdTFlZTNpIFx1MDBlZGNoIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIEdpXHUwMGZhcCB0XHUwMTAzbmcgdFx1MWVkMWMgXHUwMTExXHUxZWQ5IHRcdTFlYTNpIHRyYW5nIHdlYi48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gR2lcdTAwZmFwIG5nXHUwMWIwXHUxZWRkaSBcdTAxMTFcdTFlY2RjIG1cdTAwZTMgbmd1XHUxZWQzbiAoYmFvIGdcdTFlZDNtIGNcdTFlYTMgYlx1MWVhM24gdGhcdTAwZTJuKSBoaVx1MWVjM3Ugclx1MDBmNSBtXHUxZWU1YyBcdTAxMTFcdTAwZWRjaCB2XHUwMGUwIGNcdTFlYTV1IHRyXHUwMGZhYyBjXHUxZWU3YSBtXHUwMGUzLCBkXHUxZWM1IGRcdTAwZTBuZyBzXHUxZWVkYSBcdTAxMTFcdTFlZDVpIHNhdSBuXHUwMGUweS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBOZ1x1MDEwM24gY2hcdTFlYjduIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgY3VcdTFlZDFpIHhlbSBtXHUwMGUzIG5ndVx1MWVkM24uPFwvbGk+XHJcbjxsaT5ELiBUXHUxZWYxIFx1MDExMVx1MWVkOW5nIHNcdTFlZWRhIGxcdTFlZDdpIGNcdTAwZmEgcGhcdTAwZTFwIHRyb25nIG1cdTAwZTMuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjI6IEdpXHUxZWEzIHNcdTFlZWQgYlx1MWVhMW4gbXVcdTFlZDFuIHRoXHUwMGVhbSBtXHUxZWQ5dCBcdTAxMTFvXHUxZWExbiB2XHUwMTAzbiBnaVx1MWVkYmkgdGhpXHUxZWM3dSBuZ1x1MWVhZm4gdlx1MWVjMSB3ZWJzaXRlIG5nYXkgZFx1MDFiMFx1MWVkYmkgcGhcdTFlYTduIFNsb2dhbiB0clx1MDBlYW4gdHJhbmcgY2hcdTFlZTcuIEJcdTFlYTFuIHNcdTFlYmQgc1x1MWVlZCBkXHUxZWU1bmcgdGhcdTFlYmIgSFRNTCBuXHUwMGUwbyBcdTAxMTFcdTFlYzMgY2hcdTFlZTlhIFx1MDExMW9cdTFlYTFuIHZcdTAxMDNuIG5cdTAwZTB5IHZcdTAwZTAgbFx1MDBlMG0gdGhcdTFlYmYgblx1MDBlMG8gXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBuXHUwMGYzIGJcdTFlYjFuZyBDU1M/XHJcbjx1bD5cclxuPGxpPkEuIFRoXHUxZWJiIGA8aDE+YDsgXHUwMTEwXHUxZWNibmggZFx1MWVhMW5nIGJcdTFlYjFuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgc3R5bGVgIHRyXHUxZWYxYyB0aVx1MWViZnAuPFwvbGk+XHJcbjxsaT5CLiBUaFx1MWViYiBgPGJyPmA7IFx1MDExMFx1MWVjYm5oIGRcdTFlYTFuZyBiXHUxZWIxbmcgY1x1MDBlMWNoIHRcdTFlYTFvIHRoXHUxZWJiIGA8Zm9ybWF0PmAgcmlcdTAwZWFuZy48XC9saT5cclxuPGxpPkMuIFRoXHUxZWJiIGA8ZGl2PmA7IENoXHUxZWM5IFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBiXHUxZWIxbmcgY1x1MDBlMWNoIHNcdTFlZWQgZFx1MWVlNW5nIHRcdTAwZWFuIHRoXHUxZWJiIGBkaXZgIHRyb25nIENTUy48XC9saT5cclxuPGxpPkQuIFRoXHUxZWJiIGA8cD5gOyBcdTAwYzFwIGRcdTFlZTVuZyBsXHUxZWRicCBDU1MgKGBjbGFzc2ApIGhvXHUxZWI3YyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgdHJcdTFlZjFjIHRpXHUxZWJmcCB0aFx1MWViYiBgPHA+YCB0cm9uZyBDU1MuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjM6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgYlx1MWVkMSBjXHUxZWU1YyBzXHUxZWVkIGRcdTFlZTVuZyBjXHUwMGUxYyBcImJsb2NrXCIgKGtoXHUxZWQxaSkgdlx1MDBlMCBcInJvd1wiIChoXHUwMGUwbmcpIG5oXHUwMWIwIHRyb25nIGJcdTAwZTBpLCBuZ3V5XHUwMGVhbiB0XHUxZWFmYyBjXHUwMWExIGJcdTFlYTNuIG5cdTAwZTBvIGNcdTFlZTdhIHRoaVx1MWViZnQga1x1MWViZiB3ZWIgXHUwMTExYW5nIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMGUxcCBkXHUxZWU1bmc/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQ2hpYSB0cmFuZyB0aFx1MDBlMG5oIGNcdTAwZTFjIGtodSB2XHUxZWYxYyAoc2VjdGlvbikgaG9cdTFlYjdjIGtoXHUxZWQxaSAoYmxvY2spIFx1MDExMVx1MWVjMyBzXHUxZWFmcCB4XHUxZWJmcCBuXHUxZWQ5aSBkdW5nIG1cdTFlZDl0IGNcdTAwZTFjaCBjXHUwMGYzIGNcdTFlYTV1IHRyXHUwMGZhYy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBTXHUxZWVkIGRcdTFlZTVuZyBtXHUwMGUwdSBzXHUxZWFmYyBzXHUxZWI3YyBzXHUxZWUxIFx1MDExMVx1MWVjMyB0aHUgaFx1MDBmYXQgbmdcdTAxYjBcdTFlZGRpIHhlbS48XC9saT5cclxuPGxpPkMuIENoXHUxZWM5IHNcdTFlZWQgZFx1MWVlNW5nIHZcdTAxMDNuIGJcdTFlYTNuIHRodVx1MWVhN24gdFx1MDBmYXkgbVx1MDBlMCBraFx1MDBmNG5nIGRcdTAwZjluZyBoXHUwMGVjbmggXHUxZWEzbmguPFwvbGk+XHJcbjxsaT5ELiBcdTAxMTBcdTFlYjd0IHRcdTFlYTV0IGNcdTFlYTMgblx1MWVkOWkgZHVuZyB2XHUwMGUwbyBtXHUxZWQ5dCB0aFx1MWViYiBgPHRhYmxlPmAgbFx1MWVkYm4uPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjQ6IEdpXHUxZWEzIHNcdTFlZWQgYlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIGhpXHUxZWM3dSBcdTFlZTluZyBraGkgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBkaSBjaHVcdTFlZDl0IHF1YSBtXHUxZWQ5dCBsaVx1MDBlYW4ga1x1MWViZnQgKHRoYXkgXHUwMTExXHUxZWQ1aSBtXHUwMGUwdSBjaFx1MWVlZikuIEJcdTFlYTFuIHNcdTFlYmQgc1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gKHNlbGVjdG9yKSBDU1Mgblx1MDBlMG8gXHUwMTExXHUxZWMzIG5oXHUxZWFmbSBtXHUxZWU1YyB0aVx1MDBlYXUgdlx1MDBlMG8gdHJcdTFlYTFuZyB0aFx1MDBlMWkgXCJkaSBjaHVcdTFlZDl0IHF1YVwiIGNcdTFlZTdhIHRoXHUxZWJiIGxpXHUwMGVhbiBrXHUxZWJmdCBgPGE+YD9cclxuPHVsPlxyXG48bGk+QS4gYGEuaG92ZXJgPFwvbGk+XHJcbjxsaT5CLiBgYVtzdGF0ZT1cImhvdmVyXCJdYDxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBgYTpob3ZlcmA8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBgYTo6bW91c2VvdmVyYDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI1OiBLaGkgYlx1MWVhMW4gbFx1MDFiMHUgdFx1MWVjN3AgSFRNTCBjXHUxZWU3YSB0cmFuZyBjaFx1MWVlNywgdFx1MDBlYW4gdFx1MWVjN3AgY2h1XHUxZWE5biB2XHUwMGUwIHBoXHUxZWQ1IGJpXHUxZWJmbiBuaFx1MWVhNXQgdGhcdTAxYjBcdTFlZGRuZyBsXHUwMGUwIGdcdTAwZWMgXHUwMTExXHUxZWMzIG1cdTAwZTF5IGNoXHUxZWU3IHdlYiBjXHUwMGYzIHRoXHUxZWMzIHRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgbmhcdTFlYWRuIGRpXHUxZWM3biBuXHUwMGYzIGxcdTAwZTAgdHJhbmcgbVx1MWViN2MgXHUwMTExXHUxZWNibmg/XHJcbjx1bD5cclxuPGxpPkEuIGBob21lLmh0bWxgPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIGBpbmRleC5odG1sYDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGBtYWluLmh0bWxgPFwvbGk+XHJcbjxsaT5ELiBgZGVmYXVsdC5odG1sYDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI2OiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIG11XHUxZWQxbiB0aFx1MDBlYW0ga2hvXHUxZWEzbmcgXHUwMTExXHUxZWM3bSAocGFkZGluZykgMjBweCB2XHUwMGUwbyBiXHUwMGVhbiB0cm9uZyBwaFx1MWVhN24gblx1MWVkOWkgZHVuZyBjaFx1MDBlZG5oIChgLkNvbnRlbnRgKSBcdTAxMTFcdTFlYzMgblx1MWVkOWkgZHVuZyBraFx1MDBmNG5nIGJcdTFlY2IgZFx1MDBlZG5oIHNcdTAwZTF0IHZcdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBob1x1MWViN2MgbFx1MWVjMSBjXHUxZWU3YSBraFx1MWVkMWkgY2hcdTFlZTlhIG5cdTAwZjMuIFRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBsXHUwMGUwIHBoXHUwMGY5IGhcdTFlZTNwP1xyXG48dWw+XHJcbjxsaT5BLiBgbWFyZ2luOiAyMHB4O2A8XC9saT5cclxuPGxpPkIuIGBib3JkZXItc3BhY2luZzogMjBweDtgPFwvbGk+XHJcbjxsaT5DLiBgc3BhY2UtaW5zaWRlOiAyMHB4O2A8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gYHBhZGRpbmc6IDIwcHg7YDxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNzogXHUwMTEwXHUxZWMzIHRcdTFlYTFvIG1cdTFlZDl0IHRyYW5nIHJpXHUwMGVhbmcgYmlcdTFlYzd0IGNobyB2aVx1MWVjN2MgXHUwMTExXHUwMTAzbmcga1x1MDBmZCB0aGFtIGdpYSBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5ICh2XHUwMGVkIGRcdTFlZTU6IGNoXHUxZWU5YSBiaVx1MWVjM3UgbVx1MWVhYnUpLCBiXHUxZWExbiBzXHUxZWJkIHRcdTFlYTFvIG1cdTFlZDl0IHRcdTFlYzdwIEhUTUwgbVx1MWVkYmkuIFRcdTFlYzdwIG5cdTAwZTB5IGNcdTFlYTduIGNcdTAwZjMgY1x1MWVhNXUgdHJcdTAwZmFjIGNcdTAxYTEgYlx1MWVhM24gZ2lcdTFlZDFuZyB2XHUxZWRiaSBjXHUwMGUxYyB0XHUxZWM3cCBIVE1MIGtoXHUwMGUxYyBuaFx1MDFiMCB0aFx1MWViZiBuXHUwMGUwbyBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWEzbSBiXHUxZWEzbyB0XHUwMGVkbmggbmhcdTFlYTV0IHF1XHUwMGUxbiB2XHUxZWMxIGdpYW8gZGlcdTFlYzduIChIZWFkZXIsIEZvb3Rlci4uLik/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gTlx1MDBlYW4gYmFvIGdcdTFlZDNtIGNcdTAwZTFjIHBoXHUxZWE3biBIZWFkZXIgdlx1MDBlMCBGb290ZXIgdFx1MDFiMFx1MDFhMW5nIHRcdTFlZjEgbmhcdTAxYjAgY1x1MDBlMWMgdHJhbmcga2hcdTAwZTFjIHZcdTAwZTAgbGlcdTAwZWFuIGtcdTFlYmZ0IFx1MDExMVx1MWViZm4gdFx1MWVjN3AgQ1NTIGNodW5nLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIEtoXHUwMGY0bmcgY1x1MWVhN24gSGVhZGVyIHZcdTAwZTAgRm9vdGVyLCBjaFx1MWVjOSBjXHUxZWE3biBwaFx1MWVhN24gblx1MWVkOWkgZHVuZyBjaFx1MWVlOWEgYmlcdTFlYzN1IG1cdTFlYWJ1LjxcL2xpPlxyXG48bGk+Qy4gU1x1MWVlZCBkXHUxZWU1bmcgbVx1MWVkOXQgdFx1MWVjN3AgQ1NTIGhvXHUwMGUwbiB0b1x1MDBlMG4ga2hcdTAwZTFjIFx1MDExMVx1MWVjMyB0XHUxZWExbyBnaWFvIGRpXHUxZWM3biByaVx1MDBlYW5nIGJpXHUxZWM3dC48XC9saT5cclxuPGxpPkQuIENoXHUxZWM5IGNcdTFlYTduIHNhbyBjaFx1MDBlOXAgdG9cdTAwZTBuIGJcdTFlZDkgblx1MWVkOWkgZHVuZyBjXHUxZWU3YSB0cmFuZyBjaFx1MWVlNyB2XHUwMGUwIHNcdTFlZWRhIGxcdTFlYTFpIHBoXHUxZWE3biBuXHUxZWQ5aSBkdW5nIGNoXHUwMGVkbmguPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjg6IEdpXHUxZWEzIHNcdTFlZWQgYlx1MWVhMW4gbXVcdTFlZDFuIFx1MDExMVx1MWViN3QgbVx1MWVkOXQgXHUxZWEzbmggblx1MWVjMW4gY2hvIHRvXHUwMGUwbiBiXHUxZWQ5IHRyYW5nIHdlYiB0aGF5IHZcdTAwZWMgY2hcdTFlYzkgY2hvIHBoXHUxZWE3biBCYW5uZXIuIEJcdTFlYTFuIHNcdTFlYmQgXHUwMGUxcCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGJhY2tncm91bmQtaW1hZ2VgIHRyb25nIENTUyBjaG8gYlx1MWVkOSBjaFx1MWVjZG4gKHNlbGVjdG9yKSBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gLkhlYWRlcjxcL2xpPlxyXG48bGk+Qi4gLkNvbnRlbnQ8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gYm9keTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIC5Sb3c8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyOTogVHJvbmcgYlx1MDBlMGkgdGhcdTFlZjFjIGhcdTAwZTBuaCwgcGhcdTFlYTduIFNsb2dhbiBcdTAxMTFcdTAxYjBcdTFlZTNjIGNoaWEgdGhcdTAwZTBuaCAzIFx1MDBmNCBiXHUxZWIxbmcgbmhhdSB0clx1MDBlYW4gbVx1MWVkOXQgaFx1MDBlMG5nLiBcdTAxMTBpXHUxZWMxdSBuXHUwMGUweSBuaFx1MWViMW0gbVx1MWVlNWMgXHUwMTExXHUwMGVkY2ggZ1x1MDBlYyB0cm9uZyB0aGlcdTFlYmZ0IGtcdTFlYmYgYlx1MWVkMSBjXHUxZWU1Yz9cclxuPHVsPlxyXG48bGk+QS4gXHUwMTEwXHUxZWMzIG1cdTFlZDdpIFx1MDBmNCBjXHUwMGYzIHRoXHUxZWMzIGhpXHUxZWMzbiB0aFx1MWVjYiBtXHUxZWQ5dCBsb1x1MWVhMWkgblx1MWVkOWkgZHVuZyBraFx1MDBlMWMgbmhhdSAodlx1MDEwM24gYlx1MWVhM24sIFx1MWVhM25oLCB2aWRlbykuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIFx1MDExMFx1MWVjMyB0XHUxZWExbyBzXHUxZWYxIGNcdTAwZTJuIFx1MDExMVx1MWVkMWksIGhcdTAwZTBpIGhcdTAwZjJhIHZcdTAwZTAgY1x1MDBmMyBjXHUxZWE1dSB0clx1MDBmYWMgY2hvIHBoXHUxZWE3biBzbG9nYW4gdHJcdTAwZWFuIHRyYW5nLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIFx1MDExMFx1MWVjMyBnaVx1MWVhM20gZHVuZyBsXHUwMWIwXHUxZWUzbmcgdFx1MWVjN3AgdGluIEhUTUwuPFwvbGk+XHJcbjxsaT5ELiBcdTAxMTBcdTFlYzMgdFx1MDEwM25nIHRcdTFlZDFjIFx1MDExMVx1MWVkOSB0XHUxZWEzaSB0cmFuZyB0clx1MDBlYW4gdGhpXHUxZWJmdCBiXHUxZWNiIGRpIFx1MDExMVx1MWVkOW5nLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDMwOiBLaGkgaG9cdTAwZTBuIHRoXHUwMGUwbmggdmlcdTFlYzdjIHRoaVx1MWViZnQga1x1MWViZiB2XHUwMGUwIG11XHUxZWQxbiBjaGlhIHNcdTFlYmIgd2Vic2l0ZSBjXHUxZWU3YSBtXHUwMGVjbmgsIGJcdTFlYTFuIGNcdTFlYTduIGxcdTAwZTBtIGdcdTAwZWMgXHUwMTExXHUxZWMzIG5nXHUwMWIwXHUxZWRkaSBraFx1MDBlMWMgY1x1MDBmMyB0aFx1MWVjMyB0cnV5IGNcdTFlYWRwIFx1MDExMVx1MDFiMFx1MWVlM2MgdFx1MWVlYiB4YSB0aFx1MDBmNG5nIHF1YSBJbnRlcm5ldD9cclxuPHVsPlxyXG48bGk+QS4gTlx1MDBlOW4gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0XHUxZWM3cCB0aW4gdGhcdTAwZTBuaCBtXHUxZWQ5dCB0XHUxZWM3cCAuemlwIHZcdTAwZTAgZ1x1MWVlZGkgY2hvIG1cdTFlY2RpIG5nXHUwMWIwXHUxZWRkaS48XC9saT5cclxuPGxpPkIuIENoXHUxZWM5IGNcdTFlYTduIG1cdTFlZGYgdFx1MWVjN3AgYGluZGV4Lmh0bWxgIHRyXHUwMGVhbiBtXHUwMGUxeSB0XHUwMGVkbmggY1x1MWVlN2EgYlx1MWVhMW4uPFwvbGk+XHJcbjxsaT5DLiBTYW8gY2hcdTAwZTlwIGNcdTAwZTFjIHRcdTFlYzdwIHRpbiB2XHUwMGUwbyBtXHUxZWQ5dCBVU0Igdlx1MDBlMCBwaFx1MDBlMm4gcGhcdTAwZTF0IGNobyBtXHUxZWNkaSBuZ1x1MDFiMFx1MWVkZGkuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIFx1MDExMFx1MDFiMGEgY1x1MDBlMWMgdFx1MWVjN3AgdGluIGxcdTAwZWFuIG1cdTFlZDl0IG1cdTAwZTF5IGNoXHUxZWU3IHdlYiAoaG9zdGluZykgdlx1MDBlMCBsaVx1MDBlYW4ga1x1MWViZnQgdlx1MWVkYmkgbVx1MWVkOXQgdFx1MDBlYW4gbWlcdTFlYzFuLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMzMDIiLCJxdWVzdGlvbl9pZHMiOiI4ODU1NTAsODg1NTUxLDg4NTU1Miw4ODU1NTMsODg1NTU0LDg4NTU1NSw4ODU1NTYsODg1NTU3LDg4NTU1OCw4ODU1NTksODg1NTYwLDg4NTU2MSw4ODU1NjIsODg1NTYzLDg4NTU2NCw4ODU1NjUsODg1NTY2LDg4NTU2Nyw4ODU1NjgsODg1NTY5LDg4NTU3MCw4ODU1NzEsODg1NTcyLDg4NTU3Myw4ODU1NzQsODg1NTc1LDg4NTU3Niw4ODU1NzcsODg1NTc4LDg4NTU3OSIsIm9yZGVyaW5nIjoiMjk2NzEiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ==';
</script>
<input type='hidden' name='quiz_id' value='29671'/>
<input type='hidden' name='start_date' class='ays-start-date'/>
<input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/>
<input type='hidden' name='ays_finish_quiz_nonce_29671' value='45d85a0ccb'/>
</form></div>
</div>
</div></div>
<div class="panel blogger"><div class='ays-quiz-wrap'>
<div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active'
data-quest-effect='shake'
data-hide-bg-image='false'
id='ays-quiz-container-30609'>
<div class='ays-questions-container'>
<div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap">
<a class="ays-quiz-full-screen-container">
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>
</svg>
</a>
</div></div>
<span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span>
<form
action=''
method='post'
autocomplete='off'
id='ays_finish_quiz_30609'
class='ays-quiz-form enable_questions_result '
><input type='hidden' class='ays_question_count_per_page' value='30'>
<input type='hidden' value='list' class='answer_view_class'>
<input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'>
<div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p>
</div>
<div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p>
</div>
<hr style='height:1px;'>
</section>
<div class='step active-step'>
<div class='ays-abs-fs ays-start-page'>
<div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong></p></div>
<p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 04</p>
<div class='ays_buttons_div'>
<input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" />
</div>
<div class='ays-fs-subtitle'><p><strong>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 04</strong> được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!</p>
<div class="question-block">
<p>Câu 1: Khi xây dựng một website gồm nhiều trang như giới thiệu các câu lạc bộ, việc sử dụng một tệp tin CSS chung cho tất cả các trang mang lại lợi ích chính nào?</p>
<ul>
<li>A. Giảm đáng kể dung lượng lưu trữ của website trên máy chủ.</li>
<li><strong>B. Đảm bảo sự nhất quán về giao diện và phong cách trình bày trên toàn bộ website.</strong></li>
<li>C. Tăng tốc độ tải trang cho người dùng truy cập lần đầu.</li>
<li>D. Hỗ trợ tối ưu hóa website cho các công cụ tìm kiếm (SEO).</li>
</ul>
</div>
<div class="question-block">
<p>Câu 2: Giả sử bạn muốn tạo một phần đầu trang (header) cho website giới thiệu câu lạc bộ. Phần này cần chứa logo ở bên trái và tên website/slogan ở bên phải. Bạn nên sử dụng cấu trúc HTML và CSS cơ bản nào để đạt được bố cục này một cách hiệu quả?</p>
<ul>
<li>A. Sử dụng thẻ `<br />
<table>` để chia header thành hai cột.</li>
<li>B. Đặt logo và slogan vào hai thẻ `
<p>` riêng biệt và chúng sẽ tự động xếp ngang hàng.</li>
<li>C. Chỉ cần đặt logo và slogan vào cùng một thẻ `
<div>` mà không cần CSS đặc biệt.</li>
<li><strong>D. Đặt logo và slogan vào các thẻ `
<div>` hoặc các phần tử phù hợp khác bên trong một thẻ container, sau đó sử dụng CSS để bố trí chúng theo chiều ngang.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 3: Trong bài học, để tạo các "ô" (block) có độ rộng bằng nhau và nằm trên cùng một hàng (như phần slogan), người ta đã sử dụng kết hợp lớp CSS nào và áp dụng cho các phần tử nào?</p>
<ul>
<li>A. Lớp `block_3` áp dụng cho thẻ `<br />
<table>` và lớp `Row` áp dụng cho thẻ `</p>
<tr>`.</li>
<li>B. Lớp `Row` áp dụng cho từng "ô" riêng lẻ và lớp `block_3` áp dụng cho thẻ container.</li>
<li><strong>C. Lớp `Row` áp dụng cho thẻ container (chứa các ô) và lớp `block_3` áp dụng cho từng "ô" con.</strong></li>
<li>D. Chỉ cần áp dụng lớp `block_3` cho các "ô" con, chúng sẽ tự động xếp ngang hàng.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 4: Khi thiết kế phần nội dung chính (main content) của trang chủ, bạn muốn hiển thị thông tin tóm tắt về các loại câu lạc bộ (ví dụ: Thể thao, Nghệ thuật) dưới dạng các khối riêng biệt, mỗi khối có tiêu đề và mô tả ngắn. Để làm cho các khối này hiển thị rõ ràng và tách biệt, bạn nên sử dụng thẻ HTML nào để nhóm nội dung cho mỗi khối và áp dụng CSS để tạo khoảng cách giữa chúng?</p>
<ul>
<li><strong>A. Thẻ `
<div>` cho mỗi khối và sử dụng thuộc tính `margin` hoặc `padding` trong CSS.</strong></li>
<li>B. Thẻ `
<p>` cho mỗi khối và sử dụng thuộc tính `line-height` trong CSS.</li>
<li>C. Thẻ `<span>` cho mỗi khối và sử dụng thuộc tính `border` trong CSS.</li>
<li>D. Thẻ `<a>` cho mỗi khối và sử dụng thuộc tính `text-decoration` trong CSS.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 5: Bạn đã thiết kế xong bố cục cơ bản cho trang chủ. Bây giờ bạn muốn đảm bảo rằng tất cả các liên kết (link) trên trang đều có màu xanh dương và không có gạch chân khi chưa được truy cập. Bạn cần thêm quy tắc CSS nào vào tệp CSS chung của mình?</p>
<ul>
<li>A. `.link { color: blue; text-decoration: none; }`</li>
<li>B. `#all-links { color: blue; text-decoration: none; }`</li>
<li><strong>C. `a { color: blue; text-decoration: none; }`</strong></li>
<li>D. `p a { color: blue; text-decoration: none; }`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 6: Trong quá trình thiết kế website, việc lên kế hoạch cấu trúc website (số lượng trang, mối liên kết giữa các trang) trước khi bắt đầu viết mã HTML/CSS là bước quan trọng nhằm mục đích gì?</p>
<ul>
<li><strong>A. Xác định rõ ràng luồng thông tin và cách người dùng điều hướng trong website.</strong></li>
<li>B. Giúp website tải nhanh hơn trên mọi thiết bị.</li>
<li>C. Tự động tạo ra nội dung cho các trang con.</li>
<li>D. Loại bỏ hoàn toàn nhu cầu sử dụng CSS.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 7: Bạn muốn thêm một hình ảnh làm nền cho phần banner của trang web. Thuộc tính CSS nào trong lớp định dạng banner sẽ giúp bạn thực hiện điều này?</p>
<ul>
<li>A. `src`</li>
<li><strong>B. `background-image`</strong></li>
<li>C. `image-source`</li>
<li>D. `background-color`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 8: Để đảm bảo website của bạn hiển thị tốt trên cả máy tính và điện thoại, bạn cần xem xét áp dụng kỹ thuật thiết kế nào?</p>
<ul>
<li>A. Chỉ sử dụng văn bản thuần túy.</li>
<li>B. Tạo hai phiên bản website riêng biệt (một cho máy tính, một cho điện thoại).</li>
<li><strong>C. Áp dụng các kỹ thuật thiết kế đáp ứng (Responsive Web Design) sử dụng CSS.</strong></li>
<li>D. Sử dụng Flash cho tất cả các thành phần đồ họa.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 9: Bạn đã tạo một lớp CSS tên là `.club-info` để định dạng các khối thông tin về từng câu lạc bộ. Mỗi khối này cần có viền (border) màu xám mỏng. Bạn sẽ thêm quy tắc CSS nào vào lớp `.club-info`?</p>
<ul>
<li><strong>A. `border: 1px solid gray;`</strong></li>
<li>B. `outline: 1px solid gray;`</li>
<li>C. `border-color: gray; border-width: 1px;` (chưa đủ kiểu viền)</li>
<li>D. `border-style: solid; color: gray; width: 1px;`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 10: Một trang giới thiệu chi tiết về một câu lạc bộ cụ thể (ví dụ: CLB Cờ Vua) nên bao gồm những loại thông tin nào để thu hút người xem và cung cấp đầy đủ thông tin?</p>
<ul>
<li>A. Chỉ cần tên câu lạc bộ và một vài hình ảnh.</li>
<li>B. Chỉ cần lịch sử hình thành và danh sách thành viên.</li>
<li>C. Chỉ cần thông tin liên hệ của người phụ trách.</li>
<li><strong>D. Mục tiêu, hoạt động chính, lịch sinh hoạt, thành tích nổi bật và cách thức đăng ký/tham gia.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 11: Giả sử bạn muốn căn giữa tiêu đề chính của trang web (đặt trong thẻ `</p>
<h1>`) theo chiều ngang. Bạn sẽ sử dụng thuộc tính CSS nào cho thẻ `h1`?</p>
<ul>
<li>A. `align: center;`</li>
<li><strong>B. `text-align: center;`</strong></li>
<li>C. `vertical-align: middle;`</li>
<li>D. `margin: auto;` (Áp dụng cho khối, không phải văn bản bên trong)</li>
</ul>
</div>
<div class="question-block">
<p>Câu 12: Bạn cần tạo một danh sách các liên kết điều hướng (menu) ở đầu trang. Cấu trúc HTML ngữ nghĩa (semantic HTML) nào là phù hợp nhất để biểu diễn một danh sách các liên kết như vậy?</p>
<ul>
<li>A. Một loạt các thẻ `<a>` nối tiếp nhau.</li>
<li>B. Sử dụng thẻ `
<div>` chứa các thẻ `</p>
<p>` với liên kết bên trong.</li>
<li><strong>C. Sử dụng thẻ `<br />
<nav>` chứa danh sách không có thứ tự (`</p>
<ul>`) với các mục danh sách (`</p>
<li>`) là các liên kết (`<a>`).</strong></li>
<li>D. Sử dụng thẻ `<br />
<table>` để tạo các ô chứa liên kết.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 13: Bạn muốn tạo hiệu ứng khi di chuột qua một liên kết trong menu, màu chữ của liên kết đó sẽ thay đổi. Bạn sẽ sử dụng bộ chọn giả lớp (pseudo-class) nào trong CSS?</p>
<ul>
<li><strong>A. `a:hover`</strong></li>
<li>B. `a:active`</li>
<li>C. `a:focus`</li>
<li>D. `a:visited`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 14: Tại sao việc đặt các tệp hình ảnh, video, và tệp CSS vào các thư mục riêng biệt (ví dụ: `images`, `videos`, `css`) lại là một thực hành tốt khi xây dựng website?</p>
<ul>
<li>A. Giúp website tải nhanh hơn vì trình duyệt dễ tìm thấy tệp hơn.</li>
<li>B. Tự động nén dung lượng của các tệp đa phương tiện.</li>
<li>C. Ngăn chặn người dùng tải về các tệp tài nguyên của website.</li>
<li><strong>D. Giúp tổ chức cấu trúc dự án website một cách rõ ràng, dễ quản lý và bảo trì.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 15: Bạn đã tạo một lớp CSS tên là `.footer` để định dạng phần cuối trang. Bạn muốn phần cuối trang này có nền màu xám nhạt (#f2f2f2) và chữ màu đen. Bạn sẽ thêm các thuộc tính CSS nào vào lớp `.footer`?</p>
<ul>
<li><strong>A. `background-color: #f2f2f2; color: black;`</strong></li>
<li>B. `background: #f2f2f2; text-color: black;`</li>
<li>C. `color: #f2f2f2; background-color: black;`</li>
<li>D. `background-image: #f2f2f2; font-color: black;`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 16: Khi thiết kế một trang web giới thiệu câu lạc bộ, ngoài thông tin văn bản, việc tích hợp hình ảnh và video minh họa có vai trò gì?</p>
<ul>
<li>A. Chỉ để tăng dung lượng của trang web.</li>
<li>B. Không có vai trò gì đáng kể ngoài việc trang trí.</li>
<li><strong>C. Giúp trang web sinh động, trực quan, hấp dẫn và truyền tải thông tin hiệu quả hơn.</strong></li>
<li>D. Là yêu cầu bắt buộc để website hoạt động được.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 17: Bạn muốn tạo một khoảng đệm (padding) 20px xung quanh nội dung bên trong phần tử có lớp `.content-area`. Tức là, khoảng cách từ viền của `.content-area` đến nội dung bên trong nó là 20px về mọi phía. Bạn sẽ sử dụng quy tắc CSS nào?</p>
<ul>
<li>A. `margin: 20px;`</li>
<li>B. `border: 20px;`</li>
<li>C. `space-inside: 20px;`</li>
<li><strong>D. `padding: 20px;`</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 18: Để tạo liên kết từ trang chủ đến trang giới thiệu CLB Thể thao (có tên tệp là `thethao.html`), bạn cần sử dụng thẻ HTML nào và thuộc tính nào để chỉ định địa chỉ trang đích?</p>
<ul>
<li>A. `<link src="thethao.html">CLB Thể thao</link>`</li>
<li><strong>B. `<a href="thethao.html">CLB Thể thao</a>`</strong></li>
<li>C. `<go to="thethao.html">CLB Thể thao</go to>`</li>
<li>D. `<navigate url="thethao.html">CLB Thể thao</navigate>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 19: Khi bạn muốn một phần tử (ví dụ: một khối nội dung) chiếm toàn bộ chiều rộng khả dụng của phần tử cha nó, bạn thường sử dụng kiểu hiển thị (display) mặc định nào cho phần tử đó?</p>
<ul>
<li><strong>A. `block`</strong></li>
<li>B. `inline`</li>
<li>C. `inline-block`</li>
<li>D. `flex`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 20: Bạn đang thiết kế trang giới thiệu CLB Nghệ thuật và muốn nhúng một video từ YouTube vào trang đó. Bạn sẽ sử dụng thẻ HTML nào để thực hiện việc nhúng video?</p>
<ul>
<li>A. `<video>` (thường dùng cho video tự lưu trữ)</li>
<li>B. `<embed>` (ít dùng hơn `<iframe>` cho mục đích này)</li>
<li>C. `<source>`</li>
<li><strong>D. `<iframe>`</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 21: Mục đích của việc tạo một trang riêng chứa biểu mẫu đăng ký tham gia câu lạc bộ là gì?</p>
<ul>
<li><strong>A. Cung cấp một cách có cấu trúc để người dùng gửi thông tin cá nhân và yêu cầu tham gia.</strong></li>
<li>B. Để hiển thị danh sách tất cả các thành viên hiện tại của câu lạc bộ.</li>
<li>C. Chỉ để trang trí cho website thêm sinh động.</li>
<li>D. Giúp website được xếp hạng cao hơn trên công cụ tìm kiếm.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 22: Bạn muốn áp dụng cùng một kiểu dáng (ví dụ: màu nền, khoảng đệm) cho nhiều phần tử HTML khác nhau trên trang web mà không cần lặp lại các quy tắc CSS. Cách hiệu quả nhất để làm điều này là sử dụng khái niệm nào trong CSS?</p>
<ul>
<li>A. ID</li>
<li>B. Bộ chọn thẻ (Type selector)</li>
<li><strong>C. Lớp (Class)</strong></li>
<li>D. Thuộc tính `style` inline</li>
</ul>
</div>
<div class="question-block">
<p>Câu 23: Giả sử bạn có một khối văn bản mô tả hoạt động của CLB và muốn nó có màu chữ xanh lá cây. Bạn sẽ thêm thuộc tính CSS nào vào bộ chọn nhắm mục tiêu đến khối văn bản đó?</p>
<ul>
<li><strong>A. `color: green;`</strong></li>
<li>B. `text-color: green;`</li>
<li>C. `font-color: green;`</li>
<li>D. `background-color: green;`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 24: Bạn đang xem mã HTML và thấy đoạn sau: `</p>
<div class="Row">
<div class="block_3">Nội dung 1</div>
<div class="block_3">Nội dung 2</div>
<div class="block_3">Nội dung 3</div>
</div>
<p>`. Dựa trên tên lớp, bạn có thể suy luận gì về bố cục hiển thị của ba khối "Nội dung" này?</p>
<ul>
<li>A. Ba khối sẽ xếp chồng lên nhau theo chiều dọc.</li>
<li>B. Khối "Nội dung 1" sẽ chiếm toàn bộ chiều rộng, hai khối còn lại nằm dưới.</li>
<li><strong>C. Ba khối sẽ xếp cạnh nhau theo chiều ngang, mỗi khối chiếm khoảng 1/3 chiều rộng container.</strong></li>
<li>D. Bố cục sẽ phụ thuộc hoàn toàn vào kích thước màn hình mà không có quy tắc cụ thể.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 25: Để tạo một đường kẻ ngang phân cách giữa các phần nội dung khác nhau trên trang web (ví dụ: phân cách header và main content), bạn có thể sử dụng thẻ HTML nào?</p>
<ul>
<li><strong>A. `<br />
<hr>
<p>`</strong></li>
<li>B. `<line>`</li>
<li>C. `<separator>`</li>
<li>D. `<br />` (chỉ tạo ngắt dòng)</li>
</ul>
</div>
<div class="question-block">
<p>Câu 26: Khi thiết kế phần chân trang (footer), bạn muốn nó luôn nằm ở cuối trang, bất kể nội dung chính có ngắn hay dài. Mặc dù không phải lúc nào cũng dễ dàng chỉ với CSS cơ bản, nhưng hiểu biết về mô hình hộp (box model) và các thuộc tính vị trí (position) nào có thể giúp bạn tiếp cận giải pháp này?</p>
<ul>
<li>A. Chỉ cần đặt thẻ `<br />
<footer>` ở cuối mã HTML.</li>
<li><strong>B. Hiểu biết về mô hình hộp CSS (margin, padding, border) và các thuộc tính `position` hoặc kỹ thuật Flexbox/Grid.</strong></li>
<li>C. Sử dụng nhiều thẻ `<br />` sau nội dung chính.</li>
<li>D. Đặt footer bên trong thẻ `<head>`.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 27: Bạn muốn đặt một ảnh đại diện cho câu lạc bộ trong một khối nội dung và muốn ảnh này nằm bên trái, còn văn bản mô tả nằm bên phải, cả hai cùng nằm trên một dòng (nếu đủ chỗ). Thuộc tính CSS nào thường được sử dụng cho ảnh để đạt được hiệu quả này?</p>
<ul>
<li>A. `align: left;`</li>
<li>B. `position: absolute;`</li>
<li><strong>C. `float: left;`</strong></li>
<li>D. `display: inline;`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 28: Khi tạo liên kết giữa các trang trong cùng một website (ví dụ: từ trang chủ đến trang CLB Thể thao), bạn nên sử dụng đường dẫn tương đối (relative path) hay đường dẫn tuyệt đối (absolute path) để chỉ định tệp HTML của trang đích?</p>
<ul>
<li><strong>A. Đường dẫn tương đối.</strong></li>
<li>B. Đường dẫn tuyệt đối.</li>
<li>C. Không có sự khác biệt, cái nào cũng được.</li>
<li>D. Chỉ có thể dùng đường dẫn tuyệt đối nếu website chưa được đưa lên mạng.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 29: Bạn đã thiết kế xong trang chủ và muốn tạo thêm trang giới thiệu CLB Nghệ thuật. Cách hiệu quả nhất để bắt đầu tạo trang mới này, dựa trên những gì đã làm với trang chủ và tệp CSS chung, là gì?</p>
<ul>
<li>A. Viết lại toàn bộ mã HTML và CSS từ đầu cho trang mới.</li>
<li><strong>B. Sao chép tệp HTML của trang chủ, đổi tên và chỉnh sửa nội dung phần chính.</strong></li>
<li>C. Chỉ cần tạo một liên kết mới trong trang chủ và trình duyệt sẽ tự tạo trang đích.</li>
<li>D. Sử dụng một tệp CSS hoàn toàn khác cho trang mới.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 30: Trong bối cảnh thiết kế web, thuật ngữ "banner" ở đầu trang thường dùng để chỉ thành phần nào?</p>
<ul>
<li><strong>A. Một khu vực đồ họa lớn ở đầu trang, thường chứa logo, tên website hoặc hình ảnh nổi bật.</strong></li>
<li>B. Danh sách các liên kết điều hướng chính của website.</li>
<li>C. Phần cuối cùng của trang web chứa thông tin liên hệ.</li>
<li>D. Các quảng cáo hiển thị trên trang web.</li>
</ul>
</div>
</div>
<input type='hidden' name='ays_quiz_id' value='30609'/>
<input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-18-thuc-hanh-tong-hop-thiet-ke-trang-web-ket-noi-tri-thuc/'/>
<input type='hidden' name='ays_quiz_questions' value='913635,913636,913637,913638,913639,913640,913641,913642,913643,913644,913645,913646,913647,913648,913649,913650,913651,913652,913653,913654,913655,913656,913657,913658,913659,913660,913661,913662,913663,913664'>
</div>
</div><div class='step '
data-question-id='913635'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>1 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 1: Khi xây dựng một website gồm nhiều trang như giới thiệu các câu lạc bộ, việc sử dụng một tệp tin CSS chung cho tất cả các trang mang lại lợi ích chính nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913635]' id='ays-answer-3674053-30609' value='3674053'/>
<label for='ays-answer-3674053-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Giảm đáng kể dung lượng lưu trữ của website trên máy chủ.</label><label for='ays-answer-3674053-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913635]' id='ays-answer-3674054-30609' value='3674054'/>
<label for='ays-answer-3674054-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Đảm bảo sự nhất quán về giao diện và phong cách trình bày trên toàn bộ website.</label><label for='ays-answer-3674054-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913635]' id='ays-answer-3674055-30609' value='3674055'/>
<label for='ays-answer-3674055-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng tốc độ tải trang cho người dùng truy cập lần đầu.</label><label for='ays-answer-3674055-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913635]' id='ays-answer-3674056-30609' value='3674056'/>
<label for='ays-answer-3674056-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Hỗ trợ tối ưu hóa website cho các công cụ tìm kiếm (SEO).</label><label for='ays-answer-3674056-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913635'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDA1MyI6IjAiLCIzNjc0MDU0IjoiMSIsIjM2NzQwNTUiOiIwIiwiMzY3NDA1NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Việc sử dụng cùng một tệp tin CSS giúp định nghĩa và áp dụng phong cách (màu sắc, phông chữ, bố cục) nhất quán cho toàn bộ website, tạo sự đồng bộ và chuyên nghiệp.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913636'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>2 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 2: Giả sử bạn muốn tạo một phần đầu trang (header) cho website giới thiệu câu lạc bộ. Phần này cần chứa logo ở bên trái và tên website/slogan ở bên phải. Bạn nên sử dụng cấu trúc HTML và CSS cơ bản nào để đạt được bố cục này một cách hiệu quả?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913636]' id='ays-answer-3674057-30609' value='3674057'/>
<label for='ays-answer-3674057-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thẻ `<table>` để chia header thành hai cột.</label><label for='ays-answer-3674057-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913636]' id='ays-answer-3674058-30609' value='3674058'/>
<label for='ays-answer-3674058-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt logo và slogan vào hai thẻ `<p>` riêng biệt và chúng sẽ tự động xếp ngang hàng.</label><label for='ays-answer-3674058-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913636]' id='ays-answer-3674059-30609' value='3674059'/>
<label for='ays-answer-3674059-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần đặt logo và slogan vào cùng một thẻ `<div>` mà không cần CSS đặc biệt.</label><label for='ays-answer-3674059-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913636]' id='ays-answer-3674060-30609' value='3674060'/>
<label for='ays-answer-3674060-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt logo và slogan vào các thẻ `<div>` hoặc các phần tử phù hợp khác bên trong một thẻ container, sau đó sử dụng CSS để bố trí chúng theo chiều ngang.</label><label for='ays-answer-3674060-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913636'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDA1NyI6IjAiLCIzNjc0MDU4IjoiMCIsIjM2NzQwNTkiOiIwIiwiMzY3NDA2MCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Để xếp các phần tử (logo và tên/slogan) cạnh nhau trong một hàng, cách phổ biến và hiệu quả là đặt chúng trong một thẻ container (như `div`) và sử dụng CSS để làm cho các phần tử con hiển thị theo chiều ngang (ví dụ: dùng `display: flex` hoặc `float`).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913637'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>3 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 3: Trong bài học, để tạo các 'ô' (block) có độ rộng bằng nhau và nằm trên cùng một hàng (như phần slogan), người ta đã sử dụng kết hợp lớp CSS nào và áp dụng cho các phần tử nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913637]' id='ays-answer-3674061-30609' value='3674061'/>
<label for='ays-answer-3674061-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Lớp `block_3` áp dụng cho thẻ `<table>` và lớp `Row` áp dụng cho thẻ `<tr>`.</label><label for='ays-answer-3674061-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913637]' id='ays-answer-3674062-30609' value='3674062'/>
<label for='ays-answer-3674062-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Lớp `Row` áp dụng cho từng 'ô' riêng lẻ và lớp `block_3` áp dụng cho thẻ container.</label><label for='ays-answer-3674062-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913637]' id='ays-answer-3674063-30609' value='3674063'/>
<label for='ays-answer-3674063-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Lớp `Row` áp dụng cho thẻ container (chứa các ô) và lớp `block_3` áp dụng cho từng 'ô' con.</label><label for='ays-answer-3674063-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913637]' id='ays-answer-3674064-30609' value='3674064'/>
<label for='ays-answer-3674064-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần áp dụng lớp `block_3` cho các 'ô' con, chúng sẽ tự động xếp ngang hàng.</label><label for='ays-answer-3674064-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913637'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDA2MSI6IjAiLCIzNjc0MDYyIjoiMCIsIjM2NzQwNjMiOiIxIiwiMzY3NDA2NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Bài học giới thiệu việc sử dụng lớp 'Row' để chứa các phần tử con và làm cho chúng hiển thị theo hàng ngang, cùng với lớp 'block_3' (hoặc tương tự) để định nghĩa độ rộng cho các phần tử con đó là 1/3 độ rộng của container 'Row'.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913638'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>4 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 4: Khi thiết kế phần nội dung chính (main content) của trang chủ, bạn muốn hiển thị thông tin tóm tắt về các loại câu lạc bộ (ví dụ: Thể thao, Nghệ thuật) dưới dạng các khối riêng biệt, mỗi khối có tiêu đề và mô tả ngắn. Để làm cho các khối này hiển thị rõ ràng và tách biệt, bạn nên sử dụng thẻ HTML nào để nhóm nội dung cho mỗi khối và áp dụng CSS để tạo khoảng cách giữa chúng?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913638]' id='ays-answer-3674065-30609' value='3674065'/>
<label for='ays-answer-3674065-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<div>` cho mỗi khối và sử dụng thuộc tính `margin` hoặc `padding` trong CSS.</label><label for='ays-answer-3674065-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913638]' id='ays-answer-3674066-30609' value='3674066'/>
<label for='ays-answer-3674066-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<p>` cho mỗi khối và sử dụng thuộc tính `line-height` trong CSS.</label><label for='ays-answer-3674066-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913638]' id='ays-answer-3674067-30609' value='3674067'/>
<label for='ays-answer-3674067-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<span>` cho mỗi khối và sử dụng thuộc tính `border` trong CSS.</label><label for='ays-answer-3674067-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913638]' id='ays-answer-3674068-30609' value='3674068'/>
<label for='ays-answer-3674068-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<a>` cho mỗi khối và sử dụng thuộc tính `text-decoration` trong CSS.</label><label for='ays-answer-3674068-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913638'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDA2NSI6IjEiLCIzNjc0MDY2IjoiMCIsIjM2NzQwNjciOiIwIiwiMzY3NDA2OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `</p>
<div>` là thẻ container phổ biến được sử dụng để nhóm các phần tử HTML lại với nhau. Bằng cách áp dụng CSS (ví dụ: `margin` hoặc `padding`) cho các `div` này, bạn có thể tạo khoảng cách và bố cục cho các khối nội dung.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913639'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>5 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 5: Bạn đã thiết kế xong bố cục cơ bản cho trang chủ. Bây giờ bạn muốn đảm bảo rằng tất cả các liên kết (link) trên trang đều có màu xanh dương và không có gạch chân khi chưa được truy cập. Bạn cần thêm quy tắc CSS nào vào tệp CSS chung của mình?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913639]' id='ays-answer-3674069-30609' value='3674069'/>
<label for='ays-answer-3674069-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`.link { color: blue; text-decoration: none; }`</label><label for='ays-answer-3674069-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913639]' id='ays-answer-3674070-30609' value='3674070'/>
<label for='ays-answer-3674070-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`#all-links { color: blue; text-decoration: none; }`</label><label for='ays-answer-3674070-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913639]' id='ays-answer-3674071-30609' value='3674071'/>
<label for='ays-answer-3674071-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`a { color: blue; text-decoration: none; }`</label><label for='ays-answer-3674071-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913639]' id='ays-answer-3674072-30609' value='3674072'/>
<label for='ays-answer-3674072-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`p a { color: blue; text-decoration: none; }`</label><label for='ays-answer-3674072-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913639'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDA2OSI6IjAiLCIzNjc0MDcwIjoiMCIsIjM2NzQwNzEiOiIxIiwiMzY3NDA3MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Bộ chọn `a` nhắm mục tiêu đến tất cả các thẻ liên kết. Thuộc tính `color: blue;` đặt màu chữ là xanh dương và `text-decoration: none;` loại bỏ gạch chân mặc định của liên kết chưa được truy cập (trạng thái `link` và `visited` có thể được định nghĩa riêng, nhưng `a` chung là cách phổ biến để đặt kiểu mặc định).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913640'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>6 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 6: Trong quá trình thiết kế website, việc lên kế hoạch cấu trúc website (số lượng trang, mối liên kết giữa các trang) trước khi bắt đầu viết mã HTML/CSS là bước quan trọng nhằm mục đích gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913640]' id='ays-answer-3674073-30609' value='3674073'/>
<label for='ays-answer-3674073-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Xác định rõ ràng luồng thông tin và cách người dùng điều hướng trong website.</label><label for='ays-answer-3674073-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913640]' id='ays-answer-3674074-30609' value='3674074'/>
<label for='ays-answer-3674074-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp website tải nhanh hơn trên mọi thiết bị.</label><label for='ays-answer-3674074-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913640]' id='ays-answer-3674075-30609' value='3674075'/>
<label for='ays-answer-3674075-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động tạo ra nội dung cho các trang con.</label><label for='ays-answer-3674075-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913640]' id='ays-answer-3674076-30609' value='3674076'/>
<label for='ays-answer-3674076-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Loại bỏ hoàn toàn nhu cầu sử dụng CSS.</label><label for='ays-answer-3674076-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913640'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDA3MyI6IjEiLCIzNjc0MDc0IjoiMCIsIjM2NzQwNzUiOiIwIiwiMzY3NDA3NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Lên kế hoạch cấu trúc giúp xác định rõ ràng luồng thông tin, cách người dùng điều hướng giữa các trang, từ đó đảm bảo website có tổ chức, dễ sử dụng và đáp ứng được mục tiêu ban đầu.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913641'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>7 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 7: Bạn muốn thêm một hình ảnh làm nền cho phần banner của trang web. Thuộc tính CSS nào trong lớp định dạng banner sẽ giúp bạn thực hiện điều này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913641]' id='ays-answer-3674077-30609' value='3674077'/>
<label for='ays-answer-3674077-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`src`</label><label for='ays-answer-3674077-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913641]' id='ays-answer-3674078-30609' value='3674078'/>
<label for='ays-answer-3674078-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`background-image`</label><label for='ays-answer-3674078-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913641]' id='ays-answer-3674079-30609' value='3674079'/>
<label for='ays-answer-3674079-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`image-source`</label><label for='ays-answer-3674079-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913641]' id='ays-answer-3674080-30609' value='3674080'/>
<label for='ays-answer-3674080-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`background-color`</label><label for='ays-answer-3674080-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913641'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDA3NyI6IjAiLCIzNjc0MDc4IjoiMSIsIjM2NzQwNzkiOiIwIiwiMzY3NDA4MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `background-image` trong CSS được sử dụng để đặt một hình ảnh làm nền cho một phần tử HTML.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913642'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>8 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 8: Để đảm bảo website của bạn hiển thị tốt trên cả máy tính và điện thoại, bạn cần xem xét áp dụng kỹ thuật thiết kế nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913642]' id='ays-answer-3674081-30609' value='3674081'/>
<label for='ays-answer-3674081-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ sử dụng văn bản thuần túy.</label><label for='ays-answer-3674081-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913642]' id='ays-answer-3674082-30609' value='3674082'/>
<label for='ays-answer-3674082-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo hai phiên bản website riêng biệt (một cho máy tính, một cho điện thoại).</label><label for='ays-answer-3674082-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913642]' id='ays-answer-3674083-30609' value='3674083'/>
<label for='ays-answer-3674083-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng các kỹ thuật thiết kế đáp ứng (Responsive Web Design) sử dụng CSS.</label><label for='ays-answer-3674083-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913642]' id='ays-answer-3674084-30609' value='3674084'/>
<label for='ays-answer-3674084-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng Flash cho tất cả các thành phần đồ họa.</label><label for='ays-answer-3674084-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913642'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDA4MSI6IjAiLCIzNjc0MDgyIjoiMCIsIjM2NzQwODMiOiIxIiwiMzY3NDA4NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thiết kế đáp ứng (Responsive Web Design) là kỹ thuật sử dụng CSS (đặc biệt là Media Queries) để website tự động điều chỉnh bố cục và hiển thị phù hợp với kích thước màn hình của thiết bị truy cập.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913643'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>9 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 9: Bạn đã tạo một lớp CSS tên là `.club-info` để định dạng các khối thông tin về từng câu lạc bộ. Mỗi khối này cần có viền (border) màu xám mỏng. Bạn sẽ thêm quy tắc CSS nào vào lớp `.club-info`?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913643]' id='ays-answer-3674085-30609' value='3674085'/>
<label for='ays-answer-3674085-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`border: 1px solid gray;`</label><label for='ays-answer-3674085-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913643]' id='ays-answer-3674086-30609' value='3674086'/>
<label for='ays-answer-3674086-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`outline: 1px solid gray;`</label><label for='ays-answer-3674086-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913643]' id='ays-answer-3674087-30609' value='3674087'/>
<label for='ays-answer-3674087-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`border-color: gray; border-width: 1px;` (chưa đủ kiểu viền)</label><label for='ays-answer-3674087-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913643]' id='ays-answer-3674088-30609' value='3674088'/>
<label for='ays-answer-3674088-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`border-style: solid; color: gray; width: 1px;`</label><label for='ays-answer-3674088-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913643'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDA4NSI6IjEiLCIzNjc0MDg2IjoiMCIsIjM2NzQwODciOiIwIiwiMzY3NDA4OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `border` trong CSS được sử dụng để đặt viền cho phần tử. Cú pháp phổ biến là `border: <độ dày> <kiểu> <màu>;`.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913644'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>10 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 10: Một trang giới thiệu chi tiết về một câu lạc bộ cụ thể (ví dụ: CLB Cờ Vua) nên bao gồm những loại thông tin nào để thu hút người xem và cung cấp đầy đủ thông tin?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913644]' id='ays-answer-3674089-30609' value='3674089'/>
<label for='ays-answer-3674089-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần tên câu lạc bộ và một vài hình ảnh.</label><label for='ays-answer-3674089-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913644]' id='ays-answer-3674090-30609' value='3674090'/>
<label for='ays-answer-3674090-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần lịch sử hình thành và danh sách thành viên.</label><label for='ays-answer-3674090-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913644]' id='ays-answer-3674091-30609' value='3674091'/>
<label for='ays-answer-3674091-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần thông tin liên hệ của người phụ trách.</label><label for='ays-answer-3674091-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913644]' id='ays-answer-3674092-30609' value='3674092'/>
<label for='ays-answer-3674092-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Mục tiêu, hoạt động chính, lịch sinh hoạt, thành tích nổi bật và cách thức đăng ký/tham gia.</label><label for='ays-answer-3674092-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913644'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDA4OSI6IjAiLCIzNjc0MDkwIjoiMCIsIjM2NzQwOTEiOiIwIiwiMzY3NDA5MiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Một trang chi tiết về câu lạc bộ cần cung cấp các thông tin cụ thể như mục tiêu, hoạt động chính, lịch sinh hoạt, thành tích và cách thức tham gia để người đọc hiểu rõ và quyết định có tham gia hay không.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913645'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>11 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 11: Giả sử bạn muốn căn giữa tiêu đề chính của trang web (đặt trong thẻ `</p>
<h1>`) theo chiều ngang. Bạn sẽ sử dụng thuộc tính CSS nào cho thẻ `h1`?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913645]' id='ays-answer-3674093-30609' value='3674093'/>
<label for='ays-answer-3674093-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`align: center;`</label><label for='ays-answer-3674093-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913645]' id='ays-answer-3674094-30609' value='3674094'/>
<label for='ays-answer-3674094-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`text-align: center;`</label><label for='ays-answer-3674094-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913645]' id='ays-answer-3674095-30609' value='3674095'/>
<label for='ays-answer-3674095-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`vertical-align: middle;`</label><label for='ays-answer-3674095-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913645]' id='ays-answer-3674096-30609' value='3674096'/>
<label for='ays-answer-3674096-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`margin: auto;` (Áp dụng cho khối, không phải văn bản bên trong)</label><label for='ays-answer-3674096-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913645'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDA5MyI6IjAiLCIzNjc0MDk0IjoiMSIsIjM2NzQwOTUiOiIwIiwiMzY3NDA5NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `text-align: center;` trong CSS được sử dụng để căn giữa nội dung văn bản bên trong một phần tử khối (block element) theo chiều ngang.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913646'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>12 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 12: Bạn cần tạo một danh sách các liên kết điều hướng (menu) ở đầu trang. Cấu trúc HTML ngữ nghĩa (semantic HTML) nào là phù hợp nhất để biểu diễn một danh sách các liên kết như vậy?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913646]' id='ays-answer-3674097-30609' value='3674097'/>
<label for='ays-answer-3674097-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Một loạt các thẻ `<a>` nối tiếp nhau.</label><label for='ays-answer-3674097-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913646]' id='ays-answer-3674098-30609' value='3674098'/>
<label for='ays-answer-3674098-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thẻ `<div>` chứa các thẻ `<p>` với liên kết bên trong.</label><label for='ays-answer-3674098-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913646]' id='ays-answer-3674099-30609' value='3674099'/>
<label for='ays-answer-3674099-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thẻ `<nav>` chứa danh sách không có thứ tự (`<ul>`) với các mục danh sách (`<li>`) là các liên kết (`<a>`).</label><label for='ays-answer-3674099-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913646]' id='ays-answer-3674100-30609' value='3674100'/>
<label for='ays-answer-3674100-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thẻ `<table>` để tạo các ô chứa liên kết.</label><label for='ays-answer-3674100-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913646'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDA5NyI6IjAiLCIzNjc0MDk4IjoiMCIsIjM2NzQwOTkiOiIxIiwiMzY3NDEwMCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `</p>
<nav>` được sử dụng để đánh dấu các khối liên kết điều hướng chính của trang web. Bên trong thẻ `</p>
<nav>`, danh sách không có thứ tự (`</p>
<ul>`) với các mục danh sách (`</p>
<li>`) chứa liên kết (`<a>`) là cấu trúc phổ biến và ngữ nghĩa cho menu.<br />
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913647'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>13 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 13: Bạn muốn tạo hiệu ứng khi di chuột qua một liên kết trong menu, màu chữ của liên kết đó sẽ thay đổi. Bạn sẽ sử dụng bộ chọn giả lớp (pseudo-class) nào trong CSS?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913647]' id='ays-answer-3674101-30609' value='3674101'/>
<label for='ays-answer-3674101-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`a:hover`</label><label for='ays-answer-3674101-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913647]' id='ays-answer-3674102-30609' value='3674102'/>
<label for='ays-answer-3674102-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`a:active`</label><label for='ays-answer-3674102-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913647]' id='ays-answer-3674103-30609' value='3674103'/>
<label for='ays-answer-3674103-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`a:focus`</label><label for='ays-answer-3674103-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913647]' id='ays-answer-3674104-30609' value='3674104'/>
<label for='ays-answer-3674104-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`a:visited`</label><label for='ays-answer-3674104-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913647'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDEwMSI6IjEiLCIzNjc0MTAyIjoiMCIsIjM2NzQxMDMiOiIwIiwiMzY3NDEwNCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Bộ chọn giả lớp `:hover` được sử dụng để định nghĩa kiểu cho một phần tử khi con trỏ chuột di chuyển qua nó.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913648'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>14 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 14: Tại sao việc đặt các tệp hình ảnh, video, và tệp CSS vào các thư mục riêng biệt (ví dụ: `images`, `videos`, `css`) lại là một thực hành tốt khi xây dựng website?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913648]' id='ays-answer-3674105-30609' value='3674105'/>
<label for='ays-answer-3674105-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp website tải nhanh hơn vì trình duyệt dễ tìm thấy tệp hơn.</label><label for='ays-answer-3674105-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913648]' id='ays-answer-3674106-30609' value='3674106'/>
<label for='ays-answer-3674106-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động nén dung lượng của các tệp đa phương tiện.</label><label for='ays-answer-3674106-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913648]' id='ays-answer-3674107-30609' value='3674107'/>
<label for='ays-answer-3674107-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Ngăn chặn người dùng tải về các tệp tài nguyên của website.</label><label for='ays-answer-3674107-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913648]' id='ays-answer-3674108-30609' value='3674108'/>
<label for='ays-answer-3674108-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp tổ chức cấu trúc dự án website một cách rõ ràng, dễ quản lý và bảo trì.</label><label for='ays-answer-3674108-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913648'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDEwNSI6IjAiLCIzNjc0MTA2IjoiMCIsIjM2NzQxMDciOiIwIiwiMzY3NDEwOCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Việc tổ chức các tệp vào các thư mục riêng biệt giúp quản lý dự án dễ dàng hơn, làm cho cấu trúc website rõ ràng, có hệ thống và dễ bảo trì, mở rộng sau này.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913649'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>15 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 15: Bạn đã tạo một lớp CSS tên là `.footer` để định dạng phần cuối trang. Bạn muốn phần cuối trang này có nền màu xám nhạt (#f2f2f2) và chữ màu đen. Bạn sẽ thêm các thuộc tính CSS nào vào lớp `.footer`?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913649]' id='ays-answer-3674109-30609' value='3674109'/>
<label for='ays-answer-3674109-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`background-color: #f2f2f2; color: black;`</label><label for='ays-answer-3674109-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913649]' id='ays-answer-3674110-30609' value='3674110'/>
<label for='ays-answer-3674110-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`background: #f2f2f2; text-color: black;`</label><label for='ays-answer-3674110-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913649]' id='ays-answer-3674111-30609' value='3674111'/>
<label for='ays-answer-3674111-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`color: #f2f2f2; background-color: black;`</label><label for='ays-answer-3674111-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913649]' id='ays-answer-3674112-30609' value='3674112'/>
<label for='ays-answer-3674112-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`background-image: #f2f2f2; font-color: black;`</label><label for='ays-answer-3674112-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913649'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDEwOSI6IjEiLCIzNjc0MTEwIjoiMCIsIjM2NzQxMTEiOiIwIiwiMzY3NDExMiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `background-color` đặt màu nền và thuộc tính `color` đặt màu chữ cho phần tử.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913650'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>16 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 16: Khi thiết kế một trang web giới thiệu câu lạc bộ, ngoài thông tin văn bản, việc tích hợp hình ảnh và video minh họa có vai trò gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913650]' id='ays-answer-3674113-30609' value='3674113'/>
<label for='ays-answer-3674113-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ để tăng dung lượng của trang web.</label><label for='ays-answer-3674113-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913650]' id='ays-answer-3674114-30609' value='3674114'/>
<label for='ays-answer-3674114-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Không có vai trò gì đáng kể ngoài việc trang trí.</label><label for='ays-answer-3674114-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913650]' id='ays-answer-3674115-30609' value='3674115'/>
<label for='ays-answer-3674115-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp trang web sinh động, trực quan, hấp dẫn và truyền tải thông tin hiệu quả hơn.</label><label for='ays-answer-3674115-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913650]' id='ays-answer-3674116-30609' value='3674116'/>
<label for='ays-answer-3674116-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Là yêu cầu bắt buộc để website hoạt động được.</label><label for='ays-answer-3674116-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913650'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDExMyI6IjAiLCIzNjc0MTE0IjoiMCIsIjM2NzQxMTUiOiIxIiwiMzY3NDExNiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Hình ảnh và video giúp trang web trở nên sinh động, hấp dẫn hơn, thu hút sự chú ý của người xem và truyền tải thông điệp một cách trực quan, hiệu quả hơn so với chỉ dùng văn bản.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913651'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>17 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 17: Bạn muốn tạo một khoảng đệm (padding) 20px xung quanh nội dung bên trong phần tử có lớp `.content-area`. Tức là, khoảng cách từ viền của `.content-area` đến nội dung bên trong nó là 20px về mọi phía. Bạn sẽ sử dụng quy tắc CSS nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913651]' id='ays-answer-3674117-30609' value='3674117'/>
<label for='ays-answer-3674117-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`margin: 20px;`</label><label for='ays-answer-3674117-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913651]' id='ays-answer-3674118-30609' value='3674118'/>
<label for='ays-answer-3674118-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`border: 20px;`</label><label for='ays-answer-3674118-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913651]' id='ays-answer-3674119-30609' value='3674119'/>
<label for='ays-answer-3674119-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`space-inside: 20px;`</label><label for='ays-answer-3674119-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913651]' id='ays-answer-3674120-30609' value='3674120'/>
<label for='ays-answer-3674120-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`padding: 20px;`</label><label for='ays-answer-3674120-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913651'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDExNyI6IjAiLCIzNjc0MTE4IjoiMCIsIjM2NzQxMTkiOiIwIiwiMzY3NDEyMCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `padding` trong CSS được sử dụng để tạo khoảng đệm bên trong viền của một phần tử. `padding: 20px;` áp dụng khoảng đệm 20px cho cả bốn phía (trên, phải, dưới, trái).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913652'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>18 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 18: Để tạo liên kết từ trang chủ đến trang giới thiệu CLB Thể thao (có tên tệp là `thethao.html`), bạn cần sử dụng thẻ HTML nào và thuộc tính nào để chỉ định địa chỉ trang đích?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913652]' id='ays-answer-3674121-30609' value='3674121'/>
<label for='ays-answer-3674121-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`<link src='thethao.html'>CLB Thể thao</link>`</label><label for='ays-answer-3674121-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913652]' id='ays-answer-3674122-30609' value='3674122'/>
<label for='ays-answer-3674122-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`<a href='thethao.html'>CLB Thể thao</a>`</label><label for='ays-answer-3674122-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913652]' id='ays-answer-3674123-30609' value='3674123'/>
<label for='ays-answer-3674123-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`<go to='thethao.html'>CLB Thể thao</go to>`</label><label for='ays-answer-3674123-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913652]' id='ays-answer-3674124-30609' value='3674124'/>
<label for='ays-answer-3674124-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`<navigate url='thethao.html'>CLB Thể thao</navigate>`</label><label for='ays-answer-3674124-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913652'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDEyMSI6IjAiLCIzNjc0MTIyIjoiMSIsIjM2NzQxMjMiOiIwIiwiMzY3NDEyNCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `<a>` (anchor) được sử dụng để tạo liên kết. Thuộc tính `href` chỉ định URL hoặc đường dẫn đến trang đích.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913653'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>19 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 19: Khi bạn muốn một phần tử (ví dụ: một khối nội dung) chiếm toàn bộ chiều rộng khả dụng của phần tử cha nó, bạn thường sử dụng kiểu hiển thị (display) mặc định nào cho phần tử đó?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913653]' id='ays-answer-3674125-30609' value='3674125'/>
<label for='ays-answer-3674125-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`block`</label><label for='ays-answer-3674125-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913653]' id='ays-answer-3674126-30609' value='3674126'/>
<label for='ays-answer-3674126-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`inline`</label><label for='ays-answer-3674126-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913653]' id='ays-answer-3674127-30609' value='3674127'/>
<label for='ays-answer-3674127-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`inline-block`</label><label for='ays-answer-3674127-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913653]' id='ays-answer-3674128-30609' value='3674128'/>
<label for='ays-answer-3674128-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`flex`</label><label for='ays-answer-3674128-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913653'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDEyNSI6IjEiLCIzNjc0MTI2IjoiMCIsIjM2NzQxMjciOiIwIiwiMzY3NDEyOCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Các phần tử khối (block-level elements) như `div`, `p`, `h1`... mặc định chiếm toàn bộ chiều rộng của phần tử chứa chúng và bắt đầu trên một dòng mới. Đây là kiểu hiển thị phù hợp khi bạn muốn các khối nội dung xếp chồng lên nhau theo chiều dọc.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913654'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>20 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 20: Bạn đang thiết kế trang giới thiệu CLB Nghệ thuật và muốn nhúng một video từ YouTube vào trang đó. Bạn sẽ sử dụng thẻ HTML nào để thực hiện việc nhúng video?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913654]' id='ays-answer-3674129-30609' value='3674129'/>
<label for='ays-answer-3674129-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`<video>` (thường dùng cho video tự lưu trữ)</label><label for='ays-answer-3674129-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913654]' id='ays-answer-3674130-30609' value='3674130'/>
<label for='ays-answer-3674130-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`<embed>` (ít dùng hơn `<iframe>` cho mục đích này)</label><label for='ays-answer-3674130-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913654]' id='ays-answer-3674131-30609' value='3674131'/>
<label for='ays-answer-3674131-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`<source>`</label><label for='ays-answer-3674131-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913654]' id='ays-answer-3674132-30609' value='3674132'/>
<label for='ays-answer-3674132-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`<iframe>`</label><label for='ays-answer-3674132-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913654'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDEyOSI6IjAiLCIzNjc0MTMwIjoiMCIsIjM2NzQxMzEiOiIwIiwiMzY3NDEzMiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `<iframe>` thường được sử dụng để nhúng nội dung từ một trang web khác (như video từ YouTube hoặc bản đồ từ Google Maps) vào trang hiện tại.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913655'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>21 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 21: Mục đích của việc tạo một trang riêng chứa biểu mẫu đăng ký tham gia câu lạc bộ là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913655]' id='ays-answer-3674133-30609' value='3674133'/>
<label for='ays-answer-3674133-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Cung cấp một cách có cấu trúc để người dùng gửi thông tin cá nhân và yêu cầu tham gia.</label><label for='ays-answer-3674133-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913655]' id='ays-answer-3674134-30609' value='3674134'/>
<label for='ays-answer-3674134-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Để hiển thị danh sách tất cả các thành viên hiện tại của câu lạc bộ.</label><label for='ays-answer-3674134-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913655]' id='ays-answer-3674135-30609' value='3674135'/>
<label for='ays-answer-3674135-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ để trang trí cho website thêm sinh động.</label><label for='ays-answer-3674135-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913655]' id='ays-answer-3674136-30609' value='3674136'/>
<label for='ays-answer-3674136-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp website được xếp hạng cao hơn trên công cụ tìm kiếm.</label><label for='ays-answer-3674136-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913655'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDEzMyI6IjEiLCIzNjc0MTM0IjoiMCIsIjM2NzQxMzUiOiIwIiwiMzY3NDEzNiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Trang biểu mẫu đăng ký cung cấp một giao diện có cấu trúc để thu thập thông tin cần thiết từ những người muốn tham gia, giúp quá trình đăng ký trở nên thuận tiện và có hệ thống.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913656'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>22 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 22: Bạn muốn áp dụng cùng một kiểu dáng (ví dụ: màu nền, khoảng đệm) cho nhiều phần tử HTML khác nhau trên trang web mà không cần lặp lại các quy tắc CSS. Cách hiệu quả nhất để làm điều này là sử dụng khái niệm nào trong CSS?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913656]' id='ays-answer-3674137-30609' value='3674137'/>
<label for='ays-answer-3674137-30609' class=' ays_position_initial ays-quiz-keyboard-label'>ID</label><label for='ays-answer-3674137-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913656]' id='ays-answer-3674138-30609' value='3674138'/>
<label for='ays-answer-3674138-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn thẻ (Type selector)</label><label for='ays-answer-3674138-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913656]' id='ays-answer-3674139-30609' value='3674139'/>
<label for='ays-answer-3674139-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Lớp (Class)</label><label for='ays-answer-3674139-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913656]' id='ays-answer-3674140-30609' value='3674140'/>
<label for='ays-answer-3674140-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Thuộc tính `style` inline</label><label for='ays-answer-3674140-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913656'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDEzNyI6IjAiLCIzNjc0MTM4IjoiMCIsIjM2NzQxMzkiOiIxIiwiMzY3NDE0MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Lớp (class) trong CSS cho phép bạn định nghĩa một tập hợp các quy tắc kiểu dáng và áp dụng lớp đó cho bất kỳ phần tử HTML nào bạn muốn, giúp tái sử dụng mã CSS và duy trì sự nhất quán.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913657'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>23 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 23: Giả sử bạn có một khối văn bản mô tả hoạt động của CLB và muốn nó có màu chữ xanh lá cây. Bạn sẽ thêm thuộc tính CSS nào vào bộ chọn nhắm mục tiêu đến khối văn bản đó?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913657]' id='ays-answer-3674141-30609' value='3674141'/>
<label for='ays-answer-3674141-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`color: green;`</label><label for='ays-answer-3674141-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913657]' id='ays-answer-3674142-30609' value='3674142'/>
<label for='ays-answer-3674142-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`text-color: green;`</label><label for='ays-answer-3674142-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913657]' id='ays-answer-3674143-30609' value='3674143'/>
<label for='ays-answer-3674143-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`font-color: green;`</label><label for='ays-answer-3674143-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913657]' id='ays-answer-3674144-30609' value='3674144'/>
<label for='ays-answer-3674144-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`background-color: green;`</label><label for='ays-answer-3674144-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913657'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDE0MSI6IjEiLCIzNjc0MTQyIjoiMCIsIjM2NzQxNDMiOiIwIiwiMzY3NDE0NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `color` trong CSS được sử dụng để đặt màu chữ (màu foreground) của phần tử.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913658'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>24 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 24: Bạn đang xem mã HTML và thấy đoạn sau: `</p>
<div class='Row'>
<div class='block_3'>Nội dung 1</div>
<div class='block_3'>Nội dung 2</div>
<div class='block_3'>Nội dung 3</div>
</div>
<p>`. Dựa trên tên lớp, bạn có thể suy luận gì về bố cục hiển thị của ba khối 'Nội dung' này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913658]' id='ays-answer-3674145-30609' value='3674145'/>
<label for='ays-answer-3674145-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Ba khối sẽ xếp chồng lên nhau theo chiều dọc.</label><label for='ays-answer-3674145-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913658]' id='ays-answer-3674146-30609' value='3674146'/>
<label for='ays-answer-3674146-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Khối 'Nội dung 1' sẽ chiếm toàn bộ chiều rộng, hai khối còn lại nằm dưới.</label><label for='ays-answer-3674146-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913658]' id='ays-answer-3674147-30609' value='3674147'/>
<label for='ays-answer-3674147-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Ba khối sẽ xếp cạnh nhau theo chiều ngang, mỗi khối chiếm khoảng 1/3 chiều rộng container.</label><label for='ays-answer-3674147-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913658]' id='ays-answer-3674148-30609' value='3674148'/>
<label for='ays-answer-3674148-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Bố cục sẽ phụ thuộc hoàn toàn vào kích thước màn hình mà không có quy tắc cụ thể.</label><label for='ays-answer-3674148-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913658'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDE0NSI6IjAiLCIzNjc0MTQ2IjoiMCIsIjM2NzQxNDciOiIxIiwiMzY3NDE0OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Lớp 'Row' thường được dùng để xếp các phần tử con theo hàng ngang, và 'block_3' gợi ý rằng mỗi phần tử con chiếm khoảng 1/3 chiều rộng. Do đó, ba khối này có khả năng được xếp thành ba cột bằng nhau trên cùng một hàng.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913659'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>25 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 25: Để tạo một đường kẻ ngang phân cách giữa các phần nội dung khác nhau trên trang web (ví dụ: phân cách header và main content), bạn có thể sử dụng thẻ HTML nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913659]' id='ays-answer-3674149-30609' value='3674149'/>
<label for='ays-answer-3674149-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`<hr>`</label><label for='ays-answer-3674149-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913659]' id='ays-answer-3674150-30609' value='3674150'/>
<label for='ays-answer-3674150-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`<line>`</label><label for='ays-answer-3674150-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913659]' id='ays-answer-3674151-30609' value='3674151'/>
<label for='ays-answer-3674151-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`<separator>`</label><label for='ays-answer-3674151-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913659]' id='ays-answer-3674152-30609' value='3674152'/>
<label for='ays-answer-3674152-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`<br>` (chỉ tạo ngắt dòng)</label><label for='ays-answer-3674152-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913659'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDE0OSI6IjEiLCIzNjc0MTUwIjoiMCIsIjM2NzQxNTEiOiIwIiwiMzY3NDE1MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `</p>
<hr>
<p>` (horizontal rule) được sử dụng để vẽ một đường kẻ ngang, thường dùng để phân chia các phần nội dung trong một trang HTML.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913660'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>26 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 26: Khi thiết kế phần chân trang (footer), bạn muốn nó luôn nằm ở cuối trang, bất kể nội dung chính có ngắn hay dài. Mặc dù không phải lúc nào cũng dễ dàng chỉ với CSS cơ bản, nhưng hiểu biết về mô hình hộp (box model) và các thuộc tính vị trí (position) nào có thể giúp bạn tiếp cận giải pháp này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913660]' id='ays-answer-3674153-30609' value='3674153'/>
<label for='ays-answer-3674153-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần đặt thẻ `<footer>` ở cuối mã HTML.</label><label for='ays-answer-3674153-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913660]' id='ays-answer-3674154-30609' value='3674154'/>
<label for='ays-answer-3674154-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Hiểu biết về mô hình hộp CSS (margin, padding, border) và các thuộc tính `position` hoặc kỹ thuật Flexbox/Grid.</label><label for='ays-answer-3674154-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913660]' id='ays-answer-3674155-30609' value='3674155'/>
<label for='ays-answer-3674155-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng nhiều thẻ `<br>` sau nội dung chính.</label><label for='ays-answer-3674155-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913660]' id='ays-answer-3674156-30609' value='3674156'/>
<label for='ays-answer-3674156-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt footer bên trong thẻ `<head>`.</label><label for='ays-answer-3674156-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913660'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDE1MyI6IjAiLCIzNjc0MTU0IjoiMSIsIjM2NzQxNTUiOiIwIiwiMzY3NDE1NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Mô hình hộp (margin, border, padding, content) là kiến thức nền tảng. Các thuộc tính vị trí như `position: fixed;` (đặt cố định ở vị trí màn hình) hoặc các kỹ thuật layout hiện đại hơn như Flexbox/Grid kết hợp với chiều cao viewport (`vh`) có thể giúp footer 'dính' vào cuối trang hoặc màn hình.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913661'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>27 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 27: Bạn muốn đặt một ảnh đại diện cho câu lạc bộ trong một khối nội dung và muốn ảnh này nằm bên trái, còn văn bản mô tả nằm bên phải, cả hai cùng nằm trên một dòng (nếu đủ chỗ). Thuộc tính CSS nào thường được sử dụng cho ảnh để đạt được hiệu quả này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913661]' id='ays-answer-3674157-30609' value='3674157'/>
<label for='ays-answer-3674157-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`align: left;`</label><label for='ays-answer-3674157-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913661]' id='ays-answer-3674158-30609' value='3674158'/>
<label for='ays-answer-3674158-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`position: absolute;`</label><label for='ays-answer-3674158-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913661]' id='ays-answer-3674159-30609' value='3674159'/>
<label for='ays-answer-3674159-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`float: left;`</label><label for='ays-answer-3674159-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913661]' id='ays-answer-3674160-30609' value='3674160'/>
<label for='ays-answer-3674160-30609' class=' ays_position_initial ays-quiz-keyboard-label'>`display: inline;`</label><label for='ays-answer-3674160-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913661'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDE1NyI6IjAiLCIzNjc0MTU4IjoiMCIsIjM2NzQxNTkiOiIxIiwiMzY3NDE2MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `float: left;` cho phép một phần tử (như hình ảnh) 'nổi' sang bên trái và các phần tử khối khác (như văn bản) sẽ quấn quanh nó ở phía bên phải.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913662'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>28 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 28: Khi tạo liên kết giữa các trang trong cùng một website (ví dụ: từ trang chủ đến trang CLB Thể thao), bạn nên sử dụng đường dẫn tương đối (relative path) hay đường dẫn tuyệt đối (absolute path) để chỉ định tệp HTML của trang đích?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913662]' id='ays-answer-3674161-30609' value='3674161'/>
<label for='ays-answer-3674161-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Đường dẫn tương đối.</label><label for='ays-answer-3674161-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913662]' id='ays-answer-3674162-30609' value='3674162'/>
<label for='ays-answer-3674162-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Đường dẫn tuyệt đối.</label><label for='ays-answer-3674162-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913662]' id='ays-answer-3674163-30609' value='3674163'/>
<label for='ays-answer-3674163-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Không có sự khác biệt, cái nào cũng được.</label><label for='ays-answer-3674163-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913662]' id='ays-answer-3674164-30609' value='3674164'/>
<label for='ays-answer-3674164-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có thể dùng đường dẫn tuyệt đối nếu website chưa được đưa lên mạng.</label><label for='ays-answer-3674164-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913662'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDE2MSI6IjEiLCIzNjc0MTYyIjoiMCIsIjM2NzQxNjMiOiIwIiwiMzY3NDE2NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Sử dụng đường dẫn tương đối (ví dụ: `thethao.html` hoặc `../trangkhac.html`) là thực hành tốt cho các liên kết nội bộ trong cùng một website. Nó giúp website hoạt động bình thường ngay cả khi tên miền thay đổi hoặc website được di chuyển sang một thư mục/máy chủ khác.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913663'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>29 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 29: Bạn đã thiết kế xong trang chủ và muốn tạo thêm trang giới thiệu CLB Nghệ thuật. Cách hiệu quả nhất để bắt đầu tạo trang mới này, dựa trên những gì đã làm với trang chủ và tệp CSS chung, là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913663]' id='ays-answer-3674165-30609' value='3674165'/>
<label for='ays-answer-3674165-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Viết lại toàn bộ mã HTML và CSS từ đầu cho trang mới.</label><label for='ays-answer-3674165-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913663]' id='ays-answer-3674166-30609' value='3674166'/>
<label for='ays-answer-3674166-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Sao chép tệp HTML của trang chủ, đổi tên và chỉnh sửa nội dung phần chính.</label><label for='ays-answer-3674166-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913663]' id='ays-answer-3674167-30609' value='3674167'/>
<label for='ays-answer-3674167-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần tạo một liên kết mới trong trang chủ và trình duyệt sẽ tự tạo trang đích.</label><label for='ays-answer-3674167-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913663]' id='ays-answer-3674168-30609' value='3674168'/>
<label for='ays-answer-3674168-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng một tệp CSS hoàn toàn khác cho trang mới.</label><label for='ays-answer-3674168-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913663'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDE2NSI6IjAiLCIzNjc0MTY2IjoiMSIsIjM2NzQxNjciOiIwIiwiMzY3NDE2OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Sao chép tệp HTML của trang chủ và chỉnh sửa nội dung là cách nhanh chóng để bắt đầu, vì bạn đã có sẵn cấu trúc cơ bản (header, footer, bố cục chung) và liên kết đến tệp CSS chung, đảm bảo tính nhất quán.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='913664'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>30 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 04</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 30: Trong bối cảnh thiết kế web, thuật ngữ 'banner' ở đầu trang thường dùng để chỉ thành phần nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913664]' id='ays-answer-3674169-30609' value='3674169'/>
<label for='ays-answer-3674169-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Một khu vực đồ họa lớn ở đầu trang, thường chứa logo, tên website hoặc hình ảnh nổi bật.</label><label for='ays-answer-3674169-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913664]' id='ays-answer-3674170-30609' value='3674170'/>
<label for='ays-answer-3674170-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Danh sách các liên kết điều hướng chính của website.</label><label for='ays-answer-3674170-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913664]' id='ays-answer-3674171-30609' value='3674171'/>
<label for='ays-answer-3674171-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Phần cuối cùng của trang web chứa thông tin liên hệ.</label><label for='ays-answer-3674171-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-913664]' id='ays-answer-3674172-30609' value='3674172'/>
<label for='ays-answer-3674172-30609' class=' ays_position_initial ays-quiz-keyboard-label'>Các quảng cáo hiển thị trên trang web.</label><label for='ays-answer-3674172-30609' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_30609 === 'undefined'){
window.quizOptions_30609 = [];
}
window.quizOptions_30609['913664'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3NDE2OSI6IjEiLCIzNjc0MTcwIjoiMCIsIjM2NzQxNzEiOiIwIiwiMzY3NDE3MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/>
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Banner là khu vực đồ họa lớn ở đầu trang web, thường chứa logo, tên website, hình ảnh ấn tượng hoặc khẩu hiệu, dùng để nhận diện thương hiệu và thu hút sự chú ý ban đầu.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step ays_thank_you_fs'>
<div class='ays-abs-fs ays-end-page'>
<div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-30609 * { box-sizing: border-box; } #ays-quiz-container-30609 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-30609 #ays_finish_quiz_30609 { } /* Styles for Quiz container */ #ays-quiz-container-30609{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-30609 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-30609 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-30609 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-30609 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-30609 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-30609 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-30609 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-30609 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-30609.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-30609.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-30609 #ays_finish_quiz_30609 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-30609.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-30609.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-30609.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-30609.ays-quiz-container .ays-questions-container p, #ays-quiz-container-30609.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-30609.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-30609.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-30609.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-30609.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-30609.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-30609.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-30609.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-30609.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-30609 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-30609 .ays-quiz-password-message-box, #ays-quiz-container-30609 .ays-quiz-question-note-message-box, #ays-quiz-container-30609 .ays_quiz_question, #ays-quiz-container-30609 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-30609 textarea, #ays-quiz-container-30609 input::first-letter, #ays-quiz-container-30609 select::first-letter, #ays-quiz-container-30609 option::first-letter { color: initial !important; } #ays-quiz-container-30609 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-30609 .select2-container, #ays-quiz-container-30609 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-30609 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-30609 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-30609 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-30609 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-30609 .ays-questions-container .ays-field, div#ays-quiz-container-30609 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-30609 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-30609 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-30609 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-30609 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-30609 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-30609 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-30609 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-30609 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-30609 .information_form input[type='text'], #ays-quiz-container-30609 .information_form input[type='url'], #ays-quiz-container-30609 .information_form input[type='number'], #ays-quiz-container-30609 .information_form input[type='email'], #ays-quiz-container-30609 .information_form input[type='tel'], #ays-quiz-container-30609 .information_form textarea, #ays-quiz-container-30609 .information_form select, #ays-quiz-container-30609 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-30609 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-30609 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-30609 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-30609 .right_answer_text{ color:#33cc33; } #ays-quiz-container-30609 .right_answer_text p { font-size:16px; } #ays-quiz-container-30609 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-30609 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-30609 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-30609 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-30609 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-30609 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-30609 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-30609 .ays_cb_and_a, #ays-quiz-container-30609 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-30609 iframe { /*min-height: 450px;*/ } #ays-quiz-container-30609 label.ays_for_checkbox, #ays-quiz-container-30609 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-30609 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-30609 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-30609 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-30609 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-30609 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-30609 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-30609 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-30609 div.lds-spinner, #ays-quiz-container-30609 div.lds-spinner2 { color: #000000; } #ays-quiz-container-30609 div.lds-spinner div:after, #ays-quiz-container-30609 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-30609 .lds-circle, #ays-quiz-container-30609 .lds-facebook div, #ays-quiz-container-30609 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-30609 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-30609 .lds-dual-ring::after, #ays-quiz-container-30609 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-30609 .ui.rating .icon, #ays-quiz-container-30609 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-30609 #ays_finish_quiz_30609 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-30609 #ays_finish_quiz_30609 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-30609 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-30609 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-30609 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-30609 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-30609 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-30609 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-30609 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-30609 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-30609 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-30609 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-30609 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-30609 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-30609 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-30609 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-30609 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-30609 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-30609 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-30609 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-30609 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-30609 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-30609 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-30609 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-30609 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-30609 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-30609 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-30609 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-30609 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-30609 div.ays-quiz-redirection-timer, #ays-quiz-container-30609 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-30609 div.ays-quiz-after-timer * , #ays-quiz-container-30609 div.ays-quiz-redirection-timer *, #ays-quiz-container-30609 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-30609 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-30609 input#ays-submit, #ays-quiz-container-30609 #ays_finish_quiz_30609 .action-button, #ays-quiz-container-30609 #ays_finish_quiz_30609 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-30609 #ays_finish_quiz_30609 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-30609 #ays_finish_quiz_30609 .action-button.ays_restart_button, #ays-quiz-container-30609 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-30609 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-30609 input#ays-submit, #ays-quiz-container-30609 #ays_finish_quiz_30609 input.action-button, #ays-quiz-container-30609 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-30609 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-30609 #ays_finish_quiz_30609 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-30609 #ays_finish_quiz_30609 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-30609 #ays_finish_quiz_30609 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-30609 input#ays-submit:hover, #ays-quiz-container-30609 input#ays-submit:focus, #ays-quiz-container-30609 #ays_finish_quiz_30609 .action-button:hover, #ays-quiz-container-30609 #ays_finish_quiz_30609 .action-button:focus, #ays-quiz-container-30609 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-30609 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-30609 .ays_restart_button { color: #ffffff; } #ays-quiz-container-30609 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-30609 .ays_buttons_div { justify-content: center; } #ays-quiz-container-30609 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-30609 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-30609 input[type='button'], #ays-quiz-container-30609 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-30609 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-30609 input[type='button']:focus-visible, div#ays-quiz-container-30609 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-30609 #ays_finish_quiz_30609 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-30609 #ays_finish_quiz_30609 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-30609 #ays_finish_quiz_30609 i.ays_early_finish.action-button[disabled], #ays-quiz-container-30609 #ays_finish_quiz_30609 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-30609 #ays_finish_quiz_30609 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-30609 #ays_finish_quiz_30609 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-30609 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-30609 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-30609 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-30609.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-30609 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-30609 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-30609 #ays_finish_quiz_30609 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-30609 #ays_finish_quiz_30609 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-30609 #ays_finish_quiz_30609 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-30609 #ays_finish_quiz_30609 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-30609 #ays_finish_quiz_30609 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-30609 #ays_finish_quiz_30609 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-30609 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-30609 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-30609 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-30609 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-30609 #ays_finish_quiz_30609 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-30609 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-30609 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-30609 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-30609 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-30609 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-30609 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-30609 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-30609 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-30609 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-30609 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-30609 #ays_finish_quiz_30609 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-30609 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-30609 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-30609 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-30609 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-30609 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-30609 .ays-field .select2-container--default, #ays-quiz-container-30609 .ays-field .select2-container--default .selection, #ays-quiz-container-30609 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-30609 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-30609 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-30609 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-30609 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-30609 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-30609 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-30609 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-30609 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-30609 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-30609 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-30609 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-30609 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-30609 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-30609 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-30609 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-30609 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-30609 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-30609 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-30609 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-30609 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-30609 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-30609 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-30609 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-30609.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-30609.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-30609 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-30609 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-30609 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-30609 label[for^='ays-answer']:before, #ays-quiz-container-30609 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-30609 .ays_question_report { text-align: right; } div#ays-quiz-container-30609 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-30609 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-30609.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-30609.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-30609.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-30609.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-30609.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-30609.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-30609 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-30609.ays_quiz_classic_dark .correct_div, #ays-quiz-container-30609.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-30609.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-30609.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-30609.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-30609.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-30609.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-30609.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-30609 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-30609 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-30609 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-30609 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-30609 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-30609 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-30609 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-30609 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-30609 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-30609.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-30609.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-30609 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-30609 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-30609 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-30609 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-30609 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-30609 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-30609 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-30609 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-30609 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-30609 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-30609 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-30609 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-30609 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-30609 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-30609 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-30609 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-30609 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-30609 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-30609 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-30609 .ays-quiz-personality-result-box div:before, #ays-quiz-container-30609 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-30609 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-30609 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-30609 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-30609 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-30609 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-30609 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-30609 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-30609 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-30609 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-30609 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-30609 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-30609 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-30609 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-30609{ max-width: 100%; } div#ays-quiz-container-30609 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-30609.ays_quiz_modern_light .step, div#ays-quiz-container-30609.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-30609.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-30609.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-30609.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-30609.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-30609 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-30609 .select2-container, div#ays-quiz-container-30609 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-30609 input#ays-submit, div#ays-quiz-container-30609 #ays_finish_quiz_30609 .action-button, div#ays-quiz-container-30609 #ays_finish_quiz_30609 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-30609 #ays_finish_quiz_30609 .action-button.ays_restart_button, #ays-quiz-container-30609 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-30609 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-30609 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-30609 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-30609 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-30609 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-30609 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-30609 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-30609 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-30609 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style>
<style>
#ays-quiz-container-30609 p {
margin: 0.625em;
}
#ays-quiz-container-30609.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label,
#ays-quiz-container-30609.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label {
/* background-color: transparent; */
}
#ays-quiz-container-30609 .ays-field.checked_answer_div input:checked~label {
background-color: rgba(93,108,249,0.6);
}
#ays-quiz-container-30609.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'],
#ays-quiz-container-30609 .ays-field:hover{
background: rgba(93,108,249,0.8);
color: #fff;
transition: all .3s;
}
#ays-quiz-container-30609 #ays_finish_quiz_30609 .action-button:hover,
#ays-quiz-container-30609 #ays_finish_quiz_30609 .action-button:focus,
#ays-quiz-container-30609 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover,
#ays-quiz-container-30609 .ays-quiz-category-selective-submit-bttn:focus {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff;
background: #5d6cf9;
}
</style><script>
if(typeof aysQuizOptions === 'undefined'){
var aysQuizOptions = [];
}
aysQuizOptions['30609'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzMDYwOSIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDA0IiwiZGVzY3JpcHRpb24iOiI8cD48c3Ryb25nPkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDA0PFwvc3Ryb25nPiBcdTAxMTFcdTAxYjBcdTFlZTNjIHhcdTAwZTJ5IGRcdTFlZjFuZyB2XHUxZWRiaSBuaGlcdTFlYzF1IGNcdTAwZTJ1IGhcdTFlY2ZpIGNoXHUxZWE1dCBsXHUwMWIwXHUxZWUzbmcsIHNcdTAwZTF0IHZcdTFlZGJpIG5cdTFlZDlpIGR1bmcgY2hcdTAxYjBcdTAxYTFuZyB0clx1MDBlY25oIGhcdTFlY2RjLCBnaVx1MDBmYXAgYlx1MWVhMW4gZFx1MWVjNSBkXHUwMGUwbmcgXHUwMGY0biB0XHUxZWFkcCB2XHUwMGUwIGtpXHUxZWMzbSB0cmEga2lcdTFlYmZuIHRoXHUxZWU5YyBoaVx1MWVjN3UgcXVcdTFlYTMuIEhcdTAwZTN5IGNcdTAwZjluZyBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1IGxcdTAwZTBtIGJcdTAwZTBpIHRcdTFlYWRwIHRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBuZ2F5IFx1MDExMVx1MWVjMyBuXHUwMGUybmcgY2FvIGhpXHUxZWMzdSBiaVx1MWViZnQgdlx1MDBlMCBjaHVcdTFlYTluIGJcdTFlY2IgdFx1MWVkMXQgY2hvIGtcdTFlZjMgdGhpIHNcdTFlYWZwIHRcdTFlZGJpITxcL3A+XHJcblxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE6IEtoaSB4XHUwMGUyeSBkXHUxZWYxbmcgbVx1MWVkOXQgd2Vic2l0ZSBnXHUxZWQzbSBuaGlcdTFlYzF1IHRyYW5nIG5oXHUwMWIwIGdpXHUxZWRiaSB0aGlcdTFlYzd1IGNcdTAwZTFjIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDksIHZpXHUxZWM3YyBzXHUxZWVkIGRcdTFlZTVuZyBtXHUxZWQ5dCB0XHUxZWM3cCB0aW4gQ1NTIGNodW5nIGNobyB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRyYW5nIG1hbmcgbFx1MWVhMWkgbFx1MWVlM2kgXHUwMGVkY2ggY2hcdTAwZWRuaCBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gR2lcdTFlYTNtIFx1MDExMVx1MDBlMW5nIGtcdTFlYzMgZHVuZyBsXHUwMWIwXHUxZWUzbmcgbFx1MDFiMHUgdHJcdTFlZWYgY1x1MWVlN2Egd2Vic2l0ZSB0clx1MDBlYW4gbVx1MDBlMXkgY2hcdTFlZTcuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIFx1MDExMFx1MWVhM20gYlx1MWVhM28gc1x1MWVmMSBuaFx1MWVhNXQgcXVcdTAwZTFuIHZcdTFlYzEgZ2lhbyBkaVx1MWVjN24gdlx1MDBlMCBwaG9uZyBjXHUwMGUxY2ggdHJcdTAwZWNuaCBiXHUwMGUweSB0clx1MDBlYW4gdG9cdTAwZTBuIGJcdTFlZDkgd2Vic2l0ZS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBUXHUwMTAzbmcgdFx1MWVkMWMgXHUwMTExXHUxZWQ5IHRcdTFlYTNpIHRyYW5nIGNobyBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIHRydXkgY1x1MWVhZHAgbFx1MWVhN24gXHUwMTExXHUxZWE3dS48XC9saT5cclxuPGxpPkQuIEhcdTFlZDcgdHJcdTFlZTMgdFx1MWVkMWkgXHUwMWIwdSBoXHUwMGYzYSB3ZWJzaXRlIGNobyBjXHUwMGUxYyBjXHUwMGY0bmcgY1x1MWVlNSB0XHUwMGVjbSBraVx1MWViZm0gKFNFTykuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQgcGhcdTFlYTduIFx1MDExMVx1MWVhN3UgdHJhbmcgKGhlYWRlcikgY2hvIHdlYnNpdGUgZ2lcdTFlZGJpIHRoaVx1MWVjN3UgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOS4gUGhcdTFlYTduIG5cdTAwZTB5IGNcdTFlYTduIGNoXHUxZWU5YSBsb2dvIFx1MWVkZiBiXHUwMGVhbiB0clx1MDBlMWkgdlx1MDBlMCB0XHUwMGVhbiB3ZWJzaXRlXC9zbG9nYW4gXHUxZWRmIGJcdTAwZWFuIHBoXHUxZWEzaS4gQlx1MWVhMW4gblx1MDBlYW4gc1x1MWVlZCBkXHUxZWU1bmcgY1x1MWVhNXUgdHJcdTAwZmFjIEhUTUwgdlx1MDBlMCBDU1MgY1x1MDFhMSBiXHUxZWEzbiBuXHUwMGUwbyBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWExdCBcdTAxMTFcdTAxYjBcdTFlZTNjIGJcdTFlZDEgY1x1MWVlNWMgblx1MDBlMHkgbVx1MWVkOXQgY1x1MDBlMWNoIGhpXHUxZWM3dSBxdVx1MWVhMz9cclxuPHVsPlxyXG48bGk+QS4gU1x1MWVlZCBkXHUxZWU1bmcgdGhcdTFlYmIgYDx0YWJsZT5gIFx1MDExMVx1MWVjMyBjaGlhIGhlYWRlciB0aFx1MDBlMG5oIGhhaSBjXHUxZWQ5dC48XC9saT5cclxuPGxpPkIuIFx1MDExMFx1MWViN3QgbG9nbyB2XHUwMGUwIHNsb2dhbiB2XHUwMGUwbyBoYWkgdGhcdTFlYmIgYDxwPmAgcmlcdTAwZWFuZyBiaVx1MWVjN3Qgdlx1MDBlMCBjaFx1MDBmYW5nIHNcdTFlYmQgdFx1MWVmMSBcdTAxMTFcdTFlZDluZyB4XHUxZWJmcCBuZ2FuZyBoXHUwMGUwbmcuPFwvbGk+XHJcbjxsaT5DLiBDaFx1MWVjOSBjXHUxZWE3biBcdTAxMTFcdTFlYjd0IGxvZ28gdlx1MDBlMCBzbG9nYW4gdlx1MDBlMG8gY1x1MDBmOW5nIG1cdTFlZDl0IHRoXHUxZWJiIGA8ZGl2PmAgbVx1MDBlMCBraFx1MDBmNG5nIGNcdTFlYTduIENTUyBcdTAxMTFcdTFlYjdjIGJpXHUxZWM3dC48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gXHUwMTEwXHUxZWI3dCBsb2dvIHZcdTAwZTAgc2xvZ2FuIHZcdTAwZTBvIGNcdTAwZTFjIHRoXHUxZWJiIGA8ZGl2PmAgaG9cdTFlYjdjIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIHBoXHUwMGY5IGhcdTFlZTNwIGtoXHUwMGUxYyBiXHUwMGVhbiB0cm9uZyBtXHUxZWQ5dCB0aFx1MWViYiBjb250YWluZXIsIHNhdSBcdTAxMTFcdTAwZjMgc1x1MWVlZCBkXHUxZWU1bmcgQ1NTIFx1MDExMVx1MWVjMyBiXHUxZWQxIHRyXHUwMGVkIGNoXHUwMGZhbmcgdGhlbyBjaGlcdTFlYzF1IG5nYW5nLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAzOiBUcm9uZyBiXHUwMGUwaSBoXHUxZWNkYywgXHUwMTExXHUxZWMzIHRcdTFlYTFvIGNcdTAwZTFjIFwiXHUwMGY0XCIgKGJsb2NrKSBjXHUwMGYzIFx1MDExMVx1MWVkOSByXHUxZWQ5bmcgYlx1MWViMW5nIG5oYXUgdlx1MDBlMCBuXHUxZWIxbSB0clx1MDBlYW4gY1x1MDBmOW5nIG1cdTFlZDl0IGhcdTAwZTBuZyAobmhcdTAxYjAgcGhcdTFlYTduIHNsb2dhbiksIG5nXHUwMWIwXHUxZWRkaSB0YSBcdTAxMTFcdTAwZTMgc1x1MWVlZCBkXHUxZWU1bmcga1x1MWViZnQgaFx1MWVlM3AgbFx1MWVkYnAgQ1NTIG5cdTAwZTBvIHZcdTAwZTAgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiBMXHUxZWRicCBgYmxvY2tfM2AgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIHRoXHUxZWJiIGA8dGFibGU+YCB2XHUwMGUwIGxcdTFlZGJwIGBSb3dgIFx1MDBlMXAgZFx1MWVlNW5nIGNobyB0aFx1MWViYiBgPHRyPmAuPFwvbGk+XHJcbjxsaT5CLiBMXHUxZWRicCBgUm93YCBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gdFx1MWVlYm5nIFwiXHUwMGY0XCIgcmlcdTAwZWFuZyBsXHUxZWJiIHZcdTAwZTAgbFx1MWVkYnAgYGJsb2NrXzNgIFx1MDBlMXAgZFx1MWVlNW5nIGNobyB0aFx1MWViYiBjb250YWluZXIuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIExcdTFlZGJwIGBSb3dgIFx1MDBlMXAgZFx1MWVlNW5nIGNobyB0aFx1MWViYiBjb250YWluZXIgKGNoXHUxZWU5YSBjXHUwMGUxYyBcdTAwZjQpIHZcdTAwZTAgbFx1MWVkYnAgYGJsb2NrXzNgIFx1MDBlMXAgZFx1MWVlNW5nIGNobyB0XHUxZWVibmcgXCJcdTAwZjRcIiBjb24uPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gQ2hcdTFlYzkgY1x1MWVhN24gXHUwMGUxcCBkXHUxZWU1bmcgbFx1MWVkYnAgYGJsb2NrXzNgIGNobyBjXHUwMGUxYyBcIlx1MDBmNFwiIGNvbiwgY2hcdTAwZmFuZyBzXHUxZWJkIHRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgeFx1MWViZnAgbmdhbmcgaFx1MDBlMG5nLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDQ6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgcGhcdTFlYTduIG5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaCAobWFpbiBjb250ZW50KSBjXHUxZWU3YSB0cmFuZyBjaFx1MWVlNywgYlx1MWVhMW4gbXVcdTFlZDFuIGhpXHUxZWMzbiB0aFx1MWVjYiB0aFx1MDBmNG5nIHRpbiB0XHUwMGYzbSB0XHUxZWFmdCB2XHUxZWMxIGNcdTAwZTFjIGxvXHUxZWExaSBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5ICh2XHUwMGVkIGRcdTFlZTU6IFRoXHUxZWMzIHRoYW8sIE5naFx1MWVjNyB0aHVcdTFlYWR0KSBkXHUwMWIwXHUxZWRiaSBkXHUxZWExbmcgY1x1MDBlMWMga2hcdTFlZDFpIHJpXHUwMGVhbmcgYmlcdTFlYzd0LCBtXHUxZWQ3aSBraFx1MWVkMWkgY1x1MDBmMyB0aVx1MDBlYXUgXHUwMTExXHUxZWMxIHZcdTAwZTAgbVx1MDBmNCB0XHUxZWEzIG5nXHUxZWFmbi4gXHUwMTEwXHUxZWMzIGxcdTAwZTBtIGNobyBjXHUwMGUxYyBraFx1MWVkMWkgblx1MDBlMHkgaGlcdTFlYzNuIHRoXHUxZWNiIHJcdTAwZjUgclx1MDBlMG5nIHZcdTAwZTAgdFx1MDBlMWNoIGJpXHUxZWM3dCwgYlx1MWVhMW4gblx1MDBlYW4gc1x1MWVlZCBkXHUxZWU1bmcgdGhcdTFlYmIgSFRNTCBuXHUwMGUwbyBcdTAxMTFcdTFlYzMgbmhcdTAwZjNtIG5cdTFlZDlpIGR1bmcgY2hvIG1cdTFlZDdpIGtoXHUxZWQxaSB2XHUwMGUwIFx1MDBlMXAgZFx1MWVlNW5nIENTUyBcdTAxMTFcdTFlYzMgdFx1MWVhMW8ga2hvXHUxZWEzbmcgY1x1MDBlMWNoIGdpXHUxZWVmYSBjaFx1MDBmYW5nP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIFRoXHUxZWJiIGA8ZGl2PmAgY2hvIG1cdTFlZDdpIGtoXHUxZWQxaSB2XHUwMGUwIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBtYXJnaW5gIGhvXHUxZWI3YyBgcGFkZGluZ2AgdHJvbmcgQ1NTLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIFRoXHUxZWJiIGA8cD5gIGNobyBtXHUxZWQ3aSBraFx1MWVkMWkgdlx1MDBlMCBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgbGluZS1oZWlnaHRgIHRyb25nIENTUy48XC9saT5cclxuPGxpPkMuIFRoXHUxZWJiIGA8c3Bhbj5gIGNobyBtXHUxZWQ3aSBraFx1MWVkMWkgdlx1MDBlMCBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgYm9yZGVyYCB0cm9uZyBDU1MuPFwvbGk+XHJcbjxsaT5ELiBUaFx1MWViYiBgPGE+YCBjaG8gbVx1MWVkN2kga2hcdTFlZDFpIHZcdTAwZTAgc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYHRleHQtZGVjb3JhdGlvbmAgdHJvbmcgQ1NTLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDU6IEJcdTFlYTFuIFx1MDExMVx1MDBlMyB0aGlcdTFlYmZ0IGtcdTFlYmYgeG9uZyBiXHUxZWQxIGNcdTFlZTVjIGNcdTAxYTEgYlx1MWVhM24gY2hvIHRyYW5nIGNoXHUxZWU3LiBCXHUwMGUyeSBnaVx1MWVkZCBiXHUxZWExbiBtdVx1MWVkMW4gXHUwMTExXHUxZWEzbSBiXHUxZWEzbyByXHUxZWIxbmcgdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBsaVx1MDBlYW4ga1x1MWViZnQgKGxpbmspIHRyXHUwMGVhbiB0cmFuZyBcdTAxMTFcdTFlYzF1IGNcdTAwZjMgbVx1MDBlMHUgeGFuaCBkXHUwMWIwXHUwMWExbmcgdlx1MDBlMCBraFx1MDBmNG5nIGNcdTAwZjMgZ1x1MWVhMWNoIGNoXHUwMGUybiBraGkgY2hcdTAxYjBhIFx1MDExMVx1MDFiMFx1MWVlM2MgdHJ1eSBjXHUxZWFkcC4gQlx1MWVhMW4gY1x1MWVhN24gdGhcdTAwZWFtIHF1eSB0XHUxZWFmYyBDU1Mgblx1MDBlMG8gdlx1MDBlMG8gdFx1MWVjN3AgQ1NTIGNodW5nIGNcdTFlZTdhIG1cdTAwZWNuaD9cclxuPHVsPlxyXG48bGk+QS4gYC5saW5rIHsgY29sb3I6IGJsdWU7IHRleHQtZGVjb3JhdGlvbjogbm9uZTsgfWA8XC9saT5cclxuPGxpPkIuIGAjYWxsLWxpbmtzIHsgY29sb3I6IGJsdWU7IHRleHQtZGVjb3JhdGlvbjogbm9uZTsgfWA8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gYGEgeyBjb2xvcjogYmx1ZTsgdGV4dC1kZWNvcmF0aW9uOiBub25lOyB9YDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIGBwIGEgeyBjb2xvcjogYmx1ZTsgdGV4dC1kZWNvcmF0aW9uOiBub25lOyB9YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDY6IFRyb25nIHF1XHUwMGUxIHRyXHUwMGVjbmggdGhpXHUxZWJmdCBrXHUxZWJmIHdlYnNpdGUsIHZpXHUxZWM3YyBsXHUwMGVhbiBrXHUxZWJmIGhvXHUxZWExY2ggY1x1MWVhNXUgdHJcdTAwZmFjIHdlYnNpdGUgKHNcdTFlZDEgbFx1MDFiMFx1MWVlM25nIHRyYW5nLCBtXHUxZWQxaSBsaVx1MDBlYW4ga1x1MWViZnQgZ2lcdTFlZWZhIGNcdTAwZTFjIHRyYW5nKSB0clx1MDFiMFx1MWVkYmMga2hpIGJcdTFlYWZ0IFx1MDExMVx1MWVhN3UgdmlcdTFlYmZ0IG1cdTAwZTMgSFRNTFwvQ1NTIGxcdTAwZTAgYlx1MDFiMFx1MWVkYmMgcXVhbiB0clx1MWVjZG5nIG5oXHUxZWIxbSBtXHUxZWU1YyBcdTAxMTFcdTAwZWRjaCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIFhcdTAwZTFjIFx1MDExMVx1MWVjYm5oIHJcdTAwZjUgclx1MDBlMG5nIGx1XHUxZWQzbmcgdGhcdTAwZjRuZyB0aW4gdlx1MDBlMCBjXHUwMGUxY2ggbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBcdTAxMTFpXHUxZWMxdSBoXHUwMWIwXHUxZWRibmcgdHJvbmcgd2Vic2l0ZS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBHaVx1MDBmYXAgd2Vic2l0ZSB0XHUxZWEzaSBuaGFuaCBoXHUwMWExbiB0clx1MDBlYW4gbVx1MWVjZGkgdGhpXHUxZWJmdCBiXHUxZWNiLjxcL2xpPlxyXG48bGk+Qy4gVFx1MWVmMSBcdTAxMTFcdTFlZDluZyB0XHUxZWExbyByYSBuXHUxZWQ5aSBkdW5nIGNobyBjXHUwMGUxYyB0cmFuZyBjb24uPFwvbGk+XHJcbjxsaT5ELiBMb1x1MWVhMWkgYlx1MWVjZiBob1x1MDBlMG4gdG9cdTAwZTBuIG5odSBjXHUxZWE3dSBzXHUxZWVkIGRcdTFlZTVuZyBDU1MuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNzogQlx1MWVhMW4gbXVcdTFlZDFuIHRoXHUwMGVhbSBtXHUxZWQ5dCBoXHUwMGVjbmggXHUxZWEzbmggbFx1MDBlMG0gblx1MWVjMW4gY2hvIHBoXHUxZWE3biBiYW5uZXIgY1x1MWVlN2EgdHJhbmcgd2ViLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gdHJvbmcgbFx1MWVkYnAgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIGJhbm5lciBzXHUxZWJkIGdpXHUwMGZhcCBiXHUxZWExbiB0aFx1MWVmMWMgaGlcdTFlYzduIFx1MDExMWlcdTFlYzF1IG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiBgc3JjYDxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBgYmFja2dyb3VuZC1pbWFnZWA8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBgaW1hZ2Utc291cmNlYDxcL2xpPlxyXG48bGk+RC4gYGJhY2tncm91bmQtY29sb3JgPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgODogXHUwMTEwXHUxZWMzIFx1MDExMVx1MWVhM20gYlx1MWVhM28gd2Vic2l0ZSBjXHUxZWU3YSBiXHUxZWExbiBoaVx1MWVjM24gdGhcdTFlY2IgdFx1MWVkMXQgdHJcdTAwZWFuIGNcdTFlYTMgbVx1MDBlMXkgdFx1MDBlZG5oIHZcdTAwZTAgXHUwMTExaVx1MWVjN24gdGhvXHUxZWExaSwgYlx1MWVhMW4gY1x1MWVhN24geGVtIHhcdTAwZTl0IFx1MDBlMXAgZFx1MWVlNW5nIGtcdTFlZjkgdGh1XHUxZWFkdCB0aGlcdTFlYmZ0IGtcdTFlYmYgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIENoXHUxZWM5IHNcdTFlZWQgZFx1MWVlNW5nIHZcdTAxMDNuIGJcdTFlYTNuIHRodVx1MWVhN24gdFx1MDBmYXkuPFwvbGk+XHJcbjxsaT5CLiBUXHUxZWExbyBoYWkgcGhpXHUwMGVhbiBiXHUxZWEzbiB3ZWJzaXRlIHJpXHUwMGVhbmcgYmlcdTFlYzd0IChtXHUxZWQ5dCBjaG8gbVx1MDBlMXkgdFx1MDBlZG5oLCBtXHUxZWQ5dCBjaG8gXHUwMTExaVx1MWVjN24gdGhvXHUxZWExaSkuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIFx1MDBjMXAgZFx1MWVlNW5nIGNcdTAwZTFjIGtcdTFlZjkgdGh1XHUxZWFkdCB0aGlcdTFlYmZ0IGtcdTFlYmYgXHUwMTExXHUwMGUxcCBcdTFlZTluZyAoUmVzcG9uc2l2ZSBXZWIgRGVzaWduKSBzXHUxZWVkIGRcdTFlZTVuZyBDU1MuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gU1x1MWVlZCBkXHUxZWU1bmcgRmxhc2ggY2hvIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgdGhcdTAwZTBuaCBwaFx1MWVhN24gXHUwMTExXHUxZWQzIGhcdTFlY2RhLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDk6IEJcdTFlYTFuIFx1MDExMVx1MDBlMyB0XHUxZWExbyBtXHUxZWQ5dCBsXHUxZWRicCBDU1MgdFx1MDBlYW4gbFx1MDBlMCBgLmNsdWItaW5mb2AgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBjXHUwMGUxYyBraFx1MWVkMWkgdGhcdTAwZjRuZyB0aW4gdlx1MWVjMSB0XHUxZWVibmcgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOS4gTVx1MWVkN2kga2hcdTFlZDFpIG5cdTAwZTB5IGNcdTFlYTduIGNcdTAwZjMgdmlcdTFlYzFuIChib3JkZXIpIG1cdTAwZTB1IHhcdTAwZTFtIG1cdTFlY2ZuZy4gQlx1MWVhMW4gc1x1MWViZCB0aFx1MDBlYW0gcXV5IHRcdTFlYWZjIENTUyBuXHUwMGUwbyB2XHUwMGUwbyBsXHUxZWRicCBgLmNsdWItaW5mb2A/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gYGJvcmRlcjogMXB4IHNvbGlkIGdyYXk7YDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIGBvdXRsaW5lOiAxcHggc29saWQgZ3JheTtgPFwvbGk+XHJcbjxsaT5DLiBgYm9yZGVyLWNvbG9yOiBncmF5OyBib3JkZXItd2lkdGg6IDFweDtgIChjaFx1MDFiMGEgXHUwMTExXHUxZWU3IGtpXHUxZWMzdSB2aVx1MWVjMW4pPFwvbGk+XHJcbjxsaT5ELiBgYm9yZGVyLXN0eWxlOiBzb2xpZDsgY29sb3I6IGdyYXk7IHdpZHRoOiAxcHg7YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEwOiBNXHUxZWQ5dCB0cmFuZyBnaVx1MWVkYmkgdGhpXHUxZWM3dSBjaGkgdGlcdTFlYmZ0IHZcdTFlYzEgbVx1MWVkOXQgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOSBjXHUxZWU1IHRoXHUxZWMzICh2XHUwMGVkIGRcdTFlZTU6IENMQiBDXHUxZWRkIFZ1YSkgblx1MDBlYW4gYmFvIGdcdTFlZDNtIG5oXHUxZWVmbmcgbG9cdTFlYTFpIHRoXHUwMGY0bmcgdGluIG5cdTAwZTBvIFx1MDExMVx1MWVjMyB0aHUgaFx1MDBmYXQgbmdcdTAxYjBcdTFlZGRpIHhlbSB2XHUwMGUwIGN1bmcgY1x1MWVhNXAgXHUwMTExXHUxZWE3eSBcdTAxMTFcdTFlZTcgdGhcdTAwZjRuZyB0aW4/XHJcbjx1bD5cclxuPGxpPkEuIENoXHUxZWM5IGNcdTFlYTduIHRcdTAwZWFuIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkgdlx1MDBlMCBtXHUxZWQ5dCB2XHUwMGUwaSBoXHUwMGVjbmggXHUxZWEzbmguPFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjOSBjXHUxZWE3biBsXHUxZWNiY2ggc1x1MWVlZCBoXHUwMGVjbmggdGhcdTAwZTBuaCB2XHUwMGUwIGRhbmggc1x1MDBlMWNoIHRoXHUwMGUwbmggdmlcdTAwZWFuLjxcL2xpPlxyXG48bGk+Qy4gQ2hcdTFlYzkgY1x1MWVhN24gdGhcdTAwZjRuZyB0aW4gbGlcdTAwZWFuIGhcdTFlYzcgY1x1MWVlN2EgbmdcdTAxYjBcdTFlZGRpIHBoXHUxZWU1IHRyXHUwMGUxY2guPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIE1cdTFlZTVjIHRpXHUwMGVhdSwgaG9cdTFlYTF0IFx1MDExMVx1MWVkOW5nIGNoXHUwMGVkbmgsIGxcdTFlY2JjaCBzaW5oIGhvXHUxZWExdCwgdGhcdTAwZTBuaCB0XHUwMGVkY2ggblx1MWVkNWkgYlx1MWVhZHQgdlx1MDBlMCBjXHUwMGUxY2ggdGhcdTFlZTljIFx1MDExMVx1MDEwM25nIGtcdTAwZmRcL3RoYW0gZ2lhLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMTogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBtdVx1MWVkMW4gY1x1MDEwM24gZ2lcdTFlZWZhIHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgY2hcdTAwZWRuaCBjXHUxZWU3YSB0cmFuZyB3ZWIgKFx1MDExMVx1MWViN3QgdHJvbmcgdGhcdTFlYmIgYDxoMT5gKSB0aGVvIGNoaVx1MWVjMXUgbmdhbmcuIEJcdTFlYTFuIHNcdTFlYmQgc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIGNobyB0aFx1MWViYiBgaDFgP1xyXG48dWw+XHJcbjxsaT5BLiBgYWxpZ246IGNlbnRlcjtgPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIGB0ZXh0LWFsaWduOiBjZW50ZXI7YDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO2A8XC9saT5cclxuPGxpPkQuIGBtYXJnaW46IGF1dG87YCAoXHUwMGMxcCBkXHUxZWU1bmcgY2hvIGtoXHUxZWQxaSwga2hcdTAwZjRuZyBwaFx1MWVhM2kgdlx1MDEwM24gYlx1MWVhM24gYlx1MDBlYW4gdHJvbmcpPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTI6IEJcdTFlYTFuIGNcdTFlYTduIHRcdTFlYTFvIG1cdTFlZDl0IGRhbmggc1x1MDBlMWNoIGNcdTAwZTFjIGxpXHUwMGVhbiBrXHUxZWJmdCBcdTAxMTFpXHUxZWMxdSBoXHUwMWIwXHUxZWRibmcgKG1lbnUpIFx1MWVkZiBcdTAxMTFcdTFlYTd1IHRyYW5nLiBDXHUxZWE1dSB0clx1MDBmYWMgSFRNTCBuZ1x1MWVlZiBuZ2hcdTAxMjlhIChzZW1hbnRpYyBIVE1MKSBuXHUwMGUwbyBsXHUwMGUwIHBoXHUwMGY5IGhcdTFlZTNwIG5oXHUxZWE1dCBcdTAxMTFcdTFlYzMgYmlcdTFlYzN1IGRpXHUxZWM1biBtXHUxZWQ5dCBkYW5oIHNcdTAwZTFjaCBjXHUwMGUxYyBsaVx1MDBlYW4ga1x1MWViZnQgbmhcdTAxYjAgdlx1MWVhZHk/XHJcbjx1bD5cclxuPGxpPkEuIE1cdTFlZDl0IGxvXHUxZWExdCBjXHUwMGUxYyB0aFx1MWViYiBgPGE+YCBuXHUxZWQxaSB0aVx1MWViZnAgbmhhdS48XC9saT5cclxuPGxpPkIuIFNcdTFlZWQgZFx1MWVlNW5nIHRoXHUxZWJiIGA8ZGl2PmAgY2hcdTFlZTlhIGNcdTAwZTFjIHRoXHUxZWJiIGA8cD5gIHZcdTFlZGJpIGxpXHUwMGVhbiBrXHUxZWJmdCBiXHUwMGVhbiB0cm9uZy48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gU1x1MWVlZCBkXHUxZWU1bmcgdGhcdTFlYmIgYDxuYXY+YCBjaFx1MWVlOWEgZGFuaCBzXHUwMGUxY2gga2hcdTAwZjRuZyBjXHUwMGYzIHRoXHUxZWU5IHRcdTFlZjEgKGA8dWw+YCkgdlx1MWVkYmkgY1x1MDBlMWMgbVx1MWVlNWMgZGFuaCBzXHUwMGUxY2ggKGA8bGk+YCkgbFx1MDBlMCBjXHUwMGUxYyBsaVx1MDBlYW4ga1x1MWViZnQgKGA8YT5gKS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBTXHUxZWVkIGRcdTFlZTVuZyB0aFx1MWViYiBgPHRhYmxlPmAgXHUwMTExXHUxZWMzIHRcdTFlYTFvIGNcdTAwZTFjIFx1MDBmNCBjaFx1MWVlOWEgbGlcdTAwZWFuIGtcdTFlYmZ0LjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEzOiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gaGlcdTFlYzd1IFx1MWVlOW5nIGtoaSBkaSBjaHVcdTFlZDl0IHF1YSBtXHUxZWQ5dCBsaVx1MDBlYW4ga1x1MWViZnQgdHJvbmcgbWVudSwgbVx1MDBlMHUgY2hcdTFlZWYgY1x1MWVlN2EgbGlcdTAwZWFuIGtcdTFlYmZ0IFx1MDExMVx1MDBmMyBzXHUxZWJkIHRoYXkgXHUwMTExXHUxZWQ1aS4gQlx1MWVhMW4gc1x1MWViZCBzXHUxZWVkIGRcdTFlZTVuZyBiXHUxZWQ5IGNoXHUxZWNkbiBnaVx1MWVhMyBsXHUxZWRicCAocHNldWRvLWNsYXNzKSBuXHUwMGUwbyB0cm9uZyBDU1M/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gYGE6aG92ZXJgPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gYGE6YWN0aXZlYDxcL2xpPlxyXG48bGk+Qy4gYGE6Zm9jdXNgPFwvbGk+XHJcbjxsaT5ELiBgYTp2aXNpdGVkYDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE0OiBUXHUxZWExaSBzYW8gdmlcdTFlYzdjIFx1MDExMVx1MWViN3QgY1x1MDBlMWMgdFx1MWVjN3AgaFx1MDBlY25oIFx1MWVhM25oLCB2aWRlbywgdlx1MDBlMCB0XHUxZWM3cCBDU1Mgdlx1MDBlMG8gY1x1MDBlMWMgdGhcdTAxYjAgbVx1MWVlNWMgcmlcdTAwZWFuZyBiaVx1MWVjN3QgKHZcdTAwZWQgZFx1MWVlNTogYGltYWdlc2AsIGB2aWRlb3NgLCBgY3NzYCkgbFx1MWVhMWkgbFx1MDBlMCBtXHUxZWQ5dCB0aFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDF0IGtoaSB4XHUwMGUyeSBkXHUxZWYxbmcgd2Vic2l0ZT9cclxuPHVsPlxyXG48bGk+QS4gR2lcdTAwZmFwIHdlYnNpdGUgdFx1MWVhM2kgbmhhbmggaFx1MDFhMW4gdlx1MDBlYyB0clx1MDBlY25oIGR1eVx1MWVjN3QgZFx1MWVjNSB0XHUwMGVjbSB0aFx1MWVhNXkgdFx1MWVjN3AgaFx1MDFhMW4uPFwvbGk+XHJcbjxsaT5CLiBUXHUxZWYxIFx1MDExMVx1MWVkOW5nIG5cdTAwZTluIGR1bmcgbFx1MDFiMFx1MWVlM25nIGNcdTFlZTdhIGNcdTAwZTFjIHRcdTFlYzdwIFx1MDExMWEgcGhcdTAxYjBcdTAxYTFuZyB0aVx1MWVjN24uPFwvbGk+XHJcbjxsaT5DLiBOZ1x1MDEwM24gY2hcdTFlYjduIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgdFx1MWVhM2kgdlx1MWVjMSBjXHUwMGUxYyB0XHUxZWM3cCB0XHUwMGUwaSBuZ3V5XHUwMGVhbiBjXHUxZWU3YSB3ZWJzaXRlLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBHaVx1MDBmYXAgdFx1MWVkNSBjaFx1MWVlOWMgY1x1MWVhNXUgdHJcdTAwZmFjIGRcdTFlZjEgXHUwMGUxbiB3ZWJzaXRlIG1cdTFlZDl0IGNcdTAwZTFjaCByXHUwMGY1IHJcdTAwZTBuZywgZFx1MWVjNSBxdVx1MWVhM24gbFx1MDBmZCB2XHUwMGUwIGJcdTFlYTNvIHRyXHUwMGVjLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNTogQlx1MWVhMW4gXHUwMTExXHUwMGUzIHRcdTFlYTFvIG1cdTFlZDl0IGxcdTFlZGJwIENTUyB0XHUwMGVhbiBsXHUwMGUwIGAuZm9vdGVyYCBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIHBoXHUxZWE3biBjdVx1MWVkMWkgdHJhbmcuIEJcdTFlYTFuIG11XHUxZWQxbiBwaFx1MWVhN24gY3VcdTFlZDFpIHRyYW5nIG5cdTAwZTB5IGNcdTAwZjMgblx1MWVjMW4gbVx1MDBlMHUgeFx1MDBlMW0gbmhcdTFlYTF0ICgjZjJmMmYyKSB2XHUwMGUwIGNoXHUxZWVmIG1cdTAwZTB1IFx1MDExMWVuLiBCXHUxZWExbiBzXHUxZWJkIHRoXHUwMGVhbSBjXHUwMGUxYyB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gdlx1MDBlMG8gbFx1MWVkYnAgYC5mb290ZXJgP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGBiYWNrZ3JvdW5kLWNvbG9yOiAjZjJmMmYyOyBjb2xvcjogYmxhY2s7YDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIGBiYWNrZ3JvdW5kOiAjZjJmMmYyOyB0ZXh0LWNvbG9yOiBibGFjaztgPFwvbGk+XHJcbjxsaT5DLiBgY29sb3I6ICNmMmYyZjI7IGJhY2tncm91bmQtY29sb3I6IGJsYWNrO2A8XC9saT5cclxuPGxpPkQuIGBiYWNrZ3JvdW5kLWltYWdlOiAjZjJmMmYyOyBmb250LWNvbG9yOiBibGFjaztgPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTY6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgbVx1MWVkOXQgdHJhbmcgd2ViIGdpXHUxZWRiaSB0aGlcdTFlYzd1IGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDksIG5nb1x1MDBlMGkgdGhcdTAwZjRuZyB0aW4gdlx1MDEwM24gYlx1MWVhM24sIHZpXHUxZWM3YyB0XHUwMGVkY2ggaFx1MWVlM3AgaFx1MDBlY25oIFx1MWVhM25oIHZcdTAwZTAgdmlkZW8gbWluaCBoXHUxZWNkYSBjXHUwMGYzIHZhaSB0clx1MDBmMiBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiBDaFx1MWVjOSBcdTAxMTFcdTFlYzMgdFx1MDEwM25nIGR1bmcgbFx1MDFiMFx1MWVlM25nIGNcdTFlZTdhIHRyYW5nIHdlYi48XC9saT5cclxuPGxpPkIuIEtoXHUwMGY0bmcgY1x1MDBmMyB2YWkgdHJcdTAwZjIgZ1x1MDBlYyBcdTAxMTFcdTAwZTFuZyBrXHUxZWMzIG5nb1x1MDBlMGkgdmlcdTFlYzdjIHRyYW5nIHRyXHUwMGVkLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBHaVx1MDBmYXAgdHJhbmcgd2ViIHNpbmggXHUwMTExXHUxZWQ5bmcsIHRyXHUxZWYxYyBxdWFuLCBoXHUxZWE1cCBkXHUxZWFibiB2XHUwMGUwIHRydXlcdTFlYzFuIHRcdTFlYTNpIHRoXHUwMGY0bmcgdGluIGhpXHUxZWM3dSBxdVx1MWVhMyBoXHUwMWExbi48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBMXHUwMGUwIHlcdTAwZWF1IGNcdTFlYTd1IGJcdTFlYWZ0IGJ1XHUxZWQ5YyBcdTAxMTFcdTFlYzMgd2Vic2l0ZSBob1x1MWVhMXQgXHUwMTExXHUxZWQ5bmcgXHUwMTExXHUwMWIwXHUxZWUzYy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNzogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGtob1x1MWVhM25nIFx1MDExMVx1MWVjN20gKHBhZGRpbmcpIDIwcHggeHVuZyBxdWFuaCBuXHUxZWQ5aSBkdW5nIGJcdTAwZWFuIHRyb25nIHBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjMgbFx1MWVkYnAgYC5jb250ZW50LWFyZWFgLiBUXHUxZWU5YyBsXHUwMGUwLCBraG9cdTFlYTNuZyBjXHUwMGUxY2ggdFx1MWVlYiB2aVx1MWVjMW4gY1x1MWVlN2EgYC5jb250ZW50LWFyZWFgIFx1MDExMVx1MWViZm4gblx1MWVkOWkgZHVuZyBiXHUwMGVhbiB0cm9uZyBuXHUwMGYzIGxcdTAwZTAgMjBweCB2XHUxZWMxIG1cdTFlY2RpIHBoXHUwMGVkYS4gQlx1MWVhMW4gc1x1MWViZCBzXHUxZWVkIGRcdTFlZTVuZyBxdXkgdFx1MWVhZmMgQ1NTIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiBgbWFyZ2luOiAyMHB4O2A8XC9saT5cclxuPGxpPkIuIGBib3JkZXI6IDIwcHg7YDxcL2xpPlxyXG48bGk+Qy4gYHNwYWNlLWluc2lkZTogMjBweDtgPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIGBwYWRkaW5nOiAyMHB4O2A8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTg6IFx1MDExMFx1MWVjMyB0XHUxZWExbyBsaVx1MDBlYW4ga1x1MWViZnQgdFx1MWVlYiB0cmFuZyBjaFx1MWVlNyBcdTAxMTFcdTFlYmZuIHRyYW5nIGdpXHUxZWRiaSB0aGlcdTFlYzd1IENMQiBUaFx1MWVjMyB0aGFvIChjXHUwMGYzIHRcdTAwZWFuIHRcdTFlYzdwIGxcdTAwZTAgYHRoZXRoYW8uaHRtbGApLCBiXHUxZWExbiBjXHUxZWE3biBzXHUxZWVkIGRcdTFlZTVuZyB0aFx1MWViYiBIVE1MIG5cdTAwZTBvIHZcdTAwZTAgdGh1XHUxZWQ5YyB0XHUwMGVkbmggblx1MDBlMG8gXHUwMTExXHUxZWMzIGNoXHUxZWM5IFx1MDExMVx1MWVjYm5oIFx1MDExMVx1MWVjYmEgY2hcdTFlYzkgdHJhbmcgXHUwMTExXHUwMGVkY2g/XHJcbjx1bD5cclxuPGxpPkEuIGA8bGluayBzcmM9XCJ0aGV0aGFvLmh0bWxcIj5DTEIgVGhcdTFlYzMgdGhhbzxcL2xpbms+YDxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBgPGEgaHJlZj1cInRoZXRoYW8uaHRtbFwiPkNMQiBUaFx1MWVjMyB0aGFvPFwvYT5gPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gYDxnbyB0bz1cInRoZXRoYW8uaHRtbFwiPkNMQiBUaFx1MWVjMyB0aGFvPFwvZ28gdG8+YDxcL2xpPlxyXG48bGk+RC4gYDxuYXZpZ2F0ZSB1cmw9XCJ0aGV0aGFvLmh0bWxcIj5DTEIgVGhcdTFlYzMgdGhhbzxcL25hdmlnYXRlPmA8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxOTogS2hpIGJcdTFlYTFuIG11XHUxZWQxbiBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCAodlx1MDBlZCBkXHUxZWU1OiBtXHUxZWQ5dCBraFx1MWVkMWkgblx1MWVkOWkgZHVuZykgY2hpXHUxZWJmbSB0b1x1MDBlMG4gYlx1MWVkOSBjaGlcdTFlYzF1IHJcdTFlZDluZyBraFx1MWVhMyBkXHUxZWU1bmcgY1x1MWVlN2EgcGhcdTFlYTduIHRcdTFlZWQgY2hhIG5cdTAwZjMsIGJcdTFlYTFuIHRoXHUwMWIwXHUxZWRkbmcgc1x1MWVlZCBkXHUxZWU1bmcga2lcdTFlYzN1IGhpXHUxZWMzbiB0aFx1MWVjYiAoZGlzcGxheSkgbVx1MWViN2MgXHUwMTExXHUxZWNibmggblx1MDBlMG8gY2hvIHBoXHUxZWE3biB0XHUxZWVkIFx1MDExMVx1MDBmMz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBgYmxvY2tgPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gYGlubGluZWA8XC9saT5cclxuPGxpPkMuIGBpbmxpbmUtYmxvY2tgPFwvbGk+XHJcbjxsaT5ELiBgZmxleGA8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMDogQlx1MWVhMW4gXHUwMTExYW5nIHRoaVx1MWViZnQga1x1MWViZiB0cmFuZyBnaVx1MWVkYmkgdGhpXHUxZWM3dSBDTEIgTmdoXHUxZWM3IHRodVx1MWVhZHQgdlx1MDBlMCBtdVx1MWVkMW4gbmhcdTAwZmFuZyBtXHUxZWQ5dCB2aWRlbyB0XHUxZWViIFlvdVR1YmUgdlx1MDBlMG8gdHJhbmcgXHUwMTExXHUwMGYzLiBCXHUxZWExbiBzXHUxZWJkIHNcdTFlZWQgZFx1MWVlNW5nIHRoXHUxZWJiIEhUTUwgblx1MDBlMG8gXHUwMTExXHUxZWMzIHRoXHUxZWYxYyBoaVx1MWVjN24gdmlcdTFlYzdjIG5oXHUwMGZhbmcgdmlkZW8/XHJcbjx1bD5cclxuPGxpPkEuIGA8dmlkZW8+YCAodGhcdTAxYjBcdTFlZGRuZyBkXHUwMGY5bmcgY2hvIHZpZGVvIHRcdTFlZjEgbFx1MDFiMHUgdHJcdTFlZWYpPFwvbGk+XHJcbjxsaT5CLiBgPGVtYmVkPmAgKFx1MDBlZHQgZFx1MDBmOW5nIGhcdTAxYTFuIGA8aWZyYW1lPmAgY2hvIG1cdTFlZTVjIFx1MDExMVx1MDBlZGNoIG5cdTAwZTB5KTxcL2xpPlxyXG48bGk+Qy4gYDxzb3VyY2U+YDxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBgPGlmcmFtZT5gPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIxOiBNXHUxZWU1YyBcdTAxMTFcdTAwZWRjaCBjXHUxZWU3YSB2aVx1MWVjN2MgdFx1MWVhMW8gbVx1MWVkOXQgdHJhbmcgcmlcdTAwZWFuZyBjaFx1MWVlOWEgYmlcdTFlYzN1IG1cdTFlYWJ1IFx1MDExMVx1MDEwM25nIGtcdTAwZmQgdGhhbSBnaWEgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOSBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQ3VuZyBjXHUxZWE1cCBtXHUxZWQ5dCBjXHUwMGUxY2ggY1x1MDBmMyBjXHUxZWE1dSB0clx1MDBmYWMgXHUwMTExXHUxZWMzIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgZ1x1MWVlZGkgdGhcdTAwZjRuZyB0aW4gY1x1MDBlMSBuaFx1MDBlMm4gdlx1MDBlMCB5XHUwMGVhdSBjXHUxZWE3dSB0aGFtIGdpYS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBcdTAxMTBcdTFlYzMgaGlcdTFlYzNuIHRoXHUxZWNiIGRhbmggc1x1MDBlMWNoIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgdGhcdTAwZTBuaCB2aVx1MDBlYW4gaGlcdTFlYzduIHRcdTFlYTFpIGNcdTFlZTdhIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkuPFwvbGk+XHJcbjxsaT5DLiBDaFx1MWVjOSBcdTAxMTFcdTFlYzMgdHJhbmcgdHJcdTAwZWQgY2hvIHdlYnNpdGUgdGhcdTAwZWFtIHNpbmggXHUwMTExXHUxZWQ5bmcuPFwvbGk+XHJcbjxsaT5ELiBHaVx1MDBmYXAgd2Vic2l0ZSBcdTAxMTFcdTAxYjBcdTFlZTNjIHhcdTFlYmZwIGhcdTFlYTFuZyBjYW8gaFx1MDFhMW4gdHJcdTAwZWFuIGNcdTAwZjRuZyBjXHUxZWU1IHRcdTAwZWNtIGtpXHUxZWJmbS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMjogQlx1MWVhMW4gbXVcdTFlZDFuIFx1MDBlMXAgZFx1MWVlNW5nIGNcdTAwZjluZyBtXHUxZWQ5dCBraVx1MWVjM3UgZFx1MDBlMW5nICh2XHUwMGVkIGRcdTFlZTU6IG1cdTAwZTB1IG5cdTFlYzFuLCBraG9cdTFlYTNuZyBcdTAxMTFcdTFlYzdtKSBjaG8gbmhpXHUxZWMxdSBwaFx1MWVhN24gdFx1MWVlZCBIVE1MIGtoXHUwMGUxYyBuaGF1IHRyXHUwMGVhbiB0cmFuZyB3ZWIgbVx1MDBlMCBraFx1MDBmNG5nIGNcdTFlYTduIGxcdTFlYjdwIGxcdTFlYTFpIGNcdTAwZTFjIHF1eSB0XHUxZWFmYyBDU1MuIENcdTAwZTFjaCBoaVx1MWVjN3UgcXVcdTFlYTMgbmhcdTFlYTV0IFx1MDExMVx1MWVjMyBsXHUwMGUwbSBcdTAxMTFpXHUxZWMxdSBuXHUwMGUweSBsXHUwMGUwIHNcdTFlZWQgZFx1MWVlNW5nIGtoXHUwMGUxaSBuaVx1MWVjN20gblx1MDBlMG8gdHJvbmcgQ1NTP1xyXG48dWw+XHJcbjxsaT5BLiBJRDxcL2xpPlxyXG48bGk+Qi4gQlx1MWVkOSBjaFx1MWVjZG4gdGhcdTFlYmIgKFR5cGUgc2VsZWN0b3IpPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIExcdTFlZGJwIChDbGFzcyk8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBUaHVcdTFlZDljIHRcdTAwZWRuaCBgc3R5bGVgIGlubGluZTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIzOiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQga2hcdTFlZDFpIHZcdTAxMDNuIGJcdTFlYTNuIG1cdTAwZjQgdFx1MWVhMyBob1x1MWVhMXQgXHUwMTExXHUxZWQ5bmcgY1x1MWVlN2EgQ0xCIHZcdTAwZTAgbXVcdTFlZDFuIG5cdTAwZjMgY1x1MDBmMyBtXHUwMGUwdSBjaFx1MWVlZiB4YW5oIGxcdTAwZTEgY1x1MDBlMnkuIEJcdTFlYTFuIHNcdTFlYmQgdGhcdTAwZWFtIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyB2XHUwMGUwbyBiXHUxZWQ5IGNoXHUxZWNkbiBuaFx1MWVhZm0gbVx1MWVlNWMgdGlcdTAwZWF1IFx1MDExMVx1MWViZm4ga2hcdTFlZDFpIHZcdTAxMDNuIGJcdTFlYTNuIFx1MDExMVx1MDBmMz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBgY29sb3I6IGdyZWVuO2A8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBgdGV4dC1jb2xvcjogZ3JlZW47YDxcL2xpPlxyXG48bGk+Qy4gYGZvbnQtY29sb3I6IGdyZWVuO2A8XC9saT5cclxuPGxpPkQuIGBiYWNrZ3JvdW5kLWNvbG9yOiBncmVlbjtgPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjQ6IEJcdTFlYTFuIFx1MDExMWFuZyB4ZW0gbVx1MDBlMyBIVE1MIHZcdTAwZTAgdGhcdTFlYTV5IFx1MDExMW9cdTFlYTFuIHNhdTogYDxkaXYgY2xhc3M9XCJSb3dcIj48ZGl2IGNsYXNzPVwiYmxvY2tfM1wiPk5cdTFlZDlpIGR1bmcgMTxcL2Rpdj48ZGl2IGNsYXNzPVwiYmxvY2tfM1wiPk5cdTFlZDlpIGR1bmcgMjxcL2Rpdj48ZGl2IGNsYXNzPVwiYmxvY2tfM1wiPk5cdTFlZDlpIGR1bmcgMzxcL2Rpdj48XC9kaXY+YC4gRFx1MWVmMWEgdHJcdTAwZWFuIHRcdTAwZWFuIGxcdTFlZGJwLCBiXHUxZWExbiBjXHUwMGYzIHRoXHUxZWMzIHN1eSBsdVx1MWVhZG4gZ1x1MDBlYyB2XHUxZWMxIGJcdTFlZDEgY1x1MWVlNWMgaGlcdTFlYzNuIHRoXHUxZWNiIGNcdTFlZTdhIGJhIGtoXHUxZWQxaSBcIk5cdTFlZDlpIGR1bmdcIiBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gQmEga2hcdTFlZDFpIHNcdTFlYmQgeFx1MWViZnAgY2hcdTFlZDNuZyBsXHUwMGVhbiBuaGF1IHRoZW8gY2hpXHUxZWMxdSBkXHUxZWNkYy48XC9saT5cclxuPGxpPkIuIEtoXHUxZWQxaSBcIk5cdTFlZDlpIGR1bmcgMVwiIHNcdTFlYmQgY2hpXHUxZWJmbSB0b1x1MDBlMG4gYlx1MWVkOSBjaGlcdTFlYzF1IHJcdTFlZDluZywgaGFpIGtoXHUxZWQxaSBjXHUwMGYybiBsXHUxZWExaSBuXHUxZWIxbSBkXHUwMWIwXHUxZWRiaS48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gQmEga2hcdTFlZDFpIHNcdTFlYmQgeFx1MWViZnAgY1x1MWVhMW5oIG5oYXUgdGhlbyBjaGlcdTFlYzF1IG5nYW5nLCBtXHUxZWQ3aSBraFx1MWVkMWkgY2hpXHUxZWJmbSBraG9cdTFlYTNuZyAxXC8zIGNoaVx1MWVjMXUgclx1MWVkOW5nIGNvbnRhaW5lci48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBCXHUxZWQxIGNcdTFlZTVjIHNcdTFlYmQgcGhcdTFlZTUgdGh1XHUxZWQ5YyBob1x1MDBlMG4gdG9cdTAwZTBuIHZcdTAwZTBvIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgbVx1MDBlMG4gaFx1MDBlY25oIG1cdTAwZTAga2hcdTAwZjRuZyBjXHUwMGYzIHF1eSB0XHUxZWFmYyBjXHUxZWU1IHRoXHUxZWMzLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI1OiBcdTAxMTBcdTFlYzMgdFx1MWVhMW8gbVx1MWVkOXQgXHUwMTExXHUwMWIwXHUxZWRkbmcga1x1MWViYiBuZ2FuZyBwaFx1MDBlMm4gY1x1MDBlMWNoIGdpXHUxZWVmYSBjXHUwMGUxYyBwaFx1MWVhN24gblx1MWVkOWkgZHVuZyBraFx1MDBlMWMgbmhhdSB0clx1MDBlYW4gdHJhbmcgd2ViICh2XHUwMGVkIGRcdTFlZTU6IHBoXHUwMGUybiBjXHUwMGUxY2ggaGVhZGVyIHZcdTAwZTAgbWFpbiBjb250ZW50KSwgYlx1MWVhMW4gY1x1MDBmMyB0aFx1MWVjMyBzXHUxZWVkIGRcdTFlZTVuZyB0aFx1MWViYiBIVE1MIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGA8aHI+YDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIGA8bGluZT5gPFwvbGk+XHJcbjxsaT5DLiBgPHNlcGFyYXRvcj5gPFwvbGk+XHJcbjxsaT5ELiBgPGJyPmAgKGNoXHUxZWM5IHRcdTFlYTFvIG5nXHUxZWFmdCBkXHUwMGYybmcpPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjY6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgcGhcdTFlYTduIGNoXHUwMGUybiB0cmFuZyAoZm9vdGVyKSwgYlx1MWVhMW4gbXVcdTFlZDFuIG5cdTAwZjMgbHVcdTAwZjRuIG5cdTFlYjFtIFx1MWVkZiBjdVx1MWVkMWkgdHJhbmcsIGJcdTFlYTV0IGtcdTFlYzMgblx1MWVkOWkgZHVuZyBjaFx1MDBlZG5oIGNcdTAwZjMgbmdcdTFlYWZuIGhheSBkXHUwMGUwaS4gTVx1MWViN2MgZFx1MDBmOSBraFx1MDBmNG5nIHBoXHUxZWEzaSBsXHUwMGZhYyBuXHUwMGUwbyBjXHUwMTY5bmcgZFx1MWVjNSBkXHUwMGUwbmcgY2hcdTFlYzkgdlx1MWVkYmkgQ1NTIGNcdTAxYTEgYlx1MWVhM24sIG5oXHUwMWIwbmcgaGlcdTFlYzN1IGJpXHUxZWJmdCB2XHUxZWMxIG1cdTAwZjQgaFx1MDBlY25oIGhcdTFlZDlwIChib3ggbW9kZWwpIHZcdTAwZTAgY1x1MDBlMWMgdGh1XHUxZWQ5YyB0XHUwMGVkbmggdlx1MWVjYiB0clx1MDBlZCAocG9zaXRpb24pIG5cdTAwZTBvIGNcdTAwZjMgdGhcdTFlYzMgZ2lcdTAwZmFwIGJcdTFlYTFuIHRpXHUxZWJmcCBjXHUxZWFkbiBnaVx1MWVhM2kgcGhcdTAwZTFwIG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiBDaFx1MWVjOSBjXHUxZWE3biBcdTAxMTFcdTFlYjd0IHRoXHUxZWJiIGA8Zm9vdGVyPmAgXHUxZWRmIGN1XHUxZWQxaSBtXHUwMGUzIEhUTUwuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIEhpXHUxZWMzdSBiaVx1MWViZnQgdlx1MWVjMSBtXHUwMGY0IGhcdTAwZWNuaCBoXHUxZWQ5cCBDU1MgKG1hcmdpbiwgcGFkZGluZywgYm9yZGVyKSB2XHUwMGUwIGNcdTAwZTFjIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBwb3NpdGlvbmAgaG9cdTFlYjdjIGtcdTFlZjkgdGh1XHUxZWFkdCBGbGV4Ym94XC9HcmlkLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIFNcdTFlZWQgZFx1MWVlNW5nIG5oaVx1MWVjMXUgdGhcdTFlYmIgYDxicj5gIHNhdSBuXHUxZWQ5aSBkdW5nIGNoXHUwMGVkbmguPFwvbGk+XHJcbjxsaT5ELiBcdTAxMTBcdTFlYjd0IGZvb3RlciBiXHUwMGVhbiB0cm9uZyB0aFx1MWViYiBgPGhlYWQ+YC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNzogQlx1MWVhMW4gbXVcdTFlZDFuIFx1MDExMVx1MWViN3QgbVx1MWVkOXQgXHUxZWEzbmggXHUwMTExXHUxZWExaSBkaVx1MWVjN24gY2hvIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkgdHJvbmcgbVx1MWVkOXQga2hcdTFlZDFpIG5cdTFlZDlpIGR1bmcgdlx1MDBlMCBtdVx1MWVkMW4gXHUxZWEzbmggblx1MDBlMHkgblx1MWViMW0gYlx1MDBlYW4gdHJcdTAwZTFpLCBjXHUwMGYybiB2XHUwMTAzbiBiXHUxZWEzbiBtXHUwMGY0IHRcdTFlYTMgblx1MWViMW0gYlx1MDBlYW4gcGhcdTFlYTNpLCBjXHUxZWEzIGhhaSBjXHUwMGY5bmcgblx1MWViMW0gdHJcdTAwZWFuIG1cdTFlZDl0IGRcdTAwZjJuZyAoblx1MWViZnUgXHUwMTExXHUxZWU3IGNoXHUxZWQ3KS4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIHRoXHUwMWIwXHUxZWRkbmcgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBjaG8gXHUxZWEzbmggXHUwMTExXHUxZWMzIFx1MDExMVx1MWVhMXQgXHUwMTExXHUwMWIwXHUxZWUzYyBoaVx1MWVjN3UgcXVcdTFlYTMgblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPkEuIGBhbGlnbjogbGVmdDtgPFwvbGk+XHJcbjxsaT5CLiBgcG9zaXRpb246IGFic29sdXRlO2A8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gYGZsb2F0OiBsZWZ0O2A8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBgZGlzcGxheTogaW5saW5lO2A8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyODogS2hpIHRcdTFlYTFvIGxpXHUwMGVhbiBrXHUxZWJmdCBnaVx1MWVlZmEgY1x1MDBlMWMgdHJhbmcgdHJvbmcgY1x1MDBmOW5nIG1cdTFlZDl0IHdlYnNpdGUgKHZcdTAwZWQgZFx1MWVlNTogdFx1MWVlYiB0cmFuZyBjaFx1MWVlNyBcdTAxMTFcdTFlYmZuIHRyYW5nIENMQiBUaFx1MWVjMyB0aGFvKSwgYlx1MWVhMW4gblx1MDBlYW4gc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUwMWIwXHUxZWRkbmcgZFx1MWVhYm4gdFx1MDFiMFx1MDFhMW5nIFx1MDExMVx1MWVkMWkgKHJlbGF0aXZlIHBhdGgpIGhheSBcdTAxMTFcdTAxYjBcdTFlZGRuZyBkXHUxZWFibiB0dXlcdTFlYzd0IFx1MDExMVx1MWVkMWkgKGFic29sdXRlIHBhdGgpIFx1MDExMVx1MWVjMyBjaFx1MWVjOSBcdTAxMTFcdTFlY2JuaCB0XHUxZWM3cCBIVE1MIGNcdTFlZTdhIHRyYW5nIFx1MDExMVx1MDBlZGNoP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIFx1MDExMFx1MDFiMFx1MWVkZG5nIGRcdTFlYWJuIHRcdTAxYjBcdTAxYTFuZyBcdTAxMTFcdTFlZDFpLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIFx1MDExMFx1MDFiMFx1MWVkZG5nIGRcdTFlYWJuIHR1eVx1MWVjN3QgXHUwMTExXHUxZWQxaS48XC9saT5cclxuPGxpPkMuIEtoXHUwMGY0bmcgY1x1MDBmMyBzXHUxZWYxIGtoXHUwMGUxYyBiaVx1MWVjN3QsIGNcdTAwZTFpIG5cdTAwZTBvIGNcdTAxNjluZyBcdTAxMTFcdTAxYjBcdTFlZTNjLjxcL2xpPlxyXG48bGk+RC4gQ2hcdTFlYzkgY1x1MDBmMyB0aFx1MWVjMyBkXHUwMGY5bmcgXHUwMTExXHUwMWIwXHUxZWRkbmcgZFx1MWVhYm4gdHV5XHUxZWM3dCBcdTAxMTFcdTFlZDFpIG5cdTFlYmZ1IHdlYnNpdGUgY2hcdTAxYjBhIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMTExXHUwMWIwYSBsXHUwMGVhbiBtXHUxZWExbmcuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjk6IEJcdTFlYTFuIFx1MDExMVx1MDBlMyB0aGlcdTFlYmZ0IGtcdTFlYmYgeG9uZyB0cmFuZyBjaFx1MWVlNyB2XHUwMGUwIG11XHUxZWQxbiB0XHUxZWExbyB0aFx1MDBlYW0gdHJhbmcgZ2lcdTFlZGJpIHRoaVx1MWVjN3UgQ0xCIE5naFx1MWVjNyB0aHVcdTFlYWR0LiBDXHUwMGUxY2ggaGlcdTFlYzd1IHF1XHUxZWEzIG5oXHUxZWE1dCBcdTAxMTFcdTFlYzMgYlx1MWVhZnQgXHUwMTExXHUxZWE3dSB0XHUxZWExbyB0cmFuZyBtXHUxZWRiaSBuXHUwMGUweSwgZFx1MWVmMWEgdHJcdTAwZWFuIG5oXHUxZWVmbmcgZ1x1MDBlYyBcdTAxMTFcdTAwZTMgbFx1MDBlMG0gdlx1MWVkYmkgdHJhbmcgY2hcdTFlZTcgdlx1MDBlMCB0XHUxZWM3cCBDU1MgY2h1bmcsIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gVmlcdTFlYmZ0IGxcdTFlYTFpIHRvXHUwMGUwbiBiXHUxZWQ5IG1cdTAwZTMgSFRNTCB2XHUwMGUwIENTUyB0XHUxZWViIFx1MDExMVx1MWVhN3UgY2hvIHRyYW5nIG1cdTFlZGJpLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBTYW8gY2hcdTAwZTlwIHRcdTFlYzdwIEhUTUwgY1x1MWVlN2EgdHJhbmcgY2hcdTFlZTcsIFx1MDExMVx1MWVkNWkgdFx1MDBlYW4gdlx1MDBlMCBjaFx1MWVjOW5oIHNcdTFlZWRhIG5cdTFlZDlpIGR1bmcgcGhcdTFlYTduIGNoXHUwMGVkbmguPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gQ2hcdTFlYzkgY1x1MWVhN24gdFx1MWVhMW8gbVx1MWVkOXQgbGlcdTAwZWFuIGtcdTFlYmZ0IG1cdTFlZGJpIHRyb25nIHRyYW5nIGNoXHUxZWU3IHZcdTAwZTAgdHJcdTAwZWNuaCBkdXlcdTFlYzd0IHNcdTFlYmQgdFx1MWVmMSB0XHUxZWExbyB0cmFuZyBcdTAxMTFcdTAwZWRjaC48XC9saT5cclxuPGxpPkQuIFNcdTFlZWQgZFx1MWVlNW5nIG1cdTFlZDl0IHRcdTFlYzdwIENTUyBob1x1MDBlMG4gdG9cdTAwZTBuIGtoXHUwMGUxYyBjaG8gdHJhbmcgbVx1MWVkYmkuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMzA6IFRyb25nIGJcdTFlZDFpIGNcdTFlYTNuaCB0aGlcdTFlYmZ0IGtcdTFlYmYgd2ViLCB0aHVcdTFlYWR0IG5nXHUxZWVmIFwiYmFubmVyXCIgXHUxZWRmIFx1MDExMVx1MWVhN3UgdHJhbmcgdGhcdTAxYjBcdTFlZGRuZyBkXHUwMGY5bmcgXHUwMTExXHUxZWMzIGNoXHUxZWM5IHRoXHUwMGUwbmggcGhcdTFlYTduIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIE1cdTFlZDl0IGtodSB2XHUxZWYxYyBcdTAxMTFcdTFlZDMgaFx1MWVjZGEgbFx1MWVkYm4gXHUxZWRmIFx1MDExMVx1MWVhN3UgdHJhbmcsIHRoXHUwMWIwXHUxZWRkbmcgY2hcdTFlZTlhIGxvZ28sIHRcdTAwZWFuIHdlYnNpdGUgaG9cdTFlYjdjIGhcdTAwZWNuaCBcdTFlYTNuaCBuXHUxZWQ1aSBiXHUxZWFkdC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBEYW5oIHNcdTAwZTFjaCBjXHUwMGUxYyBsaVx1MDBlYW4ga1x1MWViZnQgXHUwMTExaVx1MWVjMXUgaFx1MDFiMFx1MWVkYm5nIGNoXHUwMGVkbmggY1x1MWVlN2Egd2Vic2l0ZS48XC9saT5cclxuPGxpPkMuIFBoXHUxZWE3biBjdVx1MWVkMWkgY1x1MDBmOW5nIGNcdTFlZTdhIHRyYW5nIHdlYiBjaFx1MWVlOWEgdGhcdTAwZjRuZyB0aW4gbGlcdTAwZWFuIGhcdTFlYzcuPFwvbGk+XHJcbjxsaT5ELiBDXHUwMGUxYyBxdVx1MWVhM25nIGNcdTAwZTFvIGhpXHUxZWMzbiB0aFx1MWVjYiB0clx1MDBlYW4gdHJhbmcgd2ViLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG4iLCJxdWl6X2ltYWdlIjpudWxsLCJxdWl6X2NhdGVnb3J5X2lkIjoiMzMwMiIsInF1ZXN0aW9uX2lkcyI6IjkxMzYzNSw5MTM2MzYsOTEzNjM3LDkxMzYzOCw5MTM2MzksOTEzNjQwLDkxMzY0MSw5MTM2NDIsOTEzNjQzLDkxMzY0NCw5MTM2NDUsOTEzNjQ2LDkxMzY0Nyw5MTM2NDgsOTEzNjQ5LDkxMzY1MCw5MTM2NTEsOTEzNjUyLDkxMzY1Myw5MTM2NTQsOTEzNjU1LDkxMzY1Niw5MTM2NTcsOTEzNjU4LDkxMzY1OSw5MTM2NjAsOTEzNjYxLDkxMzY2Miw5MTM2NjMsOTEzNjY0Iiwib3JkZXJpbmciOiIzMDYwOSIsInB1Ymxpc2hlZCI6IjEiLCJjcmVhdGVfZGF0ZSI6bnVsbCwicXVpel91cmwiOm51bGwsImludGVydmFscyI6Ilt7XCJpbnRlcnZhbF9taW5cIjpcIjBcIixcImludGVydmFsX21heFwiOlwiMjVcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkFcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCIyNlwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI1MFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQlwifSx7XCJpbnRlcnZhbF9taW5cIjpcIjUxXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjc1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJDXCJ9LHtcImludGVydmFsX21pblwiOlwiNzZcIixcImludGVydmFsX21heFwiOlwiMTAwXCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJEXCJ9XSIsImlzX3VzZXJfbG9nZ2VkX2luIjpmYWxzZSwicXVpel9hbmltYXRpb25fdG9wIjoxMDAsInF1aXpfZW5hYmxlX2FuaW1hdGlvbl90b3AiOiJvbiIsInN0b3JlX2FsbF9ub3RfZmluaXNoZWRfcmVzdWx0cyI6ZmFsc2V9';
</script>
<input type='hidden' name='quiz_id' value='30609'/>
<input type='hidden' name='start_date' class='ays-start-date'/>
<input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/>
<input type='hidden' name='ays_finish_quiz_nonce_30609' value='45d85a0ccb'/>
</form></div>
</div>
</div></div>
<div class="panel blogger"><div class='ays-quiz-wrap'>
<div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active'
data-quest-effect='shake'
data-hide-bg-image='false'
id='ays-quiz-container-31547'>
<div class='ays-questions-container'>
<div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap">
<a class="ays-quiz-full-screen-container">
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>
</svg>
</a>
</div></div>
<span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span>
<form
action=''
method='post'
autocomplete='off'
id='ays_finish_quiz_31547'
class='ays-quiz-form enable_questions_result '
><input type='hidden' class='ays_question_count_per_page' value='30'>
<input type='hidden' value='list' class='answer_view_class'>
<input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'>
<div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p>
</div>
<div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p>
</div>
<hr style='height:1px;'>
</section>
<div class='step active-step'>
<div class='ays-abs-fs ays-start-page'>
<div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong></p></div>
<p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 05</p>
<div class='ays_buttons_div'>
<input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" />
</div>
<div class='ays-fs-subtitle'><p><strong>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 05</strong> được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!</p>
<div class="question-block">
<p>Câu 1: Khi xây dựng cấu trúc một trang web theo hướng dẫn thực hành, việc sử dụng các thẻ `</p>
<div>` với các lớp CSS (ví dụ: `header`, `content`, `footer`) cho các phần tử chính như đầu trang, nội dung, chân trang nhằm mục đích gì?</p>
<ul>
<li>A. Tăng tốc độ tải trang web.</li>
<li>B. Giúp trình duyệt hiển thị nội dung dưới dạng văn bản thuần túy.</li>
<li><strong>C. Phân chia trang web thành các khu vực logic để dễ dàng định dạng và quản lý bằng CSS.</strong></li>
<li>D. Tự động tạo liên kết giữa các trang khác nhau.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 2: Tại sao trong thiết kế website thực hành, việc sử dụng một tệp tin CSS chung (ví dụ: `style.css`) được liên kết tới tất cả các trang HTML lại là một phương pháp hiệu quả và nên dùng?</p>
<ul>
<li>A. Giúp giảm dung lượng của từng tệp tin HTML.</li>
<li><strong>B. Đảm bảo sự nhất quán về giao diện, phong cách trên toàn bộ website và dễ dàng chỉnh sửa thiết kế chung.</strong></li>
<li>C. Tăng cường tính bảo mật cho nội dung trang web.</li>
<li>D. Cho phép sử dụng các hiệu ứng động phức tạp hơn.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 3: Bạn muốn tạo một khu vực trong trang web chứa ba khối nội dung (ví dụ: ba cột giới thiệu về ba câu lạc bộ khác nhau) được xếp cạnh nhau theo chiều ngang. Dựa trên nguyên tắc thiết kế đã học, bạn sẽ sử dụng kỹ thuật CSS nào để đạt được bố cục này?</p>
<ul>
<li>A. Đặt mỗi khối trong một thẻ `
<p>` riêng biệt.</li>
<li>B. Sử dụng thuộc tính `position: absolute` cho mỗi khối.</li>
<li>C. Chỉ định thuộc tính `display: block` cho mỗi khối.</li>
<li><strong>D. Bọc các khối con trong một thẻ chứa (container) và sử dụng các thuộc tính CSS như `float` hoặc `display` phù hợp cho các khối con để chúng hiển thị theo hàng ngang.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 4: Giả sử bạn đã định nghĩa một lớp CSS tên là `.block-item` để định dạng các khối nội dung riêng lẻ. Để áp dụng định dạng này cho một thẻ `</p>
<div>` cụ thể trong HTML, bạn sẽ viết như thế nào?</p>
<ul>
<li><strong>A. `
<div class=</strong></li>
<li>B. `
<div id=</li>
<li>C. `
<div style=</li>
<li>D. `
<div name=</li>
</ul>
</div>
<div class="question-block">
<p>Câu 5: Khi thiết kế phần đầu trang (header) của website, bạn muốn đặt một hình ảnh lớn (banner) làm nền hoặc làm logo chính. Bạn sẽ sử dụng thẻ HTML nào để chèn hình ảnh này?</p>
<ul>
<li>A. `<video>`</li>
<li>B. `<link>`</li>
<li><strong>C. `<img>`</strong></li>
<li>D. `<a>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 6: Bạn đã tạo một liên kết (`<a>` tag) trên trang chủ dẫn đến trang giới thiệu câu lạc bộ Thể thao (`thethao.html`). Nếu tệp `thethao.html` nằm cùng cấp thư mục với trang chủ, thuộc tính `href` của thẻ `<a>` sẽ có giá trị là gì?</p>
<ul>
<li>A. `href=</li>
<li><strong>B. `href=</strong></li>
<li>C. `href=</li>
<li>D. `href=</li>
</ul>
</div>
<div class="question-block">
<p>Câu 7: Để tạo một danh sách các liên kết điều hướng (menu) trong phần đầu trang hoặc chân trang, bạn nên sử dụng cấu trúc thẻ HTML nào để đảm bảo tính ngữ nghĩa và dễ dàng định dạng bằng CSS?</p>
<ul>
<li><strong>A. Sử dụng thẻ `
<ul>` hoặc `</p>
<ol>` kết hợp với các thẻ `</p>
<li>` chứa thẻ `<a>`.</strong></li>
<li>B. Chỉ sử dụng các thẻ `<a>` đặt cạnh nhau.</li>
<li>C. Sử dụng các thẻ `
<p>` với thuộc tính `display: inline`.</li>
<li>D. Sử dụng thẻ `<br />
<table>` với mỗi liên kết là một ô.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 8: Khi thêm nội dung văn bản vào trang web (ví dụ: giới thiệu về một câu lạc bộ), bạn nên sử dụng các thẻ HTML ngữ nghĩa như `</p>
<p>` cho đoạn văn, `</p>
<h2>`, `</p>
<h3>` cho tiêu đề phụ thay vì chỉ dùng thẻ `</p>
<div>` hoặc `<br />` liên tục. Việc này mang lại lợi ích chính gì?</p>
<ul>
<li>A. Làm cho trang web tải nhanh hơn trên mọi thiết bị.</li>
<li>B. Tự động tạo kiểu chữ và màu sắc đẹp mắt.</li>
<li>C. Giúp người dùng không cần cuộn trang để xem hết nội dung.</li>
<li><strong>D. Cải thiện cấu trúc trang web cho công cụ tìm kiếm và các công nghệ hỗ trợ (ví dụ: trình đọc màn hình).</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 9: Bạn muốn định dạng cho tất cả các đoạn văn bản (`</p>
<p>` tag) trong trang web có màu chữ xanh và căn lề hai bên. Đoạn mã CSS phù hợp để đặt trong tệp `style.css` là gì?</p>
<ul>
<li><strong>A. `p { color: blue; text-align: justify; }`</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 10: Trong quá trình thiết kế trang web, bạn cần chèn các tài nguyên đa phương tiện như video giới thiệu về câu lạc bộ. Thẻ HTML nào thường được sử dụng để nhúng video trực tiếp vào trang?</p>
<ul>
<li>A. `<img>`</li>
<li><strong>B. `<video>`</strong></li>
<li>C. `<audio>`</li>
<li>D. `<iframe>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 11: Bạn đang thiết kế một trang đăng ký thành viên có chứa biểu mẫu (form). Biểu mẫu này cần có các ô nhập liệu cho Tên, Email và một nút Gửi. Thẻ HTML chính để tạo một biểu mẫu là gì?</p>
<ul>
<li>A. `<br />
<table>`</li>
<li>B. `<input>`</li>
<li><strong>C. `<br />
<form>`</strong></li>
<li>D. `<button>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 12: Để tạo một ô nhập liệu văn bản (ví dụ: nhập tên người dùng) trong biểu mẫu HTML, bạn sẽ sử dụng thẻ `<input>` với thuộc tính `type` có giá trị là gì?</p>
<ul>
<li><strong>A. `type=</strong></li>
<li>B. `type=</li>
<li>C. `type=</li>
<li>D. `type=</li>
</ul>
</div>
<div class="question-block">
<p>Câu 13: Bạn muốn tạo một nút "Đăng ký" để gửi dữ liệu từ biểu mẫu đi. Thẻ `<button>` hoặc `<input>` với thuộc tính `type` nào sẽ được sử dụng cho mục đích này?</p>
<ul>
<li>A. `type=</li>
<li>B. `type=</li>
<li>C. `type=</li>
<li><strong>D. `type=</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 14: Khi liên kết tệp CSS (`style.css`) vào tệp HTML, thẻ `<link>` được đặt ở vị trí nào trong cấu trúc HTML để đảm bảo trang web áp dụng kiểu dáng trước khi hiển thị nội dung?</p>
<ul>
<li><strong>A. Trong phần `<head>` của tài liệu HTML.</strong></li>
<li>B. Trong phần `<body>` của tài liệu HTML, ở vị trí bất kỳ.</li>
<li>C. Ngay sau thẻ `</body>` kết thúc.</li>
<li>D. Trong phần `<br />
<footer>` của tài liệu HTML.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 15: Bạn đã tạo một lớp CSS `.slogan` để định dạng dòng khẩu hiệu của website. Nếu bạn muốn dòng khẩu hiệu này được căn giữa và có màu chữ đỏ, bạn sẽ thêm các thuộc tính CSS nào vào quy tắc `.slogan`?</p>
<ul>
<li>A. `font-weight: center; color: red;`</li>
<li>B. `align: middle; text-color: red;`</li>
<li><strong>C. `text-align: center; color: red;`</strong></li>
<li>D. `vertical-align: middle; font-color: red;`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 16: Giả sử bạn muốn tạo một hiệu ứng khi người dùng di chuột qua một liên kết, màu chữ của liên kết đó sẽ đổi sang màu cam. Bạn sẽ sử dụng bộ chọn giả lớp (pseudo-class) nào trong CSS để thực hiện điều này?</p>
<ul>
<li><strong>D. </strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 17: Khi thiết kế bố cục trang, việc sử dụng thuộc tính `margin` trong CSS có tác dụng gì?</p>
<ul>
<li>A. Tạo khoảng trống giữa nội dung và đường viền của phần tử.</li>
<li><strong>B. Tạo khoảng trống bên ngoài đường viền của phần tử, đẩy các phần tử khác ra xa.</strong></li>
<li>C. Thiết lập màu nền cho phần tử.</li>
<li>D. Định nghĩa độ dày của đường viền phần tử.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 18: Bạn muốn tạo một khoảng đệm (khoảng trống bên trong) cho một khối nội dung để nội dung không bị sát vào đường viền hoặc lề của khối đó. Thuộc tính CSS nào được sử dụng cho mục đích này?</p>
<ul>
<li><strong>A. `padding`</strong></li>
<li>B. `margin`</li>
<li>C. `border`</li>
<li>D. `outline`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 19: Để đảm bảo rằng trang web của bạn hiển thị tốt trên cả màn hình máy tính và thiết bị di động (thiết kế đáp ứng - responsive design), bạn có thể cần sử dụng các kỹ thuật CSS đặc biệt. Kỹ thuật nào sau đây thường được sử dụng để áp dụng các kiểu dáng khác nhau dựa trên kích thước màn hình?</p>
<ul>
<li>A. Sử dụng thẻ `<br />
<table>` cho toàn bộ bố cục.</li>
<li>B. Chỉ sử dụng đơn vị `px` cho tất cả kích thước.</li>
<li><strong>C. Sử dụng Media Queries (`@media`) trong CSS.</strong></li>
<li>D. Đặt tất cả nội dung vào một hình ảnh duy nhất.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 20: Khi thiết kế một trang web có nhiều hình ảnh, việc tối ưu hóa dung lượng và kích thước của hình ảnh trước khi đưa lên website là quan trọng. Tại sao?</p>
<ul>
<li>A. Giúp hình ảnh hiển thị sắc nét hơn trên mọi màn hình.</li>
<li>B. Tăng số lượng hình ảnh có thể chèn vào trang.</li>
<li>C. Tự động tạo hiệu ứng động cho hình ảnh.</li>
<li><strong>D. Giảm thời gian tải trang và tiết kiệm băng thông cho người dùng.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 21: Giả sử bạn cần tạo một danh sách các mục (ví dụ: danh sách hoạt động của câu lạc bộ) mà không cần đánh số thứ tự. Thẻ HTML nào là phù hợp nhất để tạo danh sách này?</p>
<ul>
<li>A. `
<ol>`</li>
<li><strong>B. `
<ul>`</strong></li>
<li>C. `
<li>`</li>
<li>D. `
<dl>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 22: Bạn đang xây dựng trang chủ giới thiệu về các câu lạc bộ. Bạn muốn mỗi câu lạc bộ có một phần riêng với tiêu đề (tên câu lạc bộ) và mô tả ngắn. Cấu trúc HTML ngữ nghĩa nào sau đây là lựa chọn tốt nhất để tổ chức nội dung cho mỗi câu lạc bộ?</p>
<ul>
<li><strong>A. Sử dụng thẻ `<br />
<article>` hoặc `</p>
<section>` chứa tiêu đề (`</p>
<h2>`) và đoạn văn (`</p>
<p>`).</strong></li>
<li>B. Chỉ sử dụng thẻ `
<div>` với các lớp CSS.</li>
<li>C. Sử dụng thẻ `<span>` cho tiêu đề và mô tả.</li>
<li>D. Sử dụng thẻ `<br />
<blockquote><p>` cho toàn bộ nội dung.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 23: Khi thiết kế giao diện, bạn muốn một phần tử (ví dụ: một hình ảnh) được đặt ở một vị trí cố định trên màn hình, ngay cả khi người dùng cuộn trang. Thuộc tính CSS `position` nào sẽ giúp bạn đạt được điều này?</p>
<ul>
<li>A. `position: static`</li>
<li>B. `position: relative`</li>
<li>C. `position: absolute`</li>
<li><strong>D. `position: fixed`</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 24: Bạn muốn tạo một hiệu ứng đổ bóng cho một khối nội dung để làm nổi bật nó. Thuộc tính CSS nào được sử dụng để thêm hiệu ứng đổ bóng?</p>
<ul>
<li>A. `text-decoration`</li>
<li><strong>B. `box-shadow`</strong></li>
<li>C. `border-radius`</li>
<li>D. `opacity`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 25: Để đảm bảo rằng các liên kết trên trang web có thể truy cập được và thân thiện với người dùng, đặc biệt là người dùng có nhu cầu đặc biệt hoặc sử dụng trình đọc màn hình, điều gì sau đây là quan trọng khi tạo liên kết bằng thẻ `<a>`?</p>
<ul>
<li>A. Chỉ sử dụng hình ảnh làm nội dung của liên kết.</li>
<li>B. Đặt thuộc tính `target=</li>
<li><strong>C. Sử dụng văn bản mô tả rõ ràng mục đích của liên kết thay vì chỉ dùng "Tại đây" hoặc "Xem thêm".</strong></li>
<li>D. Loại bỏ thuộc tính `href` và chỉ dùng JavaScript.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 26: Bạn đang thiết kế phần chân trang (footer) của website. Thông tin nào sau đây thường được đặt ở phần chân trang?</p>
<ul>
<li><strong>A. Thông tin bản quyền, liên hệ, hoặc các liên kết điều hướng phụ.</strong></li>
<li>B. Nội dung chính, giới thiệu chi tiết về các câu lạc bộ.</li>
<li>C. Tiêu đề trang web và banner chính.</li>
<li>D. Các biểu mẫu đăng ký thành viên.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 27: Trong tệp CSS, bạn muốn chọn tất cả các thẻ `</p>
<h2>` nằm bên trong một thẻ `</p>
<div>` có lớp là `content`. Cú pháp bộ chọn CSS nào sau đây là đúng?</p>
<ul>
<li><strong>B. </strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 28: Bạn muốn làm tròn các góc của một khối hình chữ nhật (ví dụ: khung chứa ảnh hoặc nội dung). Thuộc tính CSS nào được sử dụng để tạo hiệu ứng bo tròn góc?</p>
<ul>
<li><strong>A. `border-radius`</strong></li>
<li>B. `corner-shape`</li>
<li>C. `box-decoration`</li>
<li>D. `outline-style`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 29: Giả sử bạn cần tạo một đường viền cho một phần tử HTML. Thuộc tính CSS `border` cho phép bạn thiết lập đồng thời kiểu đường viền, độ dày và màu sắc. Để tạo đường viền nét liền, dày 1px, màu đen, bạn sẽ sử dụng cú pháp nào?</p>
<ul>
<li>A. `border: black 1px solid;`</li>
<li>B. `border: solid black 1px;`</li>
<li>C. `border: 1px black solid;`</li>
<li><strong>D. `border: 1px solid black;`</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 30: Khi thiết kế trang web, việc đặt tên lớp (class) và ID trong CSS và HTML một cách rõ ràng, dễ hiểu và nhất quán (ví dụ: `header-title`, `main-content`, `btn-submit`) mang lại lợi ích chính gì?</p>
<ul>
<li>A. Tự động tối ưu hóa hình ảnh trên trang.</li>
<li><strong>B. Giúp mã nguồn dễ đọc, dễ hiểu và dễ bảo trì bởi bản thân người viết hoặc người khác.</strong></li>
<li>C. Tăng tốc độ hiển thị của trang web trên trình duyệt.</li>
<li>D. Ngăn chặn việc sao chép nội dung trang web.</li>
</ul>
</div>
</div>
<input type='hidden' name='ays_quiz_id' value='31547'/>
<input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-18-thuc-hanh-tong-hop-thiet-ke-trang-web-ket-noi-tri-thuc/'/>
<input type='hidden' name='ays_quiz_questions' value='941554,941555,941556,941557,941558,941559,941560,941561,941562,941563,941564,941565,941566,941567,941568,941569,941570,941571,941572,941573,941574,941575,941576,941577,941578,941579,941580,941581,941582,941583'>
</div>
</div><div class='step '
data-question-id='941554'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>1 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 1: Khi xây dựng cấu trúc một trang web theo hướng dẫn thực hành, việc sử dụng các thẻ `</p>
<div>` với các lớp CSS (ví dụ: `header`, `content`, `footer`) cho các phần tử chính như đầu trang, nội dung, chân trang nhằm mục đích gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941554]' id='ays-answer-3783513-31547' value='3783513'/>
<label for='ays-answer-3783513-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng tốc độ tải trang web.</label><label for='ays-answer-3783513-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941554]' id='ays-answer-3783514-31547' value='3783514'/>
<label for='ays-answer-3783514-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp trình duyệt hiển thị nội dung dưới dạng văn bản thuần túy.</label><label for='ays-answer-3783514-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941554]' id='ays-answer-3783515-31547' value='3783515'/>
<label for='ays-answer-3783515-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Phân chia trang web thành các khu vực logic để dễ dàng định dạng và quản lý bằng CSS.</label><label for='ays-answer-3783515-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941554]' id='ays-answer-3783516-31547' value='3783516'/>
<label for='ays-answer-3783516-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động tạo liên kết giữa các trang khác nhau.</label><label for='ays-answer-3783516-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941554'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzUxMyI6IjAiLCIzNzgzNTE0IjoiMCIsIjM3ODM1MTUiOiIxIiwiMzc4MzUxNiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra hiểu biết về vai trò của thẻ `</p>
<div>` và lớp CSS trong việc tạo cấu trúc logic và dễ quản lý cho trang web, tiền đề cho việc định dạng bằng CSS.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941555'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>2 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 2: Tại sao trong thiết kế website thực hành, việc sử dụng một tệp tin CSS chung (ví dụ: `style.css`) được liên kết tới tất cả các trang HTML lại là một phương pháp hiệu quả và nên dùng?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941555]' id='ays-answer-3783517-31547' value='3783517'/>
<label for='ays-answer-3783517-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp giảm dung lượng của từng tệp tin HTML.</label><label for='ays-answer-3783517-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941555]' id='ays-answer-3783518-31547' value='3783518'/>
<label for='ays-answer-3783518-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Đảm bảo sự nhất quán về giao diện, phong cách trên toàn bộ website và dễ dàng chỉnh sửa thiết kế chung.</label><label for='ays-answer-3783518-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941555]' id='ays-answer-3783519-31547' value='3783519'/>
<label for='ays-answer-3783519-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng cường tính bảo mật cho nội dung trang web.</label><label for='ays-answer-3783519-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941555]' id='ays-answer-3783520-31547' value='3783520'/>
<label for='ays-answer-3783520-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Cho phép sử dụng các hiệu ứng động phức tạp hơn.</label><label for='ays-answer-3783520-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941555'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzUxNyI6IjAiLCIzNzgzNTE4IjoiMSIsIjM3ODM1MTkiOiIwIiwiMzc4MzUyMCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu phân tích lợi ích của việc sử dụng CSS ngoài. Lợi ích chính là đảm bảo tính nhất quán về phong cách trên toàn bộ website và giúp việc cập nhật, chỉnh sửa thiết kế trở nên dễ dàng hơn.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941556'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>3 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 3: Bạn muốn tạo một khu vực trong trang web chứa ba khối nội dung (ví dụ: ba cột giới thiệu về ba câu lạc bộ khác nhau) được xếp cạnh nhau theo chiều ngang. Dựa trên nguyên tắc thiết kế đã học, bạn sẽ sử dụng kỹ thuật CSS nào để đạt được bố cục này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941556]' id='ays-answer-3783521-31547' value='3783521'/>
<label for='ays-answer-3783521-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt mỗi khối trong một thẻ `<p>` riêng biệt.</label><label for='ays-answer-3783521-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941556]' id='ays-answer-3783522-31547' value='3783522'/>
<label for='ays-answer-3783522-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `position: absolute` cho mỗi khối.</label><label for='ays-answer-3783522-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941556]' id='ays-answer-3783523-31547' value='3783523'/>
<label for='ays-answer-3783523-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ định thuộc tính `display: block` cho mỗi khối.</label><label for='ays-answer-3783523-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941556]' id='ays-answer-3783524-31547' value='3783524'/>
<label for='ays-answer-3783524-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Bọc các khối con trong một thẻ chứa (container) và sử dụng các thuộc tính CSS như `float` hoặc `display` phù hợp cho các khối con để chúng hiển thị theo hàng ngang.</label><label for='ays-answer-3783524-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941556'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzUyMSI6IjAiLCIzNzgzNTIyIjoiMCIsIjM3ODM1MjMiOiIwIiwiMzc4MzUyNCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra khả năng áp dụng kiến thức về bố cục CSS. Xếp các khối cạnh nhau theo chiều ngang thường dùng thuộc tính `float` hoặc `display: inline-block` hoặc Flexbox/Grid (trong bài học có thể tập trung vào float/inline-block hoặc khái niệm 'row'). Phương án đúng nhất phản ánh việc tạo một 'hàng' chứa các 'khối' con.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941557'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>4 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 4: Giả sử bạn đã định nghĩa một lớp CSS tên là `.block-item` để định dạng các khối nội dung riêng lẻ. Để áp dụng định dạng này cho một thẻ `</p>
<div>` cụ thể trong HTML, bạn sẽ viết như thế nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941557]' id='ays-answer-3783525-31547' value='3783525'/>
<label for='ays-answer-3783525-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<div class="block-item">Nội dung</div>`</label><label for='ays-answer-3783525-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941557]' id='ays-answer-3783526-31547' value='3783526'/>
<label for='ays-answer-3783526-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<div id="block-item">Nội dung</div>`</label><label for='ays-answer-3783526-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941557]' id='ays-answer-3783527-31547' value='3783527'/>
<label for='ays-answer-3783527-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<div style=".block-item">Nội dung</div>`</label><label for='ays-answer-3783527-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941557]' id='ays-answer-3783528-31547' value='3783528'/>
<label for='ays-answer-3783528-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<div name="block-item">Nội dung</div>`</label><label for='ays-answer-3783528-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941557'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzUyNSI6IjEiLCIzNzgzNTI2IjoiMCIsIjM3ODM1MjciOiIwIiwiMzc4MzUyOCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức cơ bản về cách áp dụng lớp CSS vào phần tử HTML.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941558'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>5 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 5: Khi thiết kế phần đầu trang (header) của website, bạn muốn đặt một hình ảnh lớn (banner) làm nền hoặc làm logo chính. Bạn sẽ sử dụng thẻ HTML nào để chèn hình ảnh này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941558]' id='ays-answer-3783529-31547' value='3783529'/>
<label for='ays-answer-3783529-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<video>`</label><label for='ays-answer-3783529-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941558]' id='ays-answer-3783530-31547' value='3783530'/>
<label for='ays-answer-3783530-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<link>`</label><label for='ays-answer-3783530-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941558]' id='ays-answer-3783531-31547' value='3783531'/>
<label for='ays-answer-3783531-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<img>`</label><label for='ays-answer-3783531-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941558]' id='ays-answer-3783532-31547' value='3783532'/>
<label for='ays-answer-3783532-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<a>`</label><label for='ays-answer-3783532-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941558'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzUyOSI6IjAiLCIzNzgzNTMwIjoiMCIsIjM3ODM1MzEiOiIxIiwiMzc4MzUzMiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về thẻ HTML dùng để chèn hình ảnh.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941559'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>6 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 6: Bạn đã tạo một liên kết (`<a>` tag) trên trang chủ dẫn đến trang giới thiệu câu lạc bộ Thể thao (`thethao.html`). Nếu tệp `thethao.html` nằm cùng cấp thư mục với trang chủ, thuộc tính `href` của thẻ `<a>` sẽ có giá trị là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941559]' id='ays-answer-3783533-31547' value='3783533'/>
<label for='ays-answer-3783533-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`href="./thethao.html"`</label><label for='ays-answer-3783533-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941559]' id='ays-answer-3783534-31547' value='3783534'/>
<label for='ays-answer-3783534-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`href="thethao.html"`</label><label for='ays-answer-3783534-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941559]' id='ays-answer-3783535-31547' value='3783535'/>
<label for='ays-answer-3783535-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`href="../thethao.html"`</label><label for='ays-answer-3783535-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941559]' id='ays-answer-3783536-31547' value='3783536'/>
<label for='ays-answer-3783536-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`href="/thethao.html"`</label><label for='ays-answer-3783536-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941559'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzUzMyI6IjAiLCIzNzgzNTM0IjoiMSIsIjM3ODM1MzUiOiIwIiwiMzc4MzUzNiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về đường dẫn tương đối trong HTML khi các tệp nằm cùng cấp.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941560'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>7 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 7: Để tạo một danh sách các liên kết điều hướng (menu) trong phần đầu trang hoặc chân trang, bạn nên sử dụng cấu trúc thẻ HTML nào để đảm bảo tính ngữ nghĩa và dễ dàng định dạng bằng CSS?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941560]' id='ays-answer-3783537-31547' value='3783537'/>
<label for='ays-answer-3783537-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thẻ `<ul>` hoặc `<ol>` kết hợp với các thẻ `<li>` chứa thẻ `<a>`.</label><label for='ays-answer-3783537-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941560]' id='ays-answer-3783538-31547' value='3783538'/>
<label for='ays-answer-3783538-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ sử dụng các thẻ `<a>` đặt cạnh nhau.</label><label for='ays-answer-3783538-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941560]' id='ays-answer-3783539-31547' value='3783539'/>
<label for='ays-answer-3783539-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng các thẻ `<p>` với thuộc tính `display: inline`.</label><label for='ays-answer-3783539-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941560]' id='ays-answer-3783540-31547' value='3783540'/>
<label for='ays-answer-3783540-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thẻ `<table>` với mỗi liên kết là một ô.</label><label for='ays-answer-3783540-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941560'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzUzNyI6IjEiLCIzNzgzNTM4IjoiMCIsIjM3ODM1MzkiOiIwIiwiMzc4MzU0MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về cấu trúc HTML ngữ nghĩa cho danh sách (đặc biệt là danh sách liên kết). Thẻ `</p>
<ul>` (unordered list) hoặc `</p>
<ol>` (ordered list) kết hợp với `</p>
<li>` (list item) là cấu trúc chuẩn cho các danh sách, bao gồm cả menu.<br />
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941561'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>8 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 8: Khi thêm nội dung văn bản vào trang web (ví dụ: giới thiệu về một câu lạc bộ), bạn nên sử dụng các thẻ HTML ngữ nghĩa như `</p>
<p>` cho đoạn văn, `</p>
<h2>`, `</p>
<h3>` cho tiêu đề phụ thay vì chỉ dùng thẻ `</p>
<div>` hoặc `<br />` liên tục. Việc này mang lại lợi ích chính gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941561]' id='ays-answer-3783541-31547' value='3783541'/>
<label for='ays-answer-3783541-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho trang web tải nhanh hơn trên mọi thiết bị.</label><label for='ays-answer-3783541-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941561]' id='ays-answer-3783542-31547' value='3783542'/>
<label for='ays-answer-3783542-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động tạo kiểu chữ và màu sắc đẹp mắt.</label><label for='ays-answer-3783542-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941561]' id='ays-answer-3783543-31547' value='3783543'/>
<label for='ays-answer-3783543-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp người dùng không cần cuộn trang để xem hết nội dung.</label><label for='ays-answer-3783543-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941561]' id='ays-answer-3783544-31547' value='3783544'/>
<label for='ays-answer-3783544-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Cải thiện cấu trúc trang web cho công cụ tìm kiếm và các công nghệ hỗ trợ (ví dụ: trình đọc màn hình).</label><label for='ays-answer-3783544-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941561'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzU0MSI6IjAiLCIzNzgzNTQyIjoiMCIsIjM3ODM1NDMiOiIwIiwiMzc4MzU0NCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra hiểu biết về tầm quan trọng của HTML ngữ nghĩa. Sử dụng thẻ đúng mục đích giúp cải thiện khả năng tiếp cận (accessibility) và tối ưu hóa cho công cụ tìm kiếm (SEO).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941562'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>9 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 9: Bạn muốn định dạng cho tất cả các đoạn văn bản (`</p>
<p>` tag) trong trang web có màu chữ xanh và căn lề hai bên. Đoạn mã CSS phù hợp để đặt trong tệp `style.css` là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941562'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra khả năng áp dụng cú pháp CSS cơ bản cho thẻ HTML.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941563'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>10 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 10: Trong quá trình thiết kế trang web, bạn cần chèn các tài nguyên đa phương tiện như video giới thiệu về câu lạc bộ. Thẻ HTML nào thường được sử dụng để nhúng video trực tiếp vào trang?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941563]' id='ays-answer-3783545-31547' value='3783545'/>
<label for='ays-answer-3783545-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<img>`</label><label for='ays-answer-3783545-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941563]' id='ays-answer-3783546-31547' value='3783546'/>
<label for='ays-answer-3783546-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<video>`</label><label for='ays-answer-3783546-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941563]' id='ays-answer-3783547-31547' value='3783547'/>
<label for='ays-answer-3783547-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<audio>`</label><label for='ays-answer-3783547-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941563]' id='ays-answer-3783548-31547' value='3783548'/>
<label for='ays-answer-3783548-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<iframe>`</label><label for='ays-answer-3783548-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941563'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzU0NSI6IjAiLCIzNzgzNTQ2IjoiMSIsIjM3ODM1NDciOiIwIiwiMzc4MzU0OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về thẻ HTML dùng để nhúng video.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941564'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>11 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 11: Bạn đang thiết kế một trang đăng ký thành viên có chứa biểu mẫu (form). Biểu mẫu này cần có các ô nhập liệu cho Tên, Email và một nút Gửi. Thẻ HTML chính để tạo một biểu mẫu là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941564]' id='ays-answer-3783549-31547' value='3783549'/>
<label for='ays-answer-3783549-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<table>`</label><label for='ays-answer-3783549-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941564]' id='ays-answer-3783550-31547' value='3783550'/>
<label for='ays-answer-3783550-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<input>`</label><label for='ays-answer-3783550-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941564]' id='ays-answer-3783551-31547' value='3783551'/>
<label for='ays-answer-3783551-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<form>`</label><label for='ays-answer-3783551-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941564]' id='ays-answer-3783552-31547' value='3783552'/>
<label for='ays-answer-3783552-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<button>`</label><label for='ays-answer-3783552-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941564'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzU0OSI6IjAiLCIzNzgzNTUwIjoiMCIsIjM3ODM1NTEiOiIxIiwiMzc4MzU1MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về thẻ HTML dùng để tạo biểu mẫu.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941565'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>12 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 12: Để tạo một ô nhập liệu văn bản (ví dụ: nhập tên người dùng) trong biểu mẫu HTML, bạn sẽ sử dụng thẻ `<input>` với thuộc tính `type` có giá trị là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941565]' id='ays-answer-3783553-31547' value='3783553'/>
<label for='ays-answer-3783553-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`type="text"`</label><label for='ays-answer-3783553-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941565]' id='ays-answer-3783554-31547' value='3783554'/>
<label for='ays-answer-3783554-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`type="submit"`</label><label for='ays-answer-3783554-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941565]' id='ays-answer-3783555-31547' value='3783555'/>
<label for='ays-answer-3783555-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`type="button"`</label><label for='ays-answer-3783555-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941565]' id='ays-answer-3783556-31547' value='3783556'/>
<label for='ays-answer-3783556-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`type="checkbox"`</label><label for='ays-answer-3783556-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941565'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzU1MyI6IjEiLCIzNzgzNTU0IjoiMCIsIjM3ODM1NTUiOiIwIiwiMzc4MzU1NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về thuộc tính `type` của thẻ `<input>` để tạo ô nhập văn bản.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941566'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>13 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 13: Bạn muốn tạo một nút 'Đăng ký' để gửi dữ liệu từ biểu mẫu đi. Thẻ `<button>` hoặc `<input>` với thuộc tính `type` nào sẽ được sử dụng cho mục đích này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941566]' id='ays-answer-3783557-31547' value='3783557'/>
<label for='ays-answer-3783557-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`type="reset"`</label><label for='ays-answer-3783557-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941566]' id='ays-answer-3783558-31547' value='3783558'/>
<label for='ays-answer-3783558-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`type="button"`</label><label for='ays-answer-3783558-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941566]' id='ays-answer-3783559-31547' value='3783559'/>
<label for='ays-answer-3783559-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`type="text"`</label><label for='ays-answer-3783559-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941566]' id='ays-answer-3783560-31547' value='3783560'/>
<label for='ays-answer-3783560-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`type="submit"`</label><label for='ays-answer-3783560-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941566'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzU1NyI6IjAiLCIzNzgzNTU4IjoiMCIsIjM3ODM1NTkiOiIwIiwiMzc4MzU2MCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về thuộc tính `type` của thẻ `<input>` hoặc `<button>` để tạo nút gửi biểu mẫu.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941567'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>14 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 14: Khi liên kết tệp CSS (`style.css`) vào tệp HTML, thẻ `<link>` được đặt ở vị trí nào trong cấu trúc HTML để đảm bảo trang web áp dụng kiểu dáng trước khi hiển thị nội dung?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941567]' id='ays-answer-3783561-31547' value='3783561'/>
<label for='ays-answer-3783561-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Trong phần `<head>` của tài liệu HTML.</label><label for='ays-answer-3783561-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941567]' id='ays-answer-3783562-31547' value='3783562'/>
<label for='ays-answer-3783562-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Trong phần `<body>` của tài liệu HTML, ở vị trí bất kỳ.</label><label for='ays-answer-3783562-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941567]' id='ays-answer-3783563-31547' value='3783563'/>
<label for='ays-answer-3783563-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Ngay sau thẻ `</body>` kết thúc.</label><label for='ays-answer-3783563-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941567]' id='ays-answer-3783564-31547' value='3783564'/>
<label for='ays-answer-3783564-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Trong phần `<footer>` của tài liệu HTML.</label><label for='ays-answer-3783564-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941567'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzU2MSI6IjEiLCIzNzgzNTYyIjoiMCIsIjM3ODM1NjMiOiIwIiwiMzc4MzU2NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về vị trí đặt thẻ `<link>` CSS trong HTML.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941568'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>15 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 15: Bạn đã tạo một lớp CSS `.slogan` để định dạng dòng khẩu hiệu của website. Nếu bạn muốn dòng khẩu hiệu này được căn giữa và có màu chữ đỏ, bạn sẽ thêm các thuộc tính CSS nào vào quy tắc `.slogan`?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941568]' id='ays-answer-3783565-31547' value='3783565'/>
<label for='ays-answer-3783565-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`font-weight: center; color: red;`</label><label for='ays-answer-3783565-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941568]' id='ays-answer-3783566-31547' value='3783566'/>
<label for='ays-answer-3783566-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`align: middle; text-color: red;`</label><label for='ays-answer-3783566-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941568]' id='ays-answer-3783567-31547' value='3783567'/>
<label for='ays-answer-3783567-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`text-align: center; color: red;`</label><label for='ays-answer-3783567-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941568]' id='ays-answer-3783568-31547' value='3783568'/>
<label for='ays-answer-3783568-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`vertical-align: middle; font-color: red;`</label><label for='ays-answer-3783568-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941568'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzU2NSI6IjAiLCIzNzgzNTY2IjoiMCIsIjM3ODM1NjciOiIxIiwiMzc4MzU2OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra khả năng áp dụng các thuộc tính CSS cơ bản để định dạng văn bản.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941569'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>16 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 16: Giả sử bạn muốn tạo một hiệu ứng khi người dùng di chuột qua một liên kết, màu chữ của liên kết đó sẽ đổi sang màu cam. Bạn sẽ sử dụng bộ chọn giả lớp (pseudo-class) nào trong CSS để thực hiện điều này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941569'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về bộ chọn giả lớp `:hover` trong CSS.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941570'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>17 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 17: Khi thiết kế bố cục trang, việc sử dụng thuộc tính `margin` trong CSS có tác dụng gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941570]' id='ays-answer-3783569-31547' value='3783569'/>
<label for='ays-answer-3783569-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo khoảng trống giữa nội dung và đường viền của phần tử.</label><label for='ays-answer-3783569-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941570]' id='ays-answer-3783570-31547' value='3783570'/>
<label for='ays-answer-3783570-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo khoảng trống bên ngoài đường viền của phần tử, đẩy các phần tử khác ra xa.</label><label for='ays-answer-3783570-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941570]' id='ays-answer-3783571-31547' value='3783571'/>
<label for='ays-answer-3783571-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Thiết lập màu nền cho phần tử.</label><label for='ays-answer-3783571-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941570]' id='ays-answer-3783572-31547' value='3783572'/>
<label for='ays-answer-3783572-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Định nghĩa độ dày của đường viền phần tử.</label><label for='ays-answer-3783572-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941570'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzU2OSI6IjAiLCIzNzgzNTcwIjoiMSIsIjM3ODM1NzEiOiIwIiwiMzc4MzU3MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về thuộc tính `margin` trong CSS (khoảng cách bên ngoài đường viền).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941571'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>18 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 18: Bạn muốn tạo một khoảng đệm (khoảng trống bên trong) cho một khối nội dung để nội dung không bị sát vào đường viền hoặc lề của khối đó. Thuộc tính CSS nào được sử dụng cho mục đích này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941571]' id='ays-answer-3783573-31547' value='3783573'/>
<label for='ays-answer-3783573-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`padding`</label><label for='ays-answer-3783573-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941571]' id='ays-answer-3783574-31547' value='3783574'/>
<label for='ays-answer-3783574-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`margin`</label><label for='ays-answer-3783574-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941571]' id='ays-answer-3783575-31547' value='3783575'/>
<label for='ays-answer-3783575-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`border`</label><label for='ays-answer-3783575-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941571]' id='ays-answer-3783576-31547' value='3783576'/>
<label for='ays-answer-3783576-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`outline`</label><label for='ays-answer-3783576-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941571'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzU3MyI6IjEiLCIzNzgzNTc0IjoiMCIsIjM3ODM1NzUiOiIwIiwiMzc4MzU3NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về thuộc tính `padding` trong CSS (khoảng cách bên trong đường viền).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941572'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>19 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 19: Để đảm bảo rằng trang web của bạn hiển thị tốt trên cả màn hình máy tính và thiết bị di động (thiết kế đáp ứng - responsive design), bạn có thể cần sử dụng các kỹ thuật CSS đặc biệt. Kỹ thuật nào sau đây thường được sử dụng để áp dụng các kiểu dáng khác nhau dựa trên kích thước màn hình?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941572]' id='ays-answer-3783577-31547' value='3783577'/>
<label for='ays-answer-3783577-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thẻ `<table>` cho toàn bộ bố cục.</label><label for='ays-answer-3783577-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941572]' id='ays-answer-3783578-31547' value='3783578'/>
<label for='ays-answer-3783578-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ sử dụng đơn vị `px` cho tất cả kích thước.</label><label for='ays-answer-3783578-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941572]' id='ays-answer-3783579-31547' value='3783579'/>
<label for='ays-answer-3783579-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng Media Queries (`@media`) trong CSS.</label><label for='ays-answer-3783579-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941572]' id='ays-answer-3783580-31547' value='3783580'/>
<label for='ays-answer-3783580-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt tất cả nội dung vào một hình ảnh duy nhất.</label><label for='ays-answer-3783580-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941572'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzU3NyI6IjAiLCIzNzgzNTc4IjoiMCIsIjM3ODM1NzkiOiIxIiwiMzc4MzU4MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về Media Queries trong CSS, một kỹ thuật cốt lõi của responsive design.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941573'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>20 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 20: Khi thiết kế một trang web có nhiều hình ảnh, việc tối ưu hóa dung lượng và kích thước của hình ảnh trước khi đưa lên website là quan trọng. Tại sao?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941573]' id='ays-answer-3783581-31547' value='3783581'/>
<label for='ays-answer-3783581-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp hình ảnh hiển thị sắc nét hơn trên mọi màn hình.</label><label for='ays-answer-3783581-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941573]' id='ays-answer-3783582-31547' value='3783582'/>
<label for='ays-answer-3783582-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng số lượng hình ảnh có thể chèn vào trang.</label><label for='ays-answer-3783582-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941573]' id='ays-answer-3783583-31547' value='3783583'/>
<label for='ays-answer-3783583-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động tạo hiệu ứng động cho hình ảnh.</label><label for='ays-answer-3783583-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941573]' id='ays-answer-3783584-31547' value='3783584'/>
<label for='ays-answer-3783584-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Giảm thời gian tải trang và tiết kiệm băng thông cho người dùng.</label><label for='ays-answer-3783584-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941573'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzU4MSI6IjAiLCIzNzgzNTgyIjoiMCIsIjM3ODM1ODMiOiIwIiwiMzc4MzU4NCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu phân tích lợi ích của việc tối ưu hóa hình ảnh.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941574'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>21 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 21: Giả sử bạn cần tạo một danh sách các mục (ví dụ: danh sách hoạt động của câu lạc bộ) mà không cần đánh số thứ tự. Thẻ HTML nào là phù hợp nhất để tạo danh sách này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941574]' id='ays-answer-3783585-31547' value='3783585'/>
<label for='ays-answer-3783585-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<ol>`</label><label for='ays-answer-3783585-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941574]' id='ays-answer-3783586-31547' value='3783586'/>
<label for='ays-answer-3783586-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<ul>`</label><label for='ays-answer-3783586-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941574]' id='ays-answer-3783587-31547' value='3783587'/>
<label for='ays-answer-3783587-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<li>`</label><label for='ays-answer-3783587-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941574]' id='ays-answer-3783588-31547' value='3783588'/>
<label for='ays-answer-3783588-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`<dl>`</label><label for='ays-answer-3783588-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941574'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzU4NSI6IjAiLCIzNzgzNTg2IjoiMSIsIjM3ODM1ODciOiIwIiwiMzc4MzU4OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về thẻ HTML cho danh sách không có thứ tự.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941575'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>22 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 22: Bạn đang xây dựng trang chủ giới thiệu về các câu lạc bộ. Bạn muốn mỗi câu lạc bộ có một phần riêng với tiêu đề (tên câu lạc bộ) và mô tả ngắn. Cấu trúc HTML ngữ nghĩa nào sau đây là lựa chọn tốt nhất để tổ chức nội dung cho mỗi câu lạc bộ?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941575]' id='ays-answer-3783589-31547' value='3783589'/>
<label for='ays-answer-3783589-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thẻ `<article>` hoặc `<section>` chứa tiêu đề (`<h2>`) và đoạn văn (`<p>`).</label><label for='ays-answer-3783589-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941575]' id='ays-answer-3783590-31547' value='3783590'/>
<label for='ays-answer-3783590-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ sử dụng thẻ `<div>` với các lớp CSS.</label><label for='ays-answer-3783590-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941575]' id='ays-answer-3783591-31547' value='3783591'/>
<label for='ays-answer-3783591-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thẻ `<span>` cho tiêu đề và mô tả.</label><label for='ays-answer-3783591-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941575]' id='ays-answer-3783592-31547' value='3783592'/>
<label for='ays-answer-3783592-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thẻ `<blockquote>` cho toàn bộ nội dung.</label><label for='ays-answer-3783592-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941575'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzU4OSI6IjEiLCIzNzgzNTkwIjoiMCIsIjM3ODM1OTEiOiIwIiwiMzc4MzU5MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra khả năng áp dụng thẻ HTML ngữ nghĩa để cấu trúc nội dung độc lập. Thẻ `</p>
<article>` hoặc `</p>
<section>` là phù hợp cho các khối nội dung độc lập như vậy.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941576'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>23 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 23: Khi thiết kế giao diện, bạn muốn một phần tử (ví dụ: một hình ảnh) được đặt ở một vị trí cố định trên màn hình, ngay cả khi người dùng cuộn trang. Thuộc tính CSS `position` nào sẽ giúp bạn đạt được điều này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941576]' id='ays-answer-3783593-31547' value='3783593'/>
<label for='ays-answer-3783593-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`position: static`</label><label for='ays-answer-3783593-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941576]' id='ays-answer-3783594-31547' value='3783594'/>
<label for='ays-answer-3783594-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`position: relative`</label><label for='ays-answer-3783594-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941576]' id='ays-answer-3783595-31547' value='3783595'/>
<label for='ays-answer-3783595-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`position: absolute`</label><label for='ays-answer-3783595-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941576]' id='ays-answer-3783596-31547' value='3783596'/>
<label for='ays-answer-3783596-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`position: fixed`</label><label for='ays-answer-3783596-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941576'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzU5MyI6IjAiLCIzNzgzNTk0IjoiMCIsIjM3ODM1OTUiOiIwIiwiMzc4MzU5NiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về thuộc tính `position: fixed` trong CSS.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941577'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>24 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 24: Bạn muốn tạo một hiệu ứng đổ bóng cho một khối nội dung để làm nổi bật nó. Thuộc tính CSS nào được sử dụng để thêm hiệu ứng đổ bóng?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941577]' id='ays-answer-3783597-31547' value='3783597'/>
<label for='ays-answer-3783597-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`text-decoration`</label><label for='ays-answer-3783597-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941577]' id='ays-answer-3783598-31547' value='3783598'/>
<label for='ays-answer-3783598-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`box-shadow`</label><label for='ays-answer-3783598-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941577]' id='ays-answer-3783599-31547' value='3783599'/>
<label for='ays-answer-3783599-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`border-radius`</label><label for='ays-answer-3783599-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941577]' id='ays-answer-3783600-31547' value='3783600'/>
<label for='ays-answer-3783600-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`opacity`</label><label for='ays-answer-3783600-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941577'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzU5NyI6IjAiLCIzNzgzNTk4IjoiMSIsIjM3ODM1OTkiOiIwIiwiMzc4MzYwMCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về thuộc tính `box-shadow` hoặc `text-shadow` trong CSS. `box-shadow` phổ biến hơn cho khối.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941578'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>25 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 25: Để đảm bảo rằng các liên kết trên trang web có thể truy cập được và thân thiện với người dùng, đặc biệt là người dùng có nhu cầu đặc biệt hoặc sử dụng trình đọc màn hình, điều gì sau đây là quan trọng khi tạo liên kết bằng thẻ `<a>`?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941578]' id='ays-answer-3783601-31547' value='3783601'/>
<label for='ays-answer-3783601-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ sử dụng hình ảnh làm nội dung của liên kết.</label><label for='ays-answer-3783601-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941578]' id='ays-answer-3783602-31547' value='3783602'/>
<label for='ays-answer-3783602-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt thuộc tính `target="_blank"` cho tất cả liên kết.</label><label for='ays-answer-3783602-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941578]' id='ays-answer-3783603-31547' value='3783603'/>
<label for='ays-answer-3783603-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng văn bản mô tả rõ ràng mục đích của liên kết thay vì chỉ dùng 'Tại đây' hoặc 'Xem thêm'.</label><label for='ays-answer-3783603-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941578]' id='ays-answer-3783604-31547' value='3783604'/>
<label for='ays-answer-3783604-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Loại bỏ thuộc tính `href` và chỉ dùng JavaScript.</label><label for='ays-answer-3783604-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941578'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzYwMSI6IjAiLCIzNzgzNjAyIjoiMCIsIjM3ODM2MDMiOiIxIiwiMzc4MzYwNCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra hiểu biết về accessibility trong thiết kế web, đặc biệt là với liên kết. Nội dung liên kết rõ ràng giúp người dùng hiểu đích đến.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941579'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>26 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 26: Bạn đang thiết kế phần chân trang (footer) của website. Thông tin nào sau đây thường được đặt ở phần chân trang?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941579]' id='ays-answer-3783605-31547' value='3783605'/>
<label for='ays-answer-3783605-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Thông tin bản quyền, liên hệ, hoặc các liên kết điều hướng phụ.</label><label for='ays-answer-3783605-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941579]' id='ays-answer-3783606-31547' value='3783606'/>
<label for='ays-answer-3783606-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Nội dung chính, giới thiệu chi tiết về các câu lạc bộ.</label><label for='ays-answer-3783606-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941579]' id='ays-answer-3783607-31547' value='3783607'/>
<label for='ays-answer-3783607-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Tiêu đề trang web và banner chính.</label><label for='ays-answer-3783607-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941579]' id='ays-answer-3783608-31547' value='3783608'/>
<label for='ays-answer-3783608-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Các biểu mẫu đăng ký thành viên.</label><label for='ays-answer-3783608-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941579'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzYwNSI6IjEiLCIzNzgzNjA2IjoiMCIsIjM3ODM2MDciOiIwIiwiMzc4MzYwOCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về cấu trúc thông thường của một trang web, đặc biệt là nội dung của footer.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941580'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>27 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 27: Trong tệp CSS, bạn muốn chọn tất cả các thẻ `</p>
<h2>` nằm bên trong một thẻ `</p>
<div>` có lớp là `content`. Cú pháp bộ chọn CSS nào sau đây là đúng?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941580'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về bộ chọn hậu duệ (descendant selector) trong CSS.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941581'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>28 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 28: Bạn muốn làm tròn các góc của một khối hình chữ nhật (ví dụ: khung chứa ảnh hoặc nội dung). Thuộc tính CSS nào được sử dụng để tạo hiệu ứng bo tròn góc?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941581]' id='ays-answer-3783609-31547' value='3783609'/>
<label for='ays-answer-3783609-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`border-radius`</label><label for='ays-answer-3783609-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941581]' id='ays-answer-3783610-31547' value='3783610'/>
<label for='ays-answer-3783610-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`corner-shape`</label><label for='ays-answer-3783610-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941581]' id='ays-answer-3783611-31547' value='3783611'/>
<label for='ays-answer-3783611-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`box-decoration`</label><label for='ays-answer-3783611-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941581]' id='ays-answer-3783612-31547' value='3783612'/>
<label for='ays-answer-3783612-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`outline-style`</label><label for='ays-answer-3783612-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941581'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzYwOSI6IjEiLCIzNzgzNjEwIjoiMCIsIjM3ODM2MTEiOiIwIiwiMzc4MzYxMiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về thuộc tính `border-radius` trong CSS.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941582'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>29 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 29: Giả sử bạn cần tạo một đường viền cho một phần tử HTML. Thuộc tính CSS `border` cho phép bạn thiết lập đồng thời kiểu đường viền, độ dày và màu sắc. Để tạo đường viền nét liền, dày 1px, màu đen, bạn sẽ sử dụng cú pháp nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941582]' id='ays-answer-3783613-31547' value='3783613'/>
<label for='ays-answer-3783613-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`border: black 1px solid;`</label><label for='ays-answer-3783613-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941582]' id='ays-answer-3783614-31547' value='3783614'/>
<label for='ays-answer-3783614-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`border: solid black 1px;`</label><label for='ays-answer-3783614-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941582]' id='ays-answer-3783615-31547' value='3783615'/>
<label for='ays-answer-3783615-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`border: 1px black solid;`</label><label for='ays-answer-3783615-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941582]' id='ays-answer-3783616-31547' value='3783616'/>
<label for='ays-answer-3783616-31547' class=' ays_position_initial ays-quiz-keyboard-label'>`border: 1px solid black;`</label><label for='ays-answer-3783616-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941582'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzYxMyI6IjAiLCIzNzgzNjE0IjoiMCIsIjM3ODM2MTUiOiIwIiwiMzc4MzYxNiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về cú pháp viết tắt của thuộc tính `border` trong CSS.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='941583'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>30 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 05</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 30: Khi thiết kế trang web, việc đặt tên lớp (class) và ID trong CSS và HTML một cách rõ ràng, dễ hiểu và nhất quán (ví dụ: `header-title`, `main-content`, `btn-submit`) mang lại lợi ích chính gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941583]' id='ays-answer-3783617-31547' value='3783617'/>
<label for='ays-answer-3783617-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động tối ưu hóa hình ảnh trên trang.</label><label for='ays-answer-3783617-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941583]' id='ays-answer-3783618-31547' value='3783618'/>
<label for='ays-answer-3783618-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp mã nguồn dễ đọc, dễ hiểu và dễ bảo trì bởi bản thân người viết hoặc người khác.</label><label for='ays-answer-3783618-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941583]' id='ays-answer-3783619-31547' value='3783619'/>
<label for='ays-answer-3783619-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng tốc độ hiển thị của trang web trên trình duyệt.</label><label for='ays-answer-3783619-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-941583]' id='ays-answer-3783620-31547' value='3783620'/>
<label for='ays-answer-3783620-31547' class=' ays_position_initial ays-quiz-keyboard-label'>Ngăn chặn việc sao chép nội dung trang web.</label><label for='ays-answer-3783620-31547' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_31547 === 'undefined'){
window.quizOptions_31547 = [];
}
window.quizOptions_31547['941583'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MzYxNyI6IjAiLCIzNzgzNjE4IjoiMSIsIjM3ODM2MTkiOiIwIiwiMzc4MzYyMCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/>
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu phân tích tầm quan trọng của quy ước đặt tên trong phát triển web. Việc đặt tên rõ ràng giúp mã nguồn dễ đọc, dễ hiểu và dễ bảo trì hơn.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step ays_thank_you_fs'>
<div class='ays-abs-fs ays-end-page'>
<div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-31547 * { box-sizing: border-box; } #ays-quiz-container-31547 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-31547 #ays_finish_quiz_31547 { } /* Styles for Quiz container */ #ays-quiz-container-31547{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-31547 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-31547 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-31547 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-31547 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-31547 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-31547 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-31547 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-31547 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-31547.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-31547.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-31547 #ays_finish_quiz_31547 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-31547.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-31547.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-31547.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-31547.ays-quiz-container .ays-questions-container p, #ays-quiz-container-31547.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-31547.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-31547.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-31547.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-31547.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-31547.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-31547.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-31547.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-31547.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-31547 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-31547 .ays-quiz-password-message-box, #ays-quiz-container-31547 .ays-quiz-question-note-message-box, #ays-quiz-container-31547 .ays_quiz_question, #ays-quiz-container-31547 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-31547 textarea, #ays-quiz-container-31547 input::first-letter, #ays-quiz-container-31547 select::first-letter, #ays-quiz-container-31547 option::first-letter { color: initial !important; } #ays-quiz-container-31547 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-31547 .select2-container, #ays-quiz-container-31547 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-31547 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-31547 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-31547 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-31547 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-31547 .ays-questions-container .ays-field, div#ays-quiz-container-31547 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-31547 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-31547 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-31547 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-31547 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-31547 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-31547 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-31547 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-31547 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-31547 .information_form input[type='text'], #ays-quiz-container-31547 .information_form input[type='url'], #ays-quiz-container-31547 .information_form input[type='number'], #ays-quiz-container-31547 .information_form input[type='email'], #ays-quiz-container-31547 .information_form input[type='tel'], #ays-quiz-container-31547 .information_form textarea, #ays-quiz-container-31547 .information_form select, #ays-quiz-container-31547 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-31547 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-31547 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-31547 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-31547 .right_answer_text{ color:#33cc33; } #ays-quiz-container-31547 .right_answer_text p { font-size:16px; } #ays-quiz-container-31547 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-31547 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-31547 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-31547 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-31547 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-31547 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-31547 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-31547 .ays_cb_and_a, #ays-quiz-container-31547 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-31547 iframe { /*min-height: 450px;*/ } #ays-quiz-container-31547 label.ays_for_checkbox, #ays-quiz-container-31547 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-31547 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-31547 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-31547 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-31547 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-31547 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-31547 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-31547 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-31547 div.lds-spinner, #ays-quiz-container-31547 div.lds-spinner2 { color: #000000; } #ays-quiz-container-31547 div.lds-spinner div:after, #ays-quiz-container-31547 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-31547 .lds-circle, #ays-quiz-container-31547 .lds-facebook div, #ays-quiz-container-31547 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-31547 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-31547 .lds-dual-ring::after, #ays-quiz-container-31547 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-31547 .ui.rating .icon, #ays-quiz-container-31547 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-31547 #ays_finish_quiz_31547 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-31547 #ays_finish_quiz_31547 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-31547 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-31547 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-31547 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-31547 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-31547 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-31547 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-31547 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-31547 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-31547 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-31547 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-31547 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-31547 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-31547 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-31547 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-31547 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-31547 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-31547 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-31547 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-31547 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-31547 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-31547 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-31547 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-31547 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-31547 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-31547 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-31547 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-31547 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-31547 div.ays-quiz-redirection-timer, #ays-quiz-container-31547 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-31547 div.ays-quiz-after-timer * , #ays-quiz-container-31547 div.ays-quiz-redirection-timer *, #ays-quiz-container-31547 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-31547 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-31547 input#ays-submit, #ays-quiz-container-31547 #ays_finish_quiz_31547 .action-button, #ays-quiz-container-31547 #ays_finish_quiz_31547 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-31547 #ays_finish_quiz_31547 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-31547 #ays_finish_quiz_31547 .action-button.ays_restart_button, #ays-quiz-container-31547 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-31547 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-31547 input#ays-submit, #ays-quiz-container-31547 #ays_finish_quiz_31547 input.action-button, #ays-quiz-container-31547 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-31547 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-31547 #ays_finish_quiz_31547 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-31547 #ays_finish_quiz_31547 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-31547 #ays_finish_quiz_31547 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-31547 input#ays-submit:hover, #ays-quiz-container-31547 input#ays-submit:focus, #ays-quiz-container-31547 #ays_finish_quiz_31547 .action-button:hover, #ays-quiz-container-31547 #ays_finish_quiz_31547 .action-button:focus, #ays-quiz-container-31547 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-31547 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-31547 .ays_restart_button { color: #ffffff; } #ays-quiz-container-31547 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-31547 .ays_buttons_div { justify-content: center; } #ays-quiz-container-31547 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-31547 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-31547 input[type='button'], #ays-quiz-container-31547 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-31547 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-31547 input[type='button']:focus-visible, div#ays-quiz-container-31547 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-31547 #ays_finish_quiz_31547 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-31547 #ays_finish_quiz_31547 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-31547 #ays_finish_quiz_31547 i.ays_early_finish.action-button[disabled], #ays-quiz-container-31547 #ays_finish_quiz_31547 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-31547 #ays_finish_quiz_31547 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-31547 #ays_finish_quiz_31547 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-31547 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-31547 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-31547 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-31547.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-31547 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-31547 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-31547 #ays_finish_quiz_31547 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-31547 #ays_finish_quiz_31547 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-31547 #ays_finish_quiz_31547 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-31547 #ays_finish_quiz_31547 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-31547 #ays_finish_quiz_31547 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-31547 #ays_finish_quiz_31547 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-31547 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-31547 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-31547 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-31547 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-31547 #ays_finish_quiz_31547 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-31547 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-31547 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-31547 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-31547 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-31547 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-31547 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-31547 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-31547 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-31547 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-31547 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-31547 #ays_finish_quiz_31547 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-31547 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-31547 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-31547 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-31547 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-31547 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-31547 .ays-field .select2-container--default, #ays-quiz-container-31547 .ays-field .select2-container--default .selection, #ays-quiz-container-31547 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-31547 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-31547 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-31547 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-31547 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-31547 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-31547 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-31547 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-31547 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-31547 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-31547 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-31547 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-31547 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-31547 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-31547 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-31547 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-31547 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-31547 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-31547 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-31547 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-31547 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-31547 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-31547 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-31547 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-31547.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-31547.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-31547 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-31547 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-31547 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-31547 label[for^='ays-answer']:before, #ays-quiz-container-31547 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-31547 .ays_question_report { text-align: right; } div#ays-quiz-container-31547 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-31547 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-31547.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-31547.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-31547.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-31547.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-31547.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-31547.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-31547 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-31547.ays_quiz_classic_dark .correct_div, #ays-quiz-container-31547.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-31547.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-31547.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-31547.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-31547.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-31547.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-31547.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-31547 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-31547 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-31547 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-31547 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-31547 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-31547 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-31547 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-31547 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-31547 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-31547.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-31547.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-31547 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-31547 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-31547 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-31547 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-31547 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-31547 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-31547 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-31547 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-31547 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-31547 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-31547 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-31547 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-31547 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-31547 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-31547 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-31547 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-31547 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-31547 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-31547 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-31547 .ays-quiz-personality-result-box div:before, #ays-quiz-container-31547 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-31547 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-31547 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-31547 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-31547 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-31547 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-31547 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-31547 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-31547 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-31547 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-31547 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-31547 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-31547 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-31547 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-31547{ max-width: 100%; } div#ays-quiz-container-31547 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-31547.ays_quiz_modern_light .step, div#ays-quiz-container-31547.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-31547.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-31547.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-31547.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-31547.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-31547 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-31547 .select2-container, div#ays-quiz-container-31547 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-31547 input#ays-submit, div#ays-quiz-container-31547 #ays_finish_quiz_31547 .action-button, div#ays-quiz-container-31547 #ays_finish_quiz_31547 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-31547 #ays_finish_quiz_31547 .action-button.ays_restart_button, #ays-quiz-container-31547 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-31547 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-31547 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-31547 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-31547 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-31547 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-31547 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-31547 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-31547 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-31547 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style>
<style>
#ays-quiz-container-31547 p {
margin: 0.625em;
}
#ays-quiz-container-31547.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label,
#ays-quiz-container-31547.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label {
/* background-color: transparent; */
}
#ays-quiz-container-31547 .ays-field.checked_answer_div input:checked~label {
background-color: rgba(93,108,249,0.6);
}
#ays-quiz-container-31547.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'],
#ays-quiz-container-31547 .ays-field:hover{
background: rgba(93,108,249,0.8);
color: #fff;
transition: all .3s;
}
#ays-quiz-container-31547 #ays_finish_quiz_31547 .action-button:hover,
#ays-quiz-container-31547 #ays_finish_quiz_31547 .action-button:focus,
#ays-quiz-container-31547 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover,
#ays-quiz-container-31547 .ays-quiz-category-selective-submit-bttn:focus {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff;
background: #5d6cf9;
}
</style><script>
if(typeof aysQuizOptions === 'undefined'){
var aysQuizOptions = [];
}
aysQuizOptions['31547'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzMTU0NyIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDA1IiwiZGVzY3JpcHRpb24iOiI8cD48c3Ryb25nPkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDA1PFwvc3Ryb25nPiBcdTAxMTFcdTAxYjBcdTFlZTNjIHhcdTAwZTJ5IGRcdTFlZjFuZyB2XHUxZWRiaSBuaGlcdTFlYzF1IGNcdTAwZTJ1IGhcdTFlY2ZpIGNoXHUxZWE1dCBsXHUwMWIwXHUxZWUzbmcsIHNcdTAwZTF0IHZcdTFlZGJpIG5cdTFlZDlpIGR1bmcgY2hcdTAxYjBcdTAxYTFuZyB0clx1MDBlY25oIGhcdTFlY2RjLCBnaVx1MDBmYXAgYlx1MWVhMW4gZFx1MWVjNSBkXHUwMGUwbmcgXHUwMGY0biB0XHUxZWFkcCB2XHUwMGUwIGtpXHUxZWMzbSB0cmEga2lcdTFlYmZuIHRoXHUxZWU5YyBoaVx1MWVjN3UgcXVcdTFlYTMuIEhcdTAwZTN5IGNcdTAwZjluZyBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1IGxcdTAwZTBtIGJcdTAwZTBpIHRcdTFlYWRwIHRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBuZ2F5IFx1MDExMVx1MWVjMyBuXHUwMGUybmcgY2FvIGhpXHUxZWMzdSBiaVx1MWViZnQgdlx1MDBlMCBjaHVcdTFlYTluIGJcdTFlY2IgdFx1MWVkMXQgY2hvIGtcdTFlZjMgdGhpIHNcdTFlYWZwIHRcdTFlZGJpITxcL3A+XHJcblxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE6IEtoaSB4XHUwMGUyeSBkXHUxZWYxbmcgY1x1MWVhNXUgdHJcdTAwZmFjIG1cdTFlZDl0IHRyYW5nIHdlYiB0aGVvIGhcdTAxYjBcdTFlZGJuZyBkXHUxZWFibiB0aFx1MWVmMWMgaFx1MDBlMG5oLCB2aVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBlMWMgdGhcdTFlYmIgYDxkaXY+YCB2XHUxZWRiaSBjXHUwMGUxYyBsXHUxZWRicCBDU1MgKHZcdTAwZWQgZFx1MWVlNTogYGhlYWRlcmAsIGBjb250ZW50YCwgYGZvb3RlcmApIGNobyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBjaFx1MDBlZG5oIG5oXHUwMWIwIFx1MDExMVx1MWVhN3UgdHJhbmcsIG5cdTFlZDlpIGR1bmcsIGNoXHUwMGUybiB0cmFuZyBuaFx1MWViMW0gbVx1MWVlNWMgXHUwMTExXHUwMGVkY2ggZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gVFx1MDEwM25nIHRcdTFlZDFjIFx1MDExMVx1MWVkOSB0XHUxZWEzaSB0cmFuZyB3ZWIuPFwvbGk+XHJcbjxsaT5CLiBHaVx1MDBmYXAgdHJcdTAwZWNuaCBkdXlcdTFlYzd0IGhpXHUxZWMzbiB0aFx1MWVjYiBuXHUxZWQ5aSBkdW5nIGRcdTAxYjBcdTFlZGJpIGRcdTFlYTFuZyB2XHUwMTAzbiBiXHUxZWEzbiB0aHVcdTFlYTduIHRcdTAwZmF5LjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBQaFx1MDBlMm4gY2hpYSB0cmFuZyB3ZWIgdGhcdTAwZTBuaCBjXHUwMGUxYyBraHUgdlx1MWVmMWMgbG9naWMgXHUwMTExXHUxZWMzIGRcdTFlYzUgZFx1MDBlMG5nIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyB2XHUwMGUwIHF1XHUxZWEzbiBsXHUwMGZkIGJcdTFlYjFuZyBDU1MuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gVFx1MWVmMSBcdTAxMTFcdTFlZDluZyB0XHUxZWExbyBsaVx1MDBlYW4ga1x1MWViZnQgZ2lcdTFlZWZhIGNcdTAwZTFjIHRyYW5nIGtoXHUwMGUxYyBuaGF1LjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI6IFRcdTFlYTFpIHNhbyB0cm9uZyB0aGlcdTFlYmZ0IGtcdTFlYmYgd2Vic2l0ZSB0aFx1MWVmMWMgaFx1MDBlMG5oLCB2aVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgbVx1MWVkOXQgdFx1MWVjN3AgdGluIENTUyBjaHVuZyAodlx1MDBlZCBkXHUxZWU1OiBgc3R5bGUuY3NzYCkgXHUwMTExXHUwMWIwXHUxZWUzYyBsaVx1MDBlYW4ga1x1MWViZnQgdFx1MWVkYmkgdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0cmFuZyBIVE1MIGxcdTFlYTFpIGxcdTAwZTAgbVx1MWVkOXQgcGhcdTAxYjBcdTAxYTFuZyBwaFx1MDBlMXAgaGlcdTFlYzd1IHF1XHUxZWEzIHZcdTAwZTAgblx1MDBlYW4gZFx1MDBmOW5nP1xyXG48dWw+XHJcbjxsaT5BLiBHaVx1MDBmYXAgZ2lcdTFlYTNtIGR1bmcgbFx1MDFiMFx1MWVlM25nIGNcdTFlZTdhIHRcdTFlZWJuZyB0XHUxZWM3cCB0aW4gSFRNTC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gXHUwMTEwXHUxZWEzbSBiXHUxZWEzbyBzXHUxZWYxIG5oXHUxZWE1dCBxdVx1MDBlMW4gdlx1MWVjMSBnaWFvIGRpXHUxZWM3biwgcGhvbmcgY1x1MDBlMWNoIHRyXHUwMGVhbiB0b1x1MDBlMG4gYlx1MWVkOSB3ZWJzaXRlIHZcdTAwZTAgZFx1MWVjNSBkXHUwMGUwbmcgY2hcdTFlYzluaCBzXHUxZWVkYSB0aGlcdTFlYmZ0IGtcdTFlYmYgY2h1bmcuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gVFx1MDEwM25nIGNcdTAxYjBcdTFlZGRuZyB0XHUwMGVkbmggYlx1MWVhM28gbVx1MWVhZHQgY2hvIG5cdTFlZDlpIGR1bmcgdHJhbmcgd2ViLjxcL2xpPlxyXG48bGk+RC4gQ2hvIHBoXHUwMGU5cCBzXHUxZWVkIGRcdTFlZTVuZyBjXHUwMGUxYyBoaVx1MWVjN3UgXHUxZWU5bmcgXHUwMTExXHUxZWQ5bmcgcGhcdTFlZTljIHRcdTFlYTFwIGhcdTAxYTFuLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDM6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBraHUgdlx1MWVmMWMgdHJvbmcgdHJhbmcgd2ViIGNoXHUxZWU5YSBiYSBraFx1MWVkMWkgblx1MWVkOWkgZHVuZyAodlx1MDBlZCBkXHUxZWU1OiBiYSBjXHUxZWQ5dCBnaVx1MWVkYmkgdGhpXHUxZWM3dSB2XHUxZWMxIGJhIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkga2hcdTAwZTFjIG5oYXUpIFx1MDExMVx1MDFiMFx1MWVlM2MgeFx1MWViZnAgY1x1MWVhMW5oIG5oYXUgdGhlbyBjaGlcdTFlYzF1IG5nYW5nLiBEXHUxZWYxYSB0clx1MDBlYW4gbmd1eVx1MDBlYW4gdFx1MWVhZmMgdGhpXHUxZWJmdCBrXHUxZWJmIFx1MDExMVx1MDBlMyBoXHUxZWNkYywgYlx1MWVhMW4gc1x1MWViZCBzXHUxZWVkIGRcdTFlZTVuZyBrXHUxZWY5IHRodVx1MWVhZHQgQ1NTIG5cdTAwZTBvIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlYTF0IFx1MDExMVx1MDFiMFx1MWVlM2MgYlx1MWVkMSBjXHUxZWU1YyBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gXHUwMTEwXHUxZWI3dCBtXHUxZWQ3aSBraFx1MWVkMWkgdHJvbmcgbVx1MWVkOXQgdGhcdTFlYmIgYDxwPmAgcmlcdTAwZWFuZyBiaVx1MWVjN3QuPFwvbGk+XHJcbjxsaT5CLiBTXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgcG9zaXRpb246IGFic29sdXRlYCBjaG8gbVx1MWVkN2kga2hcdTFlZDFpLjxcL2xpPlxyXG48bGk+Qy4gQ2hcdTFlYzkgXHUwMTExXHUxZWNibmggdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGRpc3BsYXk6IGJsb2NrYCBjaG8gbVx1MWVkN2kga2hcdTFlZDFpLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBCXHUxZWNkYyBjXHUwMGUxYyBraFx1MWVkMWkgY29uIHRyb25nIG1cdTFlZDl0IHRoXHUxZWJiIGNoXHUxZWU5YSAoY29udGFpbmVyKSB2XHUwMGUwIHNcdTFlZWQgZFx1MWVlNW5nIGNcdTAwZTFjIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuaFx1MDFiMCBgZmxvYXRgIGhvXHUxZWI3YyBgZGlzcGxheWAgcGhcdTAwZjkgaFx1MWVlM3AgY2hvIGNcdTAwZTFjIGtoXHUxZWQxaSBjb24gXHUwMTExXHUxZWMzIGNoXHUwMGZhbmcgaGlcdTFlYzNuIHRoXHUxZWNiIHRoZW8gaFx1MDBlMG5nIG5nYW5nLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA0OiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIFx1MDExMVx1MDBlMyBcdTAxMTFcdTFlY2JuaCBuZ2hcdTAxMjlhIG1cdTFlZDl0IGxcdTFlZGJwIENTUyB0XHUwMGVhbiBsXHUwMGUwIGAuYmxvY2staXRlbWAgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBjXHUwMGUxYyBraFx1MWVkMWkgblx1MWVkOWkgZHVuZyByaVx1MDBlYW5nIGxcdTFlYmIuIFx1MDExMFx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgblx1MDBlMHkgY2hvIG1cdTFlZDl0IHRoXHUxZWJiIGA8ZGl2PmAgY1x1MWVlNSB0aFx1MWVjMyB0cm9uZyBIVE1MLCBiXHUxZWExbiBzXHUxZWJkIHZpXHUxZWJmdCBuaFx1MDFiMCB0aFx1MWViZiBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBgPGRpdiBjbGFzcz08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBgPGRpdiBpZD08XC9saT5cclxuPGxpPkMuIGA8ZGl2IHN0eWxlPTxcL2xpPlxyXG48bGk+RC4gYDxkaXYgbmFtZT08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA1OiBLaGkgdGhpXHUxZWJmdCBrXHUxZWJmIHBoXHUxZWE3biBcdTAxMTFcdTFlYTd1IHRyYW5nIChoZWFkZXIpIGNcdTFlZTdhIHdlYnNpdGUsIGJcdTFlYTFuIG11XHUxZWQxbiBcdTAxMTFcdTFlYjd0IG1cdTFlZDl0IGhcdTAwZWNuaCBcdTFlYTNuaCBsXHUxZWRibiAoYmFubmVyKSBsXHUwMGUwbSBuXHUxZWMxbiBob1x1MWViN2MgbFx1MDBlMG0gbG9nbyBjaFx1MDBlZG5oLiBCXHUxZWExbiBzXHUxZWJkIHNcdTFlZWQgZFx1MWVlNW5nIHRoXHUxZWJiIEhUTUwgblx1MDBlMG8gXHUwMTExXHUxZWMzIGNoXHUwMGU4biBoXHUwMGVjbmggXHUxZWEzbmggblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPkEuIGA8dmlkZW8+YDxcL2xpPlxyXG48bGk+Qi4gYDxsaW5rPmA8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gYDxpbWc+YDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIGA8YT5gPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNjogQlx1MWVhMW4gXHUwMTExXHUwMGUzIHRcdTFlYTFvIG1cdTFlZDl0IGxpXHUwMGVhbiBrXHUxZWJmdCAoYDxhPmAgdGFnKSB0clx1MDBlYW4gdHJhbmcgY2hcdTFlZTcgZFx1MWVhYm4gXHUwMTExXHUxZWJmbiB0cmFuZyBnaVx1MWVkYmkgdGhpXHUxZWM3dSBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5IFRoXHUxZWMzIHRoYW8gKGB0aGV0aGFvLmh0bWxgKS4gTlx1MWViZnUgdFx1MWVjN3AgYHRoZXRoYW8uaHRtbGAgblx1MWViMW0gY1x1MDBmOW5nIGNcdTFlYTVwIHRoXHUwMWIwIG1cdTFlZTVjIHZcdTFlZGJpIHRyYW5nIGNoXHUxZWU3LCB0aHVcdTFlZDljIHRcdTAwZWRuaCBgaHJlZmAgY1x1MWVlN2EgdGhcdTFlYmIgYDxhPmAgc1x1MWViZCBjXHUwMGYzIGdpXHUwMGUxIHRyXHUxZWNiIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gYGhyZWY9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIGBocmVmPTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGBocmVmPTxcL2xpPlxyXG48bGk+RC4gYGhyZWY9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNzogXHUwMTEwXHUxZWMzIHRcdTFlYTFvIG1cdTFlZDl0IGRhbmggc1x1MDBlMWNoIGNcdTAwZTFjIGxpXHUwMGVhbiBrXHUxZWJmdCBcdTAxMTFpXHUxZWMxdSBoXHUwMWIwXHUxZWRibmcgKG1lbnUpIHRyb25nIHBoXHUxZWE3biBcdTAxMTFcdTFlYTd1IHRyYW5nIGhvXHUxZWI3YyBjaFx1MDBlMm4gdHJhbmcsIGJcdTFlYTFuIG5cdTAwZWFuIHNcdTFlZWQgZFx1MWVlNW5nIGNcdTFlYTV1IHRyXHUwMGZhYyB0aFx1MWViYiBIVE1MIG5cdTAwZTBvIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlYTNtIGJcdTFlYTNvIHRcdTAwZWRuaCBuZ1x1MWVlZiBuZ2hcdTAxMjlhIHZcdTAwZTAgZFx1MWVjNSBkXHUwMGUwbmcgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIGJcdTFlYjFuZyBDU1M/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gU1x1MWVlZCBkXHUxZWU1bmcgdGhcdTFlYmIgYDx1bD5gIGhvXHUxZWI3YyBgPG9sPmAga1x1MWViZnQgaFx1MWVlM3Agdlx1MWVkYmkgY1x1MDBlMWMgdGhcdTFlYmIgYDxsaT5gIGNoXHUxZWU5YSB0aFx1MWViYiBgPGE+YC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjOSBzXHUxZWVkIGRcdTFlZTVuZyBjXHUwMGUxYyB0aFx1MWViYiBgPGE+YCBcdTAxMTFcdTFlYjd0IGNcdTFlYTFuaCBuaGF1LjxcL2xpPlxyXG48bGk+Qy4gU1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBlMWMgdGhcdTFlYmIgYDxwPmAgdlx1MWVkYmkgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGRpc3BsYXk6IGlubGluZWAuPFwvbGk+XHJcbjxsaT5ELiBTXHUxZWVkIGRcdTFlZTVuZyB0aFx1MWViYiBgPHRhYmxlPmAgdlx1MWVkYmkgbVx1MWVkN2kgbGlcdTAwZWFuIGtcdTFlYmZ0IGxcdTAwZTAgbVx1MWVkOXQgXHUwMGY0LjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDg6IEtoaSB0aFx1MDBlYW0gblx1MWVkOWkgZHVuZyB2XHUwMTAzbiBiXHUxZWEzbiB2XHUwMGUwbyB0cmFuZyB3ZWIgKHZcdTAwZWQgZFx1MWVlNTogZ2lcdTFlZGJpIHRoaVx1MWVjN3Ugdlx1MWVjMSBtXHUxZWQ5dCBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5KSwgYlx1MWVhMW4gblx1MDBlYW4gc1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBlMWMgdGhcdTFlYmIgSFRNTCBuZ1x1MWVlZiBuZ2hcdTAxMjlhIG5oXHUwMWIwIGA8cD5gIGNobyBcdTAxMTFvXHUxZWExbiB2XHUwMTAzbiwgYDxoMj5gLCBgPGgzPmAgY2hvIHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgcGhcdTFlZTUgdGhheSB2XHUwMGVjIGNoXHUxZWM5IGRcdTAwZjluZyB0aFx1MWViYiBgPGRpdj5gIGhvXHUxZWI3YyBgPGJyPmAgbGlcdTAwZWFuIHRcdTFlZTVjLiBWaVx1MWVjN2Mgblx1MDBlMHkgbWFuZyBsXHUxZWExaSBsXHUxZWUzaSBcdTAwZWRjaCBjaFx1MDBlZG5oIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIExcdTAwZTBtIGNobyB0cmFuZyB3ZWIgdFx1MWVhM2kgbmhhbmggaFx1MDFhMW4gdHJcdTAwZWFuIG1cdTFlY2RpIHRoaVx1MWViZnQgYlx1MWVjYi48XC9saT5cclxuPGxpPkIuIFRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgdFx1MWVhMW8ga2lcdTFlYzN1IGNoXHUxZWVmIHZcdTAwZTAgbVx1MDBlMHUgc1x1MWVhZmMgXHUwMTExXHUxZWI5cCBtXHUxZWFmdC48XC9saT5cclxuPGxpPkMuIEdpXHUwMGZhcCBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIGtoXHUwMGY0bmcgY1x1MWVhN24gY3VcdTFlZDluIHRyYW5nIFx1MDExMVx1MWVjMyB4ZW0gaFx1MWViZnQgblx1MWVkOWkgZHVuZy48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gQ1x1MWVhM2kgdGhpXHUxZWM3biBjXHUxZWE1dSB0clx1MDBmYWMgdHJhbmcgd2ViIGNobyBjXHUwMGY0bmcgY1x1MWVlNSB0XHUwMGVjbSBraVx1MWViZm0gdlx1MDBlMCBjXHUwMGUxYyBjXHUwMGY0bmcgbmdoXHUxZWM3IGhcdTFlZDcgdHJcdTFlZTMgKHZcdTAwZWQgZFx1MWVlNTogdHJcdTAwZWNuaCBcdTAxMTFcdTFlY2RjIG1cdTAwZTBuIGhcdTAwZWNuaCkuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDk6IEJcdTFlYTFuIG11XHUxZWQxbiBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgY2hvIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgXHUwMTExb1x1MWVhMW4gdlx1MDEwM24gYlx1MWVhM24gKGA8cD5gIHRhZykgdHJvbmcgdHJhbmcgd2ViIGNcdTAwZjMgbVx1MDBlMHUgY2hcdTFlZWYgeGFuaCB2XHUwMGUwIGNcdTAxMDNuIGxcdTFlYzEgaGFpIGJcdTAwZWFuLiBcdTAxMTBvXHUxZWExbiBtXHUwMGUzIENTUyBwaFx1MDBmOSBoXHUxZWUzcCBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWI3dCB0cm9uZyB0XHUxZWM3cCBgc3R5bGUuY3NzYCBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gYHAgeyBjb2xvcjogYmx1ZTsgdGV4dC1hbGlnbjoganVzdGlmeTsgfWA8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTA6IFRyb25nIHF1XHUwMGUxIHRyXHUwMGVjbmggdGhpXHUxZWJmdCBrXHUxZWJmIHRyYW5nIHdlYiwgYlx1MWVhMW4gY1x1MWVhN24gY2hcdTAwZThuIGNcdTAwZTFjIHRcdTAwZTBpIG5ndXlcdTAwZWFuIFx1MDExMWEgcGhcdTAxYjBcdTAxYTFuZyB0aVx1MWVjN24gbmhcdTAxYjAgdmlkZW8gZ2lcdTFlZGJpIHRoaVx1MWVjN3Ugdlx1MWVjMSBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5LiBUaFx1MWViYiBIVE1MIG5cdTAwZTBvIHRoXHUwMWIwXHUxZWRkbmcgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgbmhcdTAwZmFuZyB2aWRlbyB0clx1MWVmMWMgdGlcdTFlYmZwIHZcdTAwZTBvIHRyYW5nP1xyXG48dWw+XHJcbjxsaT5BLiBgPGltZz5gPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIGA8dmlkZW8+YDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGA8YXVkaW8+YDxcL2xpPlxyXG48bGk+RC4gYDxpZnJhbWU+YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDExOiBCXHUxZWExbiBcdTAxMTFhbmcgdGhpXHUxZWJmdCBrXHUxZWJmIG1cdTFlZDl0IHRyYW5nIFx1MDExMVx1MDEwM25nIGtcdTAwZmQgdGhcdTAwZTBuaCB2aVx1MDBlYW4gY1x1MDBmMyBjaFx1MWVlOWEgYmlcdTFlYzN1IG1cdTFlYWJ1IChmb3JtKS4gQmlcdTFlYzN1IG1cdTFlYWJ1IG5cdTAwZTB5IGNcdTFlYTduIGNcdTAwZjMgY1x1MDBlMWMgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgY2hvIFRcdTAwZWFuLCBFbWFpbCB2XHUwMGUwIG1cdTFlZDl0IG5cdTAwZmF0IEdcdTFlZWRpLiBUaFx1MWViYiBIVE1MIGNoXHUwMGVkbmggXHUwMTExXHUxZWMzIHRcdTFlYTFvIG1cdTFlZDl0IGJpXHUxZWMzdSBtXHUxZWFidSBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIGA8dGFibGU+YDxcL2xpPlxyXG48bGk+Qi4gYDxpbnB1dD5gPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGA8Zm9ybT5gPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gYDxidXR0b24+YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEyOiBcdTAxMTBcdTFlYzMgdFx1MWVhMW8gbVx1MWVkOXQgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3Ugdlx1MDEwM24gYlx1MWVhM24gKHZcdTAwZWQgZFx1MWVlNTogbmhcdTFlYWRwIHRcdTAwZWFuIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcpIHRyb25nIGJpXHUxZWMzdSBtXHUxZWFidSBIVE1MLCBiXHUxZWExbiBzXHUxZWJkIHNcdTFlZWQgZFx1MWVlNW5nIHRoXHUxZWJiIGA8aW5wdXQ+YCB2XHUxZWRiaSB0aHVcdTFlZDljIHRcdTAwZWRuaCBgdHlwZWAgY1x1MDBmMyBnaVx1MDBlMSB0clx1MWVjYiBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gYHR5cGU9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gYHR5cGU9PFwvbGk+XHJcbjxsaT5DLiBgdHlwZT08XC9saT5cclxuPGxpPkQuIGB0eXBlPTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEzOiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQgblx1MDBmYXQgXCJcdTAxMTBcdTAxMDNuZyBrXHUwMGZkXCIgXHUwMTExXHUxZWMzIGdcdTFlZWRpIGRcdTFlZWYgbGlcdTFlYzd1IHRcdTFlZWIgYmlcdTFlYzN1IG1cdTFlYWJ1IFx1MDExMWkuIFRoXHUxZWJiIGA8YnV0dG9uPmAgaG9cdTFlYjdjIGA8aW5wdXQ+YCB2XHUxZWRiaSB0aHVcdTFlZDljIHRcdTAwZWRuaCBgdHlwZWAgblx1MDBlMG8gc1x1MWViZCBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIGNobyBtXHUxZWU1YyBcdTAxMTFcdTAwZWRjaCBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gYHR5cGU9PFwvbGk+XHJcbjxsaT5CLiBgdHlwZT08XC9saT5cclxuPGxpPkMuIGB0eXBlPTxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBgdHlwZT08XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTQ6IEtoaSBsaVx1MDBlYW4ga1x1MWViZnQgdFx1MWVjN3AgQ1NTIChgc3R5bGUuY3NzYCkgdlx1MDBlMG8gdFx1MWVjN3AgSFRNTCwgdGhcdTFlYmIgYDxsaW5rPmAgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAxMTFcdTFlYjd0IFx1MWVkZiB2XHUxZWNiIHRyXHUwMGVkIG5cdTAwZTBvIHRyb25nIGNcdTFlYTV1IHRyXHUwMGZhYyBIVE1MIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlYTNtIGJcdTFlYTNvIHRyYW5nIHdlYiBcdTAwZTFwIGRcdTFlZTVuZyBraVx1MWVjM3UgZFx1MDBlMW5nIHRyXHUwMWIwXHUxZWRiYyBraGkgaGlcdTFlYzNuIHRoXHUxZWNiIG5cdTFlZDlpIGR1bmc/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gVHJvbmcgcGhcdTFlYTduIGA8aGVhZD5gIGNcdTFlZTdhIHRcdTAwZTBpIGxpXHUxZWM3dSBIVE1MLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIFRyb25nIHBoXHUxZWE3biBgPGJvZHk+YCBjXHUxZWU3YSB0XHUwMGUwaSBsaVx1MWVjN3UgSFRNTCwgXHUxZWRmIHZcdTFlY2IgdHJcdTAwZWQgYlx1MWVhNXQga1x1MWVmMy48XC9saT5cclxuPGxpPkMuIE5nYXkgc2F1IHRoXHUxZWJiIGA8XC9ib2R5PmAga1x1MWViZnQgdGhcdTAwZmFjLjxcL2xpPlxyXG48bGk+RC4gVHJvbmcgcGhcdTFlYTduIGA8Zm9vdGVyPmAgY1x1MWVlN2EgdFx1MDBlMGkgbGlcdTFlYzd1IEhUTUwuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTU6IEJcdTFlYTFuIFx1MDExMVx1MDBlMyB0XHUxZWExbyBtXHUxZWQ5dCBsXHUxZWRicCBDU1MgYC5zbG9nYW5gIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgZFx1MDBmMm5nIGtoXHUxZWE5dSBoaVx1MWVjN3UgY1x1MWVlN2Egd2Vic2l0ZS4gTlx1MWViZnUgYlx1MWVhMW4gbXVcdTFlZDFuIGRcdTAwZjJuZyBraFx1MWVhOXUgaGlcdTFlYzd1IG5cdTAwZTB5IFx1MDExMVx1MDFiMFx1MWVlM2MgY1x1MDEwM24gZ2lcdTFlZWZhIHZcdTAwZTAgY1x1MDBmMyBtXHUwMGUwdSBjaFx1MWVlZiBcdTAxMTFcdTFlY2YsIGJcdTFlYTFuIHNcdTFlYmQgdGhcdTAwZWFtIGNcdTAwZTFjIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyB2XHUwMGUwbyBxdXkgdFx1MWVhZmMgYC5zbG9nYW5gP1xyXG48dWw+XHJcbjxsaT5BLiBgZm9udC13ZWlnaHQ6IGNlbnRlcjsgY29sb3I6IHJlZDtgPFwvbGk+XHJcbjxsaT5CLiBgYWxpZ246IG1pZGRsZTsgdGV4dC1jb2xvcjogcmVkO2A8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gYHRleHQtYWxpZ246IGNlbnRlcjsgY29sb3I6IHJlZDtgPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gYHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7IGZvbnQtY29sb3I6IHJlZDtgPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTY6IEdpXHUxZWEzIHNcdTFlZWQgYlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGhpXHUxZWM3dSBcdTFlZTluZyBraGkgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBkaSBjaHVcdTFlZDl0IHF1YSBtXHUxZWQ5dCBsaVx1MDBlYW4ga1x1MWViZnQsIG1cdTAwZTB1IGNoXHUxZWVmIGNcdTFlZTdhIGxpXHUwMGVhbiBrXHUxZWJmdCBcdTAxMTFcdTAwZjMgc1x1MWViZCBcdTAxMTFcdTFlZDVpIHNhbmcgbVx1MDBlMHUgY2FtLiBCXHUxZWExbiBzXHUxZWJkIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIGdpXHUxZWEzIGxcdTFlZGJwIChwc2V1ZG8tY2xhc3MpIG5cdTAwZTBvIHRyb25nIENTUyBcdTAxMTFcdTFlYzMgdGhcdTFlZjFjIGhpXHUxZWM3biBcdTAxMTFpXHUxZWMxdSBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5ELiA8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTc6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgYlx1MWVkMSBjXHUxZWU1YyB0cmFuZywgdmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBtYXJnaW5gIHRyb25nIENTUyBjXHUwMGYzIHRcdTAwZTFjIGRcdTFlZTVuZyBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiBUXHUxZWExbyBraG9cdTFlYTNuZyB0clx1MWVkMW5nIGdpXHUxZWVmYSBuXHUxZWQ5aSBkdW5nIHZcdTAwZTAgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIGNcdTFlZTdhIHBoXHUxZWE3biB0XHUxZWVkLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBUXHUxZWExbyBraG9cdTFlYTNuZyB0clx1MWVkMW5nIGJcdTAwZWFuIG5nb1x1MDBlMGkgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIGNcdTFlZTdhIHBoXHUxZWE3biB0XHUxZWVkLCBcdTAxMTFcdTFlYTl5IGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGtoXHUwMGUxYyByYSB4YS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBUaGlcdTFlYmZ0IGxcdTFlYWRwIG1cdTAwZTB1IG5cdTFlYzFuIGNobyBwaFx1MWVhN24gdFx1MWVlZC48XC9saT5cclxuPGxpPkQuIFx1MDExMFx1MWVjYm5oIG5naFx1MDEyOWEgXHUwMTExXHUxZWQ5IGRcdTAwZTB5IGNcdTFlZTdhIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBwaFx1MWVhN24gdFx1MWVlZC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxODogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGtob1x1MWVhM25nIFx1MDExMVx1MWVjN20gKGtob1x1MWVhM25nIHRyXHUxZWQxbmcgYlx1MDBlYW4gdHJvbmcpIGNobyBtXHUxZWQ5dCBraFx1MWVkMWkgblx1MWVkOWkgZHVuZyBcdTAxMTFcdTFlYzMgblx1MWVkOWkgZHVuZyBraFx1MDBmNG5nIGJcdTFlY2Igc1x1MDBlMXQgdlx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIGhvXHUxZWI3YyBsXHUxZWMxIGNcdTFlZTdhIGtoXHUxZWQxaSBcdTAxMTFcdTAwZjMuIFRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIGNobyBtXHUxZWU1YyBcdTAxMTFcdTAwZWRjaCBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBgcGFkZGluZ2A8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBgbWFyZ2luYDxcL2xpPlxyXG48bGk+Qy4gYGJvcmRlcmA8XC9saT5cclxuPGxpPkQuIGBvdXRsaW5lYDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE5OiBcdTAxMTBcdTFlYzMgXHUwMTExXHUxZWEzbSBiXHUxZWEzbyByXHUxZWIxbmcgdHJhbmcgd2ViIGNcdTFlZTdhIGJcdTFlYTFuIGhpXHUxZWMzbiB0aFx1MWVjYiB0XHUxZWQxdCB0clx1MDBlYW4gY1x1MWVhMyBtXHUwMGUwbiBoXHUwMGVjbmggbVx1MDBlMXkgdFx1MDBlZG5oIHZcdTAwZTAgdGhpXHUxZWJmdCBiXHUxZWNiIGRpIFx1MDExMVx1MWVkOW5nICh0aGlcdTFlYmZ0IGtcdTFlYmYgXHUwMTExXHUwMGUxcCBcdTFlZTluZyAtIHJlc3BvbnNpdmUgZGVzaWduKSwgYlx1MWVhMW4gY1x1MDBmMyB0aFx1MWVjMyBjXHUxZWE3biBzXHUxZWVkIGRcdTFlZTVuZyBjXHUwMGUxYyBrXHUxZWY5IHRodVx1MWVhZHQgQ1NTIFx1MDExMVx1MWViN2MgYmlcdTFlYzd0LiBLXHUxZWY5IHRodVx1MWVhZHQgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBjXHUwMGUxYyBraVx1MWVjM3UgZFx1MDBlMW5nIGtoXHUwMGUxYyBuaGF1IGRcdTFlZjFhIHRyXHUwMGVhbiBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIG1cdTAwZTBuIGhcdTAwZWNuaD9cclxuPHVsPlxyXG48bGk+QS4gU1x1MWVlZCBkXHUxZWU1bmcgdGhcdTFlYmIgYDx0YWJsZT5gIGNobyB0b1x1MDBlMG4gYlx1MWVkOSBiXHUxZWQxIGNcdTFlZTVjLjxcL2xpPlxyXG48bGk+Qi4gQ2hcdTFlYzkgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUwMWExbiB2XHUxZWNiIGBweGAgY2hvIHRcdTFlYTV0IGNcdTFlYTMga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYy48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gU1x1MWVlZCBkXHUxZWU1bmcgTWVkaWEgUXVlcmllcyAoYEBtZWRpYWApIHRyb25nIENTUy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBcdTAxMTBcdTFlYjd0IHRcdTFlYTV0IGNcdTFlYTMgblx1MWVkOWkgZHVuZyB2XHUwMGUwbyBtXHUxZWQ5dCBoXHUwMGVjbmggXHUxZWEzbmggZHV5IG5oXHUxZWE1dC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMDogS2hpIHRoaVx1MWViZnQga1x1MWViZiBtXHUxZWQ5dCB0cmFuZyB3ZWIgY1x1MDBmMyBuaGlcdTFlYzF1IGhcdTAwZWNuaCBcdTFlYTNuaCwgdmlcdTFlYzdjIHRcdTFlZDFpIFx1MDFiMHUgaFx1MDBmM2EgZHVuZyBsXHUwMWIwXHUxZWUzbmcgdlx1MDBlMCBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIGNcdTFlZTdhIGhcdTAwZWNuaCBcdTFlYTNuaCB0clx1MDFiMFx1MWVkYmMga2hpIFx1MDExMVx1MDFiMGEgbFx1MDBlYW4gd2Vic2l0ZSBsXHUwMGUwIHF1YW4gdHJcdTFlY2RuZy4gVFx1MWVhMWkgc2FvP1xyXG48dWw+XHJcbjxsaT5BLiBHaVx1MDBmYXAgaFx1MDBlY25oIFx1MWVhM25oIGhpXHUxZWMzbiB0aFx1MWVjYiBzXHUxZWFmYyBuXHUwMGU5dCBoXHUwMWExbiB0clx1MDBlYW4gbVx1MWVjZGkgbVx1MDBlMG4gaFx1MDBlY25oLjxcL2xpPlxyXG48bGk+Qi4gVFx1MDEwM25nIHNcdTFlZDEgbFx1MDFiMFx1MWVlM25nIGhcdTAwZWNuaCBcdTFlYTNuaCBjXHUwMGYzIHRoXHUxZWMzIGNoXHUwMGU4biB2XHUwMGUwbyB0cmFuZy48XC9saT5cclxuPGxpPkMuIFRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgdFx1MWVhMW8gaGlcdTFlYzd1IFx1MWVlOW5nIFx1MDExMVx1MWVkOW5nIGNobyBoXHUwMGVjbmggXHUxZWEzbmguPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIEdpXHUxZWEzbSB0aFx1MWVkZGkgZ2lhbiB0XHUxZWEzaSB0cmFuZyB2XHUwMGUwIHRpXHUxZWJmdCBraVx1MWVjN20gYlx1MDEwM25nIHRoXHUwMGY0bmcgY2hvIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIxOiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIGNcdTFlYTduIHRcdTFlYTFvIG1cdTFlZDl0IGRhbmggc1x1MDBlMWNoIGNcdTAwZTFjIG1cdTFlZTVjICh2XHUwMGVkIGRcdTFlZTU6IGRhbmggc1x1MDBlMWNoIGhvXHUxZWExdCBcdTAxMTFcdTFlZDluZyBjXHUxZWU3YSBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5KSBtXHUwMGUwIGtoXHUwMGY0bmcgY1x1MWVhN24gXHUwMTExXHUwMGUxbmggc1x1MWVkMSB0aFx1MWVlOSB0XHUxZWYxLiBUaFx1MWViYiBIVE1MIG5cdTAwZTBvIGxcdTAwZTAgcGhcdTAwZjkgaFx1MWVlM3AgbmhcdTFlYTV0IFx1MDExMVx1MWVjMyB0XHUxZWExbyBkYW5oIHNcdTAwZTFjaCBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gYDxvbD5gPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIGA8dWw+YDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGA8bGk+YDxcL2xpPlxyXG48bGk+RC4gYDxkbD5gPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjI6IEJcdTFlYTFuIFx1MDExMWFuZyB4XHUwMGUyeSBkXHUxZWYxbmcgdHJhbmcgY2hcdTFlZTcgZ2lcdTFlZGJpIHRoaVx1MWVjN3Ugdlx1MWVjMSBjXHUwMGUxYyBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5LiBCXHUxZWExbiBtdVx1MWVkMW4gbVx1MWVkN2kgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOSBjXHUwMGYzIG1cdTFlZDl0IHBoXHUxZWE3biByaVx1MDBlYW5nIHZcdTFlZGJpIHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgKHRcdTAwZWFuIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkpIHZcdTAwZTAgbVx1MDBmNCB0XHUxZWEzIG5nXHUxZWFmbi4gQ1x1MWVhNXUgdHJcdTAwZmFjIEhUTUwgbmdcdTFlZWYgbmdoXHUwMTI5YSBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBsXHUwMGUwIGxcdTFlZjFhIGNoXHUxZWNkbiB0XHUxZWQxdCBuaFx1MWVhNXQgXHUwMTExXHUxZWMzIHRcdTFlZDUgY2hcdTFlZTljIG5cdTFlZDlpIGR1bmcgY2hvIG1cdTFlZDdpIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gU1x1MWVlZCBkXHUxZWU1bmcgdGhcdTFlYmIgYDxhcnRpY2xlPmAgaG9cdTFlYjdjIGA8c2VjdGlvbj5gIGNoXHUxZWU5YSB0aVx1MDBlYXUgXHUwMTExXHUxZWMxIChgPGgyPmApIHZcdTAwZTAgXHUwMTExb1x1MWVhMW4gdlx1MDEwM24gKGA8cD5gKS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjOSBzXHUxZWVkIGRcdTFlZTVuZyB0aFx1MWViYiBgPGRpdj5gIHZcdTFlZGJpIGNcdTAwZTFjIGxcdTFlZGJwIENTUy48XC9saT5cclxuPGxpPkMuIFNcdTFlZWQgZFx1MWVlNW5nIHRoXHUxZWJiIGA8c3Bhbj5gIGNobyB0aVx1MDBlYXUgXHUwMTExXHUxZWMxIHZcdTAwZTAgbVx1MDBmNCB0XHUxZWEzLjxcL2xpPlxyXG48bGk+RC4gU1x1MWVlZCBkXHUxZWU1bmcgdGhcdTFlYmIgYDxibG9ja3F1b3RlPmAgY2hvIHRvXHUwMGUwbiBiXHUxZWQ5IG5cdTFlZDlpIGR1bmcuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjM6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgZ2lhbyBkaVx1MWVjN24sIGJcdTFlYTFuIG11XHUxZWQxbiBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCAodlx1MDBlZCBkXHUxZWU1OiBtXHUxZWQ5dCBoXHUwMGVjbmggXHUxZWEzbmgpIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMTExXHUxZWI3dCBcdTFlZGYgbVx1MWVkOXQgdlx1MWVjYiB0clx1MDBlZCBjXHUxZWQxIFx1MDExMVx1MWVjYm5oIHRyXHUwMGVhbiBtXHUwMGUwbiBoXHUwMGVjbmgsIG5nYXkgY1x1MWVhMyBraGkgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBjdVx1MWVkOW4gdHJhbmcuIFRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBgcG9zaXRpb25gIG5cdTAwZTBvIHNcdTFlYmQgZ2lcdTAwZmFwIGJcdTFlYTFuIFx1MDExMVx1MWVhMXQgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAxMTFpXHUxZWMxdSBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gYHBvc2l0aW9uOiBzdGF0aWNgPFwvbGk+XHJcbjxsaT5CLiBgcG9zaXRpb246IHJlbGF0aXZlYDxcL2xpPlxyXG48bGk+Qy4gYHBvc2l0aW9uOiBhYnNvbHV0ZWA8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gYHBvc2l0aW9uOiBmaXhlZGA8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjQ6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBoaVx1MWVjN3UgXHUxZWU5bmcgXHUwMTExXHUxZWQ1IGJcdTAwZjNuZyBjaG8gbVx1MWVkOXQga2hcdTFlZDFpIG5cdTFlZDlpIGR1bmcgXHUwMTExXHUxZWMzIGxcdTAwZTBtIG5cdTFlZDVpIGJcdTFlYWR0IG5cdTAwZjMuIFRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyB0aFx1MDBlYW0gaGlcdTFlYzd1IFx1MWVlOW5nIFx1MDExMVx1MWVkNSBiXHUwMGYzbmc/XHJcbjx1bD5cclxuPGxpPkEuIGB0ZXh0LWRlY29yYXRpb25gPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIGBib3gtc2hhZG93YDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGBib3JkZXItcmFkaXVzYDxcL2xpPlxyXG48bGk+RC4gYG9wYWNpdHlgPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjU6IFx1MDExMFx1MWVjMyBcdTAxMTFcdTFlYTNtIGJcdTFlYTNvIHJcdTFlYjFuZyBjXHUwMGUxYyBsaVx1MDBlYW4ga1x1MWViZnQgdHJcdTAwZWFuIHRyYW5nIHdlYiBjXHUwMGYzIHRoXHUxZWMzIHRydXkgY1x1MWVhZHAgXHUwMTExXHUwMWIwXHUxZWUzYyB2XHUwMGUwIHRoXHUwMGUybiB0aGlcdTFlYzduIHZcdTFlZGJpIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcsIFx1MDExMVx1MWViN2MgYmlcdTFlYzd0IGxcdTAwZTAgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBjXHUwMGYzIG5odSBjXHUxZWE3dSBcdTAxMTFcdTFlYjdjIGJpXHUxZWM3dCBob1x1MWViN2Mgc1x1MWVlZCBkXHUxZWU1bmcgdHJcdTAwZWNuaCBcdTAxMTFcdTFlY2RjIG1cdTAwZTBuIGhcdTAwZWNuaCwgXHUwMTExaVx1MWVjMXUgZ1x1MDBlYyBzYXUgXHUwMTExXHUwMGUyeSBsXHUwMGUwIHF1YW4gdHJcdTFlY2RuZyBraGkgdFx1MWVhMW8gbGlcdTAwZWFuIGtcdTFlYmZ0IGJcdTFlYjFuZyB0aFx1MWViYiBgPGE+YD9cclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgc1x1MWVlZCBkXHUxZWU1bmcgaFx1MDBlY25oIFx1MWVhM25oIGxcdTAwZTBtIG5cdTFlZDlpIGR1bmcgY1x1MWVlN2EgbGlcdTAwZWFuIGtcdTFlYmZ0LjxcL2xpPlxyXG48bGk+Qi4gXHUwMTEwXHUxZWI3dCB0aHVcdTFlZDljIHRcdTAwZWRuaCBgdGFyZ2V0PTxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBTXHUxZWVkIGRcdTFlZTVuZyB2XHUwMTAzbiBiXHUxZWEzbiBtXHUwMGY0IHRcdTFlYTMgclx1MDBmNSByXHUwMGUwbmcgbVx1MWVlNWMgXHUwMTExXHUwMGVkY2ggY1x1MWVlN2EgbGlcdTAwZWFuIGtcdTFlYmZ0IHRoYXkgdlx1MDBlYyBjaFx1MWVjOSBkXHUwMGY5bmcgXCJUXHUxZWExaSBcdTAxMTFcdTAwZTJ5XCIgaG9cdTFlYjdjIFwiWGVtIHRoXHUwMGVhbVwiLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIExvXHUxZWExaSBiXHUxZWNmIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBocmVmYCB2XHUwMGUwIGNoXHUxZWM5IGRcdTAwZjluZyBKYXZhU2NyaXB0LjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI2OiBCXHUxZWExbiBcdTAxMTFhbmcgdGhpXHUxZWJmdCBrXHUxZWJmIHBoXHUxZWE3biBjaFx1MDBlMm4gdHJhbmcgKGZvb3RlcikgY1x1MWVlN2Egd2Vic2l0ZS4gVGhcdTAwZjRuZyB0aW4gblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDExMVx1MWViN3QgXHUxZWRmIHBoXHUxZWE3biBjaFx1MDBlMm4gdHJhbmc/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gVGhcdTAwZjRuZyB0aW4gYlx1MWVhM24gcXV5XHUxZWMxbiwgbGlcdTAwZWFuIGhcdTFlYzcsIGhvXHUxZWI3YyBjXHUwMGUxYyBsaVx1MDBlYW4ga1x1MWViZnQgXHUwMTExaVx1MWVjMXUgaFx1MDFiMFx1MWVkYm5nIHBoXHUxZWU1LjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIE5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaCwgZ2lcdTFlZGJpIHRoaVx1MWVjN3UgY2hpIHRpXHUxZWJmdCB2XHUxZWMxIGNcdTAwZTFjIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkuPFwvbGk+XHJcbjxsaT5DLiBUaVx1MDBlYXUgXHUwMTExXHUxZWMxIHRyYW5nIHdlYiB2XHUwMGUwIGJhbm5lciBjaFx1MDBlZG5oLjxcL2xpPlxyXG48bGk+RC4gQ1x1MDBlMWMgYmlcdTFlYzN1IG1cdTFlYWJ1IFx1MDExMVx1MDEwM25nIGtcdTAwZmQgdGhcdTAwZTBuaCB2aVx1MDBlYW4uPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjc6IFRyb25nIHRcdTFlYzdwIENTUywgYlx1MWVhMW4gbXVcdTFlZDFuIGNoXHUxZWNkbiB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRoXHUxZWJiIGA8aDI+YCBuXHUxZWIxbSBiXHUwMGVhbiB0cm9uZyBtXHUxZWQ5dCB0aFx1MWViYiBgPGRpdj5gIGNcdTAwZjMgbFx1MWVkYnAgbFx1MDBlMCBgY29udGVudGAuIENcdTAwZmEgcGhcdTAwZTFwIGJcdTFlZDkgY2hcdTFlY2RuIENTUyBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBsXHUwMGUwIFx1MDExMVx1MDBmYW5nP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkIuIDxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyODogQlx1MWVhMW4gbXVcdTFlZDFuIGxcdTAwZTBtIHRyXHUwMGYybiBjXHUwMGUxYyBnXHUwMGYzYyBjXHUxZWU3YSBtXHUxZWQ5dCBraFx1MWVkMWkgaFx1MDBlY25oIGNoXHUxZWVmIG5oXHUxZWFkdCAodlx1MDBlZCBkXHUxZWU1OiBraHVuZyBjaFx1MWVlOWEgXHUxZWEzbmggaG9cdTFlYjdjIG5cdTFlZDlpIGR1bmcpLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgdFx1MWVhMW8gaGlcdTFlYzd1IFx1MWVlOW5nIGJvIHRyXHUwMGYybiBnXHUwMGYzYz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBgYm9yZGVyLXJhZGl1c2A8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBgY29ybmVyLXNoYXBlYDxcL2xpPlxyXG48bGk+Qy4gYGJveC1kZWNvcmF0aW9uYDxcL2xpPlxyXG48bGk+RC4gYG91dGxpbmUtc3R5bGVgPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjk6IEdpXHUxZWEzIHNcdTFlZWQgYlx1MWVhMW4gY1x1MWVhN24gdFx1MWVhMW8gbVx1MWVkOXQgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBIVE1MLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1MgYGJvcmRlcmAgY2hvIHBoXHUwMGU5cCBiXHUxZWExbiB0aGlcdTFlYmZ0IGxcdTFlYWRwIFx1MDExMVx1MWVkM25nIHRoXHUxZWRkaSBraVx1MWVjM3UgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuLCBcdTAxMTFcdTFlZDkgZFx1MDBlMHkgdlx1MDBlMCBtXHUwMGUwdSBzXHUxZWFmYy4gXHUwMTEwXHUxZWMzIHRcdTFlYTFvIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBuXHUwMGU5dCBsaVx1MWVjMW4sIGRcdTAwZTB5IDFweCwgbVx1MDBlMHUgXHUwMTExZW4sIGJcdTFlYTFuIHNcdTFlYmQgc1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBmYSBwaFx1MDBlMXAgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIGBib3JkZXI6IGJsYWNrIDFweCBzb2xpZDtgPFwvbGk+XHJcbjxsaT5CLiBgYm9yZGVyOiBzb2xpZCBibGFjayAxcHg7YDxcL2xpPlxyXG48bGk+Qy4gYGJvcmRlcjogMXB4IGJsYWNrIHNvbGlkO2A8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gYGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrO2A8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMzA6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViLCB2aVx1MWVjN2MgXHUwMTExXHUxZWI3dCB0XHUwMGVhbiBsXHUxZWRicCAoY2xhc3MpIHZcdTAwZTAgSUQgdHJvbmcgQ1NTIHZcdTAwZTAgSFRNTCBtXHUxZWQ5dCBjXHUwMGUxY2ggclx1MDBmNSByXHUwMGUwbmcsIGRcdTFlYzUgaGlcdTFlYzN1IHZcdTAwZTAgbmhcdTFlYTV0IHF1XHUwMGUxbiAodlx1MDBlZCBkXHUxZWU1OiBgaGVhZGVyLXRpdGxlYCwgYG1haW4tY29udGVudGAsIGBidG4tc3VibWl0YCkgbWFuZyBsXHUxZWExaSBsXHUxZWUzaSBcdTAwZWRjaCBjaFx1MDBlZG5oIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIFRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgdFx1MWVkMWkgXHUwMWIwdSBoXHUwMGYzYSBoXHUwMGVjbmggXHUxZWEzbmggdHJcdTAwZWFuIHRyYW5nLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBHaVx1MDBmYXAgbVx1MDBlMyBuZ3VcdTFlZDNuIGRcdTFlYzUgXHUwMTExXHUxZWNkYywgZFx1MWVjNSBoaVx1MWVjM3Ugdlx1MDBlMCBkXHUxZWM1IGJcdTFlYTNvIHRyXHUwMGVjIGJcdTFlZGZpIGJcdTFlYTNuIHRoXHUwMGUybiBuZ1x1MDFiMFx1MWVkZGkgdmlcdTFlYmZ0IGhvXHUxZWI3YyBuZ1x1MDFiMFx1MWVkZGkga2hcdTAwZTFjLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIFRcdTAxMDNuZyB0XHUxZWQxYyBcdTAxMTFcdTFlZDkgaGlcdTFlYzNuIHRoXHUxZWNiIGNcdTFlZTdhIHRyYW5nIHdlYiB0clx1MDBlYW4gdHJcdTAwZWNuaCBkdXlcdTFlYzd0LjxcL2xpPlxyXG48bGk+RC4gTmdcdTAxMDNuIGNoXHUxZWI3biB2aVx1MWVjN2Mgc2FvIGNoXHUwMGU5cCBuXHUxZWQ5aSBkdW5nIHRyYW5nIHdlYi48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMzMDIiLCJxdWVzdGlvbl9pZHMiOiI5NDE1NTQsOTQxNTU1LDk0MTU1Niw5NDE1NTcsOTQxNTU4LDk0MTU1OSw5NDE1NjAsOTQxNTYxLDk0MTU2Miw5NDE1NjMsOTQxNTY0LDk0MTU2NSw5NDE1NjYsOTQxNTY3LDk0MTU2OCw5NDE1NjksOTQxNTcwLDk0MTU3MSw5NDE1NzIsOTQxNTczLDk0MTU3NCw5NDE1NzUsOTQxNTc2LDk0MTU3Nyw5NDE1NzgsOTQxNTc5LDk0MTU4MCw5NDE1ODEsOTQxNTgyLDk0MTU4MyIsIm9yZGVyaW5nIjoiMzE1NDciLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ==';
</script>
<input type='hidden' name='quiz_id' value='31547'/>
<input type='hidden' name='start_date' class='ays-start-date'/>
<input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/>
<input type='hidden' name='ays_finish_quiz_nonce_31547' value='45d85a0ccb'/>
</form></div>
</div>
</div></div>
<div class="panel blogger"><div class='ays-quiz-wrap'>
<div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active'
data-quest-effect='shake'
data-hide-bg-image='false'
id='ays-quiz-container-32485'>
<div class='ays-questions-container'>
<div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap">
<a class="ays-quiz-full-screen-container">
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>
</svg>
</a>
</div></div>
<span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span>
<form
action=''
method='post'
autocomplete='off'
id='ays_finish_quiz_32485'
class='ays-quiz-form enable_questions_result '
><input type='hidden' class='ays_question_count_per_page' value='30'>
<input type='hidden' value='list' class='answer_view_class'>
<input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'>
<div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p>
</div>
<div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p>
</div>
<hr style='height:1px;'>
</section>
<div class='step active-step'>
<div class='ays-abs-fs ays-start-page'>
<div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong></p></div>
<p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 06</p>
<div class='ays_buttons_div'>
<input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" />
</div>
<div class='ays-fs-subtitle'><p><strong>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 06</strong> được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!</p>
<div class="question-block">
<p>Câu 1: Khi bắt đầu thiết kế một trang web theo bài học, việc xác định cấu trúc và các trang chính (ví dụ: Trang chủ, Trang giới thiệu CLB) có ý nghĩa quan trọng nhất là gì?</p>
<ul>
<li>A. Giúp trang web tải nhanh hơn.</li>
<li><strong>B. Định hướng nội dung và cấu trúc liên kết giữa các trang.</strong></li>
<li>C. Xác định màu sắc và phông chữ chủ đạo cho trang web.</li>
<li>D. Giúp tìm kiếm lỗi cú pháp HTML dễ dàng hơn.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 2: Trong việc xây dựng bố cục trang web bằng HTML và CSS, thẻ `</p>
<div class=
<ul>
<li>A. Định nghĩa kiểu chữ và màu sắc cho văn bản.</li>
<li>B. Tạo liên kết giữa các trang web khác nhau.</li>
<li><strong>C. Phân chia trang web thành các khu vực hoặc khối nội dung riêng biệt.</strong></li>
<li>D. Chèn hình ảnh hoặc video vào trang web.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 3: Để áp dụng các quy tắc định dạng (màu sắc, bố cục, phông chữ,...) một cách nhất quán cho toàn bộ website gồm nhiều trang, phương pháp hiệu quả nhất theo bài học là gì?</p>
<ul>
<li><strong>A. Tạo một tệp tin CSS riêng và liên kết tất cả các trang HTML đến tệp tin đó.</strong></li>
<li>B. Chỉ định kiểu dáng trực tiếp trong mỗi thẻ HTML bằng thuộc tính `style`.</li>
<li>C. Sao chép và dán các quy tắc CSS vào phần `<head>` của mỗi tệp HTML.</li>
<li>D. Sử dụng các thẻ HTML `<font>` và `<center>` để định dạng.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 4: Trong CSS, việc định nghĩa một lớp (class) như `.row` hoặc `.block_3` cho phép nhà phát triển web làm gì?</p>
<ul>
<li>A. Chỉ áp dụng định dạng cho một thẻ HTML duy nhất.</li>
<li>B. Định nghĩa cấu trúc cơ bản của trang web (ví dụ: header, footer).</li>
<li>C. Tạo hiệu ứng động khi người dùng di chuột qua phần tử.</li>
<li><strong>D. Áp dụng cùng một bộ quy tắc định dạng cho nhiều phần tử HTML khác nhau.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 5: Giả sử bạn muốn sắp xếp ba khối nội dung (ví dụ: ba cột giới thiệu ngắn) nằm cạnh nhau theo chiều ngang trên một hàng. Dựa trên các kỹ thuật bố cục cơ bản, bạn sẽ cần sử dụng sự kết hợp của những yếu tố nào?</p>
<ul>
<li>A. Chỉ cần đặt các khối nội dung liên tiếp nhau trong mã HTML.</li>
<li>B. Sử dụng các thẻ tiêu đề `<br />
<h1>`, `</p>
<h2>`,... cho mỗi khối.</li>
<li><strong>C. Một thẻ HTML chứa các khối con, kết hợp với các quy tắc CSS để định dạng thẻ chứa và các khối con (ví dụ: chiều rộng, cách hiển thị).</strong></li>
<li>D. Sử dụng thuộc tính `bgcolor` trong thẻ HTML để định màu nền khác nhau cho mỗi khối.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 6: Bạn đã tạo một tệp CSS `styles.css` và muốn áp dụng nó cho tệp HTML `index.html` nằm trong cùng thư mục. Thẻ HTML nào cần đặt trong phần `<head>` của `index.html` để thực hiện điều này?</p>
<ul>
<li><strong>B. </strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 7: Trang chủ của một website thường đóng vai trò gì đối với người truy cập lần đầu?</p>
<ul>
<li>A. Chỉ hiển thị thông tin liên hệ của người quản trị.</li>
<li>B. Là nơi duy nhất chứa biểu mẫu đăng ký.</li>
<li>C. Hiển thị toàn bộ nội dung chi tiết của tất cả các trang con.</li>
<li><strong>D. Cung cấp cái nhìn tổng quan về website và các liên kết chính để điều hướng.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 8: Khi thiết kế phần đầu trang (Header) của website, việc sử dụng ảnh làm nền (Banner) kết hợp với tiêu đề trang web lớn, nổi bật có mục đích chính là gì?</p>
<ul>
<li><strong>A. Thu hút sự chú ý và giới thiệu chủ đề chính của website.</strong></li>
<li>B. Làm cho trang web tải nhanh hơn.</li>
<li>C. Giúp người dùng điền thông tin vào biểu mẫu dễ dàng hơn.</li>
<li>D. Là nơi đặt các liên kết điều hướng chính.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 9: Bạn muốn tạo một liên kết từ trang chủ (`index.html`) đến trang giới thiệu (`gioithieu.html`) nằm trong cùng thư mục. Cú pháp HTML chính xác là gì?</p>
<ul>
<li><strong>C. </strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 10: Giả sử bạn có một khối `div` chứa văn bản. Bạn muốn tạo khoảng trống giữa nội dung văn bản và viền của khối `div` đó. Thuộc tính CSS nào bạn cần sử dụng?</p>
<ul>
<li>A. `margin`</li>
<li><strong>B. `padding`</strong></li>
<li>C. `border`</li>
<li>D. `outline`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 11: Trong thiết kế bố cục, việc sử dụng các lớp CSS như `.row` (để chứa các phần tử ngang hàng) và các lớp định kích thước cột (ví dụ: `.col-md-4` nếu dùng Bootstrap, hoặc `.block_3` như trong bài học) giúp ích gì?</p>
<ul>
<li>A. Định dạng màu nền và màu chữ cho toàn bộ trang.</li>
<li>B. Tạo hiệu ứng cuộn trang mượt mà.</li>
<li>C. Chỉ áp dụng cho việc chèn hình ảnh.</li>
<li><strong>D. Xây dựng bố cục trang theo dạng lưới (grid), sắp xếp các phần tử theo hàng và cột.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 12: Khi thiết kế một trang web giới thiệu câu lạc bộ, việc tích hợp hình ảnh và video minh họa có vai trò gì?</p>
<ul>
<li>A. Làm tăng tốc độ tải trang web.</li>
<li>B. Giúp mã HTML trở nên ngắn gọn hơn.</li>
<li><strong>C. Làm cho nội dung trang web sinh động, hấp dẫn và dễ hiểu hơn.</strong></li>
<li>D. Thay thế hoàn toàn nội dung văn bản.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 13: Bạn muốn chèn một hình ảnh có tên `clb_bongda.jpg` vào trang web của mình. Tệp ảnh này nằm trong một thư mục con tên là `images` cùng cấp với tệp HTML. Cú pháp HTML chính xác để chèn ảnh là gì?</p>
<ul>
<li><strong>A. </strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 14: Mục đích chính của việc tạo một "Trang đăng ký" với biểu mẫu trên website giới thiệu câu lạc bộ là gì?</p>
<ul>
<li>A. Hiển thị lịch sử hoạt động của câu lạc bộ.</li>
<li><strong>B. Thu thập thông tin của những người muốn đăng ký tham gia câu lạc bộ.</strong></li>
<li>C. Trình bày các thành tích nổi bật của câu lạc bộ.</li>
<li>D. Cung cấp thông tin liên hệ của ban chủ nhiệm.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 15: Bạn muốn đặt một đoạn văn bản vào trang web. Thẻ HTML ngữ nghĩa nào là phù hợp nhất cho mục đích này?</p>
<ul>
<li>A. `<br />
<h1>`</li>
<li>B. `<a>`</li>
<li><strong>C. `
<p>`</strong></li>
<li>D. `<img>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 16: Khi thiết kế bố cục, nếu bạn áp dụng thuộc tính CSS `width: 50%;` cho một khối `div`, điều đó có nghĩa là gì?</p>
<ul>
<li>A. Chiều rộng của khối là 50 pixel.</li>
<li><strong>B. Chiều rộng của khối là 50% chiều rộng của phần tử chứa nó.</strong></li>
<li>C. Chiều cao của khối là 50% chiều cao của phần tử chứa nó.</li>
<li>D. Khối sẽ được căn giữa theo chiều ngang.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 17: Bạn đã tạo một menu điều hướng ở đầu trang. Để menu này hiển thị giống nhau trên tất cả các trang của website, bạn nên làm gì?</p>
<ul>
<li><strong>A. Sao chép mã HTML của menu và dán vào phần đầu trang của tất cả các tệp HTML, đồng thời đảm bảo các trang đều liên kết đến cùng một tệp CSS.</strong></li>
<li>B. Chỉ cần tạo menu trên trang chủ, các trang khác sẽ tự động hiển thị.</li>
<li>C. Sử dụng một thuộc tính đặc biệt trong thẻ `<body>` để lặp lại menu.</li>
<li>D. Lưu menu dưới dạng hình ảnh và chèn vào từng trang.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 18: Nếu bạn sử dụng CSS để đặt thuộc tính `text-align: center;` cho một khối `div`, điều gì sẽ xảy ra với nội dung văn bản bên trong khối đó?</p>
<ul>
<li>A. Toàn bộ khối `div` sẽ được căn giữa trên trang.</li>
<li>B. Văn bản sẽ hiển thị in đậm.</li>
<li>C. Văn bản sẽ hiển thị theo một phông chữ đặc biệt.</li>
<li><strong>D. Văn bản bên trong khối `div` sẽ được căn giữa theo chiều ngang.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 19: Bạn muốn tạo một danh sách các mục (ví dụ: danh sách thành viên, danh sách hoạt động). Thẻ HTML nào phù hợp để tạo danh sách không có thứ tự (dấu đầu dòng)?</p>
<ul>
<li><strong>A. `
<ul>` kết hợp với `</p>
<li>`</strong></li>
<li>B. `
<ol>` kết hợp với `</p>
<li>`</li>
<li>C. `
<dl>` kết hợp với `</p>
<dt>` và `</p>
<dd>`</li>
<li>D. `<list>` kết hợp với `<item>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 20: Khi thiết kế một trang web, việc sử dụng thuộc tính `alt` cho thẻ `<img>` có ý nghĩa gì về mặt kỹ thuật và trải nghiệm người dùng?</p>
<ul>
<li>A. Xác định kích thước hiển thị của hình ảnh.</li>
<li>B. Tạo hiệu ứng khi di chuột qua hình ảnh.</li>
<li><strong>C. Cung cấp mô tả văn bản thay thế cho hình ảnh, hữu ích cho khả năng tiếp cận và SEO.</strong></li>
<li>D. Chỉ định đường dẫn đến tệp hình ảnh.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 21: Bạn nhận thấy rằng văn bản trong một khối nội dung bị tràn ra ngoài viền của khối đó trên màn hình nhỏ. Thuộc tính CSS nào có thể giúp kiểm soát cách nội dung bị tràn?</p>
<ul>
<li><strong>A. `overflow`</strong></li>
<li>B. `text-overflow`</li>
<li>C. `white-space`</li>
<li>D. `word-wrap`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 22: Trong một biểu mẫu đăng ký (`</p>
<form>`), thẻ HTML nào được sử dụng để tạo một ô nhập liệu cho người dùng nhập tên của họ?</p>
<ul>
<li>A. `<textarea>`</li>
<li><strong>B. `<input type=</strong></li>
<li>C. `<label>`</li>
<li>D. `<button>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 23: Khi bạn thiết kế một website, việc đảm bảo điều hướng (navigation) giữa các trang con là rõ ràng và dễ sử dụng (ví dụ: menu ở cùng vị trí trên mọi trang, liên kết hoạt động đúng) ảnh hưởng trực tiếp đến yếu tố nào?</p>
<ul>
<li>A. Tốc độ tải trang web.</li>
<li>B. Thứ hạng website trên công cụ tìm kiếm (SEO).</li>
<li>C. Dung lượng lưu trữ của website.</li>
<li><strong>D. Trải nghiệm của người dùng khi duyệt website.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 24: Dựa trên kiến thức về cấu trúc website, nếu bạn tạo một thư mục `pages` để chứa các tệp HTML của các trang con (ví dụ: `pages/gioithieu.html`) và tệp `index.html` nằm ở thư mục gốc, làm thế nào để tạo liên kết từ `index.html` đến `gioithieu.html`?</p>
<ul>
<li><strong>A. </strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 25: Bạn muốn áp dụng một kiểu dáng đặc biệt (ví dụ: màu nền vàng, chữ in đậm) cho tất cả các đoạn văn bản (`</p>
<p>`) chỉ nằm trong phần nội dung chính (`</p>
<div class=
<ul>
<li><strong>B. </strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 26: Tại sao việc sử dụng các tên lớp CSS (ví dụ: `header`, `footer`, `row`, `block_3`) có ý nghĩa mô tả lại quan trọng trong quá trình thiết kế web?</p>
<ul>
<li>A. Giúp trang web tải nhanh hơn trên trình duyệt.</li>
<li>B. Tự động tạo ra các hiệu ứng động cho phần tử.</li>
<li>C. Chỉ áp dụng được cho các phần tử khối (block elements).</li>
<li><strong>D. Làm cho mã nguồn HTML và CSS dễ đọc, dễ hiểu và dễ quản lý hơn.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 27: Bạn muốn tạo một nút bấm "Gửi" trong biểu mẫu đăng ký. Thẻ HTML nào được sử dụng phổ biến nhất cho mục đích này?</p>
<ul>
<li><strong>A. `<button type=</strong></li>
<li>B. `<input type=</li>
<li>C. `<a>Gửi</a>`</li>
<li>D. `
<div>Gửi</div>
<p>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 28: Trong bài học, việc phân chia phần slogan thành 3 ô nằm ngang, mỗi ô chiếm 1/3 độ rộng, nhằm mục đích chính là gì trong thiết kế bố cục?</p>
<ul>
<li>A. Làm tăng dung lượng của trang web.</li>
<li>B. Bắt buộc phải sử dụng hình ảnh trong mỗi ô.</li>
<li><strong>C. Tạo sự cân đối và hài hòa cho bố cục phần slogan trên trang.</strong></li>
<li>D. Chỉ áp dụng được cho các thiết bị di động.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 29: Bạn đã hoàn thành thiết kế website trên máy tính cá nhân. Để người khác có thể truy cập website của bạn qua Internet, bạn cần thực hiện bước tiếp theo nào?</p>
<ul>
<li>A. Chia sẻ tệp HTML và CSS qua email cho mọi người.</li>
<li>B. In tất cả các trang ra giấy.</li>
<li>C. Chỉ cần lưu tệp trên máy tính và kết nối mạng.</li>
<li><strong>D. Đăng tải các tệp website (HTML, CSS, hình ảnh,...) lên một máy chủ web (hosting).</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 30: Khi sử dụng cùng một tệp CSS cho nhiều trang, nếu bạn thay đổi giá trị của một thuộc tính trong tệp CSS đó (ví dụ: thay đổi màu chữ của tất cả các đoạn `</p>
<p>`), điều gì sẽ xảy ra?</p>
<ul>
<li>A. Chỉ trang chủ bị ảnh hưởng, các trang khác không đổi.</li>
<li><strong>B. Sự thay đổi sẽ được áp dụng cho tất cả các phần tử tương ứng trên mọi trang liên kết đến tệp CSS đó.</strong></li>
<li>C. Website sẽ ngừng hoạt động do lỗi cú pháp.</li>
<li>D. Bạn cần phải mở từng tệp HTML và chỉnh sửa thủ công.</li>
</ul>
</div>
</div>
<input type='hidden' name='ays_quiz_id' value='32485'/>
<input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-18-thuc-hanh-tong-hop-thiet-ke-trang-web-ket-noi-tri-thuc/'/>
<input type='hidden' name='ays_quiz_questions' value='969620,969621,969622,969623,969624,969625,969626,969627,969628,969629,969630,969631,969632,969633,969634,969635,969636,969637,969638,969639,969640,969641,969642,969643,969644,969645,969646,969647,969648,969649'>
</div>
</div><div class='step '
data-question-id='969620'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>1 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 1: Khi bắt đầu thiết kế một trang web theo bài học, việc xác định cấu trúc và các trang chính (ví dụ: Trang chủ, Trang giới thiệu CLB) có ý nghĩa quan trọng nhất là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969620'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Việc xác định cấu trúc và các trang chính ngay từ đầu giúp định hình bố cục tổng thể, nội dung cần có và cách các trang liên kết với nhau, là bước nền tảng cho toàn bộ quá trình thiết kế và phát triển website.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969621'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>2 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 2: Trong việc xây dựng bố cục trang web bằng HTML và CSS, thẻ `</p>
<div class="header">` và `</p>
<div class="content">` thể hiện khái niệm gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969621'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Sử dụng các thẻ `</p>
<div>` với lớp (class) như `header`, `content`, `footer` là cách phổ biến để phân chia cấu trúc trang web thành các khối hoặc khu vực logic, giúp dễ dàng quản lý nội dung và áp dụng định dạng CSS riêng biệt cho từng khu vực.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969622'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>3 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 3: Để áp dụng các quy tắc định dạng (màu sắc, bố cục, phông chữ,...) một cách nhất quán cho toàn bộ website gồm nhiều trang, phương pháp hiệu quả nhất theo bài học là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969622'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Liên kết tất cả các tệp HTML đến cùng một tệp CSS bên ngoài (`.css`) là cách tiêu chuẩn và hiệu quả nhất để đảm bảo sự nhất quán về mặt giao diện trên toàn bộ website và giúp việc quản lý, cập nhật định dạng trở nên dễ dàng hơn.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969623'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>4 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 4: Trong CSS, việc định nghĩa một lớp (class) như `.row` hoặc `.block_3` cho phép nhà phát triển web làm gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969623'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Lớp CSS cho phép nhóm các quy tắc định dạng lại với nhau và áp dụng chúng cho bất kỳ thẻ HTML nào có thuộc tính `class` tương ứng. Điều này giúp tái sử dụng mã CSS và áp dụng cùng một kiểu dáng cho nhiều phần tử khác nhau trên trang hoặc trên nhiều trang.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969624'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>5 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 5: Giả sử bạn muốn sắp xếp ba khối nội dung (ví dụ: ba cột giới thiệu ngắn) nằm cạnh nhau theo chiều ngang trên một hàng. Dựa trên các kỹ thuật bố cục cơ bản, bạn sẽ cần sử dụng sự kết hợp của những yếu tố nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969624'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Để sắp xếp các khối theo chiều ngang, bạn cần một thẻ chứa (parent container) và các thẻ con (child blocks). Thẻ chứa thường được định dạng để các thẻ con bên trong nó có thể xếp hàng ngang. Các thẻ con cần được định dạng kích thước (chiều rộng) và cách hiển thị (ví dụ: `display: inline-block;` hoặc sử dụng float/flexbox tùy kỹ thuật bài học sử dụng) để chúng nằm cạnh nhau.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969625'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>6 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 6: Bạn đã tạo một tệp CSS `styles.css` và muốn áp dụng nó cho tệp HTML `index.html` nằm trong cùng thư mục. Thẻ HTML nào cần đặt trong phần `<head>` của `index.html` để thực hiện điều này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969625'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `<link>` với thuộc tính `rel="stylesheet"` và `href` trỏ đến đường dẫn của tệp CSS là cách chuẩn để liên kết một tệp CSS bên ngoài với tài liệu HTML.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969626'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>7 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 7: Trang chủ của một website thường đóng vai trò gì đối với người truy cập lần đầu?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969626'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Trang chủ là điểm vào chính của website, cung cấp cái nhìn tổng quan về nội dung, mục đích của trang web và thường chứa các liên kết dẫn đến các phần quan trọng khác của website, giúp người dùng dễ dàng định hướng.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969627'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>8 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 8: Khi thiết kế phần đầu trang (Header) của website, việc sử dụng ảnh làm nền (Banner) kết hợp với tiêu đề trang web lớn, nổi bật có mục đích chính là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969627'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Banner và tiêu đề nổi bật ở đầu trang giúp thu hút sự chú ý của người dùng ngay lập tức, giới thiệu chủ đề của website và tạo ấn tượng thị giác mạnh mẽ, góp phần định hình phong cách thiết kế.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969628'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>9 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 9: Bạn muốn tạo một liên kết từ trang chủ (`index.html`) đến trang giới thiệu (`gioithieu.html`) nằm trong cùng thư mục. Cú pháp HTML chính xác là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969628'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `<a>` được sử dụng để tạo liên kết. Thuộc tính `href` chỉ định địa chỉ đích của liên kết. Khi các tệp ở cùng thư mục, chỉ cần ghi tên tệp đích.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969629'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>10 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 10: Giả sử bạn có một khối `div` chứa văn bản. Bạn muốn tạo khoảng trống giữa nội dung văn bản và viền của khối `div` đó. Thuộc tính CSS nào bạn cần sử dụng?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969629'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>`padding` là thuộc tính CSS tạo khoảng đệm (khoảng trống bên trong) giữa nội dung của phần tử và viền của nó. `margin` tạo khoảng trống bên ngoài viền, giữa phần tử đó với các phần tử khác.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969630'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>11 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 11: Trong thiết kế bố cục, việc sử dụng các lớp CSS như `.row` (để chứa các phần tử ngang hàng) và các lớp định kích thước cột (ví dụ: `.col-md-4` nếu dùng Bootstrap, hoặc `.block_3` như trong bài học) giúp ích gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969630'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Các lớp này được thiết kế để chia không gian theo chiều ngang thành các cột, giúp sắp xếp nội dung một cách có cấu trúc, tạo ra bố cục lưới (grid layout) giúp trang web hiển thị cân đối và hài hòa trên các kích thước màn hình khác nhau (dù bài học chỉ đề cập cơ bản, nguyên lý vẫn là tạo các phần tử ngang hàng với chiều rộng xác định).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969631'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>12 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 12: Khi thiết kế một trang web giới thiệu câu lạc bộ, việc tích hợp hình ảnh và video minh họa có vai trò gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969631'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Hình ảnh và video giúp nội dung trở nên sinh động, trực quan, thu hút người xem và truyền tải thông điệp hiệu quả hơn so với chỉ có văn bản, đặc biệt quan trọng khi giới thiệu về hoạt động, không khí của câu lạc bộ.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969632'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>13 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 13: Bạn muốn chèn một hình ảnh có tên `clb_bongda.jpg` vào trang web của mình. Tệp ảnh này nằm trong một thư mục con tên là `images` cùng cấp với tệp HTML. Cú pháp HTML chính xác để chèn ảnh là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969632'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `<img>` được dùng để chèn ảnh. Thuộc tính `src` chỉ định đường dẫn đến tệp ảnh. Nếu ảnh nằm trong thư mục con `images` cùng cấp với tệp HTML, đường dẫn là `images/tên_tệp_ảnh.jpg`. Thuộc tính `alt` cung cấp văn bản thay thế khi ảnh không hiển thị.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969633'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>14 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 14: Mục đích chính của việc tạo một 'Trang đăng ký' với biểu mẫu trên website giới thiệu câu lạc bộ là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969633'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Trang đăng ký với biểu mẫu là công cụ trực tiếp để thu thập thông tin từ những người quan tâm và muốn tham gia câu lạc bộ, tạo điều kiện thuận lợi cho quá trình đăng ký.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969634'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>15 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 15: Bạn muốn đặt một đoạn văn bản vào trang web. Thẻ HTML ngữ nghĩa nào là phù hợp nhất cho mục đích này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969634'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `</p>
<p>` (paragraph) được thiết kế dành riêng cho việc chứa các đoạn văn bản. Các thẻ khác có mục đích khác (`</p>
<h1>` cho tiêu đề cấp 1, `<a>` cho liên kết, `<img>` cho hình ảnh).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969635'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>16 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 16: Khi thiết kế bố cục, nếu bạn áp dụng thuộc tính CSS `width: 50%;` cho một khối `div`, điều đó có nghĩa là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969635'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>`width: 50%;` thiết lập chiều rộng của phần tử bằng 50% chiều rộng của phần tử chứa nó (phần tử cha).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969636'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>17 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 17: Bạn đã tạo một menu điều hướng ở đầu trang. Để menu này hiển thị giống nhau trên tất cả các trang của website, bạn nên làm gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969636'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Để một thành phần hiển thị giống nhau trên nhiều trang, bạn cần sao chép mã HTML của thành phần đó (menu) và đặt nó vào vị trí tương ứng (ví dụ: phần header) trên tất cả các tệp HTML của website. Định dạng CSS cho menu được quản lý tập trung trong tệp CSS chung.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969637'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>18 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 18: Nếu bạn sử dụng CSS để đặt thuộc tính `text-align: center;` cho một khối `div`, điều gì sẽ xảy ra với nội dung văn bản bên trong khối đó?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969637'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>`text-align: center;` là thuộc tính CSS dùng để căn chỉnh văn bản hoặc các phần tử nội tuyến (inline elements) bên trong một phần tử khối (block element) ra giữa theo chiều ngang.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969638'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>19 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 19: Bạn muốn tạo một danh sách các mục (ví dụ: danh sách thành viên, danh sách hoạt động). Thẻ HTML nào phù hợp để tạo danh sách không có thứ tự (dấu đầu dòng)?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969638'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `</p>
<ul>` (unordered list) được sử dụng để tạo danh sách không có thứ tự (thường hiển thị bằng dấu chấm hoặc hình vuông). Các mục trong danh sách được đặt trong thẻ `</p>
<li>` (list item).<br />
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969639'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>20 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 20: Khi thiết kế một trang web, việc sử dụng thuộc tính `alt` cho thẻ `<img>` có ý nghĩa gì về mặt kỹ thuật và trải nghiệm người dùng?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969639'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `alt` cung cấp văn bản thay thế cho hình ảnh. Văn bản này hiển thị khi hình ảnh không tải được, giúp người dùng hiểu nội dung ảnh. Nó cũng rất quan trọng cho các công cụ đọc màn hình (cho người khiếm thị) và các công cụ tìm kiếm (SEO).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969640'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>21 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 21: Bạn nhận thấy rằng văn bản trong một khối nội dung bị tràn ra ngoài viền của khối đó trên màn hình nhỏ. Thuộc tính CSS nào có thể giúp kiểm soát cách nội dung bị tràn?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969640'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `overflow` trong CSS kiểm soát cách nội dung hiển thị khi nó quá lớn để vừa với phần tử chứa. Các giá trị phổ biến là `visible` (hiển thị tràn ra), `hidden` (cắt bớt phần tràn), `scroll` (thêm thanh cuộn), `auto` (thêm thanh cuộn khi cần).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969641'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>22 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 22: Trong một biểu mẫu đăng ký (`</p>
<form>`), thẻ HTML nào được sử dụng để tạo một ô nhập liệu cho người dùng nhập tên của họ?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969641'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `<input>` là thẻ chung để tạo các điều khiển tương tác trong biểu mẫu. Thuộc tính `type="text"` chỉ định rằng đây là một ô nhập liệu văn bản một dòng, phù hợp để nhập tên.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969642'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>23 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 23: Khi bạn thiết kế một website, việc đảm bảo điều hướng (navigation) giữa các trang con là rõ ràng và dễ sử dụng (ví dụ: menu ở cùng vị trí trên mọi trang, liên kết hoạt động đúng) ảnh hưởng trực tiếp đến yếu tố nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969642'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Điều hướng dễ dàng là yếu tố cốt lõi của trải nghiệm người dùng (User Experience - UX) tốt. Nếu người dùng không tìm được thứ họ cần hoặc bị lạc trên website, họ sẽ rời đi.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969643'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>24 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 24: Dựa trên kiến thức về cấu trúc website, nếu bạn tạo một thư mục `pages` để chứa các tệp HTML của các trang con (ví dụ: `pages/gioithieu.html`) và tệp `index.html` nằm ở thư mục gốc, làm thế nào để tạo liên kết từ `index.html` đến `gioithieu.html`?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969643'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Đường dẫn tương đối `pages/gioithieu.html` chỉ dẫn từ vị trí hiện tại của `index.html` (thư mục gốc) vào thư mục `pages` và đến tệp `gioithieu.html`.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969644'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>25 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 25: Bạn muốn áp dụng một kiểu dáng đặc biệt (ví dụ: màu nền vàng, chữ in đậm) cho tất cả các đoạn văn bản (`</p>
<p>`) chỉ nằm trong phần nội dung chính (`</p>
<div class="content">`). Bộ chọn (selector) CSS nào phù hợp nhất?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969644'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Bộ chọn `.content p` sẽ chọn tất cả các thẻ `</p>
<p>` là con cháu của một phần tử có lớp `content`. Đây là cách để áp dụng kiểu dáng cho các phần tử cụ thể trong một khu vực nhất định.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969645'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>26 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 26: Tại sao việc sử dụng các tên lớp CSS (ví dụ: `header`, `footer`, `row`, `block_3`) có ý nghĩa mô tả lại quan trọng trong quá trình thiết kế web?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969645'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Tên lớp CSS có ý nghĩa mô tả giúp mã nguồn dễ đọc, dễ hiểu hơn cho cả người viết và người khác khi đọc lại. Điều này đặc biệt quan trọng khi làm việc theo nhóm hoặc khi cần bảo trì, cập nhật website sau này.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969646'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>27 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 27: Bạn muốn tạo một nút bấm 'Gửi' trong biểu mẫu đăng ký. Thẻ HTML nào được sử dụng phổ biến nhất cho mục đích này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969646'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `<button>` được sử dụng để tạo nút bấm. Nút này có thể được sử dụng để gửi dữ liệu biểu mẫu (`type="submit"`) hoặc thực hiện một hành động JavaScript.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969647'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>28 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 28: Trong bài học, việc phân chia phần slogan thành 3 ô nằm ngang, mỗi ô chiếm 1/3 độ rộng, nhằm mục đích chính là gì trong thiết kế bố cục?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969647'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Chia thành các cột có độ rộng bằng nhau và xếp ngang hàng là một kỹ thuật bố cục cơ bản giúp phân bổ không gian hợp lý, tạo sự cân đối, hài hòa và dễ nhìn cho người đọc.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969648'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>29 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 29: Bạn đã hoàn thành thiết kế website trên máy tính cá nhân. Để người khác có thể truy cập website của bạn qua Internet, bạn cần thực hiện bước tiếp theo nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969648'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Sau khi thiết kế xong, website cần được đặt trên một máy chủ web (web server) có kết nối Internet để người dùng từ khắp nơi có thể truy cập thông qua tên miền hoặc địa chỉ IP. Quá trình này gọi là hosting.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='969649'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>30 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 06</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 30: Khi sử dụng cùng một tệp CSS cho nhiều trang, nếu bạn thay đổi giá trị của một thuộc tính trong tệp CSS đó (ví dụ: thay đổi màu chữ của tất cả các đoạn `</p>
<p>`), điều gì sẽ xảy ra?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_32485 === 'undefined'){
window.quizOptions_32485 = [];
}
window.quizOptions_32485['969649'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/>
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Lợi ích chính của việc sử dụng CSS tập trung là dễ dàng cập nhật. Khi bạn thay đổi một quy tắc trong tệp CSS được liên kết bởi nhiều trang, sự thay đổi đó sẽ được áp dụng tự động cho tất cả các trang đó, đảm bảo tính nhất quán và tiết kiệm thời gian chỉnh sửa.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step ays_thank_you_fs'>
<div class='ays-abs-fs ays-end-page'>
<div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-32485 * { box-sizing: border-box; } #ays-quiz-container-32485 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-32485 #ays_finish_quiz_32485 { } /* Styles for Quiz container */ #ays-quiz-container-32485{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-32485 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-32485 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-32485 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-32485 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-32485 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-32485 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-32485 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-32485 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-32485.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-32485.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-32485 #ays_finish_quiz_32485 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-32485.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-32485.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-32485.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-32485.ays-quiz-container .ays-questions-container p, #ays-quiz-container-32485.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-32485.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-32485.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-32485.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-32485.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-32485.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-32485.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-32485.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-32485.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-32485 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-32485 .ays-quiz-password-message-box, #ays-quiz-container-32485 .ays-quiz-question-note-message-box, #ays-quiz-container-32485 .ays_quiz_question, #ays-quiz-container-32485 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-32485 textarea, #ays-quiz-container-32485 input::first-letter, #ays-quiz-container-32485 select::first-letter, #ays-quiz-container-32485 option::first-letter { color: initial !important; } #ays-quiz-container-32485 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-32485 .select2-container, #ays-quiz-container-32485 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-32485 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-32485 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-32485 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-32485 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-32485 .ays-questions-container .ays-field, div#ays-quiz-container-32485 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-32485 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-32485 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-32485 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-32485 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-32485 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-32485 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-32485 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-32485 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-32485 .information_form input[type='text'], #ays-quiz-container-32485 .information_form input[type='url'], #ays-quiz-container-32485 .information_form input[type='number'], #ays-quiz-container-32485 .information_form input[type='email'], #ays-quiz-container-32485 .information_form input[type='tel'], #ays-quiz-container-32485 .information_form textarea, #ays-quiz-container-32485 .information_form select, #ays-quiz-container-32485 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-32485 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-32485 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-32485 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-32485 .right_answer_text{ color:#33cc33; } #ays-quiz-container-32485 .right_answer_text p { font-size:16px; } #ays-quiz-container-32485 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-32485 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-32485 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-32485 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-32485 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-32485 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-32485 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-32485 .ays_cb_and_a, #ays-quiz-container-32485 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-32485 iframe { /*min-height: 450px;*/ } #ays-quiz-container-32485 label.ays_for_checkbox, #ays-quiz-container-32485 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-32485 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-32485 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-32485 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-32485 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-32485 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-32485 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-32485 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-32485 div.lds-spinner, #ays-quiz-container-32485 div.lds-spinner2 { color: #000000; } #ays-quiz-container-32485 div.lds-spinner div:after, #ays-quiz-container-32485 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-32485 .lds-circle, #ays-quiz-container-32485 .lds-facebook div, #ays-quiz-container-32485 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-32485 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-32485 .lds-dual-ring::after, #ays-quiz-container-32485 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-32485 .ui.rating .icon, #ays-quiz-container-32485 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-32485 #ays_finish_quiz_32485 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-32485 #ays_finish_quiz_32485 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-32485 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-32485 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-32485 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-32485 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-32485 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-32485 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-32485 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-32485 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-32485 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-32485 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-32485 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-32485 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-32485 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-32485 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-32485 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-32485 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-32485 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-32485 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-32485 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-32485 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-32485 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-32485 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-32485 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-32485 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-32485 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-32485 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-32485 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-32485 div.ays-quiz-redirection-timer, #ays-quiz-container-32485 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-32485 div.ays-quiz-after-timer * , #ays-quiz-container-32485 div.ays-quiz-redirection-timer *, #ays-quiz-container-32485 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-32485 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-32485 input#ays-submit, #ays-quiz-container-32485 #ays_finish_quiz_32485 .action-button, #ays-quiz-container-32485 #ays_finish_quiz_32485 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-32485 #ays_finish_quiz_32485 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-32485 #ays_finish_quiz_32485 .action-button.ays_restart_button, #ays-quiz-container-32485 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-32485 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-32485 input#ays-submit, #ays-quiz-container-32485 #ays_finish_quiz_32485 input.action-button, #ays-quiz-container-32485 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-32485 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-32485 #ays_finish_quiz_32485 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-32485 #ays_finish_quiz_32485 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-32485 #ays_finish_quiz_32485 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-32485 input#ays-submit:hover, #ays-quiz-container-32485 input#ays-submit:focus, #ays-quiz-container-32485 #ays_finish_quiz_32485 .action-button:hover, #ays-quiz-container-32485 #ays_finish_quiz_32485 .action-button:focus, #ays-quiz-container-32485 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-32485 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-32485 .ays_restart_button { color: #ffffff; } #ays-quiz-container-32485 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-32485 .ays_buttons_div { justify-content: center; } #ays-quiz-container-32485 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-32485 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-32485 input[type='button'], #ays-quiz-container-32485 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-32485 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-32485 input[type='button']:focus-visible, div#ays-quiz-container-32485 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-32485 #ays_finish_quiz_32485 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-32485 #ays_finish_quiz_32485 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-32485 #ays_finish_quiz_32485 i.ays_early_finish.action-button[disabled], #ays-quiz-container-32485 #ays_finish_quiz_32485 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-32485 #ays_finish_quiz_32485 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-32485 #ays_finish_quiz_32485 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-32485 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-32485 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-32485 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-32485.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-32485 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-32485 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-32485 #ays_finish_quiz_32485 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-32485 #ays_finish_quiz_32485 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-32485 #ays_finish_quiz_32485 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-32485 #ays_finish_quiz_32485 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-32485 #ays_finish_quiz_32485 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-32485 #ays_finish_quiz_32485 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-32485 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-32485 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-32485 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-32485 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-32485 #ays_finish_quiz_32485 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-32485 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-32485 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-32485 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-32485 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-32485 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-32485 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-32485 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-32485 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-32485 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-32485 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-32485 #ays_finish_quiz_32485 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-32485 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-32485 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-32485 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-32485 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-32485 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-32485 .ays-field .select2-container--default, #ays-quiz-container-32485 .ays-field .select2-container--default .selection, #ays-quiz-container-32485 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-32485 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-32485 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-32485 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-32485 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-32485 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-32485 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-32485 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-32485 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-32485 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-32485 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-32485 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-32485 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-32485 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-32485 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-32485 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-32485 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-32485 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-32485 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-32485 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-32485 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-32485 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-32485 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-32485 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-32485.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-32485.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-32485 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-32485 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-32485 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-32485 label[for^='ays-answer']:before, #ays-quiz-container-32485 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-32485 .ays_question_report { text-align: right; } div#ays-quiz-container-32485 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-32485 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-32485.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-32485.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-32485.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-32485.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-32485.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-32485.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-32485 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-32485.ays_quiz_classic_dark .correct_div, #ays-quiz-container-32485.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-32485.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-32485.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-32485.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-32485.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-32485.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-32485.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-32485 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-32485 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-32485 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-32485 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-32485 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-32485 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-32485 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-32485 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-32485 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-32485.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-32485.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-32485 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-32485 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-32485 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-32485 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-32485 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-32485 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-32485 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-32485 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-32485 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-32485 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-32485 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-32485 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-32485 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-32485 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-32485 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-32485 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-32485 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-32485 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-32485 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-32485 .ays-quiz-personality-result-box div:before, #ays-quiz-container-32485 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-32485 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-32485 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-32485 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-32485 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-32485 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-32485 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-32485 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-32485 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-32485 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-32485 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-32485 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-32485 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-32485 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-32485{ max-width: 100%; } div#ays-quiz-container-32485 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-32485.ays_quiz_modern_light .step, div#ays-quiz-container-32485.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-32485.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-32485.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-32485.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-32485.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-32485 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-32485 .select2-container, div#ays-quiz-container-32485 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-32485 input#ays-submit, div#ays-quiz-container-32485 #ays_finish_quiz_32485 .action-button, div#ays-quiz-container-32485 #ays_finish_quiz_32485 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-32485 #ays_finish_quiz_32485 .action-button.ays_restart_button, #ays-quiz-container-32485 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-32485 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-32485 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-32485 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-32485 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-32485 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-32485 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-32485 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-32485 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-32485 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style>
<style>
#ays-quiz-container-32485 p {
margin: 0.625em;
}
#ays-quiz-container-32485.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label,
#ays-quiz-container-32485.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label {
/* background-color: transparent; */
}
#ays-quiz-container-32485 .ays-field.checked_answer_div input:checked~label {
background-color: rgba(93,108,249,0.6);
}
#ays-quiz-container-32485.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'],
#ays-quiz-container-32485 .ays-field:hover{
background: rgba(93,108,249,0.8);
color: #fff;
transition: all .3s;
}
#ays-quiz-container-32485 #ays_finish_quiz_32485 .action-button:hover,
#ays-quiz-container-32485 #ays_finish_quiz_32485 .action-button:focus,
#ays-quiz-container-32485 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover,
#ays-quiz-container-32485 .ays-quiz-category-selective-submit-bttn:focus {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff;
background: #5d6cf9;
}
</style><script>
if(typeof aysQuizOptions === 'undefined'){
var aysQuizOptions = [];
}
aysQuizOptions['32485'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzMjQ4NSIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDA2IiwiZGVzY3JpcHRpb24iOiI8cD48c3Ryb25nPkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDA2PFwvc3Ryb25nPiBcdTAxMTFcdTAxYjBcdTFlZTNjIHhcdTAwZTJ5IGRcdTFlZjFuZyB2XHUxZWRiaSBuaGlcdTFlYzF1IGNcdTAwZTJ1IGhcdTFlY2ZpIGNoXHUxZWE1dCBsXHUwMWIwXHUxZWUzbmcsIHNcdTAwZTF0IHZcdTFlZGJpIG5cdTFlZDlpIGR1bmcgY2hcdTAxYjBcdTAxYTFuZyB0clx1MDBlY25oIGhcdTFlY2RjLCBnaVx1MDBmYXAgYlx1MWVhMW4gZFx1MWVjNSBkXHUwMGUwbmcgXHUwMGY0biB0XHUxZWFkcCB2XHUwMGUwIGtpXHUxZWMzbSB0cmEga2lcdTFlYmZuIHRoXHUxZWU5YyBoaVx1MWVjN3UgcXVcdTFlYTMuIEhcdTAwZTN5IGNcdTAwZjluZyBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1IGxcdTAwZTBtIGJcdTAwZTBpIHRcdTFlYWRwIHRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBuZ2F5IFx1MDExMVx1MWVjMyBuXHUwMGUybmcgY2FvIGhpXHUxZWMzdSBiaVx1MWViZnQgdlx1MDBlMCBjaHVcdTFlYTluIGJcdTFlY2IgdFx1MWVkMXQgY2hvIGtcdTFlZjMgdGhpIHNcdTFlYWZwIHRcdTFlZGJpITxcL3A+XHJcblxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE6IEtoaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1IHRoaVx1MWViZnQga1x1MWViZiBtXHUxZWQ5dCB0cmFuZyB3ZWIgdGhlbyBiXHUwMGUwaSBoXHUxZWNkYywgdmlcdTFlYzdjIHhcdTAwZTFjIFx1MDExMVx1MWVjYm5oIGNcdTFlYTV1IHRyXHUwMGZhYyB2XHUwMGUwIGNcdTAwZTFjIHRyYW5nIGNoXHUwMGVkbmggKHZcdTAwZWQgZFx1MWVlNTogVHJhbmcgY2hcdTFlZTcsIFRyYW5nIGdpXHUxZWRiaSB0aGlcdTFlYzd1IENMQikgY1x1MDBmMyBcdTAwZmQgbmdoXHUwMTI5YSBxdWFuIHRyXHUxZWNkbmcgbmhcdTFlYTV0IGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gR2lcdTAwZmFwIHRyYW5nIHdlYiB0XHUxZWEzaSBuaGFuaCBoXHUwMWExbi48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gXHUwMTEwXHUxZWNibmggaFx1MDFiMFx1MWVkYm5nIG5cdTFlZDlpIGR1bmcgdlx1MDBlMCBjXHUxZWE1dSB0clx1MDBmYWMgbGlcdTAwZWFuIGtcdTFlYmZ0IGdpXHUxZWVmYSBjXHUwMGUxYyB0cmFuZy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBYXHUwMGUxYyBcdTAxMTFcdTFlY2JuaCBtXHUwMGUwdSBzXHUxZWFmYyB2XHUwMGUwIHBoXHUwMGY0bmcgY2hcdTFlZWYgY2hcdTFlZTcgXHUwMTExXHUxZWExbyBjaG8gdHJhbmcgd2ViLjxcL2xpPlxyXG48bGk+RC4gR2lcdTAwZmFwIHRcdTAwZWNtIGtpXHUxZWJmbSBsXHUxZWQ3aSBjXHUwMGZhIHBoXHUwMGUxcCBIVE1MIGRcdTFlYzUgZFx1MDBlMG5nIGhcdTAxYTFuLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI6IFRyb25nIHZpXHUxZWM3YyB4XHUwMGUyeSBkXHUxZWYxbmcgYlx1MWVkMSBjXHUxZWU1YyB0cmFuZyB3ZWIgYlx1MWViMW5nIEhUTUwgdlx1MDBlMCBDU1MsIHRoXHUxZWJiIGA8ZGl2IGNsYXNzPVxyXG48dWw+XHJcbjxsaT5BLiBcdTAxMTBcdTFlY2JuaCBuZ2hcdTAxMjlhIGtpXHUxZWMzdSBjaFx1MWVlZiB2XHUwMGUwIG1cdTAwZTB1IHNcdTFlYWZjIGNobyB2XHUwMTAzbiBiXHUxZWEzbi48XC9saT5cclxuPGxpPkIuIFRcdTFlYTFvIGxpXHUwMGVhbiBrXHUxZWJmdCBnaVx1MWVlZmEgY1x1MDBlMWMgdHJhbmcgd2ViIGtoXHUwMGUxYyBuaGF1LjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBQaFx1MDBlMm4gY2hpYSB0cmFuZyB3ZWIgdGhcdTAwZTBuaCBjXHUwMGUxYyBraHUgdlx1MWVmMWMgaG9cdTFlYjdjIGtoXHUxZWQxaSBuXHUxZWQ5aSBkdW5nIHJpXHUwMGVhbmcgYmlcdTFlYzd0LjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIENoXHUwMGU4biBoXHUwMGVjbmggXHUxZWEzbmggaG9cdTFlYjdjIHZpZGVvIHZcdTAwZTBvIHRyYW5nIHdlYi48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAzOiBcdTAxMTBcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcgY1x1MDBlMWMgcXV5IHRcdTFlYWZjIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyAobVx1MDBlMHUgc1x1MWVhZmMsIGJcdTFlZDEgY1x1MWVlNWMsIHBoXHUwMGY0bmcgY2hcdTFlZWYsLi4uKSBtXHUxZWQ5dCBjXHUwMGUxY2ggbmhcdTFlYTV0IHF1XHUwMGUxbiBjaG8gdG9cdTAwZTBuIGJcdTFlZDkgd2Vic2l0ZSBnXHUxZWQzbSBuaGlcdTFlYzF1IHRyYW5nLCBwaFx1MDFiMFx1MDFhMW5nIHBoXHUwMGUxcCBoaVx1MWVjN3UgcXVcdTFlYTMgbmhcdTFlYTV0IHRoZW8gYlx1MDBlMGkgaFx1MWVjZGMgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIFRcdTFlYTFvIG1cdTFlZDl0IHRcdTFlYzdwIHRpbiBDU1MgcmlcdTAwZWFuZyB2XHUwMGUwIGxpXHUwMGVhbiBrXHUxZWJmdCB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRyYW5nIEhUTUwgXHUwMTExXHUxZWJmbiB0XHUxZWM3cCB0aW4gXHUwMTExXHUwMGYzLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIENoXHUxZWM5IFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSBkXHUwMGUxbmcgdHJcdTFlZjFjIHRpXHUxZWJmcCB0cm9uZyBtXHUxZWQ3aSB0aFx1MWViYiBIVE1MIGJcdTFlYjFuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgc3R5bGVgLjxcL2xpPlxyXG48bGk+Qy4gU2FvIGNoXHUwMGU5cCB2XHUwMGUwIGRcdTAwZTFuIGNcdTAwZTFjIHF1eSB0XHUxZWFmYyBDU1Mgdlx1MDBlMG8gcGhcdTFlYTduIGA8aGVhZD5gIGNcdTFlZTdhIG1cdTFlZDdpIHRcdTFlYzdwIEhUTUwuPFwvbGk+XHJcbjxsaT5ELiBTXHUxZWVkIGRcdTFlZTVuZyBjXHUwMGUxYyB0aFx1MWViYiBIVE1MIGA8Zm9udD5gIHZcdTAwZTAgYDxjZW50ZXI+YCBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDQ6IFRyb25nIENTUywgdmlcdTFlYzdjIFx1MDExMVx1MWVjYm5oIG5naFx1MDEyOWEgbVx1MWVkOXQgbFx1MWVkYnAgKGNsYXNzKSBuaFx1MDFiMCBgLnJvd2AgaG9cdTFlYjdjIGAuYmxvY2tfM2AgY2hvIHBoXHUwMGU5cCBuaFx1MDBlMCBwaFx1MDBlMXQgdHJpXHUxZWMzbiB3ZWIgbFx1MDBlMG0gZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgXHUwMGUxcCBkXHUxZWU1bmcgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIGNobyBtXHUxZWQ5dCB0aFx1MWViYiBIVE1MIGR1eSBuaFx1MWVhNXQuPFwvbGk+XHJcbjxsaT5CLiBcdTAxMTBcdTFlY2JuaCBuZ2hcdTAxMjlhIGNcdTFlYTV1IHRyXHUwMGZhYyBjXHUwMWExIGJcdTFlYTNuIGNcdTFlZTdhIHRyYW5nIHdlYiAodlx1MDBlZCBkXHUxZWU1OiBoZWFkZXIsIGZvb3RlcikuPFwvbGk+XHJcbjxsaT5DLiBUXHUxZWExbyBoaVx1MWVjN3UgXHUxZWU5bmcgXHUwMTExXHUxZWQ5bmcga2hpIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgZGkgY2h1XHUxZWQ5dCBxdWEgcGhcdTFlYTduIHRcdTFlZWQuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIFx1MDBjMXAgZFx1MWVlNW5nIGNcdTAwZjluZyBtXHUxZWQ5dCBiXHUxZWQ5IHF1eSB0XHUxZWFmYyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgY2hvIG5oaVx1MWVjMXUgcGhcdTFlYTduIHRcdTFlZWQgSFRNTCBraFx1MDBlMWMgbmhhdS48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNTogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBtdVx1MWVkMW4gc1x1MWVhZnAgeFx1MWViZnAgYmEga2hcdTFlZDFpIG5cdTFlZDlpIGR1bmcgKHZcdTAwZWQgZFx1MWVlNTogYmEgY1x1MWVkOXQgZ2lcdTFlZGJpIHRoaVx1MWVjN3UgbmdcdTFlYWZuKSBuXHUxZWIxbSBjXHUxZWExbmggbmhhdSB0aGVvIGNoaVx1MWVjMXUgbmdhbmcgdHJcdTAwZWFuIG1cdTFlZDl0IGhcdTAwZTBuZy4gRFx1MWVmMWEgdHJcdTAwZWFuIGNcdTAwZTFjIGtcdTFlZjkgdGh1XHUxZWFkdCBiXHUxZWQxIGNcdTFlZTVjIGNcdTAxYTEgYlx1MWVhM24sIGJcdTFlYTFuIHNcdTFlYmQgY1x1MWVhN24gc1x1MWVlZCBkXHUxZWU1bmcgc1x1MWVmMSBrXHUxZWJmdCBoXHUxZWUzcCBjXHUxZWU3YSBuaFx1MWVlZm5nIHlcdTFlYmZ1IHRcdTFlZDEgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIENoXHUxZWM5IGNcdTFlYTduIFx1MDExMVx1MWViN3QgY1x1MDBlMWMga2hcdTFlZDFpIG5cdTFlZDlpIGR1bmcgbGlcdTAwZWFuIHRpXHUxZWJmcCBuaGF1IHRyb25nIG1cdTAwZTMgSFRNTC48XC9saT5cclxuPGxpPkIuIFNcdTFlZWQgZFx1MWVlNW5nIGNcdTAwZTFjIHRoXHUxZWJiIHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgYDxoMT5gLCBgPGgyPmAsLi4uIGNobyBtXHUxZWQ3aSBraFx1MWVkMWkuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIE1cdTFlZDl0IHRoXHUxZWJiIEhUTUwgY2hcdTFlZTlhIGNcdTAwZTFjIGtoXHUxZWQxaSBjb24sIGtcdTFlYmZ0IGhcdTFlZTNwIHZcdTFlZGJpIGNcdTAwZTFjIHF1eSB0XHUxZWFmYyBDU1MgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyB0aFx1MWViYiBjaFx1MWVlOWEgdlx1MDBlMCBjXHUwMGUxYyBraFx1MWVkMWkgY29uICh2XHUwMGVkIGRcdTFlZTU6IGNoaVx1MWVjMXUgclx1MWVkOW5nLCBjXHUwMGUxY2ggaGlcdTFlYzNuIHRoXHUxZWNiKS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBTXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgYmdjb2xvcmAgdHJvbmcgdGhcdTFlYmIgSFRNTCBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmggbVx1MDBlMHUgblx1MWVjMW4ga2hcdTAwZTFjIG5oYXUgY2hvIG1cdTFlZDdpIGtoXHUxZWQxaS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA2OiBCXHUxZWExbiBcdTAxMTFcdTAwZTMgdFx1MWVhMW8gbVx1MWVkOXQgdFx1MWVjN3AgQ1NTIGBzdHlsZXMuY3NzYCB2XHUwMGUwIG11XHUxZWQxbiBcdTAwZTFwIGRcdTFlZTVuZyBuXHUwMGYzIGNobyB0XHUxZWM3cCBIVE1MIGBpbmRleC5odG1sYCBuXHUxZWIxbSB0cm9uZyBjXHUwMGY5bmcgdGhcdTAxYjAgbVx1MWVlNWMuIFRoXHUxZWJiIEhUTUwgblx1MDBlMG8gY1x1MWVhN24gXHUwMTExXHUxZWI3dCB0cm9uZyBwaFx1MWVhN24gYDxoZWFkPmAgY1x1MWVlN2EgYGluZGV4Lmh0bWxgIFx1MDExMVx1MWVjMyB0aFx1MWVmMWMgaGlcdTFlYzduIFx1MDExMWlcdTFlYzF1IG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkIuIDxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA3OiBUcmFuZyBjaFx1MWVlNyBjXHUxZWU3YSBtXHUxZWQ5dCB3ZWJzaXRlIHRoXHUwMWIwXHUxZWRkbmcgXHUwMTExXHUwMGYzbmcgdmFpIHRyXHUwMGYyIGdcdTAwZWMgXHUwMTExXHUxZWQxaSB2XHUxZWRiaSBuZ1x1MDFiMFx1MWVkZGkgdHJ1eSBjXHUxZWFkcCBsXHUxZWE3biBcdTAxMTFcdTFlYTd1P1xyXG48dWw+XHJcbjxsaT5BLiBDaFx1MWVjOSBoaVx1MWVjM24gdGhcdTFlY2IgdGhcdTAwZjRuZyB0aW4gbGlcdTAwZWFuIGhcdTFlYzcgY1x1MWVlN2EgbmdcdTAxYjBcdTFlZGRpIHF1XHUxZWEzbiB0clx1MWVjYi48XC9saT5cclxuPGxpPkIuIExcdTAwZTAgblx1MDFhMWkgZHV5IG5oXHUxZWE1dCBjaFx1MWVlOWEgYmlcdTFlYzN1IG1cdTFlYWJ1IFx1MDExMVx1MDEwM25nIGtcdTAwZmQuPFwvbGk+XHJcbjxsaT5DLiBIaVx1MWVjM24gdGhcdTFlY2IgdG9cdTAwZTBuIGJcdTFlZDkgblx1MWVkOWkgZHVuZyBjaGkgdGlcdTFlYmZ0IGNcdTFlZTdhIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgdHJhbmcgY29uLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBDdW5nIGNcdTFlYTVwIGNcdTAwZTFpIG5oXHUwMGVjbiB0XHUxZWQ1bmcgcXVhbiB2XHUxZWMxIHdlYnNpdGUgdlx1MDBlMCBjXHUwMGUxYyBsaVx1MDBlYW4ga1x1MWViZnQgY2hcdTAwZWRuaCBcdTAxMTFcdTFlYzMgXHUwMTExaVx1MWVjMXUgaFx1MDFiMFx1MWVkYm5nLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA4OiBLaGkgdGhpXHUxZWJmdCBrXHUxZWJmIHBoXHUxZWE3biBcdTAxMTFcdTFlYTd1IHRyYW5nIChIZWFkZXIpIGNcdTFlZTdhIHdlYnNpdGUsIHZpXHUxZWM3YyBzXHUxZWVkIGRcdTFlZTVuZyBcdTFlYTNuaCBsXHUwMGUwbSBuXHUxZWMxbiAoQmFubmVyKSBrXHUxZWJmdCBoXHUxZWUzcCB2XHUxZWRiaSB0aVx1MDBlYXUgXHUwMTExXHUxZWMxIHRyYW5nIHdlYiBsXHUxZWRibiwgblx1MWVkNWkgYlx1MWVhZHQgY1x1MDBmMyBtXHUxZWU1YyBcdTAxMTFcdTAwZWRjaCBjaFx1MDBlZG5oIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBUaHUgaFx1MDBmYXQgc1x1MWVmMSBjaFx1MDBmYSBcdTAwZmQgdlx1MDBlMCBnaVx1MWVkYmkgdGhpXHUxZWM3dSBjaFx1MWVlNyBcdTAxMTFcdTFlYzEgY2hcdTAwZWRuaCBjXHUxZWU3YSB3ZWJzaXRlLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIExcdTAwZTBtIGNobyB0cmFuZyB3ZWIgdFx1MWVhM2kgbmhhbmggaFx1MDFhMW4uPFwvbGk+XHJcbjxsaT5DLiBHaVx1MDBmYXAgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBcdTAxMTFpXHUxZWMxbiB0aFx1MDBmNG5nIHRpbiB2XHUwMGUwbyBiaVx1MWVjM3UgbVx1MWVhYnUgZFx1MWVjNSBkXHUwMGUwbmcgaFx1MDFhMW4uPFwvbGk+XHJcbjxsaT5ELiBMXHUwMGUwIG5cdTAxYTFpIFx1MDExMVx1MWViN3QgY1x1MDBlMWMgbGlcdTAwZWFuIGtcdTFlYmZ0IFx1MDExMWlcdTFlYzF1IGhcdTAxYjBcdTFlZGJuZyBjaFx1MDBlZG5oLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDk6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBsaVx1MDBlYW4ga1x1MWViZnQgdFx1MWVlYiB0cmFuZyBjaFx1MWVlNyAoYGluZGV4Lmh0bWxgKSBcdTAxMTFcdTFlYmZuIHRyYW5nIGdpXHUxZWRiaSB0aGlcdTFlYzd1IChgZ2lvaXRoaWV1Lmh0bWxgKSBuXHUxZWIxbSB0cm9uZyBjXHUwMGY5bmcgdGhcdTAxYjAgbVx1MWVlNWMuIENcdTAwZmEgcGhcdTAwZTFwIEhUTUwgY2hcdTAwZWRuaCB4XHUwMGUxYyBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+Qy4gPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEwOiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQga2hcdTFlZDFpIGBkaXZgIGNoXHUxZWU5YSB2XHUwMTAzbiBiXHUxZWEzbi4gQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIGtob1x1MWVhM25nIHRyXHUxZWQxbmcgZ2lcdTFlZWZhIG5cdTFlZDlpIGR1bmcgdlx1MDEwM24gYlx1MWVhM24gdlx1MDBlMCB2aVx1MWVjMW4gY1x1MWVlN2Ega2hcdTFlZDFpIGBkaXZgIFx1MDExMVx1MDBmMy4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIGJcdTFlYTFuIGNcdTFlYTduIHNcdTFlZWQgZFx1MWVlNW5nP1xyXG48dWw+XHJcbjxsaT5BLiBgbWFyZ2luYDxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBgcGFkZGluZ2A8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBgYm9yZGVyYDxcL2xpPlxyXG48bGk+RC4gYG91dGxpbmVgPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTE6IFRyb25nIHRoaVx1MWViZnQga1x1MWViZiBiXHUxZWQxIGNcdTFlZTVjLCB2aVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBlMWMgbFx1MWVkYnAgQ1NTIG5oXHUwMWIwIGAucm93YCAoXHUwMTExXHUxZWMzIGNoXHUxZWU5YSBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBuZ2FuZyBoXHUwMGUwbmcpIHZcdTAwZTAgY1x1MDBlMWMgbFx1MWVkYnAgXHUwMTExXHUxZWNibmgga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyBjXHUxZWQ5dCAodlx1MDBlZCBkXHUxZWU1OiBgLmNvbC1tZC00YCBuXHUxZWJmdSBkXHUwMGY5bmcgQm9vdHN0cmFwLCBob1x1MWViN2MgYC5ibG9ja18zYCBuaFx1MDFiMCB0cm9uZyBiXHUwMGUwaSBoXHUxZWNkYykgZ2lcdTAwZmFwIFx1MDBlZGNoIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIFx1MDExMFx1MWVjYm5oIGRcdTFlYTFuZyBtXHUwMGUwdSBuXHUxZWMxbiB2XHUwMGUwIG1cdTAwZTB1IGNoXHUxZWVmIGNobyB0b1x1MDBlMG4gYlx1MWVkOSB0cmFuZy48XC9saT5cclxuPGxpPkIuIFRcdTFlYTFvIGhpXHUxZWM3dSBcdTFlZTluZyBjdVx1MWVkOW4gdHJhbmcgbVx1MDFiMFx1MWVlM3QgbVx1MDBlMC48XC9saT5cclxuPGxpPkMuIENoXHUxZWM5IFx1MDBlMXAgZFx1MWVlNW5nIGNobyB2aVx1MWVjN2MgY2hcdTAwZThuIGhcdTAwZWNuaCBcdTFlYTNuaC48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gWFx1MDBlMnkgZFx1MWVmMW5nIGJcdTFlZDEgY1x1MWVlNWMgdHJhbmcgdGhlbyBkXHUxZWExbmcgbFx1MDFiMFx1MWVkYmkgKGdyaWQpLCBzXHUxZWFmcCB4XHUxZWJmcCBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCB0aGVvIGhcdTAwZTBuZyB2XHUwMGUwIGNcdTFlZDl0LjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMjogS2hpIHRoaVx1MWViZnQga1x1MWViZiBtXHUxZWQ5dCB0cmFuZyB3ZWIgZ2lcdTFlZGJpIHRoaVx1MWVjN3UgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOSwgdmlcdTFlYzdjIHRcdTAwZWRjaCBoXHUxZWUzcCBoXHUwMGVjbmggXHUxZWEzbmggdlx1MDBlMCB2aWRlbyBtaW5oIGhcdTFlY2RhIGNcdTAwZjMgdmFpIHRyXHUwMGYyIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIExcdTAwZTBtIHRcdTAxMDNuZyB0XHUxZWQxYyBcdTAxMTFcdTFlZDkgdFx1MWVhM2kgdHJhbmcgd2ViLjxcL2xpPlxyXG48bGk+Qi4gR2lcdTAwZmFwIG1cdTAwZTMgSFRNTCB0clx1MWVkZiBuXHUwMGVhbiBuZ1x1MWVhZm4gZ1x1MWVjZG4gaFx1MDFhMW4uPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIExcdTAwZTBtIGNobyBuXHUxZWQ5aSBkdW5nIHRyYW5nIHdlYiBzaW5oIFx1MDExMVx1MWVkOW5nLCBoXHUxZWE1cCBkXHUxZWFibiB2XHUwMGUwIGRcdTFlYzUgaGlcdTFlYzN1IGhcdTAxYTFuLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFRoYXkgdGhcdTFlYmYgaG9cdTAwZTBuIHRvXHUwMGUwbiBuXHUxZWQ5aSBkdW5nIHZcdTAxMDNuIGJcdTFlYTNuLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEzOiBCXHUxZWExbiBtdVx1MWVkMW4gY2hcdTAwZThuIG1cdTFlZDl0IGhcdTAwZWNuaCBcdTFlYTNuaCBjXHUwMGYzIHRcdTAwZWFuIGBjbGJfYm9uZ2RhLmpwZ2Agdlx1MDBlMG8gdHJhbmcgd2ViIGNcdTFlZTdhIG1cdTAwZWNuaC4gVFx1MWVjN3AgXHUxZWEzbmggblx1MDBlMHkgblx1MWViMW0gdHJvbmcgbVx1MWVkOXQgdGhcdTAxYjAgbVx1MWVlNWMgY29uIHRcdTAwZWFuIGxcdTAwZTAgYGltYWdlc2AgY1x1MDBmOW5nIGNcdTFlYTVwIHZcdTFlZGJpIHRcdTFlYzdwIEhUTUwuIENcdTAwZmEgcGhcdTAwZTFwIEhUTUwgY2hcdTAwZWRuaCB4XHUwMGUxYyBcdTAxMTFcdTFlYzMgY2hcdTAwZThuIFx1MWVhM25oIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiA8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTQ6IE1cdTFlZTVjIFx1MDExMVx1MDBlZGNoIGNoXHUwMGVkbmggY1x1MWVlN2EgdmlcdTFlYzdjIHRcdTFlYTFvIG1cdTFlZDl0IFwiVHJhbmcgXHUwMTExXHUwMTAzbmcga1x1MDBmZFwiIHZcdTFlZGJpIGJpXHUxZWMzdSBtXHUxZWFidSB0clx1MDBlYW4gd2Vic2l0ZSBnaVx1MWVkYmkgdGhpXHUxZWM3dSBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5IGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gSGlcdTFlYzNuIHRoXHUxZWNiIGxcdTFlY2JjaCBzXHUxZWVkIGhvXHUxZWExdCBcdTAxMTFcdTFlZDluZyBjXHUxZWU3YSBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5LjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBUaHUgdGhcdTFlYWRwIHRoXHUwMGY0bmcgdGluIGNcdTFlZTdhIG5oXHUxZWVmbmcgbmdcdTAxYjBcdTFlZGRpIG11XHUxZWQxbiBcdTAxMTFcdTAxMDNuZyBrXHUwMGZkIHRoYW0gZ2lhIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gVHJcdTAwZWNuaCBiXHUwMGUweSBjXHUwMGUxYyB0aFx1MDBlMG5oIHRcdTAwZWRjaCBuXHUxZWQ1aSBiXHUxZWFkdCBjXHUxZWU3YSBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5LjxcL2xpPlxyXG48bGk+RC4gQ3VuZyBjXHUxZWE1cCB0aFx1MDBmNG5nIHRpbiBsaVx1MDBlYW4gaFx1MWVjNyBjXHUxZWU3YSBiYW4gY2hcdTFlZTcgbmhpXHUxZWM3bS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNTogQlx1MWVhMW4gbXVcdTFlZDFuIFx1MDExMVx1MWViN3QgbVx1MWVkOXQgXHUwMTExb1x1MWVhMW4gdlx1MDEwM24gYlx1MWVhM24gdlx1MDBlMG8gdHJhbmcgd2ViLiBUaFx1MWViYiBIVE1MIG5nXHUxZWVmIG5naFx1MDEyOWEgblx1MDBlMG8gbFx1MDBlMCBwaFx1MDBmOSBoXHUxZWUzcCBuaFx1MWVhNXQgY2hvIG1cdTFlZTVjIFx1MDExMVx1MDBlZGNoIG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiBgPGgxPmA8XC9saT5cclxuPGxpPkIuIGA8YT5gPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGA8cD5gPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gYDxpbWc+YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE2OiBLaGkgdGhpXHUxZWJmdCBrXHUxZWJmIGJcdTFlZDEgY1x1MWVlNWMsIG5cdTFlYmZ1IGJcdTFlYTFuIFx1MDBlMXAgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBgd2lkdGg6IDUwJTtgIGNobyBtXHUxZWQ5dCBraFx1MWVkMWkgYGRpdmAsIFx1MDExMWlcdTFlYzF1IFx1MDExMVx1MDBmMyBjXHUwMGYzIG5naFx1MDEyOWEgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiBDaGlcdTFlYzF1IHJcdTFlZDluZyBjXHUxZWU3YSBraFx1MWVkMWkgbFx1MDBlMCA1MCBwaXhlbC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gQ2hpXHUxZWMxdSByXHUxZWQ5bmcgY1x1MWVlN2Ega2hcdTFlZDFpIGxcdTAwZTAgNTAlIGNoaVx1MWVjMXUgclx1MWVkOW5nIGNcdTFlZTdhIHBoXHUxZWE3biB0XHUxZWVkIGNoXHUxZWU5YSBuXHUwMGYzLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIENoaVx1MWVjMXUgY2FvIGNcdTFlZTdhIGtoXHUxZWQxaSBsXHUwMGUwIDUwJSBjaGlcdTFlYzF1IGNhbyBjXHUxZWU3YSBwaFx1MWVhN24gdFx1MWVlZCBjaFx1MWVlOWEgblx1MDBmMy48XC9saT5cclxuPGxpPkQuIEtoXHUxZWQxaSBzXHUxZWJkIFx1MDExMVx1MDFiMFx1MWVlM2MgY1x1MDEwM24gZ2lcdTFlZWZhIHRoZW8gY2hpXHUxZWMxdSBuZ2FuZy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNzogQlx1MWVhMW4gXHUwMTExXHUwMGUzIHRcdTFlYTFvIG1cdTFlZDl0IG1lbnUgXHUwMTExaVx1MWVjMXUgaFx1MDFiMFx1MWVkYm5nIFx1MWVkZiBcdTAxMTFcdTFlYTd1IHRyYW5nLiBcdTAxMTBcdTFlYzMgbWVudSBuXHUwMGUweSBoaVx1MWVjM24gdGhcdTFlY2IgZ2lcdTFlZDFuZyBuaGF1IHRyXHUwMGVhbiB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRyYW5nIGNcdTFlZTdhIHdlYnNpdGUsIGJcdTFlYTFuIG5cdTAwZWFuIGxcdTAwZTBtIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gU2FvIGNoXHUwMGU5cCBtXHUwMGUzIEhUTUwgY1x1MWVlN2EgbWVudSB2XHUwMGUwIGRcdTAwZTFuIHZcdTAwZTBvIHBoXHUxZWE3biBcdTAxMTFcdTFlYTd1IHRyYW5nIGNcdTFlZTdhIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgdFx1MWVjN3AgSFRNTCwgXHUwMTExXHUxZWQzbmcgdGhcdTFlZGRpIFx1MDExMVx1MWVhM20gYlx1MWVhM28gY1x1MDBlMWMgdHJhbmcgXHUwMTExXHUxZWMxdSBsaVx1MDBlYW4ga1x1MWViZnQgXHUwMTExXHUxZWJmbiBjXHUwMGY5bmcgbVx1MWVkOXQgdFx1MWVjN3AgQ1NTLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIENoXHUxZWM5IGNcdTFlYTduIHRcdTFlYTFvIG1lbnUgdHJcdTAwZWFuIHRyYW5nIGNoXHUxZWU3LCBjXHUwMGUxYyB0cmFuZyBraFx1MDBlMWMgc1x1MWViZCB0XHUxZWYxIFx1MDExMVx1MWVkOW5nIGhpXHUxZWMzbiB0aFx1MWVjYi48XC9saT5cclxuPGxpPkMuIFNcdTFlZWQgZFx1MWVlNW5nIG1cdTFlZDl0IHRodVx1MWVkOWMgdFx1MDBlZG5oIFx1MDExMVx1MWViN2MgYmlcdTFlYzd0IHRyb25nIHRoXHUxZWJiIGA8Ym9keT5gIFx1MDExMVx1MWVjMyBsXHUxZWI3cCBsXHUxZWExaSBtZW51LjxcL2xpPlxyXG48bGk+RC4gTFx1MDFiMHUgbWVudSBkXHUwMWIwXHUxZWRiaSBkXHUxZWExbmcgaFx1MDBlY25oIFx1MWVhM25oIHZcdTAwZTAgY2hcdTAwZThuIHZcdTAwZTBvIHRcdTFlZWJuZyB0cmFuZy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxODogTlx1MWViZnUgYlx1MWVhMW4gc1x1MWVlZCBkXHUxZWU1bmcgQ1NTIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlYjd0IHRodVx1MWVkOWMgdFx1MDBlZG5oIGB0ZXh0LWFsaWduOiBjZW50ZXI7YCBjaG8gbVx1MWVkOXQga2hcdTFlZDFpIGBkaXZgLCBcdTAxMTFpXHUxZWMxdSBnXHUwMGVjIHNcdTFlYmQgeFx1MWVhM3kgcmEgdlx1MWVkYmkgblx1MWVkOWkgZHVuZyB2XHUwMTAzbiBiXHUxZWEzbiBiXHUwMGVhbiB0cm9uZyBraFx1MWVkMWkgXHUwMTExXHUwMGYzP1xyXG48dWw+XHJcbjxsaT5BLiBUb1x1MDBlMG4gYlx1MWVkOSBraFx1MWVkMWkgYGRpdmAgc1x1MWViZCBcdTAxMTFcdTAxYjBcdTFlZTNjIGNcdTAxMDNuIGdpXHUxZWVmYSB0clx1MDBlYW4gdHJhbmcuPFwvbGk+XHJcbjxsaT5CLiBWXHUwMTAzbiBiXHUxZWEzbiBzXHUxZWJkIGhpXHUxZWMzbiB0aFx1MWVjYiBpbiBcdTAxMTFcdTFlYWRtLjxcL2xpPlxyXG48bGk+Qy4gVlx1MDEwM24gYlx1MWVhM24gc1x1MWViZCBoaVx1MWVjM24gdGhcdTFlY2IgdGhlbyBtXHUxZWQ5dCBwaFx1MDBmNG5nIGNoXHUxZWVmIFx1MDExMVx1MWViN2MgYmlcdTFlYzd0LjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBWXHUwMTAzbiBiXHUxZWEzbiBiXHUwMGVhbiB0cm9uZyBraFx1MWVkMWkgYGRpdmAgc1x1MWViZCBcdTAxMTFcdTAxYjBcdTFlZTNjIGNcdTAxMDNuIGdpXHUxZWVmYSB0aGVvIGNoaVx1MWVjMXUgbmdhbmcuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE5OiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQgZGFuaCBzXHUwMGUxY2ggY1x1MDBlMWMgbVx1MWVlNWMgKHZcdTAwZWQgZFx1MWVlNTogZGFuaCBzXHUwMGUxY2ggdGhcdTAwZTBuaCB2aVx1MDBlYW4sIGRhbmggc1x1MDBlMWNoIGhvXHUxZWExdCBcdTAxMTFcdTFlZDluZykuIFRoXHUxZWJiIEhUTUwgblx1MDBlMG8gcGhcdTAwZjkgaFx1MWVlM3AgXHUwMTExXHUxZWMzIHRcdTFlYTFvIGRhbmggc1x1MDBlMWNoIGtoXHUwMGY0bmcgY1x1MDBmMyB0aFx1MWVlOSB0XHUxZWYxIChkXHUxZWE1dSBcdTAxMTFcdTFlYTd1IGRcdTAwZjJuZyk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gYDx1bD5gIGtcdTFlYmZ0IGhcdTFlZTNwIHZcdTFlZGJpIGA8bGk+YDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIGA8b2w+YCBrXHUxZWJmdCBoXHUxZWUzcCB2XHUxZWRiaSBgPGxpPmA8XC9saT5cclxuPGxpPkMuIGA8ZGw+YCBrXHUxZWJmdCBoXHUxZWUzcCB2XHUxZWRiaSBgPGR0PmAgdlx1MDBlMCBgPGRkPmA8XC9saT5cclxuPGxpPkQuIGA8bGlzdD5gIGtcdTFlYmZ0IGhcdTFlZTNwIHZcdTFlZGJpIGA8aXRlbT5gPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjA6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgbVx1MWVkOXQgdHJhbmcgd2ViLCB2aVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGFsdGAgY2hvIHRoXHUxZWJiIGA8aW1nPmAgY1x1MDBmMyBcdTAwZmQgbmdoXHUwMTI5YSBnXHUwMGVjIHZcdTFlYzEgbVx1MWViN3Qga1x1MWVmOSB0aHVcdTFlYWR0IHZcdTAwZTAgdHJcdTFlYTNpIG5naGlcdTFlYzdtIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmc/XHJcbjx1bD5cclxuPGxpPkEuIFhcdTAwZTFjIFx1MDExMVx1MWVjYm5oIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgaGlcdTFlYzNuIHRoXHUxZWNiIGNcdTFlZTdhIGhcdTAwZWNuaCBcdTFlYTNuaC48XC9saT5cclxuPGxpPkIuIFRcdTFlYTFvIGhpXHUxZWM3dSBcdTFlZTluZyBraGkgZGkgY2h1XHUxZWQ5dCBxdWEgaFx1MDBlY25oIFx1MWVhM25oLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBDdW5nIGNcdTFlYTVwIG1cdTAwZjQgdFx1MWVhMyB2XHUwMTAzbiBiXHUxZWEzbiB0aGF5IHRoXHUxZWJmIGNobyBoXHUwMGVjbmggXHUxZWEzbmgsIGhcdTFlZWZ1IFx1MDBlZGNoIGNobyBraFx1MWVhMyBuXHUwMTAzbmcgdGlcdTFlYmZwIGNcdTFlYWRuIHZcdTAwZTAgU0VPLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIENoXHUxZWM5IFx1MDExMVx1MWVjYm5oIFx1MDExMVx1MDFiMFx1MWVkZG5nIGRcdTFlYWJuIFx1MDExMVx1MWViZm4gdFx1MWVjN3AgaFx1MDBlY25oIFx1MWVhM25oLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIxOiBCXHUxZWExbiBuaFx1MWVhZG4gdGhcdTFlYTV5IHJcdTFlYjFuZyB2XHUwMTAzbiBiXHUxZWEzbiB0cm9uZyBtXHUxZWQ5dCBraFx1MWVkMWkgblx1MWVkOWkgZHVuZyBiXHUxZWNiIHRyXHUwMGUwbiByYSBuZ29cdTAwZTBpIHZpXHUxZWMxbiBjXHUxZWU3YSBraFx1MWVkMWkgXHUwMTExXHUwMGYzIHRyXHUwMGVhbiBtXHUwMGUwbiBoXHUwMGVjbmggbmhcdTFlY2YuIFRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBjXHUwMGYzIHRoXHUxZWMzIGdpXHUwMGZhcCBraVx1MWVjM20gc29cdTAwZTF0IGNcdTAwZTFjaCBuXHUxZWQ5aSBkdW5nIGJcdTFlY2IgdHJcdTAwZTBuP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGBvdmVyZmxvd2A8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBgdGV4dC1vdmVyZmxvd2A8XC9saT5cclxuPGxpPkMuIGB3aGl0ZS1zcGFjZWA8XC9saT5cclxuPGxpPkQuIGB3b3JkLXdyYXBgPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjI6IFRyb25nIG1cdTFlZDl0IGJpXHUxZWMzdSBtXHUxZWFidSBcdTAxMTFcdTAxMDNuZyBrXHUwMGZkIChgPGZvcm0+YCksIHRoXHUxZWJiIEhUTUwgblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgdFx1MWVhMW8gbVx1MWVkOXQgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgY2hvIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgbmhcdTFlYWRwIHRcdTAwZWFuIGNcdTFlZTdhIGhcdTFlY2Q/XHJcbjx1bD5cclxuPGxpPkEuIGA8dGV4dGFyZWE+YDxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBgPGlucHV0IHR5cGU9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gYDxsYWJlbD5gPFwvbGk+XHJcbjxsaT5ELiBgPGJ1dHRvbj5gPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjM6IEtoaSBiXHUxZWExbiB0aGlcdTFlYmZ0IGtcdTFlYmYgbVx1MWVkOXQgd2Vic2l0ZSwgdmlcdTFlYzdjIFx1MDExMVx1MWVhM20gYlx1MWVhM28gXHUwMTExaVx1MWVjMXUgaFx1MDFiMFx1MWVkYm5nIChuYXZpZ2F0aW9uKSBnaVx1MWVlZmEgY1x1MDBlMWMgdHJhbmcgY29uIGxcdTAwZTAgclx1MDBmNSByXHUwMGUwbmcgdlx1MDBlMCBkXHUxZWM1IHNcdTFlZWQgZFx1MWVlNW5nICh2XHUwMGVkIGRcdTFlZTU6IG1lbnUgXHUxZWRmIGNcdTAwZjluZyB2XHUxZWNiIHRyXHUwMGVkIHRyXHUwMGVhbiBtXHUxZWNkaSB0cmFuZywgbGlcdTAwZWFuIGtcdTFlYmZ0IGhvXHUxZWExdCBcdTAxMTFcdTFlZDluZyBcdTAxMTFcdTAwZmFuZykgXHUxZWEzbmggaFx1MDFiMFx1MWVkZm5nIHRyXHUxZWYxYyB0aVx1MWViZnAgXHUwMTExXHUxZWJmbiB5XHUxZWJmdSB0XHUxZWQxIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiBUXHUxZWQxYyBcdTAxMTFcdTFlZDkgdFx1MWVhM2kgdHJhbmcgd2ViLjxcL2xpPlxyXG48bGk+Qi4gVGhcdTFlZTkgaFx1MWVhMW5nIHdlYnNpdGUgdHJcdTAwZWFuIGNcdTAwZjRuZyBjXHUxZWU1IHRcdTAwZWNtIGtpXHUxZWJmbSAoU0VPKS48XC9saT5cclxuPGxpPkMuIER1bmcgbFx1MDFiMFx1MWVlM25nIGxcdTAxYjB1IHRyXHUxZWVmIGNcdTFlZTdhIHdlYnNpdGUuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIFRyXHUxZWEzaSBuZ2hpXHUxZWM3bSBjXHUxZWU3YSBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIGtoaSBkdXlcdTFlYzd0IHdlYnNpdGUuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI0OiBEXHUxZWYxYSB0clx1MDBlYW4ga2lcdTFlYmZuIHRoXHUxZWU5YyB2XHUxZWMxIGNcdTFlYTV1IHRyXHUwMGZhYyB3ZWJzaXRlLCBuXHUxZWJmdSBiXHUxZWExbiB0XHUxZWExbyBtXHUxZWQ5dCB0aFx1MDFiMCBtXHUxZWU1YyBgcGFnZXNgIFx1MDExMVx1MWVjMyBjaFx1MWVlOWEgY1x1MDBlMWMgdFx1MWVjN3AgSFRNTCBjXHUxZWU3YSBjXHUwMGUxYyB0cmFuZyBjb24gKHZcdTAwZWQgZFx1MWVlNTogYHBhZ2VzXC9naW9pdGhpZXUuaHRtbGApIHZcdTAwZTAgdFx1MWVjN3AgYGluZGV4Lmh0bWxgIG5cdTFlYjFtIFx1MWVkZiB0aFx1MDFiMCBtXHUxZWU1YyBnXHUxZWQxYywgbFx1MDBlMG0gdGhcdTFlYmYgblx1MDBlMG8gXHUwMTExXHUxZWMzIHRcdTFlYTFvIGxpXHUwMGVhbiBrXHUxZWJmdCB0XHUxZWViIGBpbmRleC5odG1sYCBcdTAxMTFcdTFlYmZuIGBnaW9pdGhpZXUuaHRtbGA/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI1OiBCXHUxZWExbiBtdVx1MWVkMW4gXHUwMGUxcCBkXHUxZWU1bmcgbVx1MWVkOXQga2lcdTFlYzN1IGRcdTAwZTFuZyBcdTAxMTFcdTFlYjdjIGJpXHUxZWM3dCAodlx1MDBlZCBkXHUxZWU1OiBtXHUwMGUwdSBuXHUxZWMxbiB2XHUwMGUwbmcsIGNoXHUxZWVmIGluIFx1MDExMVx1MWVhZG0pIGNobyB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIFx1MDExMW9cdTFlYTFuIHZcdTAxMDNuIGJcdTFlYTNuIChgPHA+YCkgY2hcdTFlYzkgblx1MWViMW0gdHJvbmcgcGhcdTFlYTduIG5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaCAoYDxkaXYgY2xhc3M9XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+Qi4gPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI2OiBUXHUxZWExaSBzYW8gdmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIGNcdTAwZTFjIHRcdTAwZWFuIGxcdTFlZGJwIENTUyAodlx1MDBlZCBkXHUxZWU1OiBgaGVhZGVyYCwgYGZvb3RlcmAsIGByb3dgLCBgYmxvY2tfM2ApIGNcdTAwZjMgXHUwMGZkIG5naFx1MDEyOWEgbVx1MDBmNCB0XHUxZWEzIGxcdTFlYTFpIHF1YW4gdHJcdTFlY2RuZyB0cm9uZyBxdVx1MDBlMSB0clx1MDBlY25oIHRoaVx1MWViZnQga1x1MWViZiB3ZWI/XHJcbjx1bD5cclxuPGxpPkEuIEdpXHUwMGZhcCB0cmFuZyB3ZWIgdFx1MWVhM2kgbmhhbmggaFx1MDFhMW4gdHJcdTAwZWFuIHRyXHUwMGVjbmggZHV5XHUxZWM3dC48XC9saT5cclxuPGxpPkIuIFRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgdFx1MWVhMW8gcmEgY1x1MDBlMWMgaGlcdTFlYzd1IFx1MWVlOW5nIFx1MDExMVx1MWVkOW5nIGNobyBwaFx1MWVhN24gdFx1MWVlZC48XC9saT5cclxuPGxpPkMuIENoXHUxZWM5IFx1MDBlMXAgZFx1MWVlNW5nIFx1MDExMVx1MDFiMFx1MWVlM2MgY2hvIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGtoXHUxZWQxaSAoYmxvY2sgZWxlbWVudHMpLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBMXHUwMGUwbSBjaG8gbVx1MDBlMyBuZ3VcdTFlZDNuIEhUTUwgdlx1MDBlMCBDU1MgZFx1MWVjNSBcdTAxMTFcdTFlY2RjLCBkXHUxZWM1IGhpXHUxZWMzdSB2XHUwMGUwIGRcdTFlYzUgcXVcdTFlYTNuIGxcdTAwZmQgaFx1MDFhMW4uPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI3OiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQgblx1MDBmYXQgYlx1MWVhNW0gXCJHXHUxZWVkaVwiIHRyb25nIGJpXHUxZWMzdSBtXHUxZWFidSBcdTAxMTFcdTAxMDNuZyBrXHUwMGZkLiBUaFx1MWViYiBIVE1MIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgcGhcdTFlZDUgYmlcdTFlYmZuIG5oXHUxZWE1dCBjaG8gbVx1MWVlNWMgXHUwMTExXHUwMGVkY2ggblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gYDxidXR0b24gdHlwZT08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBgPGlucHV0IHR5cGU9PFwvbGk+XHJcbjxsaT5DLiBgPGE+R1x1MWVlZGk8XC9hPmA8XC9saT5cclxuPGxpPkQuIGA8ZGl2PkdcdTFlZWRpPFwvZGl2PmA8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyODogVHJvbmcgYlx1MDBlMGkgaFx1MWVjZGMsIHZpXHUxZWM3YyBwaFx1MDBlMm4gY2hpYSBwaFx1MWVhN24gc2xvZ2FuIHRoXHUwMGUwbmggMyBcdTAwZjQgblx1MWViMW0gbmdhbmcsIG1cdTFlZDdpIFx1MDBmNCBjaGlcdTFlYmZtIDFcLzMgXHUwMTExXHUxZWQ5IHJcdTFlZDluZywgbmhcdTFlYjFtIG1cdTFlZTVjIFx1MDExMVx1MDBlZGNoIGNoXHUwMGVkbmggbFx1MDBlMCBnXHUwMGVjIHRyb25nIHRoaVx1MWViZnQga1x1MWViZiBiXHUxZWQxIGNcdTFlZTVjP1xyXG48dWw+XHJcbjxsaT5BLiBMXHUwMGUwbSB0XHUwMTAzbmcgZHVuZyBsXHUwMWIwXHUxZWUzbmcgY1x1MWVlN2EgdHJhbmcgd2ViLjxcL2xpPlxyXG48bGk+Qi4gQlx1MWVhZnQgYnVcdTFlZDljIHBoXHUxZWEzaSBzXHUxZWVkIGRcdTFlZTVuZyBoXHUwMGVjbmggXHUxZWEzbmggdHJvbmcgbVx1MWVkN2kgXHUwMGY0LjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBUXHUxZWExbyBzXHUxZWYxIGNcdTAwZTJuIFx1MDExMVx1MWVkMWkgdlx1MDBlMCBoXHUwMGUwaSBoXHUwMGYyYSBjaG8gYlx1MWVkMSBjXHUxZWU1YyBwaFx1MWVhN24gc2xvZ2FuIHRyXHUwMGVhbiB0cmFuZy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBDaFx1MWVjOSBcdTAwZTFwIGRcdTFlZTVuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIGNobyBjXHUwMGUxYyB0aGlcdTFlYmZ0IGJcdTFlY2IgZGkgXHUwMTExXHUxZWQ5bmcuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjk6IEJcdTFlYTFuIFx1MDExMVx1MDBlMyBob1x1MDBlMG4gdGhcdTAwZTBuaCB0aGlcdTFlYmZ0IGtcdTFlYmYgd2Vic2l0ZSB0clx1MDBlYW4gbVx1MDBlMXkgdFx1MDBlZG5oIGNcdTAwZTEgbmhcdTAwZTJuLiBcdTAxMTBcdTFlYzMgbmdcdTAxYjBcdTFlZGRpIGtoXHUwMGUxYyBjXHUwMGYzIHRoXHUxZWMzIHRydXkgY1x1MWVhZHAgd2Vic2l0ZSBjXHUxZWU3YSBiXHUxZWExbiBxdWEgSW50ZXJuZXQsIGJcdTFlYTFuIGNcdTFlYTduIHRoXHUxZWYxYyBoaVx1MWVjN24gYlx1MDFiMFx1MWVkYmMgdGlcdTFlYmZwIHRoZW8gblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIENoaWEgc1x1MWViYiB0XHUxZWM3cCBIVE1MIHZcdTAwZTAgQ1NTIHF1YSBlbWFpbCBjaG8gbVx1MWVjZGkgbmdcdTAxYjBcdTFlZGRpLjxcL2xpPlxyXG48bGk+Qi4gSW4gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0cmFuZyByYSBnaVx1MWVhNXkuPFwvbGk+XHJcbjxsaT5DLiBDaFx1MWVjOSBjXHUxZWE3biBsXHUwMWIwdSB0XHUxZWM3cCB0clx1MDBlYW4gbVx1MDBlMXkgdFx1MDBlZG5oIHZcdTAwZTAga1x1MWViZnQgblx1MWVkMWkgbVx1MWVhMW5nLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBcdTAxMTBcdTAxMDNuZyB0XHUxZWEzaSBjXHUwMGUxYyB0XHUxZWM3cCB3ZWJzaXRlIChIVE1MLCBDU1MsIGhcdTAwZWNuaCBcdTFlYTNuaCwuLi4pIGxcdTAwZWFuIG1cdTFlZDl0IG1cdTAwZTF5IGNoXHUxZWU3IHdlYiAoaG9zdGluZykuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDMwOiBLaGkgc1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBmOW5nIG1cdTFlZDl0IHRcdTFlYzdwIENTUyBjaG8gbmhpXHUxZWMxdSB0cmFuZywgblx1MWViZnUgYlx1MWVhMW4gdGhheSBcdTAxMTFcdTFlZDVpIGdpXHUwMGUxIHRyXHUxZWNiIGNcdTFlZTdhIG1cdTFlZDl0IHRodVx1MWVkOWMgdFx1MDBlZG5oIHRyb25nIHRcdTFlYzdwIENTUyBcdTAxMTFcdTAwZjMgKHZcdTAwZWQgZFx1MWVlNTogdGhheSBcdTAxMTFcdTFlZDVpIG1cdTAwZTB1IGNoXHUxZWVmIGNcdTFlZTdhIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgXHUwMTExb1x1MWVhMW4gYDxwPmApLCBcdTAxMTFpXHUxZWMxdSBnXHUwMGVjIHNcdTFlYmQgeFx1MWVhM3kgcmE/XHJcbjx1bD5cclxuPGxpPkEuIENoXHUxZWM5IHRyYW5nIGNoXHUxZWU3IGJcdTFlY2IgXHUxZWEzbmggaFx1MDFiMFx1MWVkZm5nLCBjXHUwMGUxYyB0cmFuZyBraFx1MDBlMWMga2hcdTAwZjRuZyBcdTAxMTFcdTFlZDVpLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBTXHUxZWYxIHRoYXkgXHUwMTExXHUxZWQ1aSBzXHUxZWJkIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgdFx1MDFiMFx1MDFhMW5nIFx1MWVlOW5nIHRyXHUwMGVhbiBtXHUxZWNkaSB0cmFuZyBsaVx1MDBlYW4ga1x1MWViZnQgXHUwMTExXHUxZWJmbiB0XHUxZWM3cCBDU1MgXHUwMTExXHUwMGYzLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIFdlYnNpdGUgc1x1MWViZCBuZ1x1MWVlYm5nIGhvXHUxZWExdCBcdTAxMTFcdTFlZDluZyBkbyBsXHUxZWQ3aSBjXHUwMGZhIHBoXHUwMGUxcC48XC9saT5cclxuPGxpPkQuIEJcdTFlYTFuIGNcdTFlYTduIHBoXHUxZWEzaSBtXHUxZWRmIHRcdTFlZWJuZyB0XHUxZWM3cCBIVE1MIHZcdTAwZTAgY2hcdTFlYzluaCBzXHUxZWVkYSB0aFx1MWVlNyBjXHUwMGY0bmcuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbiIsInF1aXpfaW1hZ2UiOm51bGwsInF1aXpfY2F0ZWdvcnlfaWQiOiIzMzAyIiwicXVlc3Rpb25faWRzIjoiOTY5NjIwLDk2OTYyMSw5Njk2MjIsOTY5NjIzLDk2OTYyNCw5Njk2MjUsOTY5NjI2LDk2OTYyNyw5Njk2MjgsOTY5NjI5LDk2OTYzMCw5Njk2MzEsOTY5NjMyLDk2OTYzMyw5Njk2MzQsOTY5NjM1LDk2OTYzNiw5Njk2MzcsOTY5NjM4LDk2OTYzOSw5Njk2NDAsOTY5NjQxLDk2OTY0Miw5Njk2NDMsOTY5NjQ0LDk2OTY0NSw5Njk2NDYsOTY5NjQ3LDk2OTY0OCw5Njk2NDkiLCJvcmRlcmluZyI6IjMyNDg1IiwicHVibGlzaGVkIjoiMSIsImNyZWF0ZV9kYXRlIjpudWxsLCJxdWl6X3VybCI6bnVsbCwiaW50ZXJ2YWxzIjoiW3tcImludGVydmFsX21pblwiOlwiMFwiLFwiaW50ZXJ2YWxfbWF4XCI6XCIyNVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQVwifSx7XCJpbnRlcnZhbF9taW5cIjpcIjI2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjUwXCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJCXCJ9LHtcImludGVydmFsX21pblwiOlwiNTFcIixcImludGVydmFsX21heFwiOlwiNzVcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkNcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI3NlwiLFwiaW50ZXJ2YWxfbWF4XCI6XCIxMDBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkRcIn1dIiwiaXNfdXNlcl9sb2dnZWRfaW4iOmZhbHNlLCJxdWl6X2FuaW1hdGlvbl90b3AiOjEwMCwicXVpel9lbmFibGVfYW5pbWF0aW9uX3RvcCI6Im9uIiwic3RvcmVfYWxsX25vdF9maW5pc2hlZF9yZXN1bHRzIjpmYWxzZX0=';
</script>
<input type='hidden' name='quiz_id' value='32485'/>
<input type='hidden' name='start_date' class='ays-start-date'/>
<input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/>
<input type='hidden' name='ays_finish_quiz_nonce_32485' value='45d85a0ccb'/>
</form></div>
</div>
</div></div>
<div class="panel blogger"><div class='ays-quiz-wrap'>
<div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active'
data-quest-effect='shake'
data-hide-bg-image='false'
id='ays-quiz-container-33423'>
<div class='ays-questions-container'>
<div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap">
<a class="ays-quiz-full-screen-container">
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>
</svg>
</a>
</div></div>
<span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span>
<form
action=''
method='post'
autocomplete='off'
id='ays_finish_quiz_33423'
class='ays-quiz-form enable_questions_result '
><input type='hidden' class='ays_question_count_per_page' value='30'>
<input type='hidden' value='list' class='answer_view_class'>
<input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'>
<div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p>
</div>
<div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p>
</div>
<hr style='height:1px;'>
</section>
<div class='step active-step'>
<div class='ays-abs-fs ays-start-page'>
<div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong></p></div>
<p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 07</p>
<div class='ays_buttons_div'>
<input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" />
</div>
<div class='ays-fs-subtitle'><p><strong>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 07</strong> được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!</p>
<div class="question-block">
<p>Câu 1: Khi bắt đầu thiết kế một trang web tổng hợp các câu lạc bộ, bước đầu tiên quan trọng nhất theo quy trình phát triển web là gì?</p>
<ul>
<li>A. Viết mã HTML cho trang chủ.</li>
<li><strong>B. Xác định mục đích, đối tượng và lên kế hoạch cấu trúc website.</strong></li>
<li>C. Thiết kế giao diện đồ họa cho trang chủ.</li>
<li>D. Tìm kiếm hình ảnh và video minh họa.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 2: Để đảm bảo tất cả các trang trong website có cùng một giao diện và phong cách trình bày (ví dụ: cùng font chữ, màu sắc, bố cục header/footer), phương pháp kỹ thuật CSS hiệu quả nhất là gì?</p>
<ul>
<li>A. Sao chép và dán mã CSS vào thẻ `<br />
<style>` trong phần `<head>` của từng tệp HTML.</li>
<li>B. Sử dụng thuộc tính `style` trực tiếp trong từng thẻ HTML.</li>
<li>C. Tạo các tệp CSS riêng biệt cho từng trang và cố gắng sao chép các quy tắc chung.</li>
<li><strong>D. Liên kết tất cả các tệp HTML tới cùng một tệp tin CSS bên ngoài.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 3: Trong cấu trúc HTML cơ bản của một trang web, phần nào chứa tiêu đề hiển thị trên thanh tab của trình duyệt và các liên kết đến tệp CSS bên ngoài?</p>
<ul>
<li><strong>A. Thẻ `<head>`.</strong></li>
<li>B. Thẻ `<body>`.</li>
<li>C. Thẻ `<title>`.</li>
<li>D. Thẻ `<link>`.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 4: Giả sử bạn muốn tạo một phần header (đầu trang) trên website bao gồm một khu vực hiển thị logo/banner và một khu vực hiển thị slogan. Bạn nên sử dụng cấu trúc HTML và CSS như thế nào để phân chia hai khu vực này một cách rõ ràng và dễ quản lý?</p>
<ul>
<li>A. Đặt tất cả nội dung banner và slogan trực tiếp vào thẻ `<body>` và sử dụng thuộc tính `style` inline.</li>
<li>B. Sử dụng thẻ `<br />
<table>` để tạo hai cột, một cho banner và một cho slogan.</li>
<li><strong>C. Sử dụng các thẻ `
<div>` hoặc ngữ nghĩa để phân chia, sau đó áp dụng các lớp CSS riêng cho từng phần.</strong></li>
<li>D. Chỉ cần đặt nội dung banner và slogan cạnh nhau trong HTML mà không cần thẻ bao ngoài riêng biệt.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 5: Bạn muốn hiển thị ba khối nội dung (ví dụ: ba ô giới thiệu câu lạc bộ) trên cùng một hàng và chia đều chiều rộng của khu vực chứa chúng. Trong CSS, thuộc tính `display` nào thường được sử dụng kết hợp với các thuộc tính khác (như `justify-content`, `align-items`) trong thẻ bao ngoài để đạt được bố cục này một cách linh hoạt?</p>
<ul>
<li><strong>A. `display: flex;`</strong></li>
<li>B. `display: block;`</li>
<li>C. `display: inline;`</li>
<li>D. `display: none;`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 6: Trong trường hợp sử dụng lớp CSS `.row` để chứa các phần tử và làm cho chúng hiển thị theo hàng ngang (ví dụ: sử dụng `display: flex`), vai trò chính của lớp này là gì?</p>
<ul>
<li>A. Định dạng màu nền cho các phần tử con.</li>
<li><strong>B. Thiết lập ngữ cảnh bố cục để các phần tử con được xếp theo hàng ngang.</strong></li>
<li>C. Xác định nội dung văn bản cho các phần tử con.</li>
<li>D. Chỉ đơn giản là một tên gọi không có ý nghĩa đặc biệt.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 7: Nếu bạn có một lớp CSS tên là `.block-item` được thiết kế để áp dụng cho các khối nội dung riêng lẻ trong một hàng, thuộc tính CSS nào trong lớp này sẽ giúp các khối đó chia đều không gian có sẵn khi được đặt trong một container Flexbox (`display: flex`)?</p>
<ul>
<li>A. `width: 33.33%;`</li>
<li>B. `float: left;`</li>
<li><strong>C. `flex: 1;`</strong></li>
<li>D. `display: inline-block;`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 8: Bạn muốn thêm một hình ảnh logo vào phần banner của trang web. Thẻ HTML nào là phù hợp nhất để nhúng một hình ảnh từ một tệp nguồn (ví dụ: `logo.png`)?</p>
<ul>
<li><strong>A. `<img>`</strong></li>
<li>B. `<picture>`</li>
<li>C. `<br />
<figure>`</li>
<li>D. `<image>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 9: Để liên kết từ trang chủ (`index.html`) đến trang giới thiệu câu lạc bộ thể thao (`sports.html`), bạn sẽ sử dụng thẻ HTML nào và thuộc tính nào để chỉ định địa chỉ trang đích?</p>
<ul>
<li>A. `<link>` với thuộc tính `target`.</li>
<li><strong>B. `<a>` với thuộc tính `href`.</strong></li>
<li>C. `<br />
<nav>` với thuộc tính `link`.</li>
<li>D. `<meta>` với thuộc tính `content`.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 10: Website giới thiệu câu lạc bộ cần có một trang riêng để người dùng có thể điền thông tin cá nhân và đăng ký tham gia. Loại phần tử HTML nào là cốt lõi để xây dựng các trường nhập liệu (ví dụ: tên, email, số điện thoại) trên trang đăng ký này?</p>
<ul>
<li>A. Thẻ `<br />
<table>`.</li>
<li>B. Thẻ `
<ul>`.</li>
<li><strong>C. Thẻ `<br />
<form>` và `<input>`.</strong></li>
<li>D. Thẻ `
<div>` với các thuộc tính `data-*`.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 11: Giả sử bạn đã định nghĩa một lớp CSS tên là `.highlight` với thuộc tính `color: red;`. Để áp dụng màu đỏ cho một đoạn văn bản cụ thể trong HTML, bạn sẽ thêm thuộc tính nào vào thẻ HTML chứa đoạn văn bản đó?</p>
<ul>
<li>A. `id=</li>
<li>B. `style=</li>
<li>C. `name=</li>
<li><strong>D. `class=</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 12: Bạn muốn thêm một hình nền cho phần đầu trang (header) của website. Trong CSS, thuộc tính nào được sử dụng để thiết lập hình ảnh làm nền cho một phần tử HTML?</p>
<ul>
<li><strong>A. `background-image`</strong></li>
<li>B. `src`</li>
<li>C. `list-style-image`</li>
<li>D. `border-image`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 13: Việc đặt các phần tử có liên quan (ví dụ: logo, tên website, slogan) vào chung một khu vực đầu trang (header) trong thiết kế web mang lại lợi ích chính nào?</p>
<ul>
<li>A. Giảm dung lượng tệp tin CSS.</li>
<li><strong>B. Tăng tính nhận diện và giúp người dùng dễ dàng định vị thông tin cốt lõi.</strong></li>
<li>C. Tự động làm cho website tương thích trên mọi thiết bị.</li>
<li>D. Bắt buộc phải có để website hoạt động.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 14: Bạn muốn tạo một menu điều hướng chính cho website, cho phép người dùng dễ dàng truy cập các trang khác như Trang chủ, Giới thiệu, Đăng ký. Cấu trúc HTML ngữ nghĩa nào thường được sử dụng để bao bọc một nhóm các liên kết điều hướng?</p>
<ul>
<li><strong>A. `<br />
<nav>`</strong></li>
<li>B. `<br />
<section>`</li>
<li>C. `<br />
<aside>`</li>
<li>D. `<br />
<footer>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 15: Khi thiết kế một trang web, việc sử dụng màu sắc và font chữ nhất quán trên tất cả các trang mang lại lợi ích gì về mặt trải nghiệm người dùng và nhận diện thương hiệu?</p>
<ul>
<li>A. Chỉ giúp website tải nhanh hơn.</li>
<li>B. Làm cho website trông phức tạp hơn.</li>
<li>C. Bắt buộc phải sử dụng duy nhất một font chữ và hai màu sắc.</li>
<li><strong>D. Tạo sự nhất quán về giao diện, tăng tính chuyên nghiệp và nhận diện thương hiệu.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 16: Giả sử bạn cần tạo một danh sách các câu lạc bộ (ví dụ: Bóng đá, Bóng rổ, Cờ vua). Loại danh sách HTML nào phù hợp nhất để hiển thị các mục này mà không cần đánh số thứ tự?</p>
<ul>
<li><strong>A. Danh sách không có thứ tự (`
<ul>`).</strong></li>
<li>B. Danh sách có thứ tự (`
<ol>`).</li>
<li>C. Danh sách định nghĩa (`
<dl>`).</li>
<li>D. Danh sách menu (`<br />
<menu>`).</li>
</ul>
</div>
<div class="question-block">
<p>Câu 17: Khi thiết kế bố cục hai cột (ví dụ: cột bên trái cho menu, cột bên phải cho nội dung chính), ngoài Flexbox, một kỹ thuật CSS truyền thống nào vẫn có thể được sử dụng, mặc dù có thể kém linh hoạt hơn?</p>
<ul>
<li>A. `position: absolute;`</li>
<li>B. `display: grid;`</li>
<li><strong>C. `float;`</strong></li>
<li>D. `transform: translate();`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 18: Giả sử bạn đã tạo một tệp CSS (`style.css`) và liên kết nó với tệp HTML (`index.html`). Tuy nhiên, các style trong CSS không được áp dụng. Nguyên nhân phổ biến nhất có thể là gì?</p>
<ul>
<li>A. Tệp HTML quá lớn.</li>
<li><strong>B. Đường dẫn đến tệp CSS trong thẻ `<link>` bị sai.</strong></li>
<li>C. Trình duyệt không hỗ trợ CSS.</li>
<li>D. Bạn quên đóng thẻ `<body>`.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 19: Trong CSS, sự khác biệt cơ bản giữa bộ chọn (selector) lớp (class, bắt đầu bằng `.`) và bộ chọn ID (bắt đầu bằng `#`) là gì về mục đích sử dụng?</p>
<ul>
<li><strong>A. Bộ chọn lớp dùng cho nhiều phần tử, bộ chọn ID dùng cho một phần tử duy nhất.</strong></li>
<li>B. Bộ chọn lớp ưu tiên hơn bộ chọn ID.</li>
<li>C. Bộ chọn ID chỉ dùng cho văn bản, bộ chọn lớp dùng cho hình ảnh.</li>
<li>D. Không có sự khác biệt đáng kể, chúng có thể dùng thay thế cho nhau.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 20: Khi thiết kế phần cuối trang (footer) của website, nội dung nào thường được đặt ở khu vực này?</p>
<ul>
<li>A. Nội dung chính và các hình ảnh lớn.</li>
<li>B. Tiêu đề website và slogan.</li>
<li><strong>C. Thông tin liên hệ, bản quyền và các liên kết phụ.</strong></li>
<li>D. Menu điều hướng chính.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 21: Bạn muốn làm nổi bật một tiêu đề trên trang chủ bằng cả màu sắc và cỡ chữ đặc biệt. Bạn đã có các lớp CSS `.text-large` và `.color-accent`. Làm thế nào để áp dụng cả hai style này cho cùng một thẻ HTML `<H2>`?</p>
<ul>
<li><strong>A. Thêm thuộc tính `class` với cả hai tên lớp cách nhau bằng dấu cách: `<H2 class=</strong></li>
<li>B. Tạo một lớp CSS mới kết hợp cả hai style.</li>
<li>C. Sử dụng thuộc tính `id` cho mỗi style.</li>
<li>D. Không thể áp dụng nhiều lớp cho một phần tử.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 22: Khi thiết kế một website, việc sử dụng các tài nguyên đa phương tiện như hình ảnh và video cần lưu ý điều gì để không ảnh hưởng tiêu cực đến hiệu suất tải trang?</p>
<ul>
<li>A. Sử dụng hình ảnh có độ phân giải cực cao.</li>
<li>B. Nhúng video trực tiếp từ tệp gốc không nén.</li>
<li><strong>C. Tối ưu hóa dung lượng hình ảnh và video trước khi đưa lên website.</strong></li>
<li>D. Đặt tất cả hình ảnh và video vào cùng một thư mục.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 23: Bạn đang sử dụng CSS để định dạng một đoạn văn bản giới thiệu về một câu lạc bộ. Thuộc tính CSS nào cho phép bạn kiểm soát khoảng cách giữa các dòng văn bản?</p>
<ul>
<li>A. `text-spacing`</li>
<li>B. `word-spacing`</li>
<li>C. `letter-spacing`</li>
<li><strong>D. `line-height`</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 24: Để tạo một nút bấm "Đăng ký" trong form HTML, thẻ `<input>` cần có thuộc tính `type` với giá trị nào?</p>
<ul>
<li><strong>A. `submit`</strong></li>
<li>B. `button`</li>
<li>C. `click`</li>
<li>D. `send`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 25: Giả sử bạn có đoạn mã HTML sau: `</p>
<div class=
<ul>
<li>A. Hai cột xếp chồng lên nhau theo chiều dọc.</li>
<li><strong>B. Hai cột có chiều rộng bằng nhau xếp cạnh nhau theo chiều ngang.</strong></li>
<li>C. Chỉ hiển thị "Cột 1", "Cột 2" bị ẩn.</li>
<li>D. Hai cột xếp cạnh nhau nhưng cột 1 rộng hơn cột 2.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 26: Bạn muốn tạo một hiệu ứng khi người dùng rê chuột qua một liên kết điều hướng, màu chữ của liên kết sẽ thay đổi. Pseudo-class (lớp giả) nào trong CSS được sử dụng để định dạng trạng thái khi con trỏ chuột đang ở trên phần tử?</p>
<ul>
<li><strong>C. </strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 27: Khi thiết kế website, việc sử dụng các tiêu đề (`</p>
<h1>`, `</p>
<h2>`, v.v.) và đoạn văn bản (`</p>
<p>`) một cách hợp lý không chỉ giúp trình bày nội dung rõ ràng mà còn có lợi ích quan trọng nào khác?</p>
<ul>
<li>A. Tự động tạo hiệu ứng động cho văn bản.</li>
<li>B. Giảm số lượng tệp HTML cần thiết.</li>
<li>C. Chỉ ảnh hưởng đến màu sắc của văn bản.</li>
<li><strong>D. Cải thiện khả năng đọc, SEO và khả năng tiếp cận.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 28: Bạn đang xem lại mã HTML của trang web và nhận thấy một số thẻ đóng bị thiếu (ví dụ: thiếu `</p></div>
<p>` hoặc `</p>
<p>`). Điều này có thể gây ra vấn đề gì khi hiển thị trang trên trình duyệt?</p>
<ul>
<li><strong>A. Trình duyệt có thể hiển thị sai bố cục hoặc không áp dụng đúng các style CSS.</strong></li>
<li>B. Website sẽ không thể truy cập được.</li>
<li>C. Tốc độ tải trang sẽ nhanh hơn đáng kể.</li>
<li>D. Các liên kết trên trang sẽ ngừng hoạt động.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 29: Khi thiết kế giao diện trang web, việc duy trì khoảng trắng (whitespace) hợp lý giữa các phần tử (văn bản, hình ảnh, khối nội dung) có mục đích chính là gì?</p>
<ul>
<li>A. Làm tăng dung lượng tệp tin CSS.</li>
<li>B. Bắt buộc phải có theo quy định của W3C.</li>
<li><strong>C. Cải thiện khả năng đọc và làm cho bố cục trang trở nên thoáng đãng, dễ nhìn.</strong></li>
<li>D. Làm cho website tải chậm hơn.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 30: Sau khi hoàn thành việc viết mã HTML và CSS cho trang web, bước tiếp theo quan trọng trong quy trình phát triển là gì để đảm bảo website hoạt động tốt trước khi công bố?</p>
<ul>
<li>A. Xóa tất cả các nhận xét (comments) trong mã nguồn.</li>
<li><strong>B. Kiểm thử website trên các trình duyệt và thiết bị khác nhau.</strong></li>
<li>C. Thêm thật nhiều hình ảnh động để trang web sinh động hơn.</li>
<li>D. Chia sẻ mã nguồn lên mạng xã hội.</li>
</ul>
</div>
</div>
<input type='hidden' name='ays_quiz_id' value='33423'/>
<input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-18-thuc-hanh-tong-hop-thiet-ke-trang-web-ket-noi-tri-thuc/'/>
<input type='hidden' name='ays_quiz_questions' value='997739,997740,997741,997742,997743,997744,997745,997746,997747,997748,997749,997750,997751,997752,997753,997754,997755,997756,997757,997758,997759,997760,997761,997762,997763,997764,997765,997766,997767,997768'>
</div>
</div><div class='step '
data-question-id='997739'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>1 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 1: Khi bắt đầu thiết kế một trang web tổng hợp các câu lạc bộ, bước đầu tiên quan trọng nhất theo quy trình phát triển web là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997739]' id='ays-answer-4003549-33423' value='4003549'/>
<label for='ays-answer-4003549-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Viết mã HTML cho trang chủ.</label><label for='ays-answer-4003549-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997739]' id='ays-answer-4003550-33423' value='4003550'/>
<label for='ays-answer-4003550-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Xác định mục đích, đối tượng và lên kế hoạch cấu trúc website.</label><label for='ays-answer-4003550-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997739]' id='ays-answer-4003551-33423' value='4003551'/>
<label for='ays-answer-4003551-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Thiết kế giao diện đồ họa cho trang chủ.</label><label for='ays-answer-4003551-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997739]' id='ays-answer-4003552-33423' value='4003552'/>
<label for='ays-answer-4003552-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Tìm kiếm hình ảnh và video minh họa.</label><label for='ays-answer-4003552-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997739'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzU0OSI6IjAiLCI0MDAzNTUwIjoiMSIsIjQwMDM1NTEiOiIwIiwiNDAwMzU1MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997740'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>2 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 2: Để đảm bảo tất cả các trang trong website có cùng một giao diện và phong cách trình bày (ví dụ: cùng font chữ, màu sắc, bố cục header/footer), phương pháp kỹ thuật CSS hiệu quả nhất là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997740]' id='ays-answer-4003553-33423' value='4003553'/>
<label for='ays-answer-4003553-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Sao chép và dán mã CSS vào thẻ `<style>` trong phần `<head>` của từng tệp HTML.</label><label for='ays-answer-4003553-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997740]' id='ays-answer-4003554-33423' value='4003554'/>
<label for='ays-answer-4003554-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `style` trực tiếp trong từng thẻ HTML.</label><label for='ays-answer-4003554-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997740]' id='ays-answer-4003555-33423' value='4003555'/>
<label for='ays-answer-4003555-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo các tệp CSS riêng biệt cho từng trang và cố gắng sao chép các quy tắc chung.</label><label for='ays-answer-4003555-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997740]' id='ays-answer-4003556-33423' value='4003556'/>
<label for='ays-answer-4003556-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Liên kết tất cả các tệp HTML tới cùng một tệp tin CSS bên ngoài.</label><label for='ays-answer-4003556-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997740'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzU1MyI6IjAiLCI0MDAzNTU0IjoiMCIsIjQwMDM1NTUiOiIwIiwiNDAwMzU1NiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997741'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>3 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 3: Trong cấu trúc HTML cơ bản của một trang web, phần nào chứa tiêu đề hiển thị trên thanh tab của trình duyệt và các liên kết đến tệp CSS bên ngoài?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997741]' id='ays-answer-4003557-33423' value='4003557'/>
<label for='ays-answer-4003557-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<head>`.</label><label for='ays-answer-4003557-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997741]' id='ays-answer-4003558-33423' value='4003558'/>
<label for='ays-answer-4003558-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<body>`.</label><label for='ays-answer-4003558-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997741]' id='ays-answer-4003559-33423' value='4003559'/>
<label for='ays-answer-4003559-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<title>`.</label><label for='ays-answer-4003559-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997741]' id='ays-answer-4003560-33423' value='4003560'/>
<label for='ays-answer-4003560-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<link>`.</label><label for='ays-answer-4003560-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997741'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzU1NyI6IjEiLCI0MDAzNTU4IjoiMCIsIjQwMDM1NTkiOiIwIiwiNDAwMzU2MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997742'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>4 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 4: Giả sử bạn muốn tạo một phần header (đầu trang) trên website bao gồm một khu vực hiển thị logo/banner và một khu vực hiển thị slogan. Bạn nên sử dụng cấu trúc HTML và CSS như thế nào để phân chia hai khu vực này một cách rõ ràng và dễ quản lý?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997742]' id='ays-answer-4003561-33423' value='4003561'/>
<label for='ays-answer-4003561-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt tất cả nội dung banner và slogan trực tiếp vào thẻ `<body>` và sử dụng thuộc tính `style` inline.</label><label for='ays-answer-4003561-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997742]' id='ays-answer-4003562-33423' value='4003562'/>
<label for='ays-answer-4003562-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thẻ `<table>` để tạo hai cột, một cho banner và một cho slogan.</label><label for='ays-answer-4003562-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997742]' id='ays-answer-4003563-33423' value='4003563'/>
<label for='ays-answer-4003563-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng các thẻ `<div>` hoặc ngữ nghĩa để phân chia, sau đó áp dụng các lớp CSS riêng cho từng phần.</label><label for='ays-answer-4003563-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997742]' id='ays-answer-4003564-33423' value='4003564'/>
<label for='ays-answer-4003564-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần đặt nội dung banner và slogan cạnh nhau trong HTML mà không cần thẻ bao ngoài riêng biệt.</label><label for='ays-answer-4003564-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997742'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzU2MSI6IjAiLCI0MDAzNTYyIjoiMCIsIjQwMDM1NjMiOiIxIiwiNDAwMzU2NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997743'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>5 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 5: Bạn muốn hiển thị ba khối nội dung (ví dụ: ba ô giới thiệu câu lạc bộ) trên cùng một hàng và chia đều chiều rộng của khu vực chứa chúng. Trong CSS, thuộc tính `display` nào thường được sử dụng kết hợp với các thuộc tính khác (như `justify-content`, `align-items`) trong thẻ bao ngoài để đạt được bố cục này một cách linh hoạt?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997743]' id='ays-answer-4003565-33423' value='4003565'/>
<label for='ays-answer-4003565-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`display: flex;`</label><label for='ays-answer-4003565-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997743]' id='ays-answer-4003566-33423' value='4003566'/>
<label for='ays-answer-4003566-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`display: block;`</label><label for='ays-answer-4003566-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997743]' id='ays-answer-4003567-33423' value='4003567'/>
<label for='ays-answer-4003567-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`display: inline;`</label><label for='ays-answer-4003567-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997743]' id='ays-answer-4003568-33423' value='4003568'/>
<label for='ays-answer-4003568-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`display: none;`</label><label for='ays-answer-4003568-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997743'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzU2NSI6IjEiLCI0MDAzNTY2IjoiMCIsIjQwMDM1NjciOiIwIiwiNDAwMzU2OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997744'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>6 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 6: Trong trường hợp sử dụng lớp CSS `.row` để chứa các phần tử và làm cho chúng hiển thị theo hàng ngang (ví dụ: sử dụng `display: flex`), vai trò chính của lớp này là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997744]' id='ays-answer-4003569-33423' value='4003569'/>
<label for='ays-answer-4003569-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Định dạng màu nền cho các phần tử con.</label><label for='ays-answer-4003569-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997744]' id='ays-answer-4003570-33423' value='4003570'/>
<label for='ays-answer-4003570-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Thiết lập ngữ cảnh bố cục để các phần tử con được xếp theo hàng ngang.</label><label for='ays-answer-4003570-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997744]' id='ays-answer-4003571-33423' value='4003571'/>
<label for='ays-answer-4003571-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Xác định nội dung văn bản cho các phần tử con.</label><label for='ays-answer-4003571-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997744]' id='ays-answer-4003572-33423' value='4003572'/>
<label for='ays-answer-4003572-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ đơn giản là một tên gọi không có ý nghĩa đặc biệt.</label><label for='ays-answer-4003572-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997744'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzU2OSI6IjAiLCI0MDAzNTcwIjoiMSIsIjQwMDM1NzEiOiIwIiwiNDAwMzU3MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997745'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>7 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 7: Nếu bạn có một lớp CSS tên là `.block-item` được thiết kế để áp dụng cho các khối nội dung riêng lẻ trong một hàng, thuộc tính CSS nào trong lớp này sẽ giúp các khối đó chia đều không gian có sẵn khi được đặt trong một container Flexbox (`display: flex`)?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997745]' id='ays-answer-4003573-33423' value='4003573'/>
<label for='ays-answer-4003573-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`width: 33.33%;`</label><label for='ays-answer-4003573-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997745]' id='ays-answer-4003574-33423' value='4003574'/>
<label for='ays-answer-4003574-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`float: left;`</label><label for='ays-answer-4003574-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997745]' id='ays-answer-4003575-33423' value='4003575'/>
<label for='ays-answer-4003575-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`flex: 1;`</label><label for='ays-answer-4003575-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997745]' id='ays-answer-4003576-33423' value='4003576'/>
<label for='ays-answer-4003576-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`display: inline-block;`</label><label for='ays-answer-4003576-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997745'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzU3MyI6IjAiLCI0MDAzNTc0IjoiMCIsIjQwMDM1NzUiOiIxIiwiNDAwMzU3NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997746'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>8 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 8: Bạn muốn thêm một hình ảnh logo vào phần banner của trang web. Thẻ HTML nào là phù hợp nhất để nhúng một hình ảnh từ một tệp nguồn (ví dụ: `logo.png`)?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997746]' id='ays-answer-4003577-33423' value='4003577'/>
<label for='ays-answer-4003577-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`<img>`</label><label for='ays-answer-4003577-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997746]' id='ays-answer-4003578-33423' value='4003578'/>
<label for='ays-answer-4003578-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`<picture>`</label><label for='ays-answer-4003578-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997746]' id='ays-answer-4003579-33423' value='4003579'/>
<label for='ays-answer-4003579-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`<figure>`</label><label for='ays-answer-4003579-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997746]' id='ays-answer-4003580-33423' value='4003580'/>
<label for='ays-answer-4003580-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`<image>`</label><label for='ays-answer-4003580-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997746'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzU3NyI6IjEiLCI0MDAzNTc4IjoiMCIsIjQwMDM1NzkiOiIwIiwiNDAwMzU4MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997747'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>9 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 9: Để liên kết từ trang chủ (`index.html`) đến trang giới thiệu câu lạc bộ thể thao (`sports.html`), bạn sẽ sử dụng thẻ HTML nào và thuộc tính nào để chỉ định địa chỉ trang đích?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997747]' id='ays-answer-4003581-33423' value='4003581'/>
<label for='ays-answer-4003581-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`<link>` với thuộc tính `target`.</label><label for='ays-answer-4003581-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997747]' id='ays-answer-4003582-33423' value='4003582'/>
<label for='ays-answer-4003582-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`<a>` với thuộc tính `href`.</label><label for='ays-answer-4003582-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997747]' id='ays-answer-4003583-33423' value='4003583'/>
<label for='ays-answer-4003583-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`<nav>` với thuộc tính `link`.</label><label for='ays-answer-4003583-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997747]' id='ays-answer-4003584-33423' value='4003584'/>
<label for='ays-answer-4003584-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`<meta>` với thuộc tính `content`.</label><label for='ays-answer-4003584-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997747'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzU4MSI6IjAiLCI0MDAzNTgyIjoiMSIsIjQwMDM1ODMiOiIwIiwiNDAwMzU4NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997748'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>10 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 10: Website giới thiệu câu lạc bộ cần có một trang riêng để người dùng có thể điền thông tin cá nhân và đăng ký tham gia. Loại phần tử HTML nào là cốt lõi để xây dựng các trường nhập liệu (ví dụ: tên, email, số điện thoại) trên trang đăng ký này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997748]' id='ays-answer-4003585-33423' value='4003585'/>
<label for='ays-answer-4003585-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<table>`.</label><label for='ays-answer-4003585-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997748]' id='ays-answer-4003586-33423' value='4003586'/>
<label for='ays-answer-4003586-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<ul>`.</label><label for='ays-answer-4003586-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997748]' id='ays-answer-4003587-33423' value='4003587'/>
<label for='ays-answer-4003587-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<form>` và `<input>`.</label><label for='ays-answer-4003587-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997748]' id='ays-answer-4003588-33423' value='4003588'/>
<label for='ays-answer-4003588-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<div>` với các thuộc tính `data-*`.</label><label for='ays-answer-4003588-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997748'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzU4NSI6IjAiLCI0MDAzNTg2IjoiMCIsIjQwMDM1ODciOiIxIiwiNDAwMzU4OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997749'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>11 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 11: Giả sử bạn đã định nghĩa một lớp CSS tên là `.highlight` với thuộc tính `color: red;`. Để áp dụng màu đỏ cho một đoạn văn bản cụ thể trong HTML, bạn sẽ thêm thuộc tính nào vào thẻ HTML chứa đoạn văn bản đó?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997749]' id='ays-answer-4003589-33423' value='4003589'/>
<label for='ays-answer-4003589-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`id="highlight"`</label><label for='ays-answer-4003589-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997749]' id='ays-answer-4003590-33423' value='4003590'/>
<label for='ays-answer-4003590-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`style="color: red;"`</label><label for='ays-answer-4003590-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997749]' id='ays-answer-4003591-33423' value='4003591'/>
<label for='ays-answer-4003591-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`name="highlight"`</label><label for='ays-answer-4003591-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997749]' id='ays-answer-4003592-33423' value='4003592'/>
<label for='ays-answer-4003592-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`class="highlight"`</label><label for='ays-answer-4003592-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997749'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzU4OSI6IjAiLCI0MDAzNTkwIjoiMCIsIjQwMDM1OTEiOiIwIiwiNDAwMzU5MiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997750'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>12 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 12: Bạn muốn thêm một hình nền cho phần đầu trang (header) của website. Trong CSS, thuộc tính nào được sử dụng để thiết lập hình ảnh làm nền cho một phần tử HTML?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997750]' id='ays-answer-4003593-33423' value='4003593'/>
<label for='ays-answer-4003593-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`background-image`</label><label for='ays-answer-4003593-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997750]' id='ays-answer-4003594-33423' value='4003594'/>
<label for='ays-answer-4003594-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`src`</label><label for='ays-answer-4003594-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997750]' id='ays-answer-4003595-33423' value='4003595'/>
<label for='ays-answer-4003595-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`list-style-image`</label><label for='ays-answer-4003595-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997750]' id='ays-answer-4003596-33423' value='4003596'/>
<label for='ays-answer-4003596-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`border-image`</label><label for='ays-answer-4003596-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997750'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzU5MyI6IjEiLCI0MDAzNTk0IjoiMCIsIjQwMDM1OTUiOiIwIiwiNDAwMzU5NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997751'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>13 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 13: Việc đặt các phần tử có liên quan (ví dụ: logo, tên website, slogan) vào chung một khu vực đầu trang (header) trong thiết kế web mang lại lợi ích chính nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997751]' id='ays-answer-4003597-33423' value='4003597'/>
<label for='ays-answer-4003597-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Giảm dung lượng tệp tin CSS.</label><label for='ays-answer-4003597-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997751]' id='ays-answer-4003598-33423' value='4003598'/>
<label for='ays-answer-4003598-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng tính nhận diện và giúp người dùng dễ dàng định vị thông tin cốt lõi.</label><label for='ays-answer-4003598-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997751]' id='ays-answer-4003599-33423' value='4003599'/>
<label for='ays-answer-4003599-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động làm cho website tương thích trên mọi thiết bị.</label><label for='ays-answer-4003599-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997751]' id='ays-answer-4003600-33423' value='4003600'/>
<label for='ays-answer-4003600-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Bắt buộc phải có để website hoạt động.</label><label for='ays-answer-4003600-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997751'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzU5NyI6IjAiLCI0MDAzNTk4IjoiMSIsIjQwMDM1OTkiOiIwIiwiNDAwMzYwMCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997752'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>14 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 14: Bạn muốn tạo một menu điều hướng chính cho website, cho phép người dùng dễ dàng truy cập các trang khác như Trang chủ, Giới thiệu, Đăng ký. Cấu trúc HTML ngữ nghĩa nào thường được sử dụng để bao bọc một nhóm các liên kết điều hướng?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997752]' id='ays-answer-4003601-33423' value='4003601'/>
<label for='ays-answer-4003601-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`<nav>`</label><label for='ays-answer-4003601-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997752]' id='ays-answer-4003602-33423' value='4003602'/>
<label for='ays-answer-4003602-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`<section>`</label><label for='ays-answer-4003602-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997752]' id='ays-answer-4003603-33423' value='4003603'/>
<label for='ays-answer-4003603-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`<aside>`</label><label for='ays-answer-4003603-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997752]' id='ays-answer-4003604-33423' value='4003604'/>
<label for='ays-answer-4003604-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`<footer>`</label><label for='ays-answer-4003604-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997752'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzYwMSI6IjEiLCI0MDAzNjAyIjoiMCIsIjQwMDM2MDMiOiIwIiwiNDAwMzYwNCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997753'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>15 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 15: Khi thiết kế một trang web, việc sử dụng màu sắc và font chữ nhất quán trên tất cả các trang mang lại lợi ích gì về mặt trải nghiệm người dùng và nhận diện thương hiệu?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997753]' id='ays-answer-4003605-33423' value='4003605'/>
<label for='ays-answer-4003605-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ giúp website tải nhanh hơn.</label><label for='ays-answer-4003605-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997753]' id='ays-answer-4003606-33423' value='4003606'/>
<label for='ays-answer-4003606-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho website trông phức tạp hơn.</label><label for='ays-answer-4003606-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997753]' id='ays-answer-4003607-33423' value='4003607'/>
<label for='ays-answer-4003607-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Bắt buộc phải sử dụng duy nhất một font chữ và hai màu sắc.</label><label for='ays-answer-4003607-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997753]' id='ays-answer-4003608-33423' value='4003608'/>
<label for='ays-answer-4003608-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo sự nhất quán về giao diện, tăng tính chuyên nghiệp và nhận diện thương hiệu.</label><label for='ays-answer-4003608-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997753'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzYwNSI6IjAiLCI0MDAzNjA2IjoiMCIsIjQwMDM2MDciOiIwIiwiNDAwMzYwOCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997754'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>16 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 16: Giả sử bạn cần tạo một danh sách các câu lạc bộ (ví dụ: Bóng đá, Bóng rổ, Cờ vua). Loại danh sách HTML nào phù hợp nhất để hiển thị các mục này mà không cần đánh số thứ tự?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997754]' id='ays-answer-4003609-33423' value='4003609'/>
<label for='ays-answer-4003609-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Danh sách không có thứ tự (`<ul>`).</label><label for='ays-answer-4003609-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997754]' id='ays-answer-4003610-33423' value='4003610'/>
<label for='ays-answer-4003610-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Danh sách có thứ tự (`<ol>`).</label><label for='ays-answer-4003610-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997754]' id='ays-answer-4003611-33423' value='4003611'/>
<label for='ays-answer-4003611-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Danh sách định nghĩa (`<dl>`).</label><label for='ays-answer-4003611-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997754]' id='ays-answer-4003612-33423' value='4003612'/>
<label for='ays-answer-4003612-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Danh sách menu (`<menu>`).</label><label for='ays-answer-4003612-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997754'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzYwOSI6IjEiLCI0MDAzNjEwIjoiMCIsIjQwMDM2MTEiOiIwIiwiNDAwMzYxMiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997755'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>17 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 17: Khi thiết kế bố cục hai cột (ví dụ: cột bên trái cho menu, cột bên phải cho nội dung chính), ngoài Flexbox, một kỹ thuật CSS truyền thống nào vẫn có thể được sử dụng, mặc dù có thể kém linh hoạt hơn?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997755]' id='ays-answer-4003613-33423' value='4003613'/>
<label for='ays-answer-4003613-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`position: absolute;`</label><label for='ays-answer-4003613-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997755]' id='ays-answer-4003614-33423' value='4003614'/>
<label for='ays-answer-4003614-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`display: grid;`</label><label for='ays-answer-4003614-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997755]' id='ays-answer-4003615-33423' value='4003615'/>
<label for='ays-answer-4003615-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`float;`</label><label for='ays-answer-4003615-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997755]' id='ays-answer-4003616-33423' value='4003616'/>
<label for='ays-answer-4003616-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`transform: translate();`</label><label for='ays-answer-4003616-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997755'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzYxMyI6IjAiLCI0MDAzNjE0IjoiMCIsIjQwMDM2MTUiOiIxIiwiNDAwMzYxNiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997756'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>18 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 18: Giả sử bạn đã tạo một tệp CSS (`style.css`) và liên kết nó với tệp HTML (`index.html`). Tuy nhiên, các style trong CSS không được áp dụng. Nguyên nhân phổ biến nhất có thể là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997756]' id='ays-answer-4003617-33423' value='4003617'/>
<label for='ays-answer-4003617-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Tệp HTML quá lớn.</label><label for='ays-answer-4003617-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997756]' id='ays-answer-4003618-33423' value='4003618'/>
<label for='ays-answer-4003618-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Đường dẫn đến tệp CSS trong thẻ `<link>` bị sai.</label><label for='ays-answer-4003618-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997756]' id='ays-answer-4003619-33423' value='4003619'/>
<label for='ays-answer-4003619-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Trình duyệt không hỗ trợ CSS.</label><label for='ays-answer-4003619-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997756]' id='ays-answer-4003620-33423' value='4003620'/>
<label for='ays-answer-4003620-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Bạn quên đóng thẻ `<body>`.</label><label for='ays-answer-4003620-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997756'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzYxNyI6IjAiLCI0MDAzNjE4IjoiMSIsIjQwMDM2MTkiOiIwIiwiNDAwMzYyMCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997757'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>19 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 19: Trong CSS, sự khác biệt cơ bản giữa bộ chọn (selector) lớp (class, bắt đầu bằng `.`) và bộ chọn ID (bắt đầu bằng `#`) là gì về mục đích sử dụng?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997757]' id='ays-answer-4003621-33423' value='4003621'/>
<label for='ays-answer-4003621-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp dùng cho nhiều phần tử, bộ chọn ID dùng cho một phần tử duy nhất.</label><label for='ays-answer-4003621-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997757]' id='ays-answer-4003622-33423' value='4003622'/>
<label for='ays-answer-4003622-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp ưu tiên hơn bộ chọn ID.</label><label for='ays-answer-4003622-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997757]' id='ays-answer-4003623-33423' value='4003623'/>
<label for='ays-answer-4003623-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn ID chỉ dùng cho văn bản, bộ chọn lớp dùng cho hình ảnh.</label><label for='ays-answer-4003623-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997757]' id='ays-answer-4003624-33423' value='4003624'/>
<label for='ays-answer-4003624-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Không có sự khác biệt đáng kể, chúng có thể dùng thay thế cho nhau.</label><label for='ays-answer-4003624-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997757'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzYyMSI6IjEiLCI0MDAzNjIyIjoiMCIsIjQwMDM2MjMiOiIwIiwiNDAwMzYyNCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997758'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>20 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 20: Khi thiết kế phần cuối trang (footer) của website, nội dung nào thường được đặt ở khu vực này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997758]' id='ays-answer-4003625-33423' value='4003625'/>
<label for='ays-answer-4003625-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Nội dung chính và các hình ảnh lớn.</label><label for='ays-answer-4003625-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997758]' id='ays-answer-4003626-33423' value='4003626'/>
<label for='ays-answer-4003626-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Tiêu đề website và slogan.</label><label for='ays-answer-4003626-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997758]' id='ays-answer-4003627-33423' value='4003627'/>
<label for='ays-answer-4003627-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Thông tin liên hệ, bản quyền và các liên kết phụ.</label><label for='ays-answer-4003627-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997758]' id='ays-answer-4003628-33423' value='4003628'/>
<label for='ays-answer-4003628-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Menu điều hướng chính.</label><label for='ays-answer-4003628-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997758'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzYyNSI6IjAiLCI0MDAzNjI2IjoiMCIsIjQwMDM2MjciOiIxIiwiNDAwMzYyOCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997759'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>21 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 21: Bạn muốn làm nổi bật một tiêu đề trên trang chủ bằng cả màu sắc và cỡ chữ đặc biệt. Bạn đã có các lớp CSS `.text-large` và `.color-accent`. Làm thế nào để áp dụng cả hai style này cho cùng một thẻ HTML `<H2>`?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997759]' id='ays-answer-4003629-33423' value='4003629'/>
<label for='ays-answer-4003629-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Thêm thuộc tính `class` với cả hai tên lớp cách nhau bằng dấu cách: `<H2 class="text-large color-accent">`.</label><label for='ays-answer-4003629-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997759]' id='ays-answer-4003630-33423' value='4003630'/>
<label for='ays-answer-4003630-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo một lớp CSS mới kết hợp cả hai style.</label><label for='ays-answer-4003630-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997759]' id='ays-answer-4003631-33423' value='4003631'/>
<label for='ays-answer-4003631-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `id` cho mỗi style.</label><label for='ays-answer-4003631-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997759]' id='ays-answer-4003632-33423' value='4003632'/>
<label for='ays-answer-4003632-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Không thể áp dụng nhiều lớp cho một phần tử.</label><label for='ays-answer-4003632-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997759'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzYyOSI6IjEiLCI0MDAzNjMwIjoiMCIsIjQwMDM2MzEiOiIwIiwiNDAwMzYzMiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997760'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>22 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 22: Khi thiết kế một website, việc sử dụng các tài nguyên đa phương tiện như hình ảnh và video cần lưu ý điều gì để không ảnh hưởng tiêu cực đến hiệu suất tải trang?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997760]' id='ays-answer-4003633-33423' value='4003633'/>
<label for='ays-answer-4003633-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng hình ảnh có độ phân giải cực cao.</label><label for='ays-answer-4003633-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997760]' id='ays-answer-4003634-33423' value='4003634'/>
<label for='ays-answer-4003634-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Nhúng video trực tiếp từ tệp gốc không nén.</label><label for='ays-answer-4003634-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997760]' id='ays-answer-4003635-33423' value='4003635'/>
<label for='ays-answer-4003635-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Tối ưu hóa dung lượng hình ảnh và video trước khi đưa lên website.</label><label for='ays-answer-4003635-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997760]' id='ays-answer-4003636-33423' value='4003636'/>
<label for='ays-answer-4003636-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt tất cả hình ảnh và video vào cùng một thư mục.</label><label for='ays-answer-4003636-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997760'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzYzMyI6IjAiLCI0MDAzNjM0IjoiMCIsIjQwMDM2MzUiOiIxIiwiNDAwMzYzNiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997761'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>23 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 23: Bạn đang sử dụng CSS để định dạng một đoạn văn bản giới thiệu về một câu lạc bộ. Thuộc tính CSS nào cho phép bạn kiểm soát khoảng cách giữa các dòng văn bản?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997761]' id='ays-answer-4003637-33423' value='4003637'/>
<label for='ays-answer-4003637-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`text-spacing`</label><label for='ays-answer-4003637-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997761]' id='ays-answer-4003638-33423' value='4003638'/>
<label for='ays-answer-4003638-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`word-spacing`</label><label for='ays-answer-4003638-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997761]' id='ays-answer-4003639-33423' value='4003639'/>
<label for='ays-answer-4003639-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`letter-spacing`</label><label for='ays-answer-4003639-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997761]' id='ays-answer-4003640-33423' value='4003640'/>
<label for='ays-answer-4003640-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`line-height`</label><label for='ays-answer-4003640-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997761'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzYzNyI6IjAiLCI0MDAzNjM4IjoiMCIsIjQwMDM2MzkiOiIwIiwiNDAwMzY0MCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997762'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>24 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 24: Để tạo một nút bấm 'Đăng ký' trong form HTML, thẻ `<input>` cần có thuộc tính `type` với giá trị nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997762]' id='ays-answer-4003641-33423' value='4003641'/>
<label for='ays-answer-4003641-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`submit`</label><label for='ays-answer-4003641-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997762]' id='ays-answer-4003642-33423' value='4003642'/>
<label for='ays-answer-4003642-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`button`</label><label for='ays-answer-4003642-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997762]' id='ays-answer-4003643-33423' value='4003643'/>
<label for='ays-answer-4003643-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`click`</label><label for='ays-answer-4003643-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997762]' id='ays-answer-4003644-33423' value='4003644'/>
<label for='ays-answer-4003644-33423' class=' ays_position_initial ays-quiz-keyboard-label'>`send`</label><label for='ays-answer-4003644-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997762'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzY0MSI6IjEiLCI0MDAzNjQyIjoiMCIsIjQwMDM2NDMiOiIwIiwiNDAwMzY0NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997763'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>25 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 25: Giả sử bạn có đoạn mã HTML sau: `</p>
<div class="row">
<div class="col">Cột 1</div>
<div class="col">Cột 2</div>
</div>
<p>`. Nếu lớp `.row` có `display: flex;` và lớp `.col` có `flex: 1;`, bố cục hiển thị trên trình duyệt sẽ như thế nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997763]' id='ays-answer-4003645-33423' value='4003645'/>
<label for='ays-answer-4003645-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Hai cột xếp chồng lên nhau theo chiều dọc.</label><label for='ays-answer-4003645-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997763]' id='ays-answer-4003646-33423' value='4003646'/>
<label for='ays-answer-4003646-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Hai cột có chiều rộng bằng nhau xếp cạnh nhau theo chiều ngang.</label><label for='ays-answer-4003646-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997763]' id='ays-answer-4003647-33423' value='4003647'/>
<label for='ays-answer-4003647-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ hiển thị 'Cột 1', 'Cột 2' bị ẩn.</label><label for='ays-answer-4003647-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997763]' id='ays-answer-4003648-33423' value='4003648'/>
<label for='ays-answer-4003648-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Hai cột xếp cạnh nhau nhưng cột 1 rộng hơn cột 2.</label><label for='ays-answer-4003648-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997763'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzY0NSI6IjAiLCI0MDAzNjQ2IjoiMSIsIjQwMDM2NDciOiIwIiwiNDAwMzY0OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997764'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>26 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 26: Bạn muốn tạo một hiệu ứng khi người dùng rê chuột qua một liên kết điều hướng, màu chữ của liên kết sẽ thay đổi. Pseudo-class (lớp giả) nào trong CSS được sử dụng để định dạng trạng thái khi con trỏ chuột đang ở trên phần tử?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997764'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997765'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>27 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 27: Khi thiết kế website, việc sử dụng các tiêu đề (`</p>
<h1>`, `</p>
<h2>`, v.v.) và đoạn văn bản (`</p>
<p>`) một cách hợp lý không chỉ giúp trình bày nội dung rõ ràng mà còn có lợi ích quan trọng nào khác?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997765]' id='ays-answer-4003649-33423' value='4003649'/>
<label for='ays-answer-4003649-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động tạo hiệu ứng động cho văn bản.</label><label for='ays-answer-4003649-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997765]' id='ays-answer-4003650-33423' value='4003650'/>
<label for='ays-answer-4003650-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Giảm số lượng tệp HTML cần thiết.</label><label for='ays-answer-4003650-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997765]' id='ays-answer-4003651-33423' value='4003651'/>
<label for='ays-answer-4003651-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ ảnh hưởng đến màu sắc của văn bản.</label><label for='ays-answer-4003651-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997765]' id='ays-answer-4003652-33423' value='4003652'/>
<label for='ays-answer-4003652-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Cải thiện khả năng đọc, SEO và khả năng tiếp cận.</label><label for='ays-answer-4003652-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997765'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzY0OSI6IjAiLCI0MDAzNjUwIjoiMCIsIjQwMDM2NTEiOiIwIiwiNDAwMzY1MiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997766'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>28 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 28: Bạn đang xem lại mã HTML của trang web và nhận thấy một số thẻ đóng bị thiếu (ví dụ: thiếu `</p></div>
<p>` hoặc `</p>
<p>`). Điều này có thể gây ra vấn đề gì khi hiển thị trang trên trình duyệt?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997766]' id='ays-answer-4003653-33423' value='4003653'/>
<label for='ays-answer-4003653-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Trình duyệt có thể hiển thị sai bố cục hoặc không áp dụng đúng các style CSS.</label><label for='ays-answer-4003653-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997766]' id='ays-answer-4003654-33423' value='4003654'/>
<label for='ays-answer-4003654-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Website sẽ không thể truy cập được.</label><label for='ays-answer-4003654-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997766]' id='ays-answer-4003655-33423' value='4003655'/>
<label for='ays-answer-4003655-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Tốc độ tải trang sẽ nhanh hơn đáng kể.</label><label for='ays-answer-4003655-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997766]' id='ays-answer-4003656-33423' value='4003656'/>
<label for='ays-answer-4003656-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Các liên kết trên trang sẽ ngừng hoạt động.</label><label for='ays-answer-4003656-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997766'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzY1MyI6IjEiLCI0MDAzNjU0IjoiMCIsIjQwMDM2NTUiOiIwIiwiNDAwMzY1NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997767'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>29 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 29: Khi thiết kế giao diện trang web, việc duy trì khoảng trắng (whitespace) hợp lý giữa các phần tử (văn bản, hình ảnh, khối nội dung) có mục đích chính là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997767]' id='ays-answer-4003657-33423' value='4003657'/>
<label for='ays-answer-4003657-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Làm tăng dung lượng tệp tin CSS.</label><label for='ays-answer-4003657-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997767]' id='ays-answer-4003658-33423' value='4003658'/>
<label for='ays-answer-4003658-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Bắt buộc phải có theo quy định của W3C.</label><label for='ays-answer-4003658-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997767]' id='ays-answer-4003659-33423' value='4003659'/>
<label for='ays-answer-4003659-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Cải thiện khả năng đọc và làm cho bố cục trang trở nên thoáng đãng, dễ nhìn.</label><label for='ays-answer-4003659-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997767]' id='ays-answer-4003660-33423' value='4003660'/>
<label for='ays-answer-4003660-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho website tải chậm hơn.</label><label for='ays-answer-4003660-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997767'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzY1NyI6IjAiLCI0MDAzNjU4IjoiMCIsIjQwMDM2NTkiOiIxIiwiNDAwMzY2MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='997768'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>30 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 07</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 30: Sau khi hoàn thành việc viết mã HTML và CSS cho trang web, bước tiếp theo quan trọng trong quy trình phát triển là gì để đảm bảo website hoạt động tốt trước khi công bố?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997768]' id='ays-answer-4003661-33423' value='4003661'/>
<label for='ays-answer-4003661-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Xóa tất cả các nhận xét (comments) trong mã nguồn.</label><label for='ays-answer-4003661-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997768]' id='ays-answer-4003662-33423' value='4003662'/>
<label for='ays-answer-4003662-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Kiểm thử website trên các trình duyệt và thiết bị khác nhau.</label><label for='ays-answer-4003662-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997768]' id='ays-answer-4003663-33423' value='4003663'/>
<label for='ays-answer-4003663-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Thêm thật nhiều hình ảnh động để trang web sinh động hơn.</label><label for='ays-answer-4003663-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-997768]' id='ays-answer-4003664-33423' value='4003664'/>
<label for='ays-answer-4003664-33423' class=' ays_position_initial ays-quiz-keyboard-label'>Chia sẻ mã nguồn lên mạng xã hội.</label><label for='ays-answer-4003664-33423' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_33423 === 'undefined'){
window.quizOptions_33423 = [];
}
window.quizOptions_33423['997768'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMzY2MSI6IjAiLCI0MDAzNjYyIjoiMSIsIjQwMDM2NjMiOiIwIiwiNDAwMzY2NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/>
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step ays_thank_you_fs'>
<div class='ays-abs-fs ays-end-page'>
<div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-33423 * { box-sizing: border-box; } #ays-quiz-container-33423 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-33423 #ays_finish_quiz_33423 { } /* Styles for Quiz container */ #ays-quiz-container-33423{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-33423 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-33423 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-33423 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-33423 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-33423 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-33423 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-33423 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-33423 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-33423.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-33423.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-33423 #ays_finish_quiz_33423 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-33423.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-33423.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-33423.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-33423.ays-quiz-container .ays-questions-container p, #ays-quiz-container-33423.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-33423.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-33423.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-33423.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-33423.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-33423.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-33423.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-33423.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-33423.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-33423 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-33423 .ays-quiz-password-message-box, #ays-quiz-container-33423 .ays-quiz-question-note-message-box, #ays-quiz-container-33423 .ays_quiz_question, #ays-quiz-container-33423 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-33423 textarea, #ays-quiz-container-33423 input::first-letter, #ays-quiz-container-33423 select::first-letter, #ays-quiz-container-33423 option::first-letter { color: initial !important; } #ays-quiz-container-33423 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-33423 .select2-container, #ays-quiz-container-33423 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-33423 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-33423 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-33423 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-33423 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-33423 .ays-questions-container .ays-field, div#ays-quiz-container-33423 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-33423 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-33423 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-33423 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-33423 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-33423 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-33423 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-33423 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-33423 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-33423 .information_form input[type='text'], #ays-quiz-container-33423 .information_form input[type='url'], #ays-quiz-container-33423 .information_form input[type='number'], #ays-quiz-container-33423 .information_form input[type='email'], #ays-quiz-container-33423 .information_form input[type='tel'], #ays-quiz-container-33423 .information_form textarea, #ays-quiz-container-33423 .information_form select, #ays-quiz-container-33423 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-33423 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-33423 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-33423 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-33423 .right_answer_text{ color:#33cc33; } #ays-quiz-container-33423 .right_answer_text p { font-size:16px; } #ays-quiz-container-33423 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-33423 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-33423 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-33423 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-33423 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-33423 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-33423 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-33423 .ays_cb_and_a, #ays-quiz-container-33423 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-33423 iframe { /*min-height: 450px;*/ } #ays-quiz-container-33423 label.ays_for_checkbox, #ays-quiz-container-33423 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-33423 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-33423 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-33423 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-33423 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-33423 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-33423 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-33423 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-33423 div.lds-spinner, #ays-quiz-container-33423 div.lds-spinner2 { color: #000000; } #ays-quiz-container-33423 div.lds-spinner div:after, #ays-quiz-container-33423 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-33423 .lds-circle, #ays-quiz-container-33423 .lds-facebook div, #ays-quiz-container-33423 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-33423 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-33423 .lds-dual-ring::after, #ays-quiz-container-33423 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-33423 .ui.rating .icon, #ays-quiz-container-33423 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-33423 #ays_finish_quiz_33423 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-33423 #ays_finish_quiz_33423 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-33423 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-33423 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-33423 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-33423 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-33423 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-33423 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-33423 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-33423 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-33423 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-33423 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-33423 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-33423 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-33423 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-33423 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-33423 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-33423 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-33423 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-33423 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-33423 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-33423 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-33423 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-33423 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-33423 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-33423 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-33423 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-33423 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-33423 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-33423 div.ays-quiz-redirection-timer, #ays-quiz-container-33423 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-33423 div.ays-quiz-after-timer * , #ays-quiz-container-33423 div.ays-quiz-redirection-timer *, #ays-quiz-container-33423 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-33423 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-33423 input#ays-submit, #ays-quiz-container-33423 #ays_finish_quiz_33423 .action-button, #ays-quiz-container-33423 #ays_finish_quiz_33423 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-33423 #ays_finish_quiz_33423 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-33423 #ays_finish_quiz_33423 .action-button.ays_restart_button, #ays-quiz-container-33423 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-33423 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-33423 input#ays-submit, #ays-quiz-container-33423 #ays_finish_quiz_33423 input.action-button, #ays-quiz-container-33423 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-33423 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-33423 #ays_finish_quiz_33423 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-33423 #ays_finish_quiz_33423 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-33423 #ays_finish_quiz_33423 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-33423 input#ays-submit:hover, #ays-quiz-container-33423 input#ays-submit:focus, #ays-quiz-container-33423 #ays_finish_quiz_33423 .action-button:hover, #ays-quiz-container-33423 #ays_finish_quiz_33423 .action-button:focus, #ays-quiz-container-33423 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-33423 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-33423 .ays_restart_button { color: #ffffff; } #ays-quiz-container-33423 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-33423 .ays_buttons_div { justify-content: center; } #ays-quiz-container-33423 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-33423 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-33423 input[type='button'], #ays-quiz-container-33423 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-33423 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-33423 input[type='button']:focus-visible, div#ays-quiz-container-33423 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-33423 #ays_finish_quiz_33423 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-33423 #ays_finish_quiz_33423 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-33423 #ays_finish_quiz_33423 i.ays_early_finish.action-button[disabled], #ays-quiz-container-33423 #ays_finish_quiz_33423 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-33423 #ays_finish_quiz_33423 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-33423 #ays_finish_quiz_33423 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-33423 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-33423 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-33423 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-33423.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-33423 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-33423 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-33423 #ays_finish_quiz_33423 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-33423 #ays_finish_quiz_33423 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-33423 #ays_finish_quiz_33423 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-33423 #ays_finish_quiz_33423 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-33423 #ays_finish_quiz_33423 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-33423 #ays_finish_quiz_33423 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-33423 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-33423 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-33423 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-33423 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-33423 #ays_finish_quiz_33423 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-33423 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-33423 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-33423 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-33423 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-33423 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-33423 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-33423 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-33423 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-33423 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-33423 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-33423 #ays_finish_quiz_33423 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-33423 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-33423 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-33423 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-33423 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-33423 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-33423 .ays-field .select2-container--default, #ays-quiz-container-33423 .ays-field .select2-container--default .selection, #ays-quiz-container-33423 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-33423 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-33423 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-33423 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-33423 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-33423 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-33423 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-33423 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-33423 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-33423 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-33423 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-33423 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-33423 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-33423 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-33423 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-33423 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-33423 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-33423 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-33423 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-33423 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-33423 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-33423 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-33423 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-33423 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-33423.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-33423.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-33423 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-33423 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-33423 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-33423 label[for^='ays-answer']:before, #ays-quiz-container-33423 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-33423 .ays_question_report { text-align: right; } div#ays-quiz-container-33423 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-33423 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-33423.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-33423.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-33423.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-33423.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-33423.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-33423.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-33423 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-33423.ays_quiz_classic_dark .correct_div, #ays-quiz-container-33423.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-33423.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-33423.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-33423.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-33423.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-33423.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-33423.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-33423 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-33423 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-33423 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-33423 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-33423 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-33423 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-33423 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-33423 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-33423 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-33423.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-33423.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-33423 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-33423 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-33423 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-33423 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-33423 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-33423 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-33423 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-33423 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-33423 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-33423 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-33423 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-33423 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-33423 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-33423 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-33423 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-33423 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-33423 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-33423 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-33423 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-33423 .ays-quiz-personality-result-box div:before, #ays-quiz-container-33423 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-33423 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-33423 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-33423 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-33423 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-33423 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-33423 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-33423 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-33423 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-33423 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-33423 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-33423 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-33423 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-33423 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-33423{ max-width: 100%; } div#ays-quiz-container-33423 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-33423.ays_quiz_modern_light .step, div#ays-quiz-container-33423.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-33423.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-33423.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-33423.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-33423.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-33423 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-33423 .select2-container, div#ays-quiz-container-33423 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-33423 input#ays-submit, div#ays-quiz-container-33423 #ays_finish_quiz_33423 .action-button, div#ays-quiz-container-33423 #ays_finish_quiz_33423 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-33423 #ays_finish_quiz_33423 .action-button.ays_restart_button, #ays-quiz-container-33423 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-33423 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-33423 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-33423 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-33423 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-33423 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-33423 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-33423 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-33423 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-33423 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style>
<style>
#ays-quiz-container-33423 p {
margin: 0.625em;
}
#ays-quiz-container-33423.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label,
#ays-quiz-container-33423.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label {
/* background-color: transparent; */
}
#ays-quiz-container-33423 .ays-field.checked_answer_div input:checked~label {
background-color: rgba(93,108,249,0.6);
}
#ays-quiz-container-33423.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'],
#ays-quiz-container-33423 .ays-field:hover{
background: rgba(93,108,249,0.8);
color: #fff;
transition: all .3s;
}
#ays-quiz-container-33423 #ays_finish_quiz_33423 .action-button:hover,
#ays-quiz-container-33423 #ays_finish_quiz_33423 .action-button:focus,
#ays-quiz-container-33423 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover,
#ays-quiz-container-33423 .ays-quiz-category-selective-submit-bttn:focus {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff;
background: #5d6cf9;
}
</style><script>
if(typeof aysQuizOptions === 'undefined'){
var aysQuizOptions = [];
}
aysQuizOptions['33423'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzMzQyMyIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDA3IiwiZGVzY3JpcHRpb24iOiI8cD48c3Ryb25nPkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDA3PFwvc3Ryb25nPiBcdTAxMTFcdTAxYjBcdTFlZTNjIHhcdTAwZTJ5IGRcdTFlZjFuZyB2XHUxZWRiaSBuaGlcdTFlYzF1IGNcdTAwZTJ1IGhcdTFlY2ZpIGNoXHUxZWE1dCBsXHUwMWIwXHUxZWUzbmcsIHNcdTAwZTF0IHZcdTFlZGJpIG5cdTFlZDlpIGR1bmcgY2hcdTAxYjBcdTAxYTFuZyB0clx1MDBlY25oIGhcdTFlY2RjLCBnaVx1MDBmYXAgYlx1MWVhMW4gZFx1MWVjNSBkXHUwMGUwbmcgXHUwMGY0biB0XHUxZWFkcCB2XHUwMGUwIGtpXHUxZWMzbSB0cmEga2lcdTFlYmZuIHRoXHUxZWU5YyBoaVx1MWVjN3UgcXVcdTFlYTMuIEhcdTAwZTN5IGNcdTAwZjluZyBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1IGxcdTAwZTBtIGJcdTAwZTBpIHRcdTFlYWRwIHRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBuZ2F5IFx1MDExMVx1MWVjMyBuXHUwMGUybmcgY2FvIGhpXHUxZWMzdSBiaVx1MWViZnQgdlx1MDBlMCBjaHVcdTFlYTluIGJcdTFlY2IgdFx1MWVkMXQgY2hvIGtcdTFlZjMgdGhpIHNcdTFlYWZwIHRcdTFlZGJpITxcL3A+XHJcblxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE6IEtoaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1IHRoaVx1MWViZnQga1x1MWViZiBtXHUxZWQ5dCB0cmFuZyB3ZWIgdFx1MWVkNW5nIGhcdTFlZTNwIGNcdTAwZTFjIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDksIGJcdTAxYjBcdTFlZGJjIFx1MDExMVx1MWVhN3UgdGlcdTAwZWFuIHF1YW4gdHJcdTFlY2RuZyBuaFx1MWVhNXQgdGhlbyBxdXkgdHJcdTAwZWNuaCBwaFx1MDBlMXQgdHJpXHUxZWMzbiB3ZWIgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiBWaVx1MWViZnQgbVx1MDBlMyBIVE1MIGNobyB0cmFuZyBjaFx1MWVlNy48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gWFx1MDBlMWMgXHUwMTExXHUxZWNibmggbVx1MWVlNWMgXHUwMTExXHUwMGVkY2gsIFx1MDExMVx1MWVkMWkgdFx1MDFiMFx1MWVlM25nIHZcdTAwZTAgbFx1MDBlYW4ga1x1MWViZiBob1x1MWVhMWNoIGNcdTFlYTV1IHRyXHUwMGZhYyB3ZWJzaXRlLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIFRoaVx1MWViZnQga1x1MWViZiBnaWFvIGRpXHUxZWM3biBcdTAxMTFcdTFlZDMgaFx1MWVjZGEgY2hvIHRyYW5nIGNoXHUxZWU3LjxcL2xpPlxyXG48bGk+RC4gVFx1MDBlY20ga2lcdTFlYmZtIGhcdTAwZWNuaCBcdTFlYTNuaCB2XHUwMGUwIHZpZGVvIG1pbmggaFx1MWVjZGEuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjogXHUwMTEwXHUxZWMzIFx1MDExMVx1MWVhM20gYlx1MWVhM28gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0cmFuZyB0cm9uZyB3ZWJzaXRlIGNcdTAwZjMgY1x1MDBmOW5nIG1cdTFlZDl0IGdpYW8gZGlcdTFlYzduIHZcdTAwZTAgcGhvbmcgY1x1MDBlMWNoIHRyXHUwMGVjbmggYlx1MDBlMHkgKHZcdTAwZWQgZFx1MWVlNTogY1x1MDBmOW5nIGZvbnQgY2hcdTFlZWYsIG1cdTAwZTB1IHNcdTFlYWZjLCBiXHUxZWQxIGNcdTFlZTVjIGhlYWRlclwvZm9vdGVyKSwgcGhcdTAxYjBcdTAxYTFuZyBwaFx1MDBlMXAga1x1MWVmOSB0aHVcdTFlYWR0IENTUyBoaVx1MWVjN3UgcXVcdTFlYTMgbmhcdTFlYTV0IGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gU2FvIGNoXHUwMGU5cCB2XHUwMGUwIGRcdTAwZTFuIG1cdTAwZTMgQ1NTIHZcdTAwZTBvIHRoXHUxZWJiIGA8c3R5bGU+YCB0cm9uZyBwaFx1MWVhN24gYDxoZWFkPmAgY1x1MWVlN2EgdFx1MWVlYm5nIHRcdTFlYzdwIEhUTUwuPFwvbGk+XHJcbjxsaT5CLiBTXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgc3R5bGVgIHRyXHUxZWYxYyB0aVx1MWViZnAgdHJvbmcgdFx1MWVlYm5nIHRoXHUxZWJiIEhUTUwuPFwvbGk+XHJcbjxsaT5DLiBUXHUxZWExbyBjXHUwMGUxYyB0XHUxZWM3cCBDU1MgcmlcdTAwZWFuZyBiaVx1MWVjN3QgY2hvIHRcdTFlZWJuZyB0cmFuZyB2XHUwMGUwIGNcdTFlZDEgZ1x1MWVhZm5nIHNhbyBjaFx1MDBlOXAgY1x1MDBlMWMgcXV5IHRcdTFlYWZjIGNodW5nLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBMaVx1MDBlYW4ga1x1MWViZnQgdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0XHUxZWM3cCBIVE1MIHRcdTFlZGJpIGNcdTAwZjluZyBtXHUxZWQ5dCB0XHUxZWM3cCB0aW4gQ1NTIGJcdTAwZWFuIG5nb1x1MDBlMGkuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDM6IFRyb25nIGNcdTFlYTV1IHRyXHUwMGZhYyBIVE1MIGNcdTAxYTEgYlx1MWVhM24gY1x1MWVlN2EgbVx1MWVkOXQgdHJhbmcgd2ViLCBwaFx1MWVhN24gblx1MDBlMG8gY2hcdTFlZTlhIHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgaGlcdTFlYzNuIHRoXHUxZWNiIHRyXHUwMGVhbiB0aGFuaCB0YWIgY1x1MWVlN2EgdHJcdTAwZWNuaCBkdXlcdTFlYzd0IHZcdTAwZTAgY1x1MDBlMWMgbGlcdTAwZWFuIGtcdTFlYmZ0IFx1MDExMVx1MWViZm4gdFx1MWVjN3AgQ1NTIGJcdTAwZWFuIG5nb1x1MDBlMGk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gVGhcdTFlYmIgYDxoZWFkPmAuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gVGhcdTFlYmIgYDxib2R5PmAuPFwvbGk+XHJcbjxsaT5DLiBUaFx1MWViYiBgPHRpdGxlPmAuPFwvbGk+XHJcbjxsaT5ELiBUaFx1MWViYiBgPGxpbms+YC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA0OiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBwaFx1MWVhN24gaGVhZGVyIChcdTAxMTFcdTFlYTd1IHRyYW5nKSB0clx1MDBlYW4gd2Vic2l0ZSBiYW8gZ1x1MWVkM20gbVx1MWVkOXQga2h1IHZcdTFlZjFjIGhpXHUxZWMzbiB0aFx1MWVjYiBsb2dvXC9iYW5uZXIgdlx1MDBlMCBtXHUxZWQ5dCBraHUgdlx1MWVmMWMgaGlcdTFlYzNuIHRoXHUxZWNiIHNsb2dhbi4gQlx1MWVhMW4gblx1MDBlYW4gc1x1MWVlZCBkXHUxZWU1bmcgY1x1MWVhNXUgdHJcdTAwZmFjIEhUTUwgdlx1MDBlMCBDU1MgbmhcdTAxYjAgdGhcdTFlYmYgblx1MDBlMG8gXHUwMTExXHUxZWMzIHBoXHUwMGUybiBjaGlhIGhhaSBraHUgdlx1MWVmMWMgblx1MDBlMHkgbVx1MWVkOXQgY1x1MDBlMWNoIHJcdTAwZjUgclx1MDBlMG5nIHZcdTAwZTAgZFx1MWVjNSBxdVx1MWVhM24gbFx1MDBmZD9cclxuPHVsPlxyXG48bGk+QS4gXHUwMTEwXHUxZWI3dCB0XHUxZWE1dCBjXHUxZWEzIG5cdTFlZDlpIGR1bmcgYmFubmVyIHZcdTAwZTAgc2xvZ2FuIHRyXHUxZWYxYyB0aVx1MWViZnAgdlx1MDBlMG8gdGhcdTFlYmIgYDxib2R5PmAgdlx1MDBlMCBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgc3R5bGVgIGlubGluZS48XC9saT5cclxuPGxpPkIuIFNcdTFlZWQgZFx1MWVlNW5nIHRoXHUxZWJiIGA8dGFibGU+YCBcdTAxMTFcdTFlYzMgdFx1MWVhMW8gaGFpIGNcdTFlZDl0LCBtXHUxZWQ5dCBjaG8gYmFubmVyIHZcdTAwZTAgbVx1MWVkOXQgY2hvIHNsb2dhbi48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gU1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBlMWMgdGhcdTFlYmIgYDxkaXY+YCBob1x1MWViN2MgbmdcdTFlZWYgbmdoXHUwMTI5YSBcdTAxMTFcdTFlYzMgcGhcdTAwZTJuIGNoaWEsIHNhdSBcdTAxMTFcdTAwZjMgXHUwMGUxcCBkXHUxZWU1bmcgY1x1MDBlMWMgbFx1MWVkYnAgQ1NTIHJpXHUwMGVhbmcgY2hvIHRcdTFlZWJuZyBwaFx1MWVhN24uPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gQ2hcdTFlYzkgY1x1MWVhN24gXHUwMTExXHUxZWI3dCBuXHUxZWQ5aSBkdW5nIGJhbm5lciB2XHUwMGUwIHNsb2dhbiBjXHUxZWExbmggbmhhdSB0cm9uZyBIVE1MIG1cdTAwZTAga2hcdTAwZjRuZyBjXHUxZWE3biB0aFx1MWViYiBiYW8gbmdvXHUwMGUwaSByaVx1MDBlYW5nIGJpXHUxZWM3dC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA1OiBCXHUxZWExbiBtdVx1MWVkMW4gaGlcdTFlYzNuIHRoXHUxZWNiIGJhIGtoXHUxZWQxaSBuXHUxZWQ5aSBkdW5nICh2XHUwMGVkIGRcdTFlZTU6IGJhIFx1MDBmNCBnaVx1MWVkYmkgdGhpXHUxZWM3dSBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5KSB0clx1MDBlYW4gY1x1MDBmOW5nIG1cdTFlZDl0IGhcdTAwZTBuZyB2XHUwMGUwIGNoaWEgXHUwMTExXHUxZWMxdSBjaGlcdTFlYzF1IHJcdTFlZDluZyBjXHUxZWU3YSBraHUgdlx1MWVmMWMgY2hcdTFlZTlhIGNoXHUwMGZhbmcuIFRyb25nIENTUywgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGRpc3BsYXlgIG5cdTAwZTBvIHRoXHUwMWIwXHUxZWRkbmcgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBrXHUxZWJmdCBoXHUxZWUzcCB2XHUxZWRiaSBjXHUwMGUxYyB0aHVcdTFlZDljIHRcdTAwZWRuaCBraFx1MDBlMWMgKG5oXHUwMWIwIGBqdXN0aWZ5LWNvbnRlbnRgLCBgYWxpZ24taXRlbXNgKSB0cm9uZyB0aFx1MWViYiBiYW8gbmdvXHUwMGUwaSBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWExdCBcdTAxMTFcdTAxYjBcdTFlZTNjIGJcdTFlZDEgY1x1MWVlNWMgblx1MDBlMHkgbVx1MWVkOXQgY1x1MDBlMWNoIGxpbmggaG9cdTFlYTF0P1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGBkaXNwbGF5OiBmbGV4O2A8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBgZGlzcGxheTogYmxvY2s7YDxcL2xpPlxyXG48bGk+Qy4gYGRpc3BsYXk6IGlubGluZTtgPFwvbGk+XHJcbjxsaT5ELiBgZGlzcGxheTogbm9uZTtgPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNjogVHJvbmcgdHJcdTAxYjBcdTFlZGRuZyBoXHUxZWUzcCBzXHUxZWVkIGRcdTFlZTVuZyBsXHUxZWRicCBDU1MgYC5yb3dgIFx1MDExMVx1MWVjMyBjaFx1MWVlOWEgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgdlx1MDBlMCBsXHUwMGUwbSBjaG8gY2hcdTAwZmFuZyBoaVx1MWVjM24gdGhcdTFlY2IgdGhlbyBoXHUwMGUwbmcgbmdhbmcgKHZcdTAwZWQgZFx1MWVlNTogc1x1MWVlZCBkXHUxZWU1bmcgYGRpc3BsYXk6IGZsZXhgKSwgdmFpIHRyXHUwMGYyIGNoXHUwMGVkbmggY1x1MWVlN2EgbFx1MWVkYnAgblx1MDBlMHkgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiBcdTAxMTBcdTFlY2JuaCBkXHUxZWExbmcgbVx1MDBlMHUgblx1MWVjMW4gY2hvIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGNvbi48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gVGhpXHUxZWJmdCBsXHUxZWFkcCBuZ1x1MWVlZiBjXHUxZWEzbmggYlx1MWVkMSBjXHUxZWU1YyBcdTAxMTFcdTFlYzMgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgY29uIFx1MDExMVx1MDFiMFx1MWVlM2MgeFx1MWViZnAgdGhlbyBoXHUwMGUwbmcgbmdhbmcuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gWFx1MDBlMWMgXHUwMTExXHUxZWNibmggblx1MWVkOWkgZHVuZyB2XHUwMTAzbiBiXHUxZWEzbiBjaG8gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgY29uLjxcL2xpPlxyXG48bGk+RC4gQ2hcdTFlYzkgXHUwMTExXHUwMWExbiBnaVx1MWVhM24gbFx1MDBlMCBtXHUxZWQ5dCB0XHUwMGVhbiBnXHUxZWNkaSBraFx1MDBmNG5nIGNcdTAwZjMgXHUwMGZkIG5naFx1MDEyOWEgXHUwMTExXHUxZWI3YyBiaVx1MWVjN3QuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNzogTlx1MWViZnUgYlx1MWVhMW4gY1x1MDBmMyBtXHUxZWQ5dCBsXHUxZWRicCBDU1MgdFx1MDBlYW4gbFx1MDBlMCBgLmJsb2NrLWl0ZW1gIFx1MDExMVx1MDFiMFx1MWVlM2MgdGhpXHUxZWJmdCBrXHUxZWJmIFx1MDExMVx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gY1x1MDBlMWMga2hcdTFlZDFpIG5cdTFlZDlpIGR1bmcgcmlcdTAwZWFuZyBsXHUxZWJiIHRyb25nIG1cdTFlZDl0IGhcdTAwZTBuZywgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIHRyb25nIGxcdTFlZGJwIG5cdTAwZTB5IHNcdTFlYmQgZ2lcdTAwZmFwIGNcdTAwZTFjIGtoXHUxZWQxaSBcdTAxMTFcdTAwZjMgY2hpYSBcdTAxMTFcdTFlYzF1IGtoXHUwMGY0bmcgZ2lhbiBjXHUwMGYzIHNcdTFlYjVuIGtoaSBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDExMVx1MWViN3QgdHJvbmcgbVx1MWVkOXQgY29udGFpbmVyIEZsZXhib3ggKGBkaXNwbGF5OiBmbGV4YCk/XHJcbjx1bD5cclxuPGxpPkEuIGB3aWR0aDogMzMuMzMlO2A8XC9saT5cclxuPGxpPkIuIGBmbG9hdDogbGVmdDtgPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGBmbGV4OiAxO2A8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBgZGlzcGxheTogaW5saW5lLWJsb2NrO2A8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA4OiBCXHUxZWExbiBtdVx1MWVkMW4gdGhcdTAwZWFtIG1cdTFlZDl0IGhcdTAwZWNuaCBcdTFlYTNuaCBsb2dvIHZcdTAwZTBvIHBoXHUxZWE3biBiYW5uZXIgY1x1MWVlN2EgdHJhbmcgd2ViLiBUaFx1MWViYiBIVE1MIG5cdTAwZTBvIGxcdTAwZTAgcGhcdTAwZjkgaFx1MWVlM3AgbmhcdTFlYTV0IFx1MDExMVx1MWVjMyBuaFx1MDBmYW5nIG1cdTFlZDl0IGhcdTAwZWNuaCBcdTFlYTNuaCB0XHUxZWViIG1cdTFlZDl0IHRcdTFlYzdwIG5ndVx1MWVkM24gKHZcdTAwZWQgZFx1MWVlNTogYGxvZ28ucG5nYCk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gYDxpbWc+YDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIGA8cGljdHVyZT5gPFwvbGk+XHJcbjxsaT5DLiBgPGZpZ3VyZT5gPFwvbGk+XHJcbjxsaT5ELiBgPGltYWdlPmA8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA5OiBcdTAxMTBcdTFlYzMgbGlcdTAwZWFuIGtcdTFlYmZ0IHRcdTFlZWIgdHJhbmcgY2hcdTFlZTcgKGBpbmRleC5odG1sYCkgXHUwMTExXHUxZWJmbiB0cmFuZyBnaVx1MWVkYmkgdGhpXHUxZWM3dSBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5IHRoXHUxZWMzIHRoYW8gKGBzcG9ydHMuaHRtbGApLCBiXHUxZWExbiBzXHUxZWJkIHNcdTFlZWQgZFx1MWVlNW5nIHRoXHUxZWJiIEhUTUwgblx1MDBlMG8gdlx1MDBlMCB0aHVcdTFlZDljIHRcdTAwZWRuaCBuXHUwMGUwbyBcdTAxMTFcdTFlYzMgY2hcdTFlYzkgXHUwMTExXHUxZWNibmggXHUwMTExXHUxZWNiYSBjaFx1MWVjOSB0cmFuZyBcdTAxMTFcdTAwZWRjaD9cclxuPHVsPlxyXG48bGk+QS4gYDxsaW5rPmAgdlx1MWVkYmkgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYHRhcmdldGAuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIGA8YT5gIHZcdTFlZGJpIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBocmVmYC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBgPG5hdj5gIHZcdTFlZGJpIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBsaW5rYC48XC9saT5cclxuPGxpPkQuIGA8bWV0YT5gIHZcdTFlZGJpIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBjb250ZW50YC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMDogV2Vic2l0ZSBnaVx1MWVkYmkgdGhpXHUxZWM3dSBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5IGNcdTFlYTduIGNcdTAwZjMgbVx1MWVkOXQgdHJhbmcgcmlcdTAwZWFuZyBcdTAxMTFcdTFlYzMgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBjXHUwMGYzIHRoXHUxZWMzIFx1MDExMWlcdTFlYzFuIHRoXHUwMGY0bmcgdGluIGNcdTAwZTEgbmhcdTAwZTJuIHZcdTAwZTAgXHUwMTExXHUwMTAzbmcga1x1MDBmZCB0aGFtIGdpYS4gTG9cdTFlYTFpIHBoXHUxZWE3biB0XHUxZWVkIEhUTUwgblx1MDBlMG8gbFx1MDBlMCBjXHUxZWQxdCBsXHUwMGY1aSBcdTAxMTFcdTFlYzMgeFx1MDBlMnkgZFx1MWVmMW5nIGNcdTAwZTFjIHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSAodlx1MDBlZCBkXHUxZWU1OiB0XHUwMGVhbiwgZW1haWwsIHNcdTFlZDEgXHUwMTExaVx1MWVjN24gdGhvXHUxZWExaSkgdHJcdTAwZWFuIHRyYW5nIFx1MDExMVx1MDEwM25nIGtcdTAwZmQgblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPkEuIFRoXHUxZWJiIGA8dGFibGU+YC48XC9saT5cclxuPGxpPkIuIFRoXHUxZWJiIGA8dWw+YC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gVGhcdTFlYmIgYDxmb3JtPmAgdlx1MDBlMCBgPGlucHV0PmAuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gVGhcdTFlYmIgYDxkaXY+YCB2XHUxZWRiaSBjXHUwMGUxYyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgZGF0YS0qYC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMTogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBcdTAxMTFcdTAwZTMgXHUwMTExXHUxZWNibmggbmdoXHUwMTI5YSBtXHUxZWQ5dCBsXHUxZWRicCBDU1MgdFx1MDBlYW4gbFx1MDBlMCBgLmhpZ2hsaWdodGAgdlx1MWVkYmkgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGNvbG9yOiByZWQ7YC4gXHUwMTEwXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIG1cdTAwZTB1IFx1MDExMVx1MWVjZiBjaG8gbVx1MWVkOXQgXHUwMTExb1x1MWVhMW4gdlx1MDEwM24gYlx1MWVhM24gY1x1MWVlNSB0aFx1MWVjMyB0cm9uZyBIVE1MLCBiXHUxZWExbiBzXHUxZWJkIHRoXHUwMGVhbSB0aHVcdTFlZDljIHRcdTAwZWRuaCBuXHUwMGUwbyB2XHUwMGUwbyB0aFx1MWViYiBIVE1MIGNoXHUxZWU5YSBcdTAxMTFvXHUxZWExbiB2XHUwMTAzbiBiXHUxZWEzbiBcdTAxMTFcdTAwZjM/XHJcbjx1bD5cclxuPGxpPkEuIGBpZD08XC9saT5cclxuPGxpPkIuIGBzdHlsZT08XC9saT5cclxuPGxpPkMuIGBuYW1lPTxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBgY2xhc3M9PFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEyOiBCXHUxZWExbiBtdVx1MWVkMW4gdGhcdTAwZWFtIG1cdTFlZDl0IGhcdTAwZWNuaCBuXHUxZWMxbiBjaG8gcGhcdTFlYTduIFx1MDExMVx1MWVhN3UgdHJhbmcgKGhlYWRlcikgY1x1MWVlN2Egd2Vic2l0ZS4gVHJvbmcgQ1NTLCB0aHVcdTFlZDljIHRcdTAwZWRuaCBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyB0aGlcdTFlYmZ0IGxcdTFlYWRwIGhcdTAwZWNuaCBcdTFlYTNuaCBsXHUwMGUwbSBuXHUxZWMxbiBjaG8gbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgSFRNTD9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBgYmFja2dyb3VuZC1pbWFnZWA8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBgc3JjYDxcL2xpPlxyXG48bGk+Qy4gYGxpc3Qtc3R5bGUtaW1hZ2VgPFwvbGk+XHJcbjxsaT5ELiBgYm9yZGVyLWltYWdlYDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEzOiBWaVx1MWVjN2MgXHUwMTExXHUxZWI3dCBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBjXHUwMGYzIGxpXHUwMGVhbiBxdWFuICh2XHUwMGVkIGRcdTFlZTU6IGxvZ28sIHRcdTAwZWFuIHdlYnNpdGUsIHNsb2dhbikgdlx1MDBlMG8gY2h1bmcgbVx1MWVkOXQga2h1IHZcdTFlZjFjIFx1MDExMVx1MWVhN3UgdHJhbmcgKGhlYWRlcikgdHJvbmcgdGhpXHUxZWJmdCBrXHUxZWJmIHdlYiBtYW5nIGxcdTFlYTFpIGxcdTFlZTNpIFx1MDBlZGNoIGNoXHUwMGVkbmggblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIEdpXHUxZWEzbSBkdW5nIGxcdTAxYjBcdTFlZTNuZyB0XHUxZWM3cCB0aW4gQ1NTLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBUXHUwMTAzbmcgdFx1MDBlZG5oIG5oXHUxZWFkbiBkaVx1MWVjN24gdlx1MDBlMCBnaVx1MDBmYXAgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBkXHUxZWM1IGRcdTAwZTBuZyBcdTAxMTFcdTFlY2JuaCB2XHUxZWNiIHRoXHUwMGY0bmcgdGluIGNcdTFlZDF0IGxcdTAwZjVpLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIFRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgbFx1MDBlMG0gY2hvIHdlYnNpdGUgdFx1MDFiMFx1MDFhMW5nIHRoXHUwMGVkY2ggdHJcdTAwZWFuIG1cdTFlY2RpIHRoaVx1MWViZnQgYlx1MWVjYi48XC9saT5cclxuPGxpPkQuIEJcdTFlYWZ0IGJ1XHUxZWQ5YyBwaFx1MWVhM2kgY1x1MDBmMyBcdTAxMTFcdTFlYzMgd2Vic2l0ZSBob1x1MWVhMXQgXHUwMTExXHUxZWQ5bmcuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTQ6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBtZW51IFx1MDExMWlcdTFlYzF1IGhcdTAxYjBcdTFlZGJuZyBjaFx1MDBlZG5oIGNobyB3ZWJzaXRlLCBjaG8gcGhcdTAwZTlwIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgZFx1MWVjNSBkXHUwMGUwbmcgdHJ1eSBjXHUxZWFkcCBjXHUwMGUxYyB0cmFuZyBraFx1MDBlMWMgbmhcdTAxYjAgVHJhbmcgY2hcdTFlZTcsIEdpXHUxZWRiaSB0aGlcdTFlYzd1LCBcdTAxMTBcdTAxMDNuZyBrXHUwMGZkLiBDXHUxZWE1dSB0clx1MDBmYWMgSFRNTCBuZ1x1MWVlZiBuZ2hcdTAxMjlhIG5cdTAwZTBvIHRoXHUwMWIwXHUxZWRkbmcgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgYmFvIGJcdTFlY2RjIG1cdTFlZDl0IG5oXHUwMGYzbSBjXHUwMGUxYyBsaVx1MDBlYW4ga1x1MWViZnQgXHUwMTExaVx1MWVjMXUgaFx1MDFiMFx1MWVkYm5nP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGA8bmF2PmA8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBgPHNlY3Rpb24+YDxcL2xpPlxyXG48bGk+Qy4gYDxhc2lkZT5gPFwvbGk+XHJcbjxsaT5ELiBgPGZvb3Rlcj5gPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTU6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgbVx1MWVkOXQgdHJhbmcgd2ViLCB2aVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgbVx1MDBlMHUgc1x1MWVhZmMgdlx1MDBlMCBmb250IGNoXHUxZWVmIG5oXHUxZWE1dCBxdVx1MDBlMW4gdHJcdTAwZWFuIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgdHJhbmcgbWFuZyBsXHUxZWExaSBsXHUxZWUzaSBcdTAwZWRjaCBnXHUwMGVjIHZcdTFlYzEgbVx1MWViN3QgdHJcdTFlYTNpIG5naGlcdTFlYzdtIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgdlx1MDBlMCBuaFx1MWVhZG4gZGlcdTFlYzduIHRoXHUwMWIwXHUwMWExbmcgaGlcdTFlYzd1P1xyXG48dWw+XHJcbjxsaT5BLiBDaFx1MWVjOSBnaVx1MDBmYXAgd2Vic2l0ZSB0XHUxZWEzaSBuaGFuaCBoXHUwMWExbi48XC9saT5cclxuPGxpPkIuIExcdTAwZTBtIGNobyB3ZWJzaXRlIHRyXHUwMGY0bmcgcGhcdTFlZTljIHRcdTFlYTFwIGhcdTAxYTFuLjxcL2xpPlxyXG48bGk+Qy4gQlx1MWVhZnQgYnVcdTFlZDljIHBoXHUxZWEzaSBzXHUxZWVkIGRcdTFlZTVuZyBkdXkgbmhcdTFlYTV0IG1cdTFlZDl0IGZvbnQgY2hcdTFlZWYgdlx1MDBlMCBoYWkgbVx1MDBlMHUgc1x1MWVhZmMuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIFRcdTFlYTFvIHNcdTFlZjEgbmhcdTFlYTV0IHF1XHUwMGUxbiB2XHUxZWMxIGdpYW8gZGlcdTFlYzduLCB0XHUwMTAzbmcgdFx1MDBlZG5oIGNodXlcdTAwZWFuIG5naGlcdTFlYzdwIHZcdTAwZTAgbmhcdTFlYWRuIGRpXHUxZWM3biB0aFx1MDFiMFx1MDFhMW5nIGhpXHUxZWM3dS48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTY6IEdpXHUxZWEzIHNcdTFlZWQgYlx1MWVhMW4gY1x1MWVhN24gdFx1MWVhMW8gbVx1MWVkOXQgZGFuaCBzXHUwMGUxY2ggY1x1MDBlMWMgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOSAodlx1MDBlZCBkXHUxZWU1OiBCXHUwMGYzbmcgXHUwMTExXHUwMGUxLCBCXHUwMGYzbmcgclx1MWVkNSwgQ1x1MWVkZCB2dWEpLiBMb1x1MWVhMWkgZGFuaCBzXHUwMGUxY2ggSFRNTCBuXHUwMGUwbyBwaFx1MDBmOSBoXHUxZWUzcCBuaFx1MWVhNXQgXHUwMTExXHUxZWMzIGhpXHUxZWMzbiB0aFx1MWVjYiBjXHUwMGUxYyBtXHUxZWU1YyBuXHUwMGUweSBtXHUwMGUwIGtoXHUwMGY0bmcgY1x1MWVhN24gXHUwMTExXHUwMGUxbmggc1x1MWVkMSB0aFx1MWVlOSB0XHUxZWYxP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIERhbmggc1x1MDBlMWNoIGtoXHUwMGY0bmcgY1x1MDBmMyB0aFx1MWVlOSB0XHUxZWYxIChgPHVsPmApLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIERhbmggc1x1MDBlMWNoIGNcdTAwZjMgdGhcdTFlZTkgdFx1MWVmMSAoYDxvbD5gKS48XC9saT5cclxuPGxpPkMuIERhbmggc1x1MDBlMWNoIFx1MDExMVx1MWVjYm5oIG5naFx1MDEyOWEgKGA8ZGw+YCkuPFwvbGk+XHJcbjxsaT5ELiBEYW5oIHNcdTAwZTFjaCBtZW51IChgPG1lbnU+YCkuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTc6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgYlx1MWVkMSBjXHUxZWU1YyBoYWkgY1x1MWVkOXQgKHZcdTAwZWQgZFx1MWVlNTogY1x1MWVkOXQgYlx1MDBlYW4gdHJcdTAwZTFpIGNobyBtZW51LCBjXHUxZWQ5dCBiXHUwMGVhbiBwaFx1MWVhM2kgY2hvIG5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaCksIG5nb1x1MDBlMGkgRmxleGJveCwgbVx1MWVkOXQga1x1MWVmOSB0aHVcdTFlYWR0IENTUyB0cnV5XHUxZWMxbiB0aFx1MWVkMW5nIG5cdTAwZTBvIHZcdTFlYWJuIGNcdTAwZjMgdGhcdTFlYzMgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZywgbVx1MWViN2MgZFx1MDBmOSBjXHUwMGYzIHRoXHUxZWMzIGtcdTAwZTltIGxpbmggaG9cdTFlYTF0IGhcdTAxYTFuP1xyXG48dWw+XHJcbjxsaT5BLiBgcG9zaXRpb246IGFic29sdXRlO2A8XC9saT5cclxuPGxpPkIuIGBkaXNwbGF5OiBncmlkO2A8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gYGZsb2F0O2A8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBgdHJhbnNmb3JtOiB0cmFuc2xhdGUoKTtgPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTg6IEdpXHUxZWEzIHNcdTFlZWQgYlx1MWVhMW4gXHUwMTExXHUwMGUzIHRcdTFlYTFvIG1cdTFlZDl0IHRcdTFlYzdwIENTUyAoYHN0eWxlLmNzc2ApIHZcdTAwZTAgbGlcdTAwZWFuIGtcdTFlYmZ0IG5cdTAwZjMgdlx1MWVkYmkgdFx1MWVjN3AgSFRNTCAoYGluZGV4Lmh0bWxgKS4gVHV5IG5oaVx1MDBlYW4sIGNcdTAwZTFjIHN0eWxlIHRyb25nIENTUyBraFx1MDBmNG5nIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMGUxcCBkXHUxZWU1bmcuIE5ndXlcdTAwZWFuIG5oXHUwMGUybiBwaFx1MWVkNSBiaVx1MWViZm4gbmhcdTFlYTV0IGNcdTAwZjMgdGhcdTFlYzMgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiBUXHUxZWM3cCBIVE1MIHF1XHUwMGUxIGxcdTFlZGJuLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBcdTAxMTBcdTAxYjBcdTFlZGRuZyBkXHUxZWFibiBcdTAxMTFcdTFlYmZuIHRcdTFlYzdwIENTUyB0cm9uZyB0aFx1MWViYiBgPGxpbms+YCBiXHUxZWNiIHNhaS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBUclx1MDBlY25oIGR1eVx1MWVjN3Qga2hcdTAwZjRuZyBoXHUxZWQ3IHRyXHUxZWUzIENTUy48XC9saT5cclxuPGxpPkQuIEJcdTFlYTFuIHF1XHUwMGVhbiBcdTAxMTFcdTAwZjNuZyB0aFx1MWViYiBgPGJvZHk+YC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxOTogVHJvbmcgQ1NTLCBzXHUxZWYxIGtoXHUwMGUxYyBiaVx1MWVjN3QgY1x1MDFhMSBiXHUxZWEzbiBnaVx1MWVlZmEgYlx1MWVkOSBjaFx1MWVjZG4gKHNlbGVjdG9yKSBsXHUxZWRicCAoY2xhc3MsIGJcdTFlYWZ0IFx1MDExMVx1MWVhN3UgYlx1MWViMW5nIGAuYCkgdlx1MDBlMCBiXHUxZWQ5IGNoXHUxZWNkbiBJRCAoYlx1MWVhZnQgXHUwMTExXHUxZWE3dSBiXHUxZWIxbmcgYCNgKSBsXHUwMGUwIGdcdTAwZWMgdlx1MWVjMSBtXHUxZWU1YyBcdTAxMTFcdTAwZWRjaCBzXHUxZWVkIGRcdTFlZTVuZz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBkXHUwMGY5bmcgY2hvIG5oaVx1MWVjMXUgcGhcdTFlYTduIHRcdTFlZWQsIGJcdTFlZDkgY2hcdTFlY2RuIElEIGRcdTAwZjluZyBjaG8gbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgZHV5IG5oXHUxZWE1dC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBcdTAxYjB1IHRpXHUwMGVhbiBoXHUwMWExbiBiXHUxZWQ5IGNoXHUxZWNkbiBJRC48XC9saT5cclxuPGxpPkMuIEJcdTFlZDkgY2hcdTFlY2RuIElEIGNoXHUxZWM5IGRcdTAwZjluZyBjaG8gdlx1MDEwM24gYlx1MWVhM24sIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIGRcdTAwZjluZyBjaG8gaFx1MDBlY25oIFx1MWVhM25oLjxcL2xpPlxyXG48bGk+RC4gS2hcdTAwZjRuZyBjXHUwMGYzIHNcdTFlZjEga2hcdTAwZTFjIGJpXHUxZWM3dCBcdTAxMTFcdTAwZTFuZyBrXHUxZWMzLCBjaFx1MDBmYW5nIGNcdTAwZjMgdGhcdTFlYzMgZFx1MDBmOW5nIHRoYXkgdGhcdTFlYmYgY2hvIG5oYXUuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjA6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgcGhcdTFlYTduIGN1XHUxZWQxaSB0cmFuZyAoZm9vdGVyKSBjXHUxZWU3YSB3ZWJzaXRlLCBuXHUxZWQ5aSBkdW5nIG5cdTAwZTBvIHRoXHUwMWIwXHUxZWRkbmcgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAxMTFcdTFlYjd0IFx1MWVkZiBraHUgdlx1MWVmMWMgblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPkEuIE5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaCB2XHUwMGUwIGNcdTAwZTFjIGhcdTAwZWNuaCBcdTFlYTNuaCBsXHUxZWRibi48XC9saT5cclxuPGxpPkIuIFRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgd2Vic2l0ZSB2XHUwMGUwIHNsb2dhbi48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gVGhcdTAwZjRuZyB0aW4gbGlcdTAwZWFuIGhcdTFlYzcsIGJcdTFlYTNuIHF1eVx1MWVjMW4gdlx1MDBlMCBjXHUwMGUxYyBsaVx1MDBlYW4ga1x1MWViZnQgcGhcdTFlZTUuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gTWVudSBcdTAxMTFpXHUxZWMxdSBoXHUwMWIwXHUxZWRibmcgY2hcdTAwZWRuaC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMTogQlx1MWVhMW4gbXVcdTFlZDFuIGxcdTAwZTBtIG5cdTFlZDVpIGJcdTFlYWR0IG1cdTFlZDl0IHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgdHJcdTAwZWFuIHRyYW5nIGNoXHUxZWU3IGJcdTFlYjFuZyBjXHUxZWEzIG1cdTAwZTB1IHNcdTFlYWZjIHZcdTAwZTAgY1x1MWVlMSBjaFx1MWVlZiBcdTAxMTFcdTFlYjdjIGJpXHUxZWM3dC4gQlx1MWVhMW4gXHUwMTExXHUwMGUzIGNcdTAwZjMgY1x1MDBlMWMgbFx1MWVkYnAgQ1NTIGAudGV4dC1sYXJnZWAgdlx1MDBlMCBgLmNvbG9yLWFjY2VudGAuIExcdTAwZTBtIHRoXHUxZWJmIG5cdTAwZTBvIFx1MDExMVx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBjXHUxZWEzIGhhaSBzdHlsZSBuXHUwMGUweSBjaG8gY1x1MDBmOW5nIG1cdTFlZDl0IHRoXHUxZWJiIEhUTUwgYDxIMj5gP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIFRoXHUwMGVhbSB0aHVcdTFlZDljIHRcdTAwZWRuaCBgY2xhc3NgIHZcdTFlZGJpIGNcdTFlYTMgaGFpIHRcdTAwZWFuIGxcdTFlZGJwIGNcdTAwZTFjaCBuaGF1IGJcdTFlYjFuZyBkXHUxZWE1dSBjXHUwMGUxY2g6IGA8SDIgY2xhc3M9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gVFx1MWVhMW8gbVx1MWVkOXQgbFx1MWVkYnAgQ1NTIG1cdTFlZGJpIGtcdTFlYmZ0IGhcdTFlZTNwIGNcdTFlYTMgaGFpIHN0eWxlLjxcL2xpPlxyXG48bGk+Qy4gU1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGlkYCBjaG8gbVx1MWVkN2kgc3R5bGUuPFwvbGk+XHJcbjxsaT5ELiBLaFx1MDBmNG5nIHRoXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIG5oaVx1MWVjMXUgbFx1MWVkYnAgY2hvIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIyOiBLaGkgdGhpXHUxZWJmdCBrXHUxZWJmIG1cdTFlZDl0IHdlYnNpdGUsIHZpXHUxZWM3YyBzXHUxZWVkIGRcdTFlZTVuZyBjXHUwMGUxYyB0XHUwMGUwaSBuZ3V5XHUwMGVhbiBcdTAxMTFhIHBoXHUwMWIwXHUwMWExbmcgdGlcdTFlYzduIG5oXHUwMWIwIGhcdTAwZWNuaCBcdTFlYTNuaCB2XHUwMGUwIHZpZGVvIGNcdTFlYTduIGxcdTAxYjB1IFx1MDBmZCBcdTAxMTFpXHUxZWMxdSBnXHUwMGVjIFx1MDExMVx1MWVjMyBraFx1MDBmNG5nIFx1MWVhM25oIGhcdTAxYjBcdTFlZGZuZyB0aVx1MDBlYXUgY1x1MWVmMWMgXHUwMTExXHUxZWJmbiBoaVx1MWVjN3Ugc3VcdTFlYTV0IHRcdTFlYTNpIHRyYW5nP1xyXG48dWw+XHJcbjxsaT5BLiBTXHUxZWVkIGRcdTFlZTVuZyBoXHUwMGVjbmggXHUxZWEzbmggY1x1MDBmMyBcdTAxMTFcdTFlZDkgcGhcdTAwZTJuIGdpXHUxZWEzaSBjXHUxZWYxYyBjYW8uPFwvbGk+XHJcbjxsaT5CLiBOaFx1MDBmYW5nIHZpZGVvIHRyXHUxZWYxYyB0aVx1MWViZnAgdFx1MWVlYiB0XHUxZWM3cCBnXHUxZWQxYyBraFx1MDBmNG5nIG5cdTAwZTluLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBUXHUxZWQxaSBcdTAxYjB1IGhcdTAwZjNhIGR1bmcgbFx1MDFiMFx1MWVlM25nIGhcdTAwZWNuaCBcdTFlYTNuaCB2XHUwMGUwIHZpZGVvIHRyXHUwMWIwXHUxZWRiYyBraGkgXHUwMTExXHUwMWIwYSBsXHUwMGVhbiB3ZWJzaXRlLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFx1MDExMFx1MWViN3QgdFx1MWVhNXQgY1x1MWVhMyBoXHUwMGVjbmggXHUxZWEzbmggdlx1MDBlMCB2aWRlbyB2XHUwMGUwbyBjXHUwMGY5bmcgbVx1MWVkOXQgdGhcdTAxYjAgbVx1MWVlNWMuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjM6IEJcdTFlYTFuIFx1MDExMWFuZyBzXHUxZWVkIGRcdTFlZTVuZyBDU1MgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBtXHUxZWQ5dCBcdTAxMTFvXHUxZWExbiB2XHUwMTAzbiBiXHUxZWEzbiBnaVx1MWVkYmkgdGhpXHUxZWM3dSB2XHUxZWMxIG1cdTFlZDl0IGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkuIFRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBjaG8gcGhcdTAwZTlwIGJcdTFlYTFuIGtpXHUxZWMzbSBzb1x1MDBlMXQga2hvXHUxZWEzbmcgY1x1MDBlMWNoIGdpXHUxZWVmYSBjXHUwMGUxYyBkXHUwMGYybmcgdlx1MDEwM24gYlx1MWVhM24/XHJcbjx1bD5cclxuPGxpPkEuIGB0ZXh0LXNwYWNpbmdgPFwvbGk+XHJcbjxsaT5CLiBgd29yZC1zcGFjaW5nYDxcL2xpPlxyXG48bGk+Qy4gYGxldHRlci1zcGFjaW5nYDxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBgbGluZS1oZWlnaHRgPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI0OiBcdTAxMTBcdTFlYzMgdFx1MWVhMW8gbVx1MWVkOXQgblx1MDBmYXQgYlx1MWVhNW0gXCJcdTAxMTBcdTAxMDNuZyBrXHUwMGZkXCIgdHJvbmcgZm9ybSBIVE1MLCB0aFx1MWViYiBgPGlucHV0PmAgY1x1MWVhN24gY1x1MDBmMyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgdHlwZWAgdlx1MWVkYmkgZ2lcdTAwZTEgdHJcdTFlY2Igblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gYHN1Ym1pdGA8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBgYnV0dG9uYDxcL2xpPlxyXG48bGk+Qy4gYGNsaWNrYDxcL2xpPlxyXG48bGk+RC4gYHNlbmRgPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjU6IEdpXHUxZWEzIHNcdTFlZWQgYlx1MWVhMW4gY1x1MDBmMyBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIEhUTUwgc2F1OiBgPGRpdiBjbGFzcz1cclxuPHVsPlxyXG48bGk+QS4gSGFpIGNcdTFlZDl0IHhcdTFlYmZwIGNoXHUxZWQzbmcgbFx1MDBlYW4gbmhhdSB0aGVvIGNoaVx1MWVjMXUgZFx1MWVjZGMuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIEhhaSBjXHUxZWQ5dCBjXHUwMGYzIGNoaVx1MWVjMXUgclx1MWVkOW5nIGJcdTFlYjFuZyBuaGF1IHhcdTFlYmZwIGNcdTFlYTFuaCBuaGF1IHRoZW8gY2hpXHUxZWMxdSBuZ2FuZy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBDaFx1MWVjOSBoaVx1MWVjM24gdGhcdTFlY2IgXCJDXHUxZWQ5dCAxXCIsIFwiQ1x1MWVkOXQgMlwiIGJcdTFlY2IgXHUxZWE5bi48XC9saT5cclxuPGxpPkQuIEhhaSBjXHUxZWQ5dCB4XHUxZWJmcCBjXHUxZWExbmggbmhhdSBuaFx1MDFiMG5nIGNcdTFlZDl0IDEgclx1MWVkOW5nIGhcdTAxYTFuIGNcdTFlZDl0IDIuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjY6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBoaVx1MWVjN3UgXHUxZWU5bmcga2hpIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgclx1MDBlYSBjaHVcdTFlZDl0IHF1YSBtXHUxZWQ5dCBsaVx1MDBlYW4ga1x1MWViZnQgXHUwMTExaVx1MWVjMXUgaFx1MDFiMFx1MWVkYm5nLCBtXHUwMGUwdSBjaFx1MWVlZiBjXHUxZWU3YSBsaVx1MDBlYW4ga1x1MWViZnQgc1x1MWViZCB0aGF5IFx1MDExMVx1MWVkNWkuIFBzZXVkby1jbGFzcyAobFx1MWVkYnAgZ2lcdTFlYTMpIG5cdTAwZTBvIHRyb25nIENTUyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgdHJcdTFlYTFuZyB0aFx1MDBlMWkga2hpIGNvbiB0clx1MWVjZiBjaHVcdTFlZDl0IFx1MDExMWFuZyBcdTFlZGYgdHJcdTAwZWFuIHBoXHUxZWE3biB0XHUxZWVkP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkMuIDxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNzogS2hpIHRoaVx1MWViZnQga1x1MWViZiB3ZWJzaXRlLCB2aVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBlMWMgdGlcdTAwZWF1IFx1MDExMVx1MWVjMSAoYDxoMT5gLCBgPGgyPmAsIHYudi4pIHZcdTAwZTAgXHUwMTExb1x1MWVhMW4gdlx1MDEwM24gYlx1MWVhM24gKGA8cD5gKSBtXHUxZWQ5dCBjXHUwMGUxY2ggaFx1MWVlM3AgbFx1MDBmZCBraFx1MDBmNG5nIGNoXHUxZWM5IGdpXHUwMGZhcCB0clx1MDBlY25oIGJcdTAwZTB5IG5cdTFlZDlpIGR1bmcgclx1MDBmNSByXHUwMGUwbmcgbVx1MDBlMCBjXHUwMGYybiBjXHUwMGYzIGxcdTFlZTNpIFx1MDBlZGNoIHF1YW4gdHJcdTFlY2RuZyBuXHUwMGUwbyBraFx1MDBlMWM/XHJcbjx1bD5cclxuPGxpPkEuIFRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgdFx1MWVhMW8gaGlcdTFlYzd1IFx1MWVlOW5nIFx1MDExMVx1MWVkOW5nIGNobyB2XHUwMTAzbiBiXHUxZWEzbi48XC9saT5cclxuPGxpPkIuIEdpXHUxZWEzbSBzXHUxZWQxIGxcdTAxYjBcdTFlZTNuZyB0XHUxZWM3cCBIVE1MIGNcdTFlYTduIHRoaVx1MWViZnQuPFwvbGk+XHJcbjxsaT5DLiBDaFx1MWVjOSBcdTFlYTNuaCBoXHUwMWIwXHUxZWRmbmcgXHUwMTExXHUxZWJmbiBtXHUwMGUwdSBzXHUxZWFmYyBjXHUxZWU3YSB2XHUwMTAzbiBiXHUxZWEzbi48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gQ1x1MWVhM2kgdGhpXHUxZWM3biBraFx1MWVhMyBuXHUwMTAzbmcgXHUwMTExXHUxZWNkYywgU0VPIHZcdTAwZTAga2hcdTFlYTMgblx1MDEwM25nIHRpXHUxZWJmcCBjXHUxZWFkbi48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjg6IEJcdTFlYTFuIFx1MDExMWFuZyB4ZW0gbFx1MWVhMWkgbVx1MDBlMyBIVE1MIGNcdTFlZTdhIHRyYW5nIHdlYiB2XHUwMGUwIG5oXHUxZWFkbiB0aFx1MWVhNXkgbVx1MWVkOXQgc1x1MWVkMSB0aFx1MWViYiBcdTAxMTFcdTAwZjNuZyBiXHUxZWNiIHRoaVx1MWViZnUgKHZcdTAwZWQgZFx1MWVlNTogdGhpXHUxZWJmdSBgPFwvZGl2PmAgaG9cdTFlYjdjIGA8XC9wPmApLiBcdTAxMTBpXHUxZWMxdSBuXHUwMGUweSBjXHUwMGYzIHRoXHUxZWMzIGdcdTAwZTJ5IHJhIHZcdTFlYTVuIFx1MDExMVx1MWVjMSBnXHUwMGVjIGtoaSBoaVx1MWVjM24gdGhcdTFlY2IgdHJhbmcgdHJcdTAwZWFuIHRyXHUwMGVjbmggZHV5XHUxZWM3dD9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBUclx1MDBlY25oIGR1eVx1MWVjN3QgY1x1MDBmMyB0aFx1MWVjMyBoaVx1MWVjM24gdGhcdTFlY2Igc2FpIGJcdTFlZDEgY1x1MWVlNWMgaG9cdTFlYjdjIGtoXHUwMGY0bmcgXHUwMGUxcCBkXHUxZWU1bmcgXHUwMTExXHUwMGZhbmcgY1x1MDBlMWMgc3R5bGUgQ1NTLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIFdlYnNpdGUgc1x1MWViZCBraFx1MDBmNG5nIHRoXHUxZWMzIHRydXkgY1x1MWVhZHAgXHUwMTExXHUwMWIwXHUxZWUzYy48XC9saT5cclxuPGxpPkMuIFRcdTFlZDFjIFx1MDExMVx1MWVkOSB0XHUxZWEzaSB0cmFuZyBzXHUxZWJkIG5oYW5oIGhcdTAxYTFuIFx1MDExMVx1MDBlMW5nIGtcdTFlYzMuPFwvbGk+XHJcbjxsaT5ELiBDXHUwMGUxYyBsaVx1MDBlYW4ga1x1MWViZnQgdHJcdTAwZWFuIHRyYW5nIHNcdTFlYmQgbmdcdTFlZWJuZyBob1x1MWVhMXQgXHUwMTExXHUxZWQ5bmcuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjk6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgZ2lhbyBkaVx1MWVjN24gdHJhbmcgd2ViLCB2aVx1MWVjN2MgZHV5IHRyXHUwMGVjIGtob1x1MWVhM25nIHRyXHUxZWFmbmcgKHdoaXRlc3BhY2UpIGhcdTFlZTNwIGxcdTAwZmQgZ2lcdTFlZWZhIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkICh2XHUwMTAzbiBiXHUxZWEzbiwgaFx1MDBlY25oIFx1MWVhM25oLCBraFx1MWVkMWkgblx1MWVkOWkgZHVuZykgY1x1MDBmMyBtXHUxZWU1YyBcdTAxMTFcdTAwZWRjaCBjaFx1MDBlZG5oIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gTFx1MDBlMG0gdFx1MDEwM25nIGR1bmcgbFx1MDFiMFx1MWVlM25nIHRcdTFlYzdwIHRpbiBDU1MuPFwvbGk+XHJcbjxsaT5CLiBCXHUxZWFmdCBidVx1MWVkOWMgcGhcdTFlYTNpIGNcdTAwZjMgdGhlbyBxdXkgXHUwMTExXHUxZWNibmggY1x1MWVlN2EgVzNDLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBDXHUxZWEzaSB0aGlcdTFlYzduIGtoXHUxZWEzIG5cdTAxMDNuZyBcdTAxMTFcdTFlY2RjIHZcdTAwZTAgbFx1MDBlMG0gY2hvIGJcdTFlZDEgY1x1MWVlNWMgdHJhbmcgdHJcdTFlZGYgblx1MDBlYW4gdGhvXHUwMGUxbmcgXHUwMTExXHUwMGUzbmcsIGRcdTFlYzUgbmhcdTAwZWNuLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIExcdTAwZTBtIGNobyB3ZWJzaXRlIHRcdTFlYTNpIGNoXHUxZWFkbSBoXHUwMWExbi48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAzMDogU2F1IGtoaSBob1x1MDBlMG4gdGhcdTAwZTBuaCB2aVx1MWVjN2MgdmlcdTFlYmZ0IG1cdTAwZTMgSFRNTCB2XHUwMGUwIENTUyBjaG8gdHJhbmcgd2ViLCBiXHUwMWIwXHUxZWRiYyB0aVx1MWViZnAgdGhlbyBxdWFuIHRyXHUxZWNkbmcgdHJvbmcgcXV5IHRyXHUwMGVjbmggcGhcdTAwZTF0IHRyaVx1MWVjM24gbFx1MDBlMCBnXHUwMGVjIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlYTNtIGJcdTFlYTNvIHdlYnNpdGUgaG9cdTFlYTF0IFx1MDExMVx1MWVkOW5nIHRcdTFlZDF0IHRyXHUwMWIwXHUxZWRiYyBraGkgY1x1MDBmNG5nIGJcdTFlZDE/XHJcbjx1bD5cclxuPGxpPkEuIFhcdTAwZjNhIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgbmhcdTFlYWRuIHhcdTAwZTl0IChjb21tZW50cykgdHJvbmcgbVx1MDBlMyBuZ3VcdTFlZDNuLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBLaVx1MWVjM20gdGhcdTFlZWQgd2Vic2l0ZSB0clx1MDBlYW4gY1x1MDBlMWMgdHJcdTAwZWNuaCBkdXlcdTFlYzd0IHZcdTAwZTAgdGhpXHUxZWJmdCBiXHUxZWNiIGtoXHUwMGUxYyBuaGF1LjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIFRoXHUwMGVhbSB0aFx1MWVhZHQgbmhpXHUxZWMxdSBoXHUwMGVjbmggXHUxZWEzbmggXHUwMTExXHUxZWQ5bmcgXHUwMTExXHUxZWMzIHRyYW5nIHdlYiBzaW5oIFx1MDExMVx1MWVkOW5nIGhcdTAxYTFuLjxcL2xpPlxyXG48bGk+RC4gQ2hpYSBzXHUxZWJiIG1cdTAwZTMgbmd1XHUxZWQzbiBsXHUwMGVhbiBtXHUxZWExbmcgeFx1MDBlMyBoXHUxZWQ5aS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMzMDIiLCJxdWVzdGlvbl9pZHMiOiI5OTc3MzksOTk3NzQwLDk5Nzc0MSw5OTc3NDIsOTk3NzQzLDk5Nzc0NCw5OTc3NDUsOTk3NzQ2LDk5Nzc0Nyw5OTc3NDgsOTk3NzQ5LDk5Nzc1MCw5OTc3NTEsOTk3NzUyLDk5Nzc1Myw5OTc3NTQsOTk3NzU1LDk5Nzc1Niw5OTc3NTcsOTk3NzU4LDk5Nzc1OSw5OTc3NjAsOTk3NzYxLDk5Nzc2Miw5OTc3NjMsOTk3NzY0LDk5Nzc2NSw5OTc3NjYsOTk3NzY3LDk5Nzc2OCIsIm9yZGVyaW5nIjoiMzM0MjMiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ==';
</script>
<input type='hidden' name='quiz_id' value='33423'/>
<input type='hidden' name='start_date' class='ays-start-date'/>
<input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/>
<input type='hidden' name='ays_finish_quiz_nonce_33423' value='45d85a0ccb'/>
</form></div>
</div>
</div></div>
<div class="panel blogger"><div class='ays-quiz-wrap'>
<div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active'
data-quest-effect='shake'
data-hide-bg-image='false'
id='ays-quiz-container-34361'>
<div class='ays-questions-container'>
<div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap">
<a class="ays-quiz-full-screen-container">
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>
</svg>
</a>
</div></div>
<span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span>
<form
action=''
method='post'
autocomplete='off'
id='ays_finish_quiz_34361'
class='ays-quiz-form enable_questions_result '
><input type='hidden' class='ays_question_count_per_page' value='30'>
<input type='hidden' value='list' class='answer_view_class'>
<input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'>
<div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p>
</div>
<div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p>
</div>
<hr style='height:1px;'>
</section>
<div class='step active-step'>
<div class='ays-abs-fs ays-start-page'>
<div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong></p></div>
<p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 08</p>
<div class='ays_buttons_div'>
<input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" />
</div>
<div class='ays-fs-subtitle'><p><strong>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 08</strong> được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!</p>
<div class="question-block">
<p>Câu 1: Khi thiết kế một trang web theo mô hình trong Bài 18, việc sử dụng cùng một tệp tin CSS cho tất cả các trang (Trang chủ, trang CLB Thể thao, trang CLB Nghệ thuật) mang lại lợi ích cốt lõi nào?</p>
<ul>
<li>A. Giảm dung lượng tệp HTML của mỗi trang.</li>
<li>B. Tăng tốc độ tải trang web lần đầu tiên.</li>
<li>C. Cho phép mỗi trang có một bố cục hoàn toàn khác nhau.</li>
<li><strong>D. Đảm bảo sự nhất quán về giao diện và phong cách trình bày trên toàn bộ website.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 2: Bạn đang xây dựng phần đầu trang (Header) cho website theo cấu trúc được gợi ý trong bài học, bao gồm Banner và Slogan. Để cả Banner và Slogan đều hiển thị trên cùng một hàng ngang và chiếm các phần diện tích khác nhau, bạn sẽ cần sử dụng kỹ thuật bố cục CSS nào?</p>
<ul>
<li>A. Đặt Banner và Slogan vào các thẻ `
<p>` riêng biệt.</li>
<li><strong>B. Sử dụng các thuộc tính CSS để các khối nội dung (div) hiển thị theo chiều ngang.</strong></li>
<li>C. Chỉ cần đặt Banner và Slogan liên tiếp nhau trong mã HTML.</li>
<li>D. Sử dụng thẻ `<br />
<table>` để tạo hai cột cho Banner và Slogan.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 3: Trong phần Slogan của trang web, bài học gợi ý chia thành 3 ô có độ rộng bằng nhau trên cùng một hàng. Để đạt được bố cục này, bạn sẽ áp dụng lớp CSS nào cho từng ô con bên trong phần Slogan?</p>
<ul>
<li>A. Lớp `Row`</li>
<li>B. Lớp `Header`</li>
<li><strong>C. Lớp `block_3`</strong></li>
<li>D. Lớp `Slogan`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 4: Giả sử bạn đã tạo một lớp CSS tên là `.Row` với thuộc tính `display: flex;`. Khi bạn áp dụng lớp này cho một thẻ `</p>
<div>` chứa ba thẻ `</p>
<div>` con khác, các thẻ `</p>
<div>` con này sẽ hiển thị như thế nào theo mặc định (nếu không có CSS bổ sung cho chúng)?</p>
<ul>
<li><strong>A. Xếp thành một hàng ngang.</strong></li>
<li>B. Xếp thành một cột dọc.</li>
<li>C. Chồng lên nhau.</li>
<li>D. Hiển thị ngẫu nhiên trên trang.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 5: Trang chủ của website được thiết kế như một điểm khởi đầu. Chức năng chính mà trang chủ nên thực hiện theo gợi ý của bài học là gì?</p>
<ul>
<li>A. Chỉ hiển thị biểu mẫu đăng ký thành viên.</li>
<li><strong>B. Cung cấp thông tin chung và các liên kết dẫn đến các trang thành viên (các câu lạc bộ).</strong></li>
<li>C. Hiển thị toàn bộ nội dung của tất cả các trang con.</li>
<li>D. Chỉ chứa thông tin liên hệ của người quản trị.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 6: Bạn muốn thêm hình ảnh hoặc video để minh họa cho nội dung giới thiệu về một câu lạc bộ. Các tài nguyên đa phương tiện này được sử dụng với mục đích chính nào trong thiết kế web thực hành?</p>
<ul>
<li>A. Để tăng dung lượng tệp tin của trang.</li>
<li>B. Để làm cho trang web tải chậm hơn.</li>
<li><strong>C. Để minh họa nội dung, làm cho trang web sinh động và hấp dẫn hơn.</strong></li>
<li>D. Chỉ để trang trí mà không có ý nghĩa thông tin.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 7: Khi thiết kế bố cục trang web, việc chia trang thành các phần rõ ràng như đầu trang (Header), nội dung chính (Content), và cuối trang (Footer) mang lại lợi ích gì về mặt tổ chức và quản lý mã nguồn?</p>
<ul>
<li><strong>A. Giúp tổ chức mã nguồn rõ ràng, dễ đọc, dễ quản lý và bảo trì.</strong></li>
<li>B. Bắt buộc phải làm như vậy theo chuẩn HTML mới nhất.</li>
<li>C. Chỉ có tác dụng làm đẹp giao diện.</li>
<li>D. Giúp trình duyệt tải trang nhanh hơn đáng kể.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 8: Bạn cần tạo một trang riêng để người dùng có thể điền thông tin và đăng ký tham gia các câu lạc bộ. Loại thành phần giao diện người dùng (UI element) nào là cần thiết nhất để thu thập thông tin từ người dùng trên trang này?</p>
<ul>
<li>A. Một danh sách các câu lạc bộ.</li>
<li>B. Các liên kết dẫn đến trang chủ.</li>
<li>C. Một bộ sưu tập hình ảnh.</li>
<li><strong>D. Một biểu mẫu (form) với các trường nhập liệu.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 9: Trong bài học, lớp CSS `.block_3` được sử dụng để tạo các ô có độ rộng bằng nhau. Nếu bạn muốn tạo 4 ô có độ rộng bằng nhau trên cùng một hàng, bạn sẽ cần tạo một lớp CSS mới hoặc điều chỉnh lớp `.block_3` như thế nào?</p>
<ul>
<li><strong>A. Tạo một lớp CSS mới với thuộc tính `width` khoảng 25%.</strong></li>
<li>B. Chỉ cần sử dụng lại lớp `.block_3` cho 4 ô.</li>
<li>C. Không thể chia thành 4 ô bằng CSS.</li>
<li>D. Sử dụng thuộc tính `height` khoảng 25%.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 10: Tại sao việc sử dụng các lớp CSS (class) để định dạng các thành phần trên trang web lại được ưa chuộng hơn việc định dạng trực tiếp bằng thuộc tính `style` trong thẻ HTML?</p>
<ul>
<li>A. Định dạng bằng `style` trong thẻ HTML không được hỗ trợ bởi trình duyệt hiện đại.</li>
<li>B. Sử dụng lớp CSS làm tăng kích thước tệp tin trang web.</li>
<li><strong>C. Lớp CSS giúp áp dụng cùng một kiểu định dạng cho nhiều phần tử, dễ dàng cập nhật và quản lý.</strong></li>
<li>D. Định dạng trực tiếp bằng `style` làm cho trang web tải nhanh hơn.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 11: Bạn đã hoàn thành thiết kế giao diện cho Trang chủ và lưu tệp CSS là `style.css`. Để áp dụng phong cách này cho trang giới thiệu CLB Thể thao (`thethao.html`), bạn cần thêm đoạn mã HTML nào vào phần `<head>` của tệp `thethao.html`?</p>
<ul>
<li><strong>A. <link rel=</strong></li>
<li>B.<br />
<style src=</li>
<li>C. <css link=</li>
<li>D. <script src=</li>
</ul>
</div>
<div class="question-block">
<p>Câu 12: Giả sử phần `Content` (nội dung chính) của trang web được thiết kế để hiển thị thông tin chi tiết về một câu lạc bộ. Nội dung này có thể bao gồm văn bản, hình ảnh, và danh sách các hoạt động. Về mặt cấu trúc HTML, phần `Content` này thường được đặt trong thẻ nào?</p>
<ul>
<li>A.<br />
<header></li>
<li>B.<br />
<footer></li>
<li><strong>C. <main> hoặc
<div> với lớp/ID phù hợp</strong></li>
<li>D.<br />
<aside></li>
</ul>
</div>
<div class="question-block">
<p>Câu 13: Trong quá trình thiết kế, bạn nhận thấy phần cuối trang (Footer) cần hiển thị thông tin liên hệ và bản quyền. Để đảm bảo phần này luôn nằm ở cuối trang web (phía dưới nội dung chính), bạn có thể sử dụng thuộc tính CSS nào cho phần tử Footer?</p>
<ul>
<li>A. `position: fixed; top: 0;`</li>
<li>B. `display: inline;`</li>
<li>C. `float: left;`</li>
<li><strong>D. Đặt nó sau phần nội dung chính trong cấu trúc HTML và sử dụng CSS để định dạng vị trí cuối cùng (nếu cần).</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 14: Mục đích của việc sử dụng thuộc tính `alt` cho thẻ `<img>` khi chèn hình ảnh vào trang web là gì?</p>
<ul>
<li>A. Xác định kích thước của hình ảnh.</li>
<li><strong>B. Cung cấp văn bản thay thế cho hình ảnh (khi không hiển thị được, cho trình đọc màn hình).</strong></li>
<li>C. Đặt đường viền cho hình ảnh.</li>
<li>D. Liên kết hình ảnh với một trang khác.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 15: Bạn muốn tạo một liên kết từ một đoạn văn bản trong Trang chủ đến trang giới thiệu CLB Nghệ thuật (`nghethuat.html`). Đoạn mã HTML chính xác để thực hiện việc này là gì?</p>
<ul>
<li>A. <link href=</li>
<li>B. <goto url=</li>
<li><strong>C. <a href=</strong></li>
<li>D. <src=</li>
</ul>
</div>
<div class="question-block">
<p>Câu 16: Khi thiết kế một website đơn giản như trong bài học, việc lập kế hoạch cấu trúc trang web trước khi viết mã (ví dụ: vẽ sơ đồ các trang và liên kết giữa chúng) có ý nghĩa quan trọng như thế nào?</p>
<ul>
<li>A. Chỉ làm mất thời gian và không cần thiết cho website đơn giản.</li>
<li>B. Giúp website có nhiều hiệu ứng động hơn.</li>
<li>C. Chỉ quan trọng khi làm việc với cơ sở dữ liệu.</li>
<li><strong>D. Giúp xác định rõ ràng cấu trúc, nội dung, và luồng di chuyển, tiết kiệm thời gian triển khai và sửa lỗi.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 17: Bạn đã tạo lớp CSS `.banner` để định dạng phần banner. Thuộc tính CSS nào trong lớp này sẽ giúp bạn đặt một hình ảnh làm nền cho khu vực banner?</p>
<ul>
<li>A. `image: url("duong_dan_anh.jpg");`</li>
<li><strong>B. `background-image: url("duong_dan_anh.jpg");`</strong></li>
<li>C. `src: "duong_dan_anh.jpg";`</li>
<li>D. `list-style-image: url("duong_dan_anh.jpg");`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 18: Để đảm bảo tiêu đề của trang web trong phần Banner (ví dụ: "Website Câu lạc bộ") nổi bật và dễ đọc trên nền hình ảnh, bạn có thể áp dụng các thuộc tính CSS nào cho tiêu đề?</p>
<ul>
<li>A. Chỉ cần đặt tiêu đề vào thẻ `<b>`.</li>
<li>B. Sử dụng thuộc tính `display: none;`.</li>
<li>C. Chỉ thay đổi màu nền của tiêu đề thành màu trong suốt.</li>
<li><strong>D. Thay đổi màu chữ, cỡ chữ, độ đậm, và có thể thêm đổ bóng văn bản (text-shadow).</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 19: Bạn muốn các liên kết điều hướng trong menu (ví dụ: liên kết đến Trang chủ, CLB Thể thao, CLB Nghệ thuật) được xếp cạnh nhau theo chiều ngang thay vì xếp dọc mặc định. Bạn sẽ sử dụng thuộc tính CSS nào cho các phần tử chứa liên kết (ví dụ: thẻ `</p>
<li>` trong một danh sách `
<ul>`)?</p>
<ul>
<li><strong>A. `display: inline;` hoặc `display: inline-block;`</strong></li>
<li>B. `position: absolute;`</li>
<li>C. `margin: 20px;`</li>
<li>D. `clear: both;`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 20: Khi thiết kế bố cục với các khối nội dung (`div`) sử dụng `float: left;`, điều gì có thể xảy ra với phần tử tiếp theo (nằm sau các khối đã float trong mã HTML) nếu bạn không sử dụng thuộc tính `clear`?</p>
<ul>
<li>A. Phần tử tiếp theo sẽ tự động xuống dòng.</li>
<li>B. Phần tử tiếp theo sẽ hiển thị ở giữa trang.</li>
<li><strong>C. Phần tử tiếp theo có thể trôi nổi (float) lên cạnh các phần tử đã float, chồng lấn hoặc hiển thị không đúng vị trí.</strong></li>
<li>D. Phần tử tiếp theo sẽ biến mất khỏi trang.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 21: Bạn muốn thêm một đường kẻ phân cách giữa các phần nội dung khác nhau trên trang (ví dụ: giữa Header và Content). Thẻ HTML ngữ nghĩa nào thường được sử dụng để tạo một đường kẻ ngang?</p>
<ul>
<li><strong>A.<br />
<hr>
<p></strong></li>
<li>B. </li>
<li>C.
<li></li>
<li>D. <line></li>
</ul>
</div>
<div class="question-block">
<p>Câu 22: Khi bạn sử dụng CSS để đặt `margin` (lề ngoài) cho một phần tử, lề này sẽ tạo ra khoảng trống ở đâu so với đường viền (border) của phần tử đó?</p>
<ul>
<li>A. Bên trong đường viền, giữa nội dung và đường viền.</li>
<li><strong>B. Bên ngoài đường viền, giữa phần tử này và các phần tử xung quanh.</strong></li>
<li>C. Chỉ ảnh hưởng đến kích thước của nội dung.</li>
<li>D. Tạo khoảng trống giữa các từ trong văn bản.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 23: Bạn muốn tạo một khoảng đệm (padding) bên trong một phần tử, giữa nội dung và đường viền của nó. Thuộc tính CSS nào được sử dụng để thực hiện điều này?</p>
<ul>
<li>A. `margin`</li>
<li>B. `border`</li>
<li>C. `outline`</li>
<li><strong>D. `padding`</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 24: Trong tệp CSS, để chọn tất cả các thẻ `</p>
<p>` và đặt màu chữ cho chúng là màu xanh, bạn sẽ viết quy tắc CSS như thế nào?</p>
<ul>
<li><strong>A. p { color: blue; }</strong></li>
<li>B. #p { color: blue; }</li>
<li>C. .p { color: blue; }</li>
<li>D.
<p> { color: blue; }</li>
</ul>
</div>
<div class="question-block">
<p>Câu 25: Bạn đã tạo một lớp CSS `.highlight` và muốn áp dụng nó cho một đoạn văn bản cụ thể trong thẻ `</p>
<p>`. Bạn sẽ sửa thẻ `</p>
<p>` đó trong HTML như thế nào?</p>
<ul>
<li>A.
<p id=</li>
<li>B.
<p style=</li>
<li><strong>C.
<p class=</strong></li>
<li>D.
<p name=</li>
</ul>
</div>
<div class="question-block">
<p>Câu 26: Giả sử bạn có một phần tử `</p>
<div>` với ID là `main-content`. Trong tệp CSS, bạn muốn đặt màu nền cho riêng phần tử này. Bạn sẽ sử dụng bộ chọn CSS nào?</p>
<ul>
<li>A. .main-content { background-color: lightgrey; }</li>
<li><strong>B. #main-content { background-color: lightgrey; }</strong></li>
<li>C. div[id="main-content"] { background-color: lightgrey; }</li>
<li>D. element(main-content) { background-color: lightgrey; }</li>
</ul>
</div>
<div class="question-block">
<p>Câu 27: Trong ngữ cảnh thiết kế website giới thiệu câu lạc bộ, việc tạo các trang riêng biệt cho từng nhóm hoặc câu lạc bộ (thay vì gộp chung tất cả thông tin vào Trang chủ) có ưu điểm chính nào?</p>
<ul>
<li>A. Làm cho website tải nhanh hơn (vì nội dung chia nhỏ).</li>
<li>B. Giảm số lượng tệp tin cần quản lý.</li>
<li>C. Bắt buộc phải làm như vậy theo chuẩn HTML.</li>
<li><strong>D. Giúp tổ chức nội dung rõ ràng, dễ quản lý và giúp người dùng dễ dàng tìm kiếm thông tin chi tiết về từng câu lạc bộ.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 28: Bạn đang thiết kế phần cuối trang (Footer) và muốn văn bản bên trong nó được căn giữa theo chiều ngang. Thuộc tính CSS nào được sử dụng phổ biến để căn giữa văn bản trong một khối?</p>
<ul>
<li><strong>A. `text-align: center;`</strong></li>
<li>B. `vertical-align: middle;`</li>
<li>C. `align-items: center;`</li>
<li>D. `justify-content: center;`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 29: Giả sử bạn đã tạo một tệp HTML cơ bản và muốn xem nó hiển thị như thế nào trong trình duyệt. Thao tác đơn giản nhất để mở tệp HTML cục bộ bằng trình duyệt là gì?</p>
<ul>
<li>A. Chỉ có thể xem sau khi tải lên máy chủ web.</li>
<li>B. Sử dụng dòng lệnh để biên dịch tệp HTML.</li>
<li><strong>C. Mở tệp HTML bằng cách kéo thả vào cửa sổ trình duyệt hoặc nhấp đúp vào tệp.</strong></li>
<li>D. Cần một phần mềm chuyên dụng để chuyển đổi HTML sang định dạng xem trước.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 30: Khi bạn thay đổi nội dung hoặc CSS trong các tệp của website và muốn xem kết quả cập nhật trên trình duyệt, bạn cần thực hiện thao tác gì trên trình duyệt?</p>
<ul>
<li><strong>A. Tải lại (Refresh) trang web trong trình duyệt.</strong></li>
<li>B. Đóng trình duyệt và mở lại.</li>
<li>C. Xóa bộ nhớ cache của trình duyệt.</li>
<li>D. Gửi lại tệp lên máy chủ web (nếu đang làm việc cục bộ thì không cần).</li>
</ul>
</div>
</div>
<input type='hidden' name='ays_quiz_id' value='34361'/>
<input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-18-thuc-hanh-tong-hop-thiet-ke-trang-web-ket-noi-tri-thuc/'/>
<input type='hidden' name='ays_quiz_questions' value='1025668,1025669,1025670,1025671,1025672,1025673,1025674,1025675,1025676,1025677,1025678,1025679,1025680,1025681,1025682,1025683,1025684,1025685,1025686,1025687,1025688,1025689,1025690,1025691,1025692,1025693,1025694,1025695,1025696,1025697'>
</div>
</div><div class='step '
data-question-id='1025668'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>1 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 1: Khi thiết kế một trang web theo mô hình trong Bài 18, việc sử dụng cùng một tệp tin CSS cho tất cả các trang (Trang chủ, trang CLB Thể thao, trang CLB Nghệ thuật) mang lại lợi ích cốt lõi nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025668]' id='ays-answer-4112765-34361' value='4112765'/>
<label for='ays-answer-4112765-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Giảm dung lượng tệp HTML của mỗi trang.</label><label for='ays-answer-4112765-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025668]' id='ays-answer-4112766-34361' value='4112766'/>
<label for='ays-answer-4112766-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng tốc độ tải trang web lần đầu tiên.</label><label for='ays-answer-4112766-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025668]' id='ays-answer-4112767-34361' value='4112767'/>
<label for='ays-answer-4112767-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Cho phép mỗi trang có một bố cục hoàn toàn khác nhau.</label><label for='ays-answer-4112767-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025668]' id='ays-answer-4112768-34361' value='4112768'/>
<label for='ays-answer-4112768-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Đảm bảo sự nhất quán về giao diện và phong cách trình bày trên toàn bộ website.</label><label for='ays-answer-4112768-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025668'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjc2NSI6IjAiLCI0MTEyNzY2IjoiMCIsIjQxMTI3NjciOiIwIiwiNDExMjc2OCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra khả năng phân tích lợi ích của việc áp dụng một phong cách chung. Sử dụng cùng một tệp CSS đảm bảo tất cả các trang có giao diện nhất quán, chuyên nghiệp và dễ dàng cập nhật.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025669'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>2 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 2: Bạn đang xây dựng phần đầu trang (Header) cho website theo cấu trúc được gợi ý trong bài học, bao gồm Banner và Slogan. Để cả Banner và Slogan đều hiển thị trên cùng một hàng ngang và chiếm các phần diện tích khác nhau, bạn sẽ cần sử dụng kỹ thuật bố cục CSS nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025669]' id='ays-answer-4112769-34361' value='4112769'/>
<label for='ays-answer-4112769-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt Banner và Slogan vào các thẻ `<p>` riêng biệt.</label><label for='ays-answer-4112769-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025669]' id='ays-answer-4112770-34361' value='4112770'/>
<label for='ays-answer-4112770-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng các thuộc tính CSS để các khối nội dung (div) hiển thị theo chiều ngang.</label><label for='ays-answer-4112770-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025669]' id='ays-answer-4112771-34361' value='4112771'/>
<label for='ays-answer-4112771-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần đặt Banner và Slogan liên tiếp nhau trong mã HTML.</label><label for='ays-answer-4112771-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025669]' id='ays-answer-4112772-34361' value='4112772'/>
<label for='ays-answer-4112772-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thẻ `<table>` để tạo hai cột cho Banner và Slogan.</label><label for='ays-answer-4112772-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025669'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjc2OSI6IjAiLCI0MTEyNzcwIjoiMSIsIjQxMTI3NzEiOiIwIiwiNDExMjc3MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu áp dụng kiến thức về bố cục ngang trong CSS. Để các khối (divs cho Banner và Slogan) hiển thị cạnh nhau trên cùng một hàng, cần sử dụng các thuộc tính CSS như `display: flex;` hoặc `float;` trên phần tử chứa chúng, hoặc định nghĩa các lớp CSS tương tự như lớp 'Row' trong bài học.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025670'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>3 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 3: Trong phần Slogan của trang web, bài học gợi ý chia thành 3 ô có độ rộng bằng nhau trên cùng một hàng. Để đạt được bố cục này, bạn sẽ áp dụng lớp CSS nào cho từng ô con bên trong phần Slogan?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025670]' id='ays-answer-4112773-34361' value='4112773'/>
<label for='ays-answer-4112773-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Lớp `Row`</label><label for='ays-answer-4112773-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025670]' id='ays-answer-4112774-34361' value='4112774'/>
<label for='ays-answer-4112774-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Lớp `Header`</label><label for='ays-answer-4112774-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025670]' id='ays-answer-4112775-34361' value='4112775'/>
<label for='ays-answer-4112775-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Lớp `block_3`</label><label for='ays-answer-4112775-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025670]' id='ays-answer-4112776-34361' value='4112776'/>
<label for='ays-answer-4112776-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Lớp `Slogan`</label><label for='ays-answer-4112776-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025670'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjc3MyI6IjAiLCI0MTEyNzc0IjoiMCIsIjQxMTI3NzUiOiIxIiwiNDExMjc3NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra khả năng áp dụng lớp CSS cụ thể được giới thiệu trong bài học để tạo các cột có độ rộng bằng nhau. Lớp `block_3` được dùng để định dạng các ô chiếm khoảng 1/3 độ rộng.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025671'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>4 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 4: Giả sử bạn đã tạo một lớp CSS tên là `.Row` với thuộc tính `display: flex;`. Khi bạn áp dụng lớp này cho một thẻ `</p>
<div>` chứa ba thẻ `</p>
<div>` con khác, các thẻ `</p>
<div>` con này sẽ hiển thị như thế nào theo mặc định (nếu không có CSS bổ sung cho chúng)?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025671]' id='ays-answer-4112777-34361' value='4112777'/>
<label for='ays-answer-4112777-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Xếp thành một hàng ngang.</label><label for='ays-answer-4112777-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025671]' id='ays-answer-4112778-34361' value='4112778'/>
<label for='ays-answer-4112778-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Xếp thành một cột dọc.</label><label for='ays-answer-4112778-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025671]' id='ays-answer-4112779-34361' value='4112779'/>
<label for='ays-answer-4112779-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Chồng lên nhau.</label><label for='ays-answer-4112779-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025671]' id='ays-answer-4112780-34361' value='4112780'/>
<label for='ays-answer-4112780-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Hiển thị ngẫu nhiên trên trang.</label><label for='ays-answer-4112780-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025671'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjc3NyI6IjEiLCI0MTEyNzc4IjoiMCIsIjQxMTI3NzkiOiIwIiwiNDExMjc4MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra khả năng phân tích tác dụng của thuộc tính `display: flex;` khi áp dụng cho phần tử cha. Theo mặc định, các phần tử con bên trong một container có `display: flex;` sẽ được xếp theo chiều ngang.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025672'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>5 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 5: Trang chủ của website được thiết kế như một điểm khởi đầu. Chức năng chính mà trang chủ nên thực hiện theo gợi ý của bài học là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025672]' id='ays-answer-4112781-34361' value='4112781'/>
<label for='ays-answer-4112781-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ hiển thị biểu mẫu đăng ký thành viên.</label><label for='ays-answer-4112781-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025672]' id='ays-answer-4112782-34361' value='4112782'/>
<label for='ays-answer-4112782-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Cung cấp thông tin chung và các liên kết dẫn đến các trang thành viên (các câu lạc bộ).</label><label for='ays-answer-4112782-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025672]' id='ays-answer-4112783-34361' value='4112783'/>
<label for='ays-answer-4112783-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Hiển thị toàn bộ nội dung của tất cả các trang con.</label><label for='ays-answer-4112783-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025672]' id='ays-answer-4112784-34361' value='4112784'/>
<label for='ays-answer-4112784-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ chứa thông tin liên hệ của người quản trị.</label><label for='ays-answer-4112784-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025672'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjc4MSI6IjAiLCI0MTEyNzgyIjoiMSIsIjQxMTI3ODMiOiIwIiwiNDExMjc4NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra sự hiểu biết về vai trò của trang chủ trong cấu trúc website đơn giản. Trang chủ thường cung cấp thông tin tổng quan và liên kết đến các phần chi tiết hơn.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025673'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>6 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 6: Bạn muốn thêm hình ảnh hoặc video để minh họa cho nội dung giới thiệu về một câu lạc bộ. Các tài nguyên đa phương tiện này được sử dụng với mục đích chính nào trong thiết kế web thực hành?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025673]' id='ays-answer-4112785-34361' value='4112785'/>
<label for='ays-answer-4112785-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Để tăng dung lượng tệp tin của trang.</label><label for='ays-answer-4112785-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025673]' id='ays-answer-4112786-34361' value='4112786'/>
<label for='ays-answer-4112786-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Để làm cho trang web tải chậm hơn.</label><label for='ays-answer-4112786-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025673]' id='ays-answer-4112787-34361' value='4112787'/>
<label for='ays-answer-4112787-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Để minh họa nội dung, làm cho trang web sinh động và hấp dẫn hơn.</label><label for='ays-answer-4112787-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025673]' id='ays-answer-4112788-34361' value='4112788'/>
<label for='ays-answer-4112788-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ để trang trí mà không có ý nghĩa thông tin.</label><label for='ays-answer-4112788-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025673'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjc4NSI6IjAiLCI0MTEyNzg2IjoiMCIsIjQxMTI3ODciOiIxIiwiNDExMjc4OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra khả năng phân tích mục đích sử dụng tài nguyên đa phương tiện trong website. Ảnh và video giúp nội dung trở nên sinh động, hấp dẫn và dễ hiểu hơn.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025674'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>7 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 7: Khi thiết kế bố cục trang web, việc chia trang thành các phần rõ ràng như đầu trang (Header), nội dung chính (Content), và cuối trang (Footer) mang lại lợi ích gì về mặt tổ chức và quản lý mã nguồn?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025674]' id='ays-answer-4112789-34361' value='4112789'/>
<label for='ays-answer-4112789-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp tổ chức mã nguồn rõ ràng, dễ đọc, dễ quản lý và bảo trì.</label><label for='ays-answer-4112789-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025674]' id='ays-answer-4112790-34361' value='4112790'/>
<label for='ays-answer-4112790-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Bắt buộc phải làm như vậy theo chuẩn HTML mới nhất.</label><label for='ays-answer-4112790-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025674]' id='ays-answer-4112791-34361' value='4112791'/>
<label for='ays-answer-4112791-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có tác dụng làm đẹp giao diện.</label><label for='ays-answer-4112791-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025674]' id='ays-answer-4112792-34361' value='4112792'/>
<label for='ays-answer-4112792-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp trình duyệt tải trang nhanh hơn đáng kể.</label><label for='ays-answer-4112792-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025674'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjc4OSI6IjEiLCI0MTEyNzkwIjoiMCIsIjQxMTI3OTEiOiIwIiwiNDExMjc5MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra khả năng phân tích lợi ích của việc phân chia cấu trúc HTML thành các phần logic. Việc này giúp mã nguồn gọn gàng, dễ đọc, dễ hiểu và dễ bảo trì, đặc biệt khi làm việc nhóm hoặc cập nhật sau này.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025675'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>8 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 8: Bạn cần tạo một trang riêng để người dùng có thể điền thông tin và đăng ký tham gia các câu lạc bộ. Loại thành phần giao diện người dùng (UI element) nào là cần thiết nhất để thu thập thông tin từ người dùng trên trang này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025675]' id='ays-answer-4112793-34361' value='4112793'/>
<label for='ays-answer-4112793-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Một danh sách các câu lạc bộ.</label><label for='ays-answer-4112793-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025675]' id='ays-answer-4112794-34361' value='4112794'/>
<label for='ays-answer-4112794-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Các liên kết dẫn đến trang chủ.</label><label for='ays-answer-4112794-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025675]' id='ays-answer-4112795-34361' value='4112795'/>
<label for='ays-answer-4112795-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Một bộ sưu tập hình ảnh.</label><label for='ays-answer-4112795-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025675]' id='ays-answer-4112796-34361' value='4112796'/>
<label for='ays-answer-4112796-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Một biểu mẫu (form) với các trường nhập liệu.</label><label for='ays-answer-4112796-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025675'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjc5MyI6IjAiLCI0MTEyNzk0IjoiMCIsIjQxMTI3OTUiOiIwIiwiNDExMjc5NiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu áp dụng kiến thức về các thành phần cơ bản của trang web để giải quyết một yêu cầu chức năng (đăng ký). Biểu mẫu (form) là thành phần chính được sử dụng để thu thập dữ liệu nhập từ người dùng.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025676'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>9 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 9: Trong bài học, lớp CSS `.block_3` được sử dụng để tạo các ô có độ rộng bằng nhau. Nếu bạn muốn tạo 4 ô có độ rộng bằng nhau trên cùng một hàng, bạn sẽ cần tạo một lớp CSS mới hoặc điều chỉnh lớp `.block_3` như thế nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025676]' id='ays-answer-4112797-34361' value='4112797'/>
<label for='ays-answer-4112797-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo một lớp CSS mới với thuộc tính `width` khoảng 25%.</label><label for='ays-answer-4112797-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025676]' id='ays-answer-4112798-34361' value='4112798'/>
<label for='ays-answer-4112798-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần sử dụng lại lớp `.block_3` cho 4 ô.</label><label for='ays-answer-4112798-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025676]' id='ays-answer-4112799-34361' value='4112799'/>
<label for='ays-answer-4112799-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Không thể chia thành 4 ô bằng CSS.</label><label for='ays-answer-4112799-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025676]' id='ays-answer-4112800-34361' value='4112800'/>
<label for='ays-answer-4112800-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `height` khoảng 25%.</label><label for='ays-answer-4112800-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025676'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjc5NyI6IjEiLCI0MTEyNzk4IjoiMCIsIjQxMTI3OTkiOiIwIiwiNDExMjgwMCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra khả năng suy luận và áp dụng nguyên tắc thiết kế CSS dựa trên ví dụ. Lớp `block_3` có độ rộng 1/3 (khoảng 33.33%). Để có 4 ô bằng nhau, mỗi ô cần chiếm 1/4 độ rộng (25%). Do đó, cần tạo lớp mới hoặc điều chỉnh lớp hiện có với độ rộng khoảng 25%.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025677'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>10 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 10: Tại sao việc sử dụng các lớp CSS (class) để định dạng các thành phần trên trang web lại được ưa chuộng hơn việc định dạng trực tiếp bằng thuộc tính `style` trong thẻ HTML?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025677]' id='ays-answer-4112801-34361' value='4112801'/>
<label for='ays-answer-4112801-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Định dạng bằng `style` trong thẻ HTML không được hỗ trợ bởi trình duyệt hiện đại.</label><label for='ays-answer-4112801-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025677]' id='ays-answer-4112802-34361' value='4112802'/>
<label for='ays-answer-4112802-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng lớp CSS làm tăng kích thước tệp tin trang web.</label><label for='ays-answer-4112802-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025677]' id='ays-answer-4112803-34361' value='4112803'/>
<label for='ays-answer-4112803-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Lớp CSS giúp áp dụng cùng một kiểu định dạng cho nhiều phần tử, dễ dàng cập nhật và quản lý.</label><label for='ays-answer-4112803-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025677]' id='ays-answer-4112804-34361' value='4112804'/>
<label for='ays-answer-4112804-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Định dạng trực tiếp bằng `style` làm cho trang web tải nhanh hơn.</label><label for='ays-answer-4112804-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025677'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjgwMSI6IjAiLCI0MTEyODAyIjoiMCIsIjQxMTI4MDMiOiIxIiwiNDExMjgwNCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu phân tích ưu điểm của việc sử dụng CSS class so với inline styles. CSS class giúp tái sử dụng phong cách, dễ dàng thay đổi giao diện trên nhiều phần tử cùng lúc và tách biệt cấu trúc (HTML) với trình bày (CSS).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025678'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>11 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 11: Bạn đã hoàn thành thiết kế giao diện cho Trang chủ và lưu tệp CSS là `style.css`. Để áp dụng phong cách này cho trang giới thiệu CLB Thể thao (`thethao.html`), bạn cần thêm đoạn mã HTML nào vào phần `<head>` của tệp `thethao.html`?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025678]' id='ays-answer-4112805-34361' value='4112805'/>
<label for='ays-answer-4112805-34361' class=' ays_position_initial ays-quiz-keyboard-label'><link rel="stylesheet" href="style.css"></label><label for='ays-answer-4112805-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025678]' id='ays-answer-4112806-34361' value='4112806'/>
<label for='ays-answer-4112806-34361' class=' ays_position_initial ays-quiz-keyboard-label'><style src="style.css"></style></label><label for='ays-answer-4112806-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025678]' id='ays-answer-4112807-34361' value='4112807'/>
<label for='ays-answer-4112807-34361' class=' ays_position_initial ays-quiz-keyboard-label'><css link="style.css"></label><label for='ays-answer-4112807-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025678]' id='ays-answer-4112808-34361' value='4112808'/>
<label for='ays-answer-4112808-34361' class=' ays_position_initial ays-quiz-keyboard-label'><script src="style.css"></script></label><label for='ays-answer-4112808-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025678'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjgwNSI6IjEiLCI0MTEyODA2IjoiMCIsIjQxMTI4MDciOiIwIiwiNDExMjgwOCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức áp dụng về cách liên kết tệp CSS ngoài vào tài liệu HTML. Thẻ `<link>` với thuộc tính `rel="stylesheet"` và `href` trỏ đến đường dẫn tệp CSS là cách chuẩn.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025679'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>12 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 12: Giả sử phần `Content` (nội dung chính) của trang web được thiết kế để hiển thị thông tin chi tiết về một câu lạc bộ. Nội dung này có thể bao gồm văn bản, hình ảnh, và danh sách các hoạt động. Về mặt cấu trúc HTML, phần `Content` này thường được đặt trong thẻ nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025679]' id='ays-answer-4112809-34361' value='4112809'/>
<label for='ays-answer-4112809-34361' class=' ays_position_initial ays-quiz-keyboard-label'><header></label><label for='ays-answer-4112809-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025679]' id='ays-answer-4112810-34361' value='4112810'/>
<label for='ays-answer-4112810-34361' class=' ays_position_initial ays-quiz-keyboard-label'><footer></label><label for='ays-answer-4112810-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025679]' id='ays-answer-4112811-34361' value='4112811'/>
<label for='ays-answer-4112811-34361' class=' ays_position_initial ays-quiz-keyboard-label'><main> hoặc <div> với lớp/ID phù hợp</label><label for='ays-answer-4112811-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025679]' id='ays-answer-4112812-34361' value='4112812'/>
<label for='ays-answer-4112812-34361' class=' ays_position_initial ays-quiz-keyboard-label'><aside></label><label for='ays-answer-4112812-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025679'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjgwOSI6IjAiLCI0MTEyODEwIjoiMCIsIjQxMTI4MTEiOiIxIiwiNDExMjgxMiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về cấu trúc HTML ngữ nghĩa cơ bản. Thẻ `<main>` hoặc một thẻ `</p>
<div>` với lớp/ID phù hợp (như `content` trong bài học) thường được dùng để chứa nội dung chính và phân biệt nó với header/footer.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025680'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>13 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 13: Trong quá trình thiết kế, bạn nhận thấy phần cuối trang (Footer) cần hiển thị thông tin liên hệ và bản quyền. Để đảm bảo phần này luôn nằm ở cuối trang web (phía dưới nội dung chính), bạn có thể sử dụng thuộc tính CSS nào cho phần tử Footer?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025680]' id='ays-answer-4112813-34361' value='4112813'/>
<label for='ays-answer-4112813-34361' class=' ays_position_initial ays-quiz-keyboard-label'>`position: fixed; top: 0;`</label><label for='ays-answer-4112813-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025680]' id='ays-answer-4112814-34361' value='4112814'/>
<label for='ays-answer-4112814-34361' class=' ays_position_initial ays-quiz-keyboard-label'>`display: inline;`</label><label for='ays-answer-4112814-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025680]' id='ays-answer-4112815-34361' value='4112815'/>
<label for='ays-answer-4112815-34361' class=' ays_position_initial ays-quiz-keyboard-label'>`float: left;`</label><label for='ays-answer-4112815-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025680]' id='ays-answer-4112816-34361' value='4112816'/>
<label for='ays-answer-4112816-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt nó sau phần nội dung chính trong cấu trúc HTML và sử dụng CSS để định dạng vị trí cuối cùng (nếu cần).</label><label for='ays-answer-4112816-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025680'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjgxMyI6IjAiLCI0MTEyODE0IjoiMCIsIjQxMTI4MTUiOiIwIiwiNDExMjgxNiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu áp dụng kiến thức CSS để kiểm soát vị trí của phần tử. Mặc dù có nhiều cách phức tạp hơn (flexbox, grid), trong bối cảnh cơ bản, việc Footer hiển thị sau nội dung chính là hành vi khối mặc định. Tuy nhiên, để đảm bảo nó 'dính' ở dưới cùng của viewport hoặc nội dung, các kỹ thuật nâng cao hơn như `position: fixed; bottom: 0;` (cho cuối màn hình) hoặc sử dụng flexbox/grid layout trên body/container chính là phổ biến. Câu trả lời phù hợp nhất với mức độ cơ bản là nó tự động nằm dưới nếu đứng sau trong HTML, nhưng để cố định hoặc đảm bảo ở cuối trang *nội dung*, cần CSS. Phương án 4 là chung nhất cho việc hiển thị dưới nội dung.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025681'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>14 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 14: Mục đích của việc sử dụng thuộc tính `alt` cho thẻ `<img>` khi chèn hình ảnh vào trang web là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025681]' id='ays-answer-4112817-34361' value='4112817'/>
<label for='ays-answer-4112817-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Xác định kích thước của hình ảnh.</label><label for='ays-answer-4112817-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025681]' id='ays-answer-4112818-34361' value='4112818'/>
<label for='ays-answer-4112818-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Cung cấp văn bản thay thế cho hình ảnh (khi không hiển thị được, cho trình đọc màn hình).</label><label for='ays-answer-4112818-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025681]' id='ays-answer-4112819-34361' value='4112819'/>
<label for='ays-answer-4112819-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt đường viền cho hình ảnh.</label><label for='ays-answer-4112819-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025681]' id='ays-answer-4112820-34361' value='4112820'/>
<label for='ays-answer-4112820-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Liên kết hình ảnh với một trang khác.</label><label for='ays-answer-4112820-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025681'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjgxNyI6IjAiLCI0MTEyODE4IjoiMSIsIjQxMTI4MTkiOiIwIiwiNDExMjgyMCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về khả năng tiếp cận (accessibility) và SEO cơ bản trong HTML. Thuộc tính `alt` cung cấp văn bản thay thế cho hình ảnh khi nó không hiển thị được hoặc cho các trình đọc màn hình.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025682'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>15 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 15: Bạn muốn tạo một liên kết từ một đoạn văn bản trong Trang chủ đến trang giới thiệu CLB Nghệ thuật (`nghethuat.html`). Đoạn mã HTML chính xác để thực hiện việc này là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025682]' id='ays-answer-4112821-34361' value='4112821'/>
<label for='ays-answer-4112821-34361' class=' ays_position_initial ays-quiz-keyboard-label'><link href="nghethuat.html">CLB Nghệ thuật</link></label><label for='ays-answer-4112821-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025682]' id='ays-answer-4112822-34361' value='4112822'/>
<label for='ays-answer-4112822-34361' class=' ays_position_initial ays-quiz-keyboard-label'><goto url="nghethuat.html">CLB Nghệ thuật</goto></label><label for='ays-answer-4112822-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025682]' id='ays-answer-4112823-34361' value='4112823'/>
<label for='ays-answer-4112823-34361' class=' ays_position_initial ays-quiz-keyboard-label'><a href="nghethuat.html">CLB Nghệ thuật</a></label><label for='ays-answer-4112823-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025682]' id='ays-answer-4112824-34361' value='4112824'/>
<label for='ays-answer-4112824-34361' class=' ays_position_initial ays-quiz-keyboard-label'><src="nghethuat.html">CLB Nghệ thuật</src></label><label for='ays-answer-4112824-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025682'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjgyMSI6IjAiLCI0MTEyODIyIjoiMCIsIjQxMTI4MjMiOiIxIiwiNDExMjgyNCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra khả năng áp dụng thẻ HTML để tạo liên kết. Thẻ `<a>` với thuộc tính `href` chỉ định URL đích và nội dung nằm giữa thẻ mở/đóng là văn bản/hình ảnh liên kết.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025683'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>16 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 16: Khi thiết kế một website đơn giản như trong bài học, việc lập kế hoạch cấu trúc trang web trước khi viết mã (ví dụ: vẽ sơ đồ các trang và liên kết giữa chúng) có ý nghĩa quan trọng như thế nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025683]' id='ays-answer-4112825-34361' value='4112825'/>
<label for='ays-answer-4112825-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ làm mất thời gian và không cần thiết cho website đơn giản.</label><label for='ays-answer-4112825-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025683]' id='ays-answer-4112826-34361' value='4112826'/>
<label for='ays-answer-4112826-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp website có nhiều hiệu ứng động hơn.</label><label for='ays-answer-4112826-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025683]' id='ays-answer-4112827-34361' value='4112827'/>
<label for='ays-answer-4112827-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ quan trọng khi làm việc với cơ sở dữ liệu.</label><label for='ays-answer-4112827-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025683]' id='ays-answer-4112828-34361' value='4112828'/>
<label for='ays-answer-4112828-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp xác định rõ ràng cấu trúc, nội dung, và luồng di chuyển, tiết kiệm thời gian triển khai và sửa lỗi.</label><label for='ays-answer-4112828-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025683'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjgyNSI6IjAiLCI0MTEyODI2IjoiMCIsIjQxMTI4MjciOiIwIiwiNDExMjgyOCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu phân tích tầm quan trọng của giai đoạn lập kế hoạch trong quy trình thiết kế web. Lập kế hoạch giúp xác định rõ ràng cấu trúc, nội dung, luồng di chuyển của người dùng, từ đó tiết kiệm thời gian và tránh sai sót trong quá trình triển khai.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025684'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>17 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 17: Bạn đã tạo lớp CSS `.banner` để định dạng phần banner. Thuộc tính CSS nào trong lớp này sẽ giúp bạn đặt một hình ảnh làm nền cho khu vực banner?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025684]' id='ays-answer-4112829-34361' value='4112829'/>
<label for='ays-answer-4112829-34361' class=' ays_position_initial ays-quiz-keyboard-label'>`image: url('duong_dan_anh.jpg');`</label><label for='ays-answer-4112829-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025684]' id='ays-answer-4112830-34361' value='4112830'/>
<label for='ays-answer-4112830-34361' class=' ays_position_initial ays-quiz-keyboard-label'>`background-image: url('duong_dan_anh.jpg');`</label><label for='ays-answer-4112830-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025684]' id='ays-answer-4112831-34361' value='4112831'/>
<label for='ays-answer-4112831-34361' class=' ays_position_initial ays-quiz-keyboard-label'>`src: 'duong_dan_anh.jpg';`</label><label for='ays-answer-4112831-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025684]' id='ays-answer-4112832-34361' value='4112832'/>
<label for='ays-answer-4112832-34361' class=' ays_position_initial ays-quiz-keyboard-label'>`list-style-image: url('duong_dan_anh.jpg');`</label><label for='ays-answer-4112832-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025684'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjgyOSI6IjAiLCI0MTEyODMwIjoiMSIsIjQxMTI4MzEiOiIwIiwiNDExMjgzMiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức áp dụng về thuộc tính CSS để thiết lập hình nền. Thuộc tính `background-image` được sử dụng để đặt hình ảnh làm nền cho một phần tử.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025685'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>18 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 18: Để đảm bảo tiêu đề của trang web trong phần Banner (ví dụ: 'Website Câu lạc bộ') nổi bật và dễ đọc trên nền hình ảnh, bạn có thể áp dụng các thuộc tính CSS nào cho tiêu đề?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025685]' id='ays-answer-4112833-34361' value='4112833'/>
<label for='ays-answer-4112833-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần đặt tiêu đề vào thẻ `<b>`.</label><label for='ays-answer-4112833-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025685]' id='ays-answer-4112834-34361' value='4112834'/>
<label for='ays-answer-4112834-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `display: none;`.</label><label for='ays-answer-4112834-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025685]' id='ays-answer-4112835-34361' value='4112835'/>
<label for='ays-answer-4112835-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ thay đổi màu nền của tiêu đề thành màu trong suốt.</label><label for='ays-answer-4112835-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025685]' id='ays-answer-4112836-34361' value='4112836'/>
<label for='ays-answer-4112836-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Thay đổi màu chữ, cỡ chữ, độ đậm, và có thể thêm đổ bóng văn bản (text-shadow).</label><label for='ays-answer-4112836-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025685'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjgzMyI6IjAiLCI0MTEyODM0IjoiMCIsIjQxMTI4MzUiOiIwIiwiNDExMjgzNiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu áp dụng kiến thức CSS để cải thiện khả năng đọc. Các thuộc tính như `color` (màu chữ), `font-size` (cỡ chữ), `font-weight` (độ đậm), và có thể thêm `text-shadow` hoặc `background-color` (với độ trong suốt) sẽ giúp tiêu đề nổi bật.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025686'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>19 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 19: Bạn muốn các liên kết điều hướng trong menu (ví dụ: liên kết đến Trang chủ, CLB Thể thao, CLB Nghệ thuật) được xếp cạnh nhau theo chiều ngang thay vì xếp dọc mặc định. Bạn sẽ sử dụng thuộc tính CSS nào cho các phần tử chứa liên kết (ví dụ: thẻ `</p>
<li>` trong một danh sách `
<ul>`)?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025686]' id='ays-answer-4112837-34361' value='4112837'/>
<label for='ays-answer-4112837-34361' class=' ays_position_initial ays-quiz-keyboard-label'>`display: inline;` hoặc `display: inline-block;`</label><label for='ays-answer-4112837-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025686]' id='ays-answer-4112838-34361' value='4112838'/>
<label for='ays-answer-4112838-34361' class=' ays_position_initial ays-quiz-keyboard-label'>`position: absolute;`</label><label for='ays-answer-4112838-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025686]' id='ays-answer-4112839-34361' value='4112839'/>
<label for='ays-answer-4112839-34361' class=' ays_position_initial ays-quiz-keyboard-label'>`margin: 20px;`</label><label for='ays-answer-4112839-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025686]' id='ays-answer-4112840-34361' value='4112840'/>
<label for='ays-answer-4112840-34361' class=' ays_position_initial ays-quiz-keyboard-label'>`clear: both;`</label><label for='ays-answer-4112840-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025686'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjgzNyI6IjEiLCI0MTEyODM4IjoiMCIsIjQxMTI4MzkiOiIwIiwiNDExMjg0MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra khả năng áp dụng CSS để thay đổi hướng hiển thị của các phần tử. `display: inline;` hoặc `display: inline-block;` làm cho các phần tử khối hiển thị trên cùng một dòng. `float: left;` cũng có thể được dùng, hoặc sử dụng flexbox/grid trên phần tử cha.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025687'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>20 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 20: Khi thiết kế bố cục với các khối nội dung (`div`) sử dụng `float: left;`, điều gì có thể xảy ra với phần tử tiếp theo (nằm sau các khối đã float trong mã HTML) nếu bạn không sử dụng thuộc tính `clear`?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025687]' id='ays-answer-4112841-34361' value='4112841'/>
<label for='ays-answer-4112841-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Phần tử tiếp theo sẽ tự động xuống dòng.</label><label for='ays-answer-4112841-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025687]' id='ays-answer-4112842-34361' value='4112842'/>
<label for='ays-answer-4112842-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Phần tử tiếp theo sẽ hiển thị ở giữa trang.</label><label for='ays-answer-4112842-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025687]' id='ays-answer-4112843-34361' value='4112843'/>
<label for='ays-answer-4112843-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Phần tử tiếp theo có thể trôi nổi (float) lên cạnh các phần tử đã float, chồng lấn hoặc hiển thị không đúng vị trí.</label><label for='ays-answer-4112843-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025687]' id='ays-answer-4112844-34361' value='4112844'/>
<label for='ays-answer-4112844-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Phần tử tiếp theo sẽ biến mất khỏi trang.</label><label for='ays-answer-4112844-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025687'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjg0MSI6IjAiLCI0MTEyODQyIjoiMCIsIjQxMTI4NDMiOiIxIiwiNDExMjg0NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức phân tích về hành vi của thuộc tính `float` và cách khắc phục hiệu ứng không mong muốn. Khi các phần tử con được float, phần tử cha có thể bị sập (zero height) và các phần tử sau đó có thể trôi nổi lên cạnh các phần tử đã float. `clear: both;` ngăn chặn hành vi này.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025688'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>21 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 21: Bạn muốn thêm một đường kẻ phân cách giữa các phần nội dung khác nhau trên trang (ví dụ: giữa Header và Content). Thẻ HTML ngữ nghĩa nào thường được sử dụng để tạo một đường kẻ ngang?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025688]' id='ays-answer-4112845-34361' value='4112845'/>
<label for='ays-answer-4112845-34361' class=' ays_position_initial ays-quiz-keyboard-label'><hr></label><label for='ays-answer-4112845-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025688]' id='ays-answer-4112846-34361' value='4112846'/>
<label for='ays-answer-4112846-34361' class=' ays_position_initial ays-quiz-keyboard-label'><br></label><label for='ays-answer-4112846-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025688]' id='ays-answer-4112847-34361' value='4112847'/>
<label for='ays-answer-4112847-34361' class=' ays_position_initial ays-quiz-keyboard-label'><li></label><label for='ays-answer-4112847-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025688]' id='ays-answer-4112848-34361' value='4112848'/>
<label for='ays-answer-4112848-34361' class=' ays_position_initial ays-quiz-keyboard-label'><line></label><label for='ays-answer-4112848-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025688'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjg0NSI6IjEiLCI0MTEyODQ2IjoiMCIsIjQxMTI4NDciOiIwIiwiNDExMjg0OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về các thẻ HTML ngữ nghĩa cơ bản. Thẻ `</p>
<hr>
<p>` (horizontal rule) được dùng để tạo một đường kẻ ngang, thường biểu thị sự phân chia chủ đề.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025689'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>22 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 22: Khi bạn sử dụng CSS để đặt `margin` (lề ngoài) cho một phần tử, lề này sẽ tạo ra khoảng trống ở đâu so với đường viền (border) của phần tử đó?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025689]' id='ays-answer-4112849-34361' value='4112849'/>
<label for='ays-answer-4112849-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Bên trong đường viền, giữa nội dung và đường viền.</label><label for='ays-answer-4112849-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025689]' id='ays-answer-4112850-34361' value='4112850'/>
<label for='ays-answer-4112850-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Bên ngoài đường viền, giữa phần tử này và các phần tử xung quanh.</label><label for='ays-answer-4112850-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025689]' id='ays-answer-4112851-34361' value='4112851'/>
<label for='ays-answer-4112851-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ ảnh hưởng đến kích thước của nội dung.</label><label for='ays-answer-4112851-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025689]' id='ays-answer-4112852-34361' value='4112852'/>
<label for='ays-answer-4112852-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo khoảng trống giữa các từ trong văn bản.</label><label for='ays-answer-4112852-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025689'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjg0OSI6IjAiLCI0MTEyODUwIjoiMSIsIjQxMTI4NTEiOiIwIiwiNDExMjg1MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về Box Model trong CSS. `margin` tạo khoảng trống bên ngoài đường viền của phần tử, đẩy các phần tử khác ra xa.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025690'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>23 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 23: Bạn muốn tạo một khoảng đệm (padding) bên trong một phần tử, giữa nội dung và đường viền của nó. Thuộc tính CSS nào được sử dụng để thực hiện điều này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025690]' id='ays-answer-4112853-34361' value='4112853'/>
<label for='ays-answer-4112853-34361' class=' ays_position_initial ays-quiz-keyboard-label'>`margin`</label><label for='ays-answer-4112853-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025690]' id='ays-answer-4112854-34361' value='4112854'/>
<label for='ays-answer-4112854-34361' class=' ays_position_initial ays-quiz-keyboard-label'>`border`</label><label for='ays-answer-4112854-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025690]' id='ays-answer-4112855-34361' value='4112855'/>
<label for='ays-answer-4112855-34361' class=' ays_position_initial ays-quiz-keyboard-label'>`outline`</label><label for='ays-answer-4112855-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025690]' id='ays-answer-4112856-34361' value='4112856'/>
<label for='ays-answer-4112856-34361' class=' ays_position_initial ays-quiz-keyboard-label'>`padding`</label><label for='ays-answer-4112856-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025690'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjg1MyI6IjAiLCI0MTEyODU0IjoiMCIsIjQxMTI4NTUiOiIwIiwiNDExMjg1NiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về Box Model trong CSS. `padding` tạo khoảng trống bên trong đường viền, đẩy nội dung ra xa đường viền.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025691'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>24 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 24: Trong tệp CSS, để chọn tất cả các thẻ `</p>
<p>` và đặt màu chữ cho chúng là màu xanh, bạn sẽ viết quy tắc CSS như thế nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025691]' id='ays-answer-4112857-34361' value='4112857'/>
<label for='ays-answer-4112857-34361' class=' ays_position_initial ays-quiz-keyboard-label'>p { color: blue; }</label><label for='ays-answer-4112857-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025691]' id='ays-answer-4112858-34361' value='4112858'/>
<label for='ays-answer-4112858-34361' class=' ays_position_initial ays-quiz-keyboard-label'>#p { color: blue; }</label><label for='ays-answer-4112858-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025691]' id='ays-answer-4112859-34361' value='4112859'/>
<label for='ays-answer-4112859-34361' class=' ays_position_initial ays-quiz-keyboard-label'>.p { color: blue; }</label><label for='ays-answer-4112859-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025691]' id='ays-answer-4112860-34361' value='4112860'/>
<label for='ays-answer-4112860-34361' class=' ays_position_initial ays-quiz-keyboard-label'><p> { color: blue; }</label><label for='ays-answer-4112860-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025691'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjg1NyI6IjEiLCI0MTEyODU4IjoiMCIsIjQxMTI4NTkiOiIwIiwiNDExMjg2MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về cú pháp bộ chọn thẻ HTML trong CSS. Bộ chọn `p` áp dụng quy tắc cho tất cả các thẻ `</p>
<p>`. Thuộc tính `color` đặt màu chữ.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025692'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>25 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 25: Bạn đã tạo một lớp CSS `.highlight` và muốn áp dụng nó cho một đoạn văn bản cụ thể trong thẻ `</p>
<p>`. Bạn sẽ sửa thẻ `</p>
<p>` đó trong HTML như thế nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025692]' id='ays-answer-4112861-34361' value='4112861'/>
<label for='ays-answer-4112861-34361' class=' ays_position_initial ays-quiz-keyboard-label'><p id="highlight">Đoạn văn bản này</p></label><label for='ays-answer-4112861-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025692]' id='ays-answer-4112862-34361' value='4112862'/>
<label for='ays-answer-4112862-34361' class=' ays_position_initial ays-quiz-keyboard-label'><p style="class: highlight;">Đoạn văn bản này</p></label><label for='ays-answer-4112862-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025692]' id='ays-answer-4112863-34361' value='4112863'/>
<label for='ays-answer-4112863-34361' class=' ays_position_initial ays-quiz-keyboard-label'><p class="highlight">Đoạn văn bản này</p></label><label for='ays-answer-4112863-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025692]' id='ays-answer-4112864-34361' value='4112864'/>
<label for='ays-answer-4112864-34361' class=' ays_position_initial ays-quiz-keyboard-label'><p name="highlight">Đoạn văn bản này</p></label><label for='ays-answer-4112864-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025692'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjg2MSI6IjAiLCI0MTEyODYyIjoiMCIsIjQxMTI4NjMiOiIxIiwiNDExMjg2NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về cách áp dụng lớp CSS vào thẻ HTML. Sử dụng thuộc tính `class` trong thẻ HTML và gán tên lớp CSS (không có dấu chấm).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025693'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>26 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 26: Giả sử bạn có một phần tử `</p>
<div>` với ID là `main-content`. Trong tệp CSS, bạn muốn đặt màu nền cho riêng phần tử này. Bạn sẽ sử dụng bộ chọn CSS nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025693]' id='ays-answer-4112865-34361' value='4112865'/>
<label for='ays-answer-4112865-34361' class=' ays_position_initial ays-quiz-keyboard-label'>.main-content { background-color: lightgrey; }</label><label for='ays-answer-4112865-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025693]' id='ays-answer-4112866-34361' value='4112866'/>
<label for='ays-answer-4112866-34361' class=' ays_position_initial ays-quiz-keyboard-label'>#main-content { background-color: lightgrey; }</label><label for='ays-answer-4112866-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025693]' id='ays-answer-4112867-34361' value='4112867'/>
<label for='ays-answer-4112867-34361' class=' ays_position_initial ays-quiz-keyboard-label'>div[id='main-content'] { background-color: lightgrey; }</label><label for='ays-answer-4112867-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025693]' id='ays-answer-4112868-34361' value='4112868'/>
<label for='ays-answer-4112868-34361' class=' ays_position_initial ays-quiz-keyboard-label'>element(main-content) { background-color: lightgrey; }</label><label for='ays-answer-4112868-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025693'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjg2NSI6IjAiLCI0MTEyODY2IjoiMSIsIjQxMTI4NjciOiIwIiwiNDExMjg2OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về cú pháp bộ chọn ID trong CSS. Bộ chọn ID bắt đầu bằng dấu `#` theo sau là tên ID.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025694'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>27 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 27: Trong ngữ cảnh thiết kế website giới thiệu câu lạc bộ, việc tạo các trang riêng biệt cho từng nhóm hoặc câu lạc bộ (thay vì gộp chung tất cả thông tin vào Trang chủ) có ưu điểm chính nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025694]' id='ays-answer-4112869-34361' value='4112869'/>
<label for='ays-answer-4112869-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho website tải nhanh hơn (vì nội dung chia nhỏ).</label><label for='ays-answer-4112869-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025694]' id='ays-answer-4112870-34361' value='4112870'/>
<label for='ays-answer-4112870-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Giảm số lượng tệp tin cần quản lý.</label><label for='ays-answer-4112870-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025694]' id='ays-answer-4112871-34361' value='4112871'/>
<label for='ays-answer-4112871-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Bắt buộc phải làm như vậy theo chuẩn HTML.</label><label for='ays-answer-4112871-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025694]' id='ays-answer-4112872-34361' value='4112872'/>
<label for='ays-answer-4112872-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp tổ chức nội dung rõ ràng, dễ quản lý và giúp người dùng dễ dàng tìm kiếm thông tin chi tiết về từng câu lạc bộ.</label><label for='ays-answer-4112872-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025694'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjg2OSI6IjAiLCI0MTEyODcwIjoiMCIsIjQxMTI4NzEiOiIwIiwiNDExMjg3MiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu phân tích lợi ích của việc phân chia nội dung thành các trang riêng biệt. Việc này giúp tổ chức thông tin rõ ràng, người dùng dễ tìm kiếm thông tin cụ thể về CLB họ quan tâm và trang chủ không bị quá tải.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025695'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>28 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 28: Bạn đang thiết kế phần cuối trang (Footer) và muốn văn bản bên trong nó được căn giữa theo chiều ngang. Thuộc tính CSS nào được sử dụng phổ biến để căn giữa văn bản trong một khối?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025695]' id='ays-answer-4112873-34361' value='4112873'/>
<label for='ays-answer-4112873-34361' class=' ays_position_initial ays-quiz-keyboard-label'>`text-align: center;`</label><label for='ays-answer-4112873-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025695]' id='ays-answer-4112874-34361' value='4112874'/>
<label for='ays-answer-4112874-34361' class=' ays_position_initial ays-quiz-keyboard-label'>`vertical-align: middle;`</label><label for='ays-answer-4112874-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025695]' id='ays-answer-4112875-34361' value='4112875'/>
<label for='ays-answer-4112875-34361' class=' ays_position_initial ays-quiz-keyboard-label'>`align-items: center;`</label><label for='ays-answer-4112875-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025695]' id='ays-answer-4112876-34361' value='4112876'/>
<label for='ays-answer-4112876-34361' class=' ays_position_initial ays-quiz-keyboard-label'>`justify-content: center;`</label><label for='ays-answer-4112876-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025695'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjg3MyI6IjEiLCI0MTEyODc0IjoiMCIsIjQxMTI4NzUiOiIwIiwiNDExMjg3NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức áp dụng thuộc tính CSS để căn chỉnh văn bản. `text-align: center;` được sử dụng để căn giữa nội dung văn bản bên trong một phần tử khối.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025696'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>29 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 29: Giả sử bạn đã tạo một tệp HTML cơ bản và muốn xem nó hiển thị như thế nào trong trình duyệt. Thao tác đơn giản nhất để mở tệp HTML cục bộ bằng trình duyệt là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025696]' id='ays-answer-4112877-34361' value='4112877'/>
<label for='ays-answer-4112877-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có thể xem sau khi tải lên máy chủ web.</label><label for='ays-answer-4112877-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025696]' id='ays-answer-4112878-34361' value='4112878'/>
<label for='ays-answer-4112878-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng dòng lệnh để biên dịch tệp HTML.</label><label for='ays-answer-4112878-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025696]' id='ays-answer-4112879-34361' value='4112879'/>
<label for='ays-answer-4112879-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Mở tệp HTML bằng cách kéo thả vào cửa sổ trình duyệt hoặc nhấp đúp vào tệp.</label><label for='ays-answer-4112879-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025696]' id='ays-answer-4112880-34361' value='4112880'/>
<label for='ays-answer-4112880-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Cần một phần mềm chuyên dụng để chuyển đổi HTML sang định dạng xem trước.</label><label for='ays-answer-4112880-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025696'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjg3NyI6IjAiLCI0MTEyODc4IjoiMCIsIjQxMTI4NzkiOiIxIiwiNDExMjg4MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kỹ năng thực hành cơ bản nhất. Mở trực tiếp tệp HTML bằng trình duyệt là cách đơn giản nhất để xem kết quả thiết kế.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1025697'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>30 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 08</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 30: Khi bạn thay đổi nội dung hoặc CSS trong các tệp của website và muốn xem kết quả cập nhật trên trình duyệt, bạn cần thực hiện thao tác gì trên trình duyệt?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025697]' id='ays-answer-4112881-34361' value='4112881'/>
<label for='ays-answer-4112881-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Tải lại (Refresh) trang web trong trình duyệt.</label><label for='ays-answer-4112881-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025697]' id='ays-answer-4112882-34361' value='4112882'/>
<label for='ays-answer-4112882-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Đóng trình duyệt và mở lại.</label><label for='ays-answer-4112882-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025697]' id='ays-answer-4112883-34361' value='4112883'/>
<label for='ays-answer-4112883-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Xóa bộ nhớ cache của trình duyệt.</label><label for='ays-answer-4112883-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1025697]' id='ays-answer-4112884-34361' value='4112884'/>
<label for='ays-answer-4112884-34361' class=' ays_position_initial ays-quiz-keyboard-label'>Gửi lại tệp lên máy chủ web (nếu đang làm việc cục bộ thì không cần).</label><label for='ays-answer-4112884-34361' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_34361 === 'undefined'){
window.quizOptions_34361 = [];
}
window.quizOptions_34361['1025697'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDExMjg4MSI6IjEiLCI0MTEyODgyIjoiMCIsIjQxMTI4ODMiOiIwIiwiNDExMjg4NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/>
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kỹ năng thực hành trong quá trình phát triển web. Sau khi thay đổi tệp, trình duyệt cần tải lại nội dung mới nhất. Thao tác tải lại trang (refresh) là cần thiết.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step ays_thank_you_fs'>
<div class='ays-abs-fs ays-end-page'>
<div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-34361 * { box-sizing: border-box; } #ays-quiz-container-34361 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-34361 #ays_finish_quiz_34361 { } /* Styles for Quiz container */ #ays-quiz-container-34361{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-34361 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-34361 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-34361 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-34361 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-34361 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-34361 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-34361 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-34361 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-34361.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-34361.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-34361 #ays_finish_quiz_34361 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-34361.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-34361.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-34361.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-34361.ays-quiz-container .ays-questions-container p, #ays-quiz-container-34361.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-34361.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-34361.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-34361.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-34361.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-34361.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-34361.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-34361.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-34361.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-34361 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-34361 .ays-quiz-password-message-box, #ays-quiz-container-34361 .ays-quiz-question-note-message-box, #ays-quiz-container-34361 .ays_quiz_question, #ays-quiz-container-34361 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-34361 textarea, #ays-quiz-container-34361 input::first-letter, #ays-quiz-container-34361 select::first-letter, #ays-quiz-container-34361 option::first-letter { color: initial !important; } #ays-quiz-container-34361 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-34361 .select2-container, #ays-quiz-container-34361 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-34361 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-34361 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-34361 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-34361 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-34361 .ays-questions-container .ays-field, div#ays-quiz-container-34361 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-34361 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-34361 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-34361 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-34361 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-34361 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-34361 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-34361 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-34361 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-34361 .information_form input[type='text'], #ays-quiz-container-34361 .information_form input[type='url'], #ays-quiz-container-34361 .information_form input[type='number'], #ays-quiz-container-34361 .information_form input[type='email'], #ays-quiz-container-34361 .information_form input[type='tel'], #ays-quiz-container-34361 .information_form textarea, #ays-quiz-container-34361 .information_form select, #ays-quiz-container-34361 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-34361 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-34361 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-34361 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-34361 .right_answer_text{ color:#33cc33; } #ays-quiz-container-34361 .right_answer_text p { font-size:16px; } #ays-quiz-container-34361 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-34361 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-34361 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-34361 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-34361 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-34361 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-34361 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-34361 .ays_cb_and_a, #ays-quiz-container-34361 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-34361 iframe { /*min-height: 450px;*/ } #ays-quiz-container-34361 label.ays_for_checkbox, #ays-quiz-container-34361 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-34361 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-34361 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-34361 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-34361 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-34361 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-34361 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-34361 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-34361 div.lds-spinner, #ays-quiz-container-34361 div.lds-spinner2 { color: #000000; } #ays-quiz-container-34361 div.lds-spinner div:after, #ays-quiz-container-34361 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-34361 .lds-circle, #ays-quiz-container-34361 .lds-facebook div, #ays-quiz-container-34361 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-34361 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-34361 .lds-dual-ring::after, #ays-quiz-container-34361 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-34361 .ui.rating .icon, #ays-quiz-container-34361 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-34361 #ays_finish_quiz_34361 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-34361 #ays_finish_quiz_34361 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-34361 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-34361 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-34361 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-34361 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-34361 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-34361 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-34361 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-34361 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-34361 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-34361 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-34361 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-34361 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-34361 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-34361 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-34361 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-34361 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-34361 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-34361 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-34361 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-34361 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-34361 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-34361 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-34361 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-34361 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-34361 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-34361 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-34361 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-34361 div.ays-quiz-redirection-timer, #ays-quiz-container-34361 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-34361 div.ays-quiz-after-timer * , #ays-quiz-container-34361 div.ays-quiz-redirection-timer *, #ays-quiz-container-34361 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-34361 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-34361 input#ays-submit, #ays-quiz-container-34361 #ays_finish_quiz_34361 .action-button, #ays-quiz-container-34361 #ays_finish_quiz_34361 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-34361 #ays_finish_quiz_34361 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-34361 #ays_finish_quiz_34361 .action-button.ays_restart_button, #ays-quiz-container-34361 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-34361 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-34361 input#ays-submit, #ays-quiz-container-34361 #ays_finish_quiz_34361 input.action-button, #ays-quiz-container-34361 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-34361 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-34361 #ays_finish_quiz_34361 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-34361 #ays_finish_quiz_34361 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-34361 #ays_finish_quiz_34361 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-34361 input#ays-submit:hover, #ays-quiz-container-34361 input#ays-submit:focus, #ays-quiz-container-34361 #ays_finish_quiz_34361 .action-button:hover, #ays-quiz-container-34361 #ays_finish_quiz_34361 .action-button:focus, #ays-quiz-container-34361 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-34361 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-34361 .ays_restart_button { color: #ffffff; } #ays-quiz-container-34361 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-34361 .ays_buttons_div { justify-content: center; } #ays-quiz-container-34361 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-34361 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-34361 input[type='button'], #ays-quiz-container-34361 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-34361 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-34361 input[type='button']:focus-visible, div#ays-quiz-container-34361 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-34361 #ays_finish_quiz_34361 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-34361 #ays_finish_quiz_34361 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-34361 #ays_finish_quiz_34361 i.ays_early_finish.action-button[disabled], #ays-quiz-container-34361 #ays_finish_quiz_34361 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-34361 #ays_finish_quiz_34361 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-34361 #ays_finish_quiz_34361 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-34361 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-34361 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-34361 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-34361.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-34361 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-34361 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-34361 #ays_finish_quiz_34361 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-34361 #ays_finish_quiz_34361 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-34361 #ays_finish_quiz_34361 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-34361 #ays_finish_quiz_34361 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-34361 #ays_finish_quiz_34361 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-34361 #ays_finish_quiz_34361 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-34361 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-34361 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-34361 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-34361 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-34361 #ays_finish_quiz_34361 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-34361 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-34361 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-34361 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-34361 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-34361 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-34361 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-34361 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-34361 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-34361 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-34361 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-34361 #ays_finish_quiz_34361 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-34361 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-34361 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-34361 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-34361 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-34361 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-34361 .ays-field .select2-container--default, #ays-quiz-container-34361 .ays-field .select2-container--default .selection, #ays-quiz-container-34361 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-34361 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-34361 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-34361 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-34361 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-34361 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-34361 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-34361 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-34361 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-34361 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-34361 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-34361 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-34361 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-34361 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-34361 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-34361 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-34361 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-34361 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-34361 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-34361 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-34361 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-34361 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-34361 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-34361 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-34361.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-34361.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-34361 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-34361 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-34361 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-34361 label[for^='ays-answer']:before, #ays-quiz-container-34361 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-34361 .ays_question_report { text-align: right; } div#ays-quiz-container-34361 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-34361 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-34361.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-34361.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-34361.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-34361.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-34361.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-34361.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-34361 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-34361.ays_quiz_classic_dark .correct_div, #ays-quiz-container-34361.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-34361.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-34361.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-34361.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-34361.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-34361.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-34361.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-34361 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-34361 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-34361 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-34361 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-34361 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-34361 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-34361 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-34361 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-34361 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-34361.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-34361.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-34361 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-34361 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-34361 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-34361 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-34361 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-34361 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-34361 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-34361 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-34361 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-34361 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-34361 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-34361 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-34361 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-34361 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-34361 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-34361 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-34361 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-34361 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-34361 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-34361 .ays-quiz-personality-result-box div:before, #ays-quiz-container-34361 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-34361 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-34361 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-34361 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-34361 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-34361 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-34361 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-34361 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-34361 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-34361 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-34361 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-34361 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-34361 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-34361 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-34361{ max-width: 100%; } div#ays-quiz-container-34361 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-34361.ays_quiz_modern_light .step, div#ays-quiz-container-34361.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-34361.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-34361.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-34361.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-34361.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-34361 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-34361 .select2-container, div#ays-quiz-container-34361 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-34361 input#ays-submit, div#ays-quiz-container-34361 #ays_finish_quiz_34361 .action-button, div#ays-quiz-container-34361 #ays_finish_quiz_34361 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-34361 #ays_finish_quiz_34361 .action-button.ays_restart_button, #ays-quiz-container-34361 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-34361 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-34361 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-34361 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-34361 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-34361 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-34361 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-34361 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-34361 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-34361 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style>
<style>
#ays-quiz-container-34361 p {
margin: 0.625em;
}
#ays-quiz-container-34361.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label,
#ays-quiz-container-34361.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label {
/* background-color: transparent; */
}
#ays-quiz-container-34361 .ays-field.checked_answer_div input:checked~label {
background-color: rgba(93,108,249,0.6);
}
#ays-quiz-container-34361.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'],
#ays-quiz-container-34361 .ays-field:hover{
background: rgba(93,108,249,0.8);
color: #fff;
transition: all .3s;
}
#ays-quiz-container-34361 #ays_finish_quiz_34361 .action-button:hover,
#ays-quiz-container-34361 #ays_finish_quiz_34361 .action-button:focus,
#ays-quiz-container-34361 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover,
#ays-quiz-container-34361 .ays-quiz-category-selective-submit-bttn:focus {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff;
background: #5d6cf9;
}
</style><script>
if(typeof aysQuizOptions === 'undefined'){
var aysQuizOptions = [];
}
aysQuizOptions['34361'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzNDM2MSIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDA4IiwiZGVzY3JpcHRpb24iOiI8cD48c3Ryb25nPkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDA4PFwvc3Ryb25nPiBcdTAxMTFcdTAxYjBcdTFlZTNjIHhcdTAwZTJ5IGRcdTFlZjFuZyB2XHUxZWRiaSBuaGlcdTFlYzF1IGNcdTAwZTJ1IGhcdTFlY2ZpIGNoXHUxZWE1dCBsXHUwMWIwXHUxZWUzbmcsIHNcdTAwZTF0IHZcdTFlZGJpIG5cdTFlZDlpIGR1bmcgY2hcdTAxYjBcdTAxYTFuZyB0clx1MDBlY25oIGhcdTFlY2RjLCBnaVx1MDBmYXAgYlx1MWVhMW4gZFx1MWVjNSBkXHUwMGUwbmcgXHUwMGY0biB0XHUxZWFkcCB2XHUwMGUwIGtpXHUxZWMzbSB0cmEga2lcdTFlYmZuIHRoXHUxZWU5YyBoaVx1MWVjN3UgcXVcdTFlYTMuIEhcdTAwZTN5IGNcdTAwZjluZyBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1IGxcdTAwZTBtIGJcdTAwZTBpIHRcdTFlYWRwIHRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBuZ2F5IFx1MDExMVx1MWVjMyBuXHUwMGUybmcgY2FvIGhpXHUxZWMzdSBiaVx1MWViZnQgdlx1MDBlMCBjaHVcdTFlYTluIGJcdTFlY2IgdFx1MWVkMXQgY2hvIGtcdTFlZjMgdGhpIHNcdTFlYWZwIHRcdTFlZGJpITxcL3A+XHJcblxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgbVx1MWVkOXQgdHJhbmcgd2ViIHRoZW8gbVx1MDBmNCBoXHUwMGVjbmggdHJvbmcgQlx1MDBlMGkgMTgsIHZpXHUxZWM3YyBzXHUxZWVkIGRcdTFlZTVuZyBjXHUwMGY5bmcgbVx1MWVkOXQgdFx1MWVjN3AgdGluIENTUyBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0cmFuZyAoVHJhbmcgY2hcdTFlZTcsIHRyYW5nIENMQiBUaFx1MWVjMyB0aGFvLCB0cmFuZyBDTEIgTmdoXHUxZWM3IHRodVx1MWVhZHQpIG1hbmcgbFx1MWVhMWkgbFx1MWVlM2kgXHUwMGVkY2ggY1x1MWVkMXQgbFx1MDBmNWkgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIEdpXHUxZWEzbSBkdW5nIGxcdTAxYjBcdTFlZTNuZyB0XHUxZWM3cCBIVE1MIGNcdTFlZTdhIG1cdTFlZDdpIHRyYW5nLjxcL2xpPlxyXG48bGk+Qi4gVFx1MDEwM25nIHRcdTFlZDFjIFx1MDExMVx1MWVkOSB0XHUxZWEzaSB0cmFuZyB3ZWIgbFx1MWVhN24gXHUwMTExXHUxZWE3dSB0aVx1MDBlYW4uPFwvbGk+XHJcbjxsaT5DLiBDaG8gcGhcdTAwZTlwIG1cdTFlZDdpIHRyYW5nIGNcdTAwZjMgbVx1MWVkOXQgYlx1MWVkMSBjXHUxZWU1YyBob1x1MDBlMG4gdG9cdTAwZTBuIGtoXHUwMGUxYyBuaGF1LjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBcdTAxMTBcdTFlYTNtIGJcdTFlYTNvIHNcdTFlZjEgbmhcdTFlYTV0IHF1XHUwMGUxbiB2XHUxZWMxIGdpYW8gZGlcdTFlYzduIHZcdTAwZTAgcGhvbmcgY1x1MDBlMWNoIHRyXHUwMGVjbmggYlx1MDBlMHkgdHJcdTAwZWFuIHRvXHUwMGUwbiBiXHUxZWQ5IHdlYnNpdGUuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI6IEJcdTFlYTFuIFx1MDExMWFuZyB4XHUwMGUyeSBkXHUxZWYxbmcgcGhcdTFlYTduIFx1MDExMVx1MWVhN3UgdHJhbmcgKEhlYWRlcikgY2hvIHdlYnNpdGUgdGhlbyBjXHUxZWE1dSB0clx1MDBmYWMgXHUwMTExXHUwMWIwXHUxZWUzYyBnXHUxZWUzaSBcdTAwZmQgdHJvbmcgYlx1MDBlMGkgaFx1MWVjZGMsIGJhbyBnXHUxZWQzbSBCYW5uZXIgdlx1MDBlMCBTbG9nYW4uIFx1MDExMFx1MWVjMyBjXHUxZWEzIEJhbm5lciB2XHUwMGUwIFNsb2dhbiBcdTAxMTFcdTFlYzF1IGhpXHUxZWMzbiB0aFx1MWVjYiB0clx1MDBlYW4gY1x1MDBmOW5nIG1cdTFlZDl0IGhcdTAwZTBuZyBuZ2FuZyB2XHUwMGUwIGNoaVx1MWViZm0gY1x1MDBlMWMgcGhcdTFlYTduIGRpXHUxZWM3biB0XHUwMGVkY2gga2hcdTAwZTFjIG5oYXUsIGJcdTFlYTFuIHNcdTFlYmQgY1x1MWVhN24gc1x1MWVlZCBkXHUxZWU1bmcga1x1MWVmOSB0aHVcdTFlYWR0IGJcdTFlZDEgY1x1MWVlNWMgQ1NTIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiBcdTAxMTBcdTFlYjd0IEJhbm5lciB2XHUwMGUwIFNsb2dhbiB2XHUwMGUwbyBjXHUwMGUxYyB0aFx1MWViYiBgPHA+YCByaVx1MDBlYW5nIGJpXHUxZWM3dC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gU1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBlMWMgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIFx1MDExMVx1MWVjMyBjXHUwMGUxYyBraFx1MWVkMWkgblx1MWVkOWkgZHVuZyAoZGl2KSBoaVx1MWVjM24gdGhcdTFlY2IgdGhlbyBjaGlcdTFlYzF1IG5nYW5nLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIENoXHUxZWM5IGNcdTFlYTduIFx1MDExMVx1MWViN3QgQmFubmVyIHZcdTAwZTAgU2xvZ2FuIGxpXHUwMGVhbiB0aVx1MWViZnAgbmhhdSB0cm9uZyBtXHUwMGUzIEhUTUwuPFwvbGk+XHJcbjxsaT5ELiBTXHUxZWVkIGRcdTFlZTVuZyB0aFx1MWViYiBgPHRhYmxlPmAgXHUwMTExXHUxZWMzIHRcdTFlYTFvIGhhaSBjXHUxZWQ5dCBjaG8gQmFubmVyIHZcdTAwZTAgU2xvZ2FuLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDM6IFRyb25nIHBoXHUxZWE3biBTbG9nYW4gY1x1MWVlN2EgdHJhbmcgd2ViLCBiXHUwMGUwaSBoXHUxZWNkYyBnXHUxZWUzaSBcdTAwZmQgY2hpYSB0aFx1MDBlMG5oIDMgXHUwMGY0IGNcdTAwZjMgXHUwMTExXHUxZWQ5IHJcdTFlZDluZyBiXHUxZWIxbmcgbmhhdSB0clx1MDBlYW4gY1x1MDBmOW5nIG1cdTFlZDl0IGhcdTAwZTBuZy4gXHUwMTEwXHUxZWMzIFx1MDExMVx1MWVhMXQgXHUwMTExXHUwMWIwXHUxZWUzYyBiXHUxZWQxIGNcdTFlZTVjIG5cdTAwZTB5LCBiXHUxZWExbiBzXHUxZWJkIFx1MDBlMXAgZFx1MWVlNW5nIGxcdTFlZGJwIENTUyBuXHUwMGUwbyBjaG8gdFx1MWVlYm5nIFx1MDBmNCBjb24gYlx1MDBlYW4gdHJvbmcgcGhcdTFlYTduIFNsb2dhbj9cclxuPHVsPlxyXG48bGk+QS4gTFx1MWVkYnAgYFJvd2A8XC9saT5cclxuPGxpPkIuIExcdTFlZGJwIGBIZWFkZXJgPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIExcdTFlZGJwIGBibG9ja18zYDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIExcdTFlZGJwIGBTbG9nYW5gPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNDogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBcdTAxMTFcdTAwZTMgdFx1MWVhMW8gbVx1MWVkOXQgbFx1MWVkYnAgQ1NTIHRcdTAwZWFuIGxcdTAwZTAgYC5Sb3dgIHZcdTFlZGJpIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBkaXNwbGF5OiBmbGV4O2AuIEtoaSBiXHUxZWExbiBcdTAwZTFwIGRcdTFlZTVuZyBsXHUxZWRicCBuXHUwMGUweSBjaG8gbVx1MWVkOXQgdGhcdTFlYmIgYDxkaXY+YCBjaFx1MWVlOWEgYmEgdGhcdTFlYmIgYDxkaXY+YCBjb24ga2hcdTAwZTFjLCBjXHUwMGUxYyB0aFx1MWViYiBgPGRpdj5gIGNvbiBuXHUwMGUweSBzXHUxZWJkIGhpXHUxZWMzbiB0aFx1MWVjYiBuaFx1MDFiMCB0aFx1MWViZiBuXHUwMGUwbyB0aGVvIG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oIChuXHUxZWJmdSBraFx1MDBmNG5nIGNcdTAwZjMgQ1NTIGJcdTFlZDUgc3VuZyBjaG8gY2hcdTAwZmFuZyk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gWFx1MWViZnAgdGhcdTAwZTBuaCBtXHUxZWQ5dCBoXHUwMGUwbmcgbmdhbmcuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gWFx1MWViZnAgdGhcdTAwZTBuaCBtXHUxZWQ5dCBjXHUxZWQ5dCBkXHUxZWNkYy48XC9saT5cclxuPGxpPkMuIENoXHUxZWQzbmcgbFx1MDBlYW4gbmhhdS48XC9saT5cclxuPGxpPkQuIEhpXHUxZWMzbiB0aFx1MWVjYiBuZ1x1MWVhYnUgbmhpXHUwMGVhbiB0clx1MDBlYW4gdHJhbmcuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNTogVHJhbmcgY2hcdTFlZTcgY1x1MWVlN2Egd2Vic2l0ZSBcdTAxMTFcdTAxYjBcdTFlZTNjIHRoaVx1MWViZnQga1x1MWViZiBuaFx1MDFiMCBtXHUxZWQ5dCBcdTAxMTFpXHUxZWMzbSBraFx1MWVkZmkgXHUwMTExXHUxZWE3dS4gQ2hcdTFlZTljIG5cdTAxMDNuZyBjaFx1MDBlZG5oIG1cdTAwZTAgdHJhbmcgY2hcdTFlZTcgblx1MDBlYW4gdGhcdTFlZjFjIGhpXHUxZWM3biB0aGVvIGdcdTFlZTNpIFx1MDBmZCBjXHUxZWU3YSBiXHUwMGUwaSBoXHUxZWNkYyBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIENoXHUxZWM5IGhpXHUxZWMzbiB0aFx1MWVjYiBiaVx1MWVjM3UgbVx1MWVhYnUgXHUwMTExXHUwMTAzbmcga1x1MDBmZCB0aFx1MDBlMG5oIHZpXHUwMGVhbi48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gQ3VuZyBjXHUxZWE1cCB0aFx1MDBmNG5nIHRpbiBjaHVuZyB2XHUwMGUwIGNcdTAwZTFjIGxpXHUwMGVhbiBrXHUxZWJmdCBkXHUxZWFibiBcdTAxMTFcdTFlYmZuIGNcdTAwZTFjIHRyYW5nIHRoXHUwMGUwbmggdmlcdTAwZWFuIChjXHUwMGUxYyBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5KS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBIaVx1MWVjM24gdGhcdTFlY2IgdG9cdTAwZTBuIGJcdTFlZDkgblx1MWVkOWkgZHVuZyBjXHUxZWU3YSB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRyYW5nIGNvbi48XC9saT5cclxuPGxpPkQuIENoXHUxZWM5IGNoXHUxZWU5YSB0aFx1MDBmNG5nIHRpbiBsaVx1MDBlYW4gaFx1MWVjNyBjXHUxZWU3YSBuZ1x1MDFiMFx1MWVkZGkgcXVcdTFlYTNuIHRyXHUxZWNiLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDY6IEJcdTFlYTFuIG11XHUxZWQxbiB0aFx1MDBlYW0gaFx1MDBlY25oIFx1MWVhM25oIGhvXHUxZWI3YyB2aWRlbyBcdTAxMTFcdTFlYzMgbWluaCBoXHUxZWNkYSBjaG8gblx1MWVkOWkgZHVuZyBnaVx1MWVkYmkgdGhpXHUxZWM3dSB2XHUxZWMxIG1cdTFlZDl0IGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkuIENcdTAwZTFjIHRcdTAwZTBpIG5ndXlcdTAwZWFuIFx1MDExMWEgcGhcdTAxYjBcdTAxYTFuZyB0aVx1MWVjN24gblx1MDBlMHkgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyB2XHUxZWRiaSBtXHUxZWU1YyBcdTAxMTFcdTAwZWRjaCBjaFx1MDBlZG5oIG5cdTAwZTBvIHRyb25nIHRoaVx1MWViZnQga1x1MWViZiB3ZWIgdGhcdTFlZjFjIGhcdTAwZTBuaD9cclxuPHVsPlxyXG48bGk+QS4gXHUwMTEwXHUxZWMzIHRcdTAxMDNuZyBkdW5nIGxcdTAxYjBcdTFlZTNuZyB0XHUxZWM3cCB0aW4gY1x1MWVlN2EgdHJhbmcuPFwvbGk+XHJcbjxsaT5CLiBcdTAxMTBcdTFlYzMgbFx1MDBlMG0gY2hvIHRyYW5nIHdlYiB0XHUxZWEzaSBjaFx1MWVhZG0gaFx1MDFhMW4uPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIFx1MDExMFx1MWVjMyBtaW5oIGhcdTFlY2RhIG5cdTFlZDlpIGR1bmcsIGxcdTAwZTBtIGNobyB0cmFuZyB3ZWIgc2luaCBcdTAxMTFcdTFlZDluZyB2XHUwMGUwIGhcdTFlYTVwIGRcdTFlYWJuIGhcdTAxYTFuLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIENoXHUxZWM5IFx1MDExMVx1MWVjMyB0cmFuZyB0clx1MDBlZCBtXHUwMGUwIGtoXHUwMGY0bmcgY1x1MDBmMyBcdTAwZmQgbmdoXHUwMTI5YSB0aFx1MDBmNG5nIHRpbi48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA3OiBLaGkgdGhpXHUxZWJmdCBrXHUxZWJmIGJcdTFlZDEgY1x1MWVlNWMgdHJhbmcgd2ViLCB2aVx1MWVjN2MgY2hpYSB0cmFuZyB0aFx1MDBlMG5oIGNcdTAwZTFjIHBoXHUxZWE3biByXHUwMGY1IHJcdTAwZTBuZyBuaFx1MDFiMCBcdTAxMTFcdTFlYTd1IHRyYW5nIChIZWFkZXIpLCBuXHUxZWQ5aSBkdW5nIGNoXHUwMGVkbmggKENvbnRlbnQpLCB2XHUwMGUwIGN1XHUxZWQxaSB0cmFuZyAoRm9vdGVyKSBtYW5nIGxcdTFlYTFpIGxcdTFlZTNpIFx1MDBlZGNoIGdcdTAwZWMgdlx1MWVjMSBtXHUxZWI3dCB0XHUxZWQ1IGNoXHUxZWU5YyB2XHUwMGUwIHF1XHUxZWEzbiBsXHUwMGZkIG1cdTAwZTMgbmd1XHUxZWQzbj9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBHaVx1MDBmYXAgdFx1MWVkNSBjaFx1MWVlOWMgbVx1MDBlMyBuZ3VcdTFlZDNuIHJcdTAwZjUgclx1MDBlMG5nLCBkXHUxZWM1IFx1MDExMVx1MWVjZGMsIGRcdTFlYzUgcXVcdTFlYTNuIGxcdTAwZmQgdlx1MDBlMCBiXHUxZWEzbyB0clx1MDBlYy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBCXHUxZWFmdCBidVx1MWVkOWMgcGhcdTFlYTNpIGxcdTAwZTBtIG5oXHUwMWIwIHZcdTFlYWR5IHRoZW8gY2h1XHUxZWE5biBIVE1MIG1cdTFlZGJpIG5oXHUxZWE1dC48XC9saT5cclxuPGxpPkMuIENoXHUxZWM5IGNcdTAwZjMgdFx1MDBlMWMgZFx1MWVlNW5nIGxcdTAwZTBtIFx1MDExMVx1MWViOXAgZ2lhbyBkaVx1MWVjN24uPFwvbGk+XHJcbjxsaT5ELiBHaVx1MDBmYXAgdHJcdTAwZWNuaCBkdXlcdTFlYzd0IHRcdTFlYTNpIHRyYW5nIG5oYW5oIGhcdTAxYTFuIFx1MDExMVx1MDBlMW5nIGtcdTFlYzMuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgODogQlx1MWVhMW4gY1x1MWVhN24gdFx1MWVhMW8gbVx1MWVkOXQgdHJhbmcgcmlcdTAwZWFuZyBcdTAxMTFcdTFlYzMgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBjXHUwMGYzIHRoXHUxZWMzIFx1MDExMWlcdTFlYzFuIHRoXHUwMGY0bmcgdGluIHZcdTAwZTAgXHUwMTExXHUwMTAzbmcga1x1MDBmZCB0aGFtIGdpYSBjXHUwMGUxYyBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5LiBMb1x1MWVhMWkgdGhcdTAwZTBuaCBwaFx1MWVhN24gZ2lhbyBkaVx1MWVjN24gbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyAoVUkgZWxlbWVudCkgblx1MDBlMG8gbFx1MDBlMCBjXHUxZWE3biB0aGlcdTFlYmZ0IG5oXHUxZWE1dCBcdTAxMTFcdTFlYzMgdGh1IHRoXHUxZWFkcCB0aFx1MDBmNG5nIHRpbiB0XHUxZWViIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgdHJcdTAwZWFuIHRyYW5nIG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiBNXHUxZWQ5dCBkYW5oIHNcdTAwZTFjaCBjXHUwMGUxYyBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5LjxcL2xpPlxyXG48bGk+Qi4gQ1x1MDBlMWMgbGlcdTAwZWFuIGtcdTFlYmZ0IGRcdTFlYWJuIFx1MDExMVx1MWViZm4gdHJhbmcgY2hcdTFlZTcuPFwvbGk+XHJcbjxsaT5DLiBNXHUxZWQ5dCBiXHUxZWQ5IHNcdTAxYjB1IHRcdTFlYWRwIGhcdTAwZWNuaCBcdTFlYTNuaC48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gTVx1MWVkOXQgYmlcdTFlYzN1IG1cdTFlYWJ1IChmb3JtKSB2XHUxZWRiaSBjXHUwMGUxYyB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3UuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDk6IFRyb25nIGJcdTAwZTBpIGhcdTFlY2RjLCBsXHUxZWRicCBDU1MgYC5ibG9ja18zYCBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyB0XHUxZWExbyBjXHUwMGUxYyBcdTAwZjQgY1x1MDBmMyBcdTAxMTFcdTFlZDkgclx1MWVkOW5nIGJcdTFlYjFuZyBuaGF1LiBOXHUxZWJmdSBiXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gNCBcdTAwZjQgY1x1MDBmMyBcdTAxMTFcdTFlZDkgclx1MWVkOW5nIGJcdTFlYjFuZyBuaGF1IHRyXHUwMGVhbiBjXHUwMGY5bmcgbVx1MWVkOXQgaFx1MDBlMG5nLCBiXHUxZWExbiBzXHUxZWJkIGNcdTFlYTduIHRcdTFlYTFvIG1cdTFlZDl0IGxcdTFlZGJwIENTUyBtXHUxZWRiaSBob1x1MWViN2MgXHUwMTExaVx1MWVjMXUgY2hcdTFlYzluaCBsXHUxZWRicCBgLmJsb2NrXzNgIG5oXHUwMWIwIHRoXHUxZWJmIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIFRcdTFlYTFvIG1cdTFlZDl0IGxcdTFlZGJwIENTUyBtXHUxZWRiaSB2XHUxZWRiaSB0aHVcdTFlZDljIHRcdTAwZWRuaCBgd2lkdGhgIGtob1x1MWVhM25nIDI1JS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjOSBjXHUxZWE3biBzXHUxZWVkIGRcdTFlZTVuZyBsXHUxZWExaSBsXHUxZWRicCBgLmJsb2NrXzNgIGNobyA0IFx1MDBmNC48XC9saT5cclxuPGxpPkMuIEtoXHUwMGY0bmcgdGhcdTFlYzMgY2hpYSB0aFx1MDBlMG5oIDQgXHUwMGY0IGJcdTFlYjFuZyBDU1MuPFwvbGk+XHJcbjxsaT5ELiBTXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgaGVpZ2h0YCBraG9cdTFlYTNuZyAyNSUuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTA6IFRcdTFlYTFpIHNhbyB2aVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBlMWMgbFx1MWVkYnAgQ1NTIChjbGFzcykgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBjXHUwMGUxYyB0aFx1MDBlMG5oIHBoXHUxZWE3biB0clx1MDBlYW4gdHJhbmcgd2ViIGxcdTFlYTFpIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMWIwYSBjaHVcdTFlZDluZyBoXHUwMWExbiB2aVx1MWVjN2MgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIHRyXHUxZWYxYyB0aVx1MWViZnAgYlx1MWViMW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBzdHlsZWAgdHJvbmcgdGhcdTFlYmIgSFRNTD9cclxuPHVsPlxyXG48bGk+QS4gXHUwMTEwXHUxZWNibmggZFx1MWVhMW5nIGJcdTFlYjFuZyBgc3R5bGVgIHRyb25nIHRoXHUxZWJiIEhUTUwga2hcdTAwZjRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIGhcdTFlZDcgdHJcdTFlZTMgYlx1MWVkZmkgdHJcdTAwZWNuaCBkdXlcdTFlYzd0IGhpXHUxZWM3biBcdTAxMTFcdTFlYTFpLjxcL2xpPlxyXG48bGk+Qi4gU1x1MWVlZCBkXHUxZWU1bmcgbFx1MWVkYnAgQ1NTIGxcdTAwZTBtIHRcdTAxMDNuZyBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIHRcdTFlYzdwIHRpbiB0cmFuZyB3ZWIuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIExcdTFlZGJwIENTUyBnaVx1MDBmYXAgXHUwMGUxcCBkXHUxZWU1bmcgY1x1MDBmOW5nIG1cdTFlZDl0IGtpXHUxZWMzdSBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgY2hvIG5oaVx1MWVjMXUgcGhcdTFlYTduIHRcdTFlZWQsIGRcdTFlYzUgZFx1MDBlMG5nIGNcdTFlYWRwIG5oXHUxZWFkdCB2XHUwMGUwIHF1XHUxZWEzbiBsXHUwMGZkLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFx1MDExMFx1MWVjYm5oIGRcdTFlYTFuZyB0clx1MWVmMWMgdGlcdTFlYmZwIGJcdTFlYjFuZyBgc3R5bGVgIGxcdTAwZTBtIGNobyB0cmFuZyB3ZWIgdFx1MWVhM2kgbmhhbmggaFx1MDFhMW4uPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTE6IEJcdTFlYTFuIFx1MDExMVx1MDBlMyBob1x1MDBlMG4gdGhcdTAwZTBuaCB0aGlcdTFlYmZ0IGtcdTFlYmYgZ2lhbyBkaVx1MWVjN24gY2hvIFRyYW5nIGNoXHUxZWU3IHZcdTAwZTAgbFx1MDFiMHUgdFx1MWVjN3AgQ1NTIGxcdTAwZTAgYHN0eWxlLmNzc2AuIFx1MDExMFx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBwaG9uZyBjXHUwMGUxY2ggblx1MDBlMHkgY2hvIHRyYW5nIGdpXHUxZWRiaSB0aGlcdTFlYzd1IENMQiBUaFx1MWVjMyB0aGFvIChgdGhldGhhby5odG1sYCksIGJcdTFlYTFuIGNcdTFlYTduIHRoXHUwMGVhbSBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIEhUTUwgblx1MDBlMG8gdlx1MDBlMG8gcGhcdTFlYTduIGA8aGVhZD5gIGNcdTFlZTdhIHRcdTFlYzdwIGB0aGV0aGFvLmh0bWxgP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIDxsaW5rIHJlbD08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiA8c3R5bGUgc3JjPTxcL2xpPlxyXG48bGk+Qy4gPGNzcyBsaW5rPTxcL2xpPlxyXG48bGk+RC4gPHNjcmlwdCBzcmM9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTI6IEdpXHUxZWEzIHNcdTFlZWQgcGhcdTFlYTduIGBDb250ZW50YCAoblx1MWVkOWkgZHVuZyBjaFx1MDBlZG5oKSBjXHUxZWU3YSB0cmFuZyB3ZWIgXHUwMTExXHUwMWIwXHUxZWUzYyB0aGlcdTFlYmZ0IGtcdTFlYmYgXHUwMTExXHUxZWMzIGhpXHUxZWMzbiB0aFx1MWVjYiB0aFx1MDBmNG5nIHRpbiBjaGkgdGlcdTFlYmZ0IHZcdTFlYzEgbVx1MWVkOXQgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOS4gTlx1MWVkOWkgZHVuZyBuXHUwMGUweSBjXHUwMGYzIHRoXHUxZWMzIGJhbyBnXHUxZWQzbSB2XHUwMTAzbiBiXHUxZWEzbiwgaFx1MDBlY25oIFx1MWVhM25oLCB2XHUwMGUwIGRhbmggc1x1MDBlMWNoIGNcdTAwZTFjIGhvXHUxZWExdCBcdTAxMTFcdTFlZDluZy4gVlx1MWVjMSBtXHUxZWI3dCBjXHUxZWE1dSB0clx1MDBmYWMgSFRNTCwgcGhcdTFlYTduIGBDb250ZW50YCBuXHUwMGUweSB0aFx1MDFiMFx1MWVkZG5nIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMTExXHUxZWI3dCB0cm9uZyB0aFx1MWViYiBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gPGhlYWRlcj48XC9saT5cclxuPGxpPkIuIDxmb290ZXI+PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIDxtYWluPiBob1x1MWViN2MgPGRpdj4gdlx1MWVkYmkgbFx1MWVkYnBcL0lEIHBoXHUwMGY5IGhcdTFlZTNwPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gPGFzaWRlPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEzOiBUcm9uZyBxdVx1MDBlMSB0clx1MDBlY25oIHRoaVx1MWViZnQga1x1MWViZiwgYlx1MWVhMW4gbmhcdTFlYWRuIHRoXHUxZWE1eSBwaFx1MWVhN24gY3VcdTFlZDFpIHRyYW5nIChGb290ZXIpIGNcdTFlYTduIGhpXHUxZWMzbiB0aFx1MWVjYiB0aFx1MDBmNG5nIHRpbiBsaVx1MDBlYW4gaFx1MWVjNyB2XHUwMGUwIGJcdTFlYTNuIHF1eVx1MWVjMW4uIFx1MDExMFx1MWVjMyBcdTAxMTFcdTFlYTNtIGJcdTFlYTNvIHBoXHUxZWE3biBuXHUwMGUweSBsdVx1MDBmNG4gblx1MWViMW0gXHUxZWRmIGN1XHUxZWQxaSB0cmFuZyB3ZWIgKHBoXHUwMGVkYSBkXHUwMWIwXHUxZWRiaSBuXHUxZWQ5aSBkdW5nIGNoXHUwMGVkbmgpLCBiXHUxZWExbiBjXHUwMGYzIHRoXHUxZWMzIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBjaG8gcGhcdTFlYTduIHRcdTFlZWQgRm9vdGVyP1xyXG48dWw+XHJcbjxsaT5BLiBgcG9zaXRpb246IGZpeGVkOyB0b3A6IDA7YDxcL2xpPlxyXG48bGk+Qi4gYGRpc3BsYXk6IGlubGluZTtgPFwvbGk+XHJcbjxsaT5DLiBgZmxvYXQ6IGxlZnQ7YDxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBcdTAxMTBcdTFlYjd0IG5cdTAwZjMgc2F1IHBoXHUxZWE3biBuXHUxZWQ5aSBkdW5nIGNoXHUwMGVkbmggdHJvbmcgY1x1MWVhNXUgdHJcdTAwZmFjIEhUTUwgdlx1MDBlMCBzXHUxZWVkIGRcdTFlZTVuZyBDU1MgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyB2XHUxZWNiIHRyXHUwMGVkIGN1XHUxZWQxaSBjXHUwMGY5bmcgKG5cdTFlYmZ1IGNcdTFlYTduKS48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTQ6IE1cdTFlZTVjIFx1MDExMVx1MDBlZGNoIGNcdTFlZTdhIHZpXHUxZWM3YyBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgYWx0YCBjaG8gdGhcdTFlYmIgYDxpbWc+YCBraGkgY2hcdTAwZThuIGhcdTAwZWNuaCBcdTFlYTNuaCB2XHUwMGUwbyB0cmFuZyB3ZWIgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiBYXHUwMGUxYyBcdTAxMTFcdTFlY2JuaCBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIGNcdTFlZTdhIGhcdTAwZWNuaCBcdTFlYTNuaC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gQ3VuZyBjXHUxZWE1cCB2XHUwMTAzbiBiXHUxZWEzbiB0aGF5IHRoXHUxZWJmIGNobyBoXHUwMGVjbmggXHUxZWEzbmggKGtoaSBraFx1MDBmNG5nIGhpXHUxZWMzbiB0aFx1MWVjYiBcdTAxMTFcdTAxYjBcdTFlZTNjLCBjaG8gdHJcdTAwZWNuaCBcdTAxMTFcdTFlY2RjIG1cdTAwZTBuIGhcdTAwZWNuaCkuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gXHUwMTEwXHUxZWI3dCBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gY2hvIGhcdTAwZWNuaCBcdTFlYTNuaC48XC9saT5cclxuPGxpPkQuIExpXHUwMGVhbiBrXHUxZWJmdCBoXHUwMGVjbmggXHUxZWEzbmggdlx1MWVkYmkgbVx1MWVkOXQgdHJhbmcga2hcdTAwZTFjLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE1OiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQgbGlcdTAwZWFuIGtcdTFlYmZ0IHRcdTFlZWIgbVx1MWVkOXQgXHUwMTExb1x1MWVhMW4gdlx1MDEwM24gYlx1MWVhM24gdHJvbmcgVHJhbmcgY2hcdTFlZTcgXHUwMTExXHUxZWJmbiB0cmFuZyBnaVx1MWVkYmkgdGhpXHUxZWM3dSBDTEIgTmdoXHUxZWM3IHRodVx1MWVhZHQgKGBuZ2hldGh1YXQuaHRtbGApLiBcdTAxMTBvXHUxZWExbiBtXHUwMGUzIEhUTUwgY2hcdTAwZWRuaCB4XHUwMGUxYyBcdTAxMTFcdTFlYzMgdGhcdTFlZjFjIGhpXHUxZWM3biB2aVx1MWVjN2Mgblx1MDBlMHkgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiA8bGluayBocmVmPTxcL2xpPlxyXG48bGk+Qi4gPGdvdG8gdXJsPTxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiA8YSBocmVmPTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIDxzcmM9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTY6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgbVx1MWVkOXQgd2Vic2l0ZSBcdTAxMTFcdTAxYTFuIGdpXHUxZWEzbiBuaFx1MDFiMCB0cm9uZyBiXHUwMGUwaSBoXHUxZWNkYywgdmlcdTFlYzdjIGxcdTFlYWRwIGtcdTFlYmYgaG9cdTFlYTFjaCBjXHUxZWE1dSB0clx1MDBmYWMgdHJhbmcgd2ViIHRyXHUwMWIwXHUxZWRiYyBraGkgdmlcdTFlYmZ0IG1cdTAwZTMgKHZcdTAwZWQgZFx1MWVlNTogdlx1MWViZCBzXHUwMWExIFx1MDExMVx1MWVkMyBjXHUwMGUxYyB0cmFuZyB2XHUwMGUwIGxpXHUwMGVhbiBrXHUxZWJmdCBnaVx1MWVlZmEgY2hcdTAwZmFuZykgY1x1MDBmMyBcdTAwZmQgbmdoXHUwMTI5YSBxdWFuIHRyXHUxZWNkbmcgbmhcdTAxYjAgdGhcdTFlYmYgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIENoXHUxZWM5IGxcdTAwZTBtIG1cdTFlYTV0IHRoXHUxZWRkaSBnaWFuIHZcdTAwZTAga2hcdTAwZjRuZyBjXHUxZWE3biB0aGlcdTFlYmZ0IGNobyB3ZWJzaXRlIFx1MDExMVx1MDFhMW4gZ2lcdTFlYTNuLjxcL2xpPlxyXG48bGk+Qi4gR2lcdTAwZmFwIHdlYnNpdGUgY1x1MDBmMyBuaGlcdTFlYzF1IGhpXHUxZWM3dSBcdTFlZTluZyBcdTAxMTFcdTFlZDluZyBoXHUwMWExbi48XC9saT5cclxuPGxpPkMuIENoXHUxZWM5IHF1YW4gdHJcdTFlY2RuZyBraGkgbFx1MDBlMG0gdmlcdTFlYzdjIHZcdTFlZGJpIGNcdTAxYTEgc1x1MWVkZiBkXHUxZWVmIGxpXHUxZWM3dS48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gR2lcdTAwZmFwIHhcdTAwZTFjIFx1MDExMVx1MWVjYm5oIHJcdTAwZjUgclx1MDBlMG5nIGNcdTFlYTV1IHRyXHUwMGZhYywgblx1MWVkOWkgZHVuZywgdlx1MDBlMCBsdVx1MWVkM25nIGRpIGNodXlcdTFlYzNuLCB0aVx1MWViZnQga2lcdTFlYzdtIHRoXHUxZWRkaSBnaWFuIHRyaVx1MWVjM24ga2hhaSB2XHUwMGUwIHNcdTFlZWRhIGxcdTFlZDdpLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNzogQlx1MWVhMW4gXHUwMTExXHUwMGUzIHRcdTFlYTFvIGxcdTFlZGJwIENTUyBgLmJhbm5lcmAgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBwaFx1MWVhN24gYmFubmVyLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gdHJvbmcgbFx1MWVkYnAgblx1MDBlMHkgc1x1MWViZCBnaVx1MDBmYXAgYlx1MWVhMW4gXHUwMTExXHUxZWI3dCBtXHUxZWQ5dCBoXHUwMGVjbmggXHUxZWEzbmggbFx1MDBlMG0gblx1MWVjMW4gY2hvIGtodSB2XHUxZWYxYyBiYW5uZXI/XHJcbjx1bD5cclxuPGxpPkEuIGBpbWFnZTogdXJsKFwiZHVvbmdfZGFuX2FuaC5qcGdcIik7YDxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiZHVvbmdfZGFuX2FuaC5qcGdcIik7YDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGBzcmM6IFwiZHVvbmdfZGFuX2FuaC5qcGdcIjtgPFwvbGk+XHJcbjxsaT5ELiBgbGlzdC1zdHlsZS1pbWFnZTogdXJsKFwiZHVvbmdfZGFuX2FuaC5qcGdcIik7YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE4OiBcdTAxMTBcdTFlYzMgXHUwMTExXHUxZWEzbSBiXHUxZWEzbyB0aVx1MDBlYXUgXHUwMTExXHUxZWMxIGNcdTFlZTdhIHRyYW5nIHdlYiB0cm9uZyBwaFx1MWVhN24gQmFubmVyICh2XHUwMGVkIGRcdTFlZTU6IFwiV2Vic2l0ZSBDXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5XCIpIG5cdTFlZDVpIGJcdTFlYWR0IHZcdTAwZTAgZFx1MWVjNSBcdTAxMTFcdTFlY2RjIHRyXHUwMGVhbiBuXHUxZWMxbiBoXHUwMGVjbmggXHUxZWEzbmgsIGJcdTFlYTFuIGNcdTAwZjMgdGhcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcgY1x1MDBlMWMgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIGNobyB0aVx1MDBlYXUgXHUwMTExXHUxZWMxP1xyXG48dWw+XHJcbjxsaT5BLiBDaFx1MWVjOSBjXHUxZWE3biBcdTAxMTFcdTFlYjd0IHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgdlx1MDBlMG8gdGhcdTFlYmIgYDxiPmAuPFwvbGk+XHJcbjxsaT5CLiBTXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgZGlzcGxheTogbm9uZTtgLjxcL2xpPlxyXG48bGk+Qy4gQ2hcdTFlYzkgdGhheSBcdTAxMTFcdTFlZDVpIG1cdTAwZTB1IG5cdTFlYzFuIGNcdTFlZTdhIHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgdGhcdTAwZTBuaCBtXHUwMGUwdSB0cm9uZyBzdVx1MWVkMXQuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIFRoYXkgXHUwMTExXHUxZWQ1aSBtXHUwMGUwdSBjaFx1MWVlZiwgY1x1MWVlMSBjaFx1MWVlZiwgXHUwMTExXHUxZWQ5IFx1MDExMVx1MWVhZG0sIHZcdTAwZTAgY1x1MDBmMyB0aFx1MWVjMyB0aFx1MDBlYW0gXHUwMTExXHUxZWQ1IGJcdTAwZjNuZyB2XHUwMTAzbiBiXHUxZWEzbiAodGV4dC1zaGFkb3cpLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxOTogQlx1MWVhMW4gbXVcdTFlZDFuIGNcdTAwZTFjIGxpXHUwMGVhbiBrXHUxZWJmdCBcdTAxMTFpXHUxZWMxdSBoXHUwMWIwXHUxZWRibmcgdHJvbmcgbWVudSAodlx1MDBlZCBkXHUxZWU1OiBsaVx1MDBlYW4ga1x1MWViZnQgXHUwMTExXHUxZWJmbiBUcmFuZyBjaFx1MWVlNywgQ0xCIFRoXHUxZWMzIHRoYW8sIENMQiBOZ2hcdTFlYzcgdGh1XHUxZWFkdCkgXHUwMTExXHUwMWIwXHUxZWUzYyB4XHUxZWJmcCBjXHUxZWExbmggbmhhdSB0aGVvIGNoaVx1MWVjMXUgbmdhbmcgdGhheSB2XHUwMGVjIHhcdTFlYmZwIGRcdTFlY2RjIG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oLiBCXHUxZWExbiBzXHUxZWJkIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBjaG8gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgY2hcdTFlZTlhIGxpXHUwMGVhbiBrXHUxZWJmdCAodlx1MDBlZCBkXHUxZWU1OiB0aFx1MWViYiBgPGxpPmAgdHJvbmcgbVx1MWVkOXQgZGFuaCBzXHUwMGUxY2ggYDx1bD5gKT9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBgZGlzcGxheTogaW5saW5lO2AgaG9cdTFlYjdjIGBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7YDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIGBwb3NpdGlvbjogYWJzb2x1dGU7YDxcL2xpPlxyXG48bGk+Qy4gYG1hcmdpbjogMjBweDtgPFwvbGk+XHJcbjxsaT5ELiBgY2xlYXI6IGJvdGg7YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIwOiBLaGkgdGhpXHUxZWJmdCBrXHUxZWJmIGJcdTFlZDEgY1x1MWVlNWMgdlx1MWVkYmkgY1x1MDBlMWMga2hcdTFlZDFpIG5cdTFlZDlpIGR1bmcgKGBkaXZgKSBzXHUxZWVkIGRcdTFlZTVuZyBgZmxvYXQ6IGxlZnQ7YCwgXHUwMTExaVx1MWVjMXUgZ1x1MDBlYyBjXHUwMGYzIHRoXHUxZWMzIHhcdTFlYTN5IHJhIHZcdTFlZGJpIHBoXHUxZWE3biB0XHUxZWVkIHRpXHUxZWJmcCB0aGVvIChuXHUxZWIxbSBzYXUgY1x1MDBlMWMga2hcdTFlZDFpIFx1MDExMVx1MDBlMyBmbG9hdCB0cm9uZyBtXHUwMGUzIEhUTUwpIG5cdTFlYmZ1IGJcdTFlYTFuIGtoXHUwMGY0bmcgc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGNsZWFyYD9cclxuPHVsPlxyXG48bGk+QS4gUGhcdTFlYTduIHRcdTFlZWQgdGlcdTFlYmZwIHRoZW8gc1x1MWViZCB0XHUxZWYxIFx1MDExMVx1MWVkOW5nIHh1XHUxZWQxbmcgZFx1MDBmMm5nLjxcL2xpPlxyXG48bGk+Qi4gUGhcdTFlYTduIHRcdTFlZWQgdGlcdTFlYmZwIHRoZW8gc1x1MWViZCBoaVx1MWVjM24gdGhcdTFlY2IgXHUxZWRmIGdpXHUxZWVmYSB0cmFuZy48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gUGhcdTFlYTduIHRcdTFlZWQgdGlcdTFlYmZwIHRoZW8gY1x1MDBmMyB0aFx1MWVjMyB0clx1MDBmNGkgblx1MWVkNWkgKGZsb2F0KSBsXHUwMGVhbiBjXHUxZWExbmggY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgXHUwMTExXHUwMGUzIGZsb2F0LCBjaFx1MWVkM25nIGxcdTFlYTVuIGhvXHUxZWI3YyBoaVx1MWVjM24gdGhcdTFlY2Iga2hcdTAwZjRuZyBcdTAxMTFcdTAwZmFuZyB2XHUxZWNiIHRyXHUwMGVkLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFBoXHUxZWE3biB0XHUxZWVkIHRpXHUxZWJmcCB0aGVvIHNcdTFlYmQgYmlcdTFlYmZuIG1cdTFlYTV0IGtoXHUxZWNmaSB0cmFuZy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMTogQlx1MWVhMW4gbXVcdTFlZDFuIHRoXHUwMGVhbSBtXHUxZWQ5dCBcdTAxMTFcdTAxYjBcdTFlZGRuZyBrXHUxZWJiIHBoXHUwMGUybiBjXHUwMGUxY2ggZ2lcdTFlZWZhIGNcdTAwZTFjIHBoXHUxZWE3biBuXHUxZWQ5aSBkdW5nIGtoXHUwMGUxYyBuaGF1IHRyXHUwMGVhbiB0cmFuZyAodlx1MDBlZCBkXHUxZWU1OiBnaVx1MWVlZmEgSGVhZGVyIHZcdTAwZTAgQ29udGVudCkuIFRoXHUxZWJiIEhUTUwgbmdcdTFlZWYgbmdoXHUwMTI5YSBuXHUwMGUwbyB0aFx1MDFiMFx1MWVkZG5nIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIHRcdTFlYTFvIG1cdTFlZDl0IFx1MDExMVx1MDFiMFx1MWVkZG5nIGtcdTFlYmIgbmdhbmc/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gPGhyPjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIDxicj48XC9saT5cclxuPGxpPkMuIDxsaT48XC9saT5cclxuPGxpPkQuIDxsaW5lPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIyOiBLaGkgYlx1MWVhMW4gc1x1MWVlZCBkXHUxZWU1bmcgQ1NTIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlYjd0IGBtYXJnaW5gIChsXHUxZWMxIG5nb1x1MDBlMGkpIGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCwgbFx1MWVjMSBuXHUwMGUweSBzXHUxZWJkIHRcdTFlYTFvIHJhIGtob1x1MWVhM25nIHRyXHUxZWQxbmcgXHUxZWRmIFx1MDExMVx1MDBlMnUgc28gdlx1MWVkYmkgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIChib3JkZXIpIGNcdTFlZTdhIHBoXHUxZWE3biB0XHUxZWVkIFx1MDExMVx1MDBmMz9cclxuPHVsPlxyXG48bGk+QS4gQlx1MDBlYW4gdHJvbmcgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuLCBnaVx1MWVlZmEgblx1MWVkOWkgZHVuZyB2XHUwMGUwIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbi48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gQlx1MDBlYW4gbmdvXHUwMGUwaSBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4sIGdpXHUxZWVmYSBwaFx1MWVhN24gdFx1MWVlZCBuXHUwMGUweSB2XHUwMGUwIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIHh1bmcgcXVhbmguPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gQ2hcdTFlYzkgXHUxZWEzbmggaFx1MDFiMFx1MWVkZm5nIFx1MDExMVx1MWViZm4ga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyBjXHUxZWU3YSBuXHUxZWQ5aSBkdW5nLjxcL2xpPlxyXG48bGk+RC4gVFx1MWVhMW8ga2hvXHUxZWEzbmcgdHJcdTFlZDFuZyBnaVx1MWVlZmEgY1x1MDBlMWMgdFx1MWVlYiB0cm9uZyB2XHUwMTAzbiBiXHUxZWEzbi48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMzogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGtob1x1MWVhM25nIFx1MDExMVx1MWVjN20gKHBhZGRpbmcpIGJcdTAwZWFuIHRyb25nIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkLCBnaVx1MWVlZmEgblx1MWVkOWkgZHVuZyB2XHUwMGUwIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBjXHUxZWU3YSBuXHUwMGYzLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgdGhcdTFlZjFjIGhpXHUxZWM3biBcdTAxMTFpXHUxZWMxdSBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gYG1hcmdpbmA8XC9saT5cclxuPGxpPkIuIGBib3JkZXJgPFwvbGk+XHJcbjxsaT5DLiBgb3V0bGluZWA8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gYHBhZGRpbmdgPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI0OiBUcm9uZyB0XHUxZWM3cCBDU1MsIFx1MDExMVx1MWVjMyBjaFx1MWVjZG4gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0aFx1MWViYiBgPHA+YCB2XHUwMGUwIFx1MDExMVx1MWViN3QgbVx1MDBlMHUgY2hcdTFlZWYgY2hvIGNoXHUwMGZhbmcgbFx1MDBlMCBtXHUwMGUwdSB4YW5oLCBiXHUxZWExbiBzXHUxZWJkIHZpXHUxZWJmdCBxdXkgdFx1MWVhZmMgQ1NTIG5oXHUwMWIwIHRoXHUxZWJmIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIHAgeyBjb2xvcjogYmx1ZTsgfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuICNwIHsgY29sb3I6IGJsdWU7IH08XC9saT5cclxuPGxpPkMuIC5wIHsgY29sb3I6IGJsdWU7IH08XC9saT5cclxuPGxpPkQuIDxwPiB7IGNvbG9yOiBibHVlOyB9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjU6IEJcdTFlYTFuIFx1MDExMVx1MDBlMyB0XHUxZWExbyBtXHUxZWQ5dCBsXHUxZWRicCBDU1MgYC5oaWdobGlnaHRgIHZcdTAwZTAgbXVcdTFlZDFuIFx1MDBlMXAgZFx1MWVlNW5nIG5cdTAwZjMgY2hvIG1cdTFlZDl0IFx1MDExMW9cdTFlYTFuIHZcdTAxMDNuIGJcdTFlYTNuIGNcdTFlZTUgdGhcdTFlYzMgdHJvbmcgdGhcdTFlYmIgYDxwPmAuIEJcdTFlYTFuIHNcdTFlYmQgc1x1MWVlZGEgdGhcdTFlYmIgYDxwPmAgXHUwMTExXHUwMGYzIHRyb25nIEhUTUwgbmhcdTAxYjAgdGhcdTFlYmYgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIDxwIGlkPTxcL2xpPlxyXG48bGk+Qi4gPHAgc3R5bGU9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIDxwIGNsYXNzPTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIDxwIG5hbWU9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjY6IEdpXHUxZWEzIHNcdTFlZWQgYlx1MWVhMW4gY1x1MDBmMyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBgPGRpdj5gIHZcdTFlZGJpIElEIGxcdTAwZTAgYG1haW4tY29udGVudGAuIFRyb25nIHRcdTFlYzdwIENTUywgYlx1MWVhMW4gbXVcdTFlZDFuIFx1MDExMVx1MWViN3QgbVx1MDBlMHUgblx1MWVjMW4gY2hvIHJpXHUwMGVhbmcgcGhcdTFlYTduIHRcdTFlZWQgblx1MDBlMHkuIEJcdTFlYTFuIHNcdTFlYmQgc1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gQ1NTIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiAubWFpbi1jb250ZW50IHsgYmFja2dyb3VuZC1jb2xvcjogbGlnaHRncmV5OyB9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuICNtYWluLWNvbnRlbnQgeyBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGdyZXk7IH08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBkaXZbaWQ9XCJtYWluLWNvbnRlbnRcIl0geyBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGdyZXk7IH08XC9saT5cclxuPGxpPkQuIGVsZW1lbnQobWFpbi1jb250ZW50KSB7IGJhY2tncm91bmQtY29sb3I6IGxpZ2h0Z3JleTsgfTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI3OiBUcm9uZyBuZ1x1MWVlZiBjXHUxZWEzbmggdGhpXHUxZWJmdCBrXHUxZWJmIHdlYnNpdGUgZ2lcdTFlZGJpIHRoaVx1MWVjN3UgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOSwgdmlcdTFlYzdjIHRcdTFlYTFvIGNcdTAwZTFjIHRyYW5nIHJpXHUwMGVhbmcgYmlcdTFlYzd0IGNobyB0XHUxZWVibmcgbmhcdTAwZjNtIGhvXHUxZWI3YyBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5ICh0aGF5IHZcdTAwZWMgZ1x1MWVkOXAgY2h1bmcgdFx1MWVhNXQgY1x1MWVhMyB0aFx1MDBmNG5nIHRpbiB2XHUwMGUwbyBUcmFuZyBjaFx1MWVlNykgY1x1MDBmMyBcdTAxYjB1IFx1MDExMWlcdTFlYzNtIGNoXHUwMGVkbmggblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIExcdTAwZTBtIGNobyB3ZWJzaXRlIHRcdTFlYTNpIG5oYW5oIGhcdTAxYTFuICh2XHUwMGVjIG5cdTFlZDlpIGR1bmcgY2hpYSBuaFx1MWVjZikuPFwvbGk+XHJcbjxsaT5CLiBHaVx1MWVhM20gc1x1MWVkMSBsXHUwMWIwXHUxZWUzbmcgdFx1MWVjN3AgdGluIGNcdTFlYTduIHF1XHUxZWEzbiBsXHUwMGZkLjxcL2xpPlxyXG48bGk+Qy4gQlx1MWVhZnQgYnVcdTFlZDljIHBoXHUxZWEzaSBsXHUwMGUwbSBuaFx1MDFiMCB2XHUxZWFkeSB0aGVvIGNodVx1MWVhOW4gSFRNTC48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gR2lcdTAwZmFwIHRcdTFlZDUgY2hcdTFlZTljIG5cdTFlZDlpIGR1bmcgclx1MDBmNSByXHUwMGUwbmcsIGRcdTFlYzUgcXVcdTFlYTNuIGxcdTAwZmQgdlx1MDBlMCBnaVx1MDBmYXAgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBkXHUxZWM1IGRcdTAwZTBuZyB0XHUwMGVjbSBraVx1MWViZm0gdGhcdTAwZjRuZyB0aW4gY2hpIHRpXHUxZWJmdCB2XHUxZWMxIHRcdTFlZWJuZyBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5LjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyODogQlx1MWVhMW4gXHUwMTExYW5nIHRoaVx1MWViZnQga1x1MWViZiBwaFx1MWVhN24gY3VcdTFlZDFpIHRyYW5nIChGb290ZXIpIHZcdTAwZTAgbXVcdTFlZDFuIHZcdTAxMDNuIGJcdTFlYTNuIGJcdTAwZWFuIHRyb25nIG5cdTAwZjMgXHUwMTExXHUwMWIwXHUxZWUzYyBjXHUwMTAzbiBnaVx1MWVlZmEgdGhlbyBjaGlcdTFlYzF1IG5nYW5nLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBwaFx1MWVkNSBiaVx1MWViZm4gXHUwMTExXHUxZWMzIGNcdTAxMDNuIGdpXHUxZWVmYSB2XHUwMTAzbiBiXHUxZWEzbiB0cm9uZyBtXHUxZWQ5dCBraFx1MWVkMWk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gYHRleHQtYWxpZ246IGNlbnRlcjtgPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gYHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7YDxcL2xpPlxyXG48bGk+Qy4gYGFsaWduLWl0ZW1zOiBjZW50ZXI7YDxcL2xpPlxyXG48bGk+RC4gYGp1c3RpZnktY29udGVudDogY2VudGVyO2A8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyOTogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBcdTAxMTFcdTAwZTMgdFx1MWVhMW8gbVx1MWVkOXQgdFx1MWVjN3AgSFRNTCBjXHUwMWExIGJcdTFlYTNuIHZcdTAwZTAgbXVcdTFlZDFuIHhlbSBuXHUwMGYzIGhpXHUxZWMzbiB0aFx1MWVjYiBuaFx1MDFiMCB0aFx1MWViZiBuXHUwMGUwbyB0cm9uZyB0clx1MDBlY25oIGR1eVx1MWVjN3QuIFRoYW8gdFx1MDBlMWMgXHUwMTExXHUwMWExbiBnaVx1MWVhM24gbmhcdTFlYTV0IFx1MDExMVx1MWVjMyBtXHUxZWRmIHRcdTFlYzdwIEhUTUwgY1x1MWVlNWMgYlx1MWVkOSBiXHUxZWIxbmcgdHJcdTAwZWNuaCBkdXlcdTFlYzd0IGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgY1x1MDBmMyB0aFx1MWVjMyB4ZW0gc2F1IGtoaSB0XHUxZWEzaSBsXHUwMGVhbiBtXHUwMGUxeSBjaFx1MWVlNyB3ZWIuPFwvbGk+XHJcbjxsaT5CLiBTXHUxZWVkIGRcdTFlZTVuZyBkXHUwMGYybmcgbFx1MWVjN25oIFx1MDExMVx1MWVjMyBiaVx1MDBlYW4gZFx1MWVjYmNoIHRcdTFlYzdwIEhUTUwuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIE1cdTFlZGYgdFx1MWVjN3AgSFRNTCBiXHUxZWIxbmcgY1x1MDBlMWNoIGtcdTAwZTlvIHRoXHUxZWEzIHZcdTAwZTBvIGNcdTFlZWRhIHNcdTFlZDUgdHJcdTAwZWNuaCBkdXlcdTFlYzd0IGhvXHUxZWI3YyBuaFx1MWVhNXAgXHUwMTExXHUwMGZhcCB2XHUwMGUwbyB0XHUxZWM3cC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBDXHUxZWE3biBtXHUxZWQ5dCBwaFx1MWVhN24gbVx1MWVjMW0gY2h1eVx1MDBlYW4gZFx1MWVlNW5nIFx1MDExMVx1MWVjMyBjaHV5XHUxZWMzbiBcdTAxMTFcdTFlZDVpIEhUTUwgc2FuZyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgeGVtIHRyXHUwMWIwXHUxZWRiYy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAzMDogS2hpIGJcdTFlYTFuIHRoYXkgXHUwMTExXHUxZWQ1aSBuXHUxZWQ5aSBkdW5nIGhvXHUxZWI3YyBDU1MgdHJvbmcgY1x1MDBlMWMgdFx1MWVjN3AgY1x1MWVlN2Egd2Vic2l0ZSB2XHUwMGUwIG11XHUxZWQxbiB4ZW0ga1x1MWViZnQgcXVcdTFlYTMgY1x1MWVhZHAgbmhcdTFlYWR0IHRyXHUwMGVhbiB0clx1MDBlY25oIGR1eVx1MWVjN3QsIGJcdTFlYTFuIGNcdTFlYTduIHRoXHUxZWYxYyBoaVx1MWVjN24gdGhhbyB0XHUwMGUxYyBnXHUwMGVjIHRyXHUwMGVhbiB0clx1MDBlY25oIGR1eVx1MWVjN3Q/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gVFx1MWVhM2kgbFx1MWVhMWkgKFJlZnJlc2gpIHRyYW5nIHdlYiB0cm9uZyB0clx1MDBlY25oIGR1eVx1MWVjN3QuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gXHUwMTEwXHUwMGYzbmcgdHJcdTAwZWNuaCBkdXlcdTFlYzd0IHZcdTAwZTAgbVx1MWVkZiBsXHUxZWExaS48XC9saT5cclxuPGxpPkMuIFhcdTAwZjNhIGJcdTFlZDkgbmhcdTFlZGIgY2FjaGUgY1x1MWVlN2EgdHJcdTAwZWNuaCBkdXlcdTFlYzd0LjxcL2xpPlxyXG48bGk+RC4gR1x1MWVlZGkgbFx1MWVhMWkgdFx1MWVjN3AgbFx1MDBlYW4gbVx1MDBlMXkgY2hcdTFlZTcgd2ViIChuXHUxZWJmdSBcdTAxMTFhbmcgbFx1MDBlMG0gdmlcdTFlYzdjIGNcdTFlZTVjIGJcdTFlZDkgdGhcdTAwZWMga2hcdTAwZjRuZyBjXHUxZWE3bikuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbiIsInF1aXpfaW1hZ2UiOm51bGwsInF1aXpfY2F0ZWdvcnlfaWQiOiIzMzAyIiwicXVlc3Rpb25faWRzIjoiMTAyNTY2OCwxMDI1NjY5LDEwMjU2NzAsMTAyNTY3MSwxMDI1NjcyLDEwMjU2NzMsMTAyNTY3NCwxMDI1Njc1LDEwMjU2NzYsMTAyNTY3NywxMDI1Njc4LDEwMjU2NzksMTAyNTY4MCwxMDI1NjgxLDEwMjU2ODIsMTAyNTY4MywxMDI1Njg0LDEwMjU2ODUsMTAyNTY4NiwxMDI1Njg3LDEwMjU2ODgsMTAyNTY4OSwxMDI1NjkwLDEwMjU2OTEsMTAyNTY5MiwxMDI1NjkzLDEwMjU2OTQsMTAyNTY5NSwxMDI1Njk2LDEwMjU2OTciLCJvcmRlcmluZyI6IjM0MzYxIiwicHVibGlzaGVkIjoiMSIsImNyZWF0ZV9kYXRlIjpudWxsLCJxdWl6X3VybCI6bnVsbCwiaW50ZXJ2YWxzIjoiW3tcImludGVydmFsX21pblwiOlwiMFwiLFwiaW50ZXJ2YWxfbWF4XCI6XCIyNVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQVwifSx7XCJpbnRlcnZhbF9taW5cIjpcIjI2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjUwXCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJCXCJ9LHtcImludGVydmFsX21pblwiOlwiNTFcIixcImludGVydmFsX21heFwiOlwiNzVcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkNcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI3NlwiLFwiaW50ZXJ2YWxfbWF4XCI6XCIxMDBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkRcIn1dIiwiaXNfdXNlcl9sb2dnZWRfaW4iOmZhbHNlLCJxdWl6X2FuaW1hdGlvbl90b3AiOjEwMCwicXVpel9lbmFibGVfYW5pbWF0aW9uX3RvcCI6Im9uIiwic3RvcmVfYWxsX25vdF9maW5pc2hlZF9yZXN1bHRzIjpmYWxzZX0=';
</script>
<input type='hidden' name='quiz_id' value='34361'/>
<input type='hidden' name='start_date' class='ays-start-date'/>
<input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/>
<input type='hidden' name='ays_finish_quiz_nonce_34361' value='45d85a0ccb'/>
</form></div>
</div>
</div></div>
<div class="panel blogger"><div class='ays-quiz-wrap'>
<div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active'
data-quest-effect='shake'
data-hide-bg-image='false'
id='ays-quiz-container-35299'>
<div class='ays-questions-container'>
<div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap">
<a class="ays-quiz-full-screen-container">
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>
</svg>
</a>
</div></div>
<span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span>
<form
action=''
method='post'
autocomplete='off'
id='ays_finish_quiz_35299'
class='ays-quiz-form enable_questions_result '
><input type='hidden' class='ays_question_count_per_page' value='30'>
<input type='hidden' value='list' class='answer_view_class'>
<input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'>
<div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p>
</div>
<div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p>
</div>
<hr style='height:1px;'>
</section>
<div class='step active-step'>
<div class='ays-abs-fs ays-start-page'>
<div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong></p></div>
<p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 09</p>
<div class='ays_buttons_div'>
<input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" />
</div>
<div class='ays-fs-subtitle'><p><strong>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 09</strong> được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!</p>
<div class="question-block">
<p>Câu 1: Khi bắt đầu thiết kế một trang web tổng hợp như được giới thiệu trong Bài 18, bước đầu tiên quan trọng nhất để đảm bảo cấu trúc mạch lạc và đầy đủ thông tin là gì?</p>
<ul>
<li>A. Thiết kế chi tiết giao diện đồ họa (UI/UX).</li>
<li>B. Viết mã HTML cho trang chủ.</li>
<li>C. Tạo tệp tin CSS để định dạng chung.</li>
<li><strong>D. Xác định rõ các trang cần có và nội dung dự kiến cho mỗi trang.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 2: Để đảm bảo tính nhất quán về phong cách trình bày (màu sắc, phông chữ, bố cục cơ bản) trên tất cả các trang của website, kỹ thuật nào sau đây thường được áp dụng hiệu quả nhất trong thiết kế web?</p>
<ul>
<li>A. Sử dụng các thuộc tính style inline (trực tiếp trong thẻ HTML) cho mọi phần tử trên mỗi trang.</li>
<li>B. Tạo một tệp tin CSS riêng cho mỗi trang HTML.</li>
<li><strong>C. Liên kết tất cả các trang HTML đến cùng một tệp tin CSS bên ngoài.</strong></li>
<li>D. Sử dụng JavaScript để áp dụng các kiểu dáng khi trang được tải.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 3: Trong cấu trúc HTML của một trang web thông thường, phần tử nào thường được sử dụng để nhóm các nội dung có liên quan, tạo thành các khối riêng biệt (ví dụ: phần đầu trang, phần nội dung chính, phần cuối trang)?</p>
<ul>
<li>A. <span></li>
<li><strong>B.
<div></strong></li>
<li>C.
</li>
<li>D. <a></li>
</ul>
</div>
<div class="question-block">
<p>Câu 4: Bạn muốn tạo một phần đầu trang (header) cho website, bao gồm logo và tên website nằm ở bên trái và một menu điều hướng nằm ở bên phải. Để đạt được bố cục này bằng CSS, bạn có thể sử dụng thuộc tính CSS nào cho các phần tử con (logo, tên, menu)?</p>
<ul>
<li><strong>A. float</strong></li>
<li>B. margin</li>
<li>C. padding</li>
<li>D. color</li>
</ul>
</div>
<div class="question-block">
<p>Câu 5: Giả sử bạn có một lớp CSS tên là `.row` và một lớp CSS tên là `.col-3`. Nếu bạn áp dụng cấu trúc HTML `</p>
<div class="row">
<div class="col-3">Nội dung 1</div>
<div class="col-3">Nội dung 2</div>
<div class="col-3">Nội dung 3</div>
</div>
<p>`, kết quả hiển thị mong đợi là gì?</p>
<ul>
<li>A. Ba khối nội dung xếp chồng lên nhau theo chiều dọc.</li>
<li><strong>B. Ba khối nội dung xếp cạnh nhau theo chiều ngang, mỗi khối chiếm khoảng 1/3 chiều rộng.</strong></li>
<li>C. Chỉ khối nội dung 1 được hiển thị.</li>
<li>D. Các khối nội dung được căn giữa trang.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 6: Banner của website thường được đặt ở đâu trong cấu trúc HTML và có vai trò gì trong thiết kế?</p>
<ul>
<li><strong>A. Ở phần đầu trang (header), giúp nhận diện thương hiệu và tạo ấn tượng ban đầu.</strong></li>
<li>B. Ở cuối trang (footer), chứa thông tin bản quyền.</li>
<li>C. Ở phần nội dung chính, giới thiệu chi tiết về sản phẩm/dịch vụ.</li>
<li>D. Ở thanh bên (sidebar), hiển thị các liên kết phụ.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 7: Giả sử bạn muốn thêm một hình ảnh minh họa vào phần nội dung chính của một trang. Thẻ HTML nào là phù hợp nhất để chèn hình ảnh?</p>
<ul>
<li>A.
</li>
<li>B. <a></li>
<li>C.
<div></li>
<li><strong>D. <img></strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 8: Để tạo một liên kết từ trang chủ đến trang giới thiệu câu lạc bộ thể thao, bạn sẽ sử dụng thẻ HTML nào và thuộc tính chính cần thiết là gì?</p>
<ul>
<li><strong>A. Thẻ `<a>` với thuộc tính `href`.</strong></li>
<li>B. Thẻ `<link>` với thuộc tính `rel`.</li>
<li>C. Thẻ `
<p>` với thuộc tính `src`.</li>
<li>D. Thẻ `
<div>` với thuộc tính `id`.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 9: Khi thiết kế phần cuối trang (footer) cho website, những loại thông tin nào thường được đặt ở đây?</p>
<ul>
<li>A. Nội dung chính của bài viết hoặc sản phẩm.</li>
<li>B. Banner quảng cáo lớn.</li>
<li><strong>C. Thông tin liên hệ, bản quyền, các liên kết điều hướng phụ.</strong></li>
<li>D. Menu điều hướng chính của website.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 10: Bạn muốn tạo một khu vực trên trang chủ để hiển thị tóm tắt giới thiệu về các câu lạc bộ, mỗi tóm tắt nằm trong một "thẻ" (card) có viền và bóng đổ nhẹ. Để áp dụng cùng một kiểu dáng cho tất cả các "thẻ" này, bạn nên sử dụng kỹ thuật CSS nào?</p>
<ul>
<li>A. Viết lại các thuộc tính CSS (như border, box-shadow) riêng cho từng thẻ HTML bằng cách sử dụng thuộc tính `style` inline.</li>
<li><strong>B. Định nghĩa một lớp CSS (ví dụ: `.card`) với các thuộc tính mong muốn và gán lớp này cho mỗi thẻ HTML.</strong></li>
<li>C. Chỉ cần áp dụng kiểu dáng cho phần tử cha chứa tất cả các thẻ.</li>
<li>D. Sử dụng JavaScript để thêm các kiểu dáng sau khi trang được tải.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 11: Giả sử bạn đã tạo tệp CSS chung (ví dụ: `style.css`). Để liên kết tệp CSS này với một trang HTML (ví dụ: `index.html`), bạn sẽ đặt thẻ `<link>` ở đâu trong tệp HTML?</p>
<ul>
<li><strong>A. Trong phần `<head>`.</strong></li>
<li>B. Trong phần `<body>`.</li>
<li>C. Ngay sau thẻ `</html>`.</li>
<li>D. Ở bất kỳ đâu trong tệp HTML.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 12: Khi thiết kế một website cho các câu lạc bộ, việc tạo các trang riêng biệt cho từng nhóm hoặc câu lạc bộ (thay vì chỉ có thông tin chung trên trang chủ) mang lại lợi ích chính nào?</p>
<ul>
<li>A. Giảm dung lượng tổng thể của website.</li>
<li>B. Tăng tốc độ tải trang chủ.</li>
<li>C. Đảm bảo tất cả các trang có cùng bố cục.</li>
<li><strong>D. Giúp tổ chức thông tin chi tiết, dễ dàng cho người dùng tìm hiểu sâu về từng chủ đề/nhóm cụ thể.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 13: Bạn muốn tạo một tiêu đề lớn cho phần nội dung chính của trang. Thẻ HTML nào là phù hợp nhất để sử dụng cho tiêu đề cấp cao nhất (quan trọng nhất) trong phần nội dung?</p>
<ul>
<li><strong>A.<br />
<h1></strong></li>
<li>B.
</li>
<li>C.
<div></li>
<li>D. <span></li>
</ul>
</div>
<div class="question-block">
<p>Câu 14: Để chèn một video giới thiệu hoạt động của câu lạc bộ vào trang web, thẻ HTML nào thường được sử dụng?</p>
<ul>
<li>A. <img></li>
<li>B. <audio></li>
<li><strong>C. <video></strong></li>
<li>D. <iframe></li>
</ul>
</div>
<div class="question-block">
<p>Câu 15: Khi sử dụng CSS để định dạng các phần tử, bạn có thể chọn một phần tử dựa trên tên thẻ của nó (ví dụ: `p { ... }`), dựa trên lớp của nó (ví dụ: `.my-class { ... }`), hoặc dựa trên ID của nó (ví dụ: `#my-id { ... }`). Thứ tự ưu tiên áp dụng kiểu dáng (specificity) từ cao đến thấp là gì?</p>
<ul>
<li>A. Tên thẻ > Lớp > ID</li>
<li><strong>B. ID > Lớp > Tên thẻ</strong></li>
<li>C. Lớp > ID > Tên thẻ</li>
<li>D. Tên thẻ > ID > Lớp</li>
</ul>
</div>
<div class="question-block">
<p>Câu 16: Bạn muốn tạo một khoảng cách đệm (khoảng trống bên trong viền) cho nội dung bên trong một khối `div`. Thuộc tính CSS nào được sử dụng để điều chỉnh khoảng cách này?</p>
<ul>
<li><strong>A. padding</strong></li>
<li>B. margin</li>
<li>C. border</li>
<li>D. width</li>
</ul>
</div>
<div class="question-block">
<p>Câu 17: Để tạo một khoảng cách lề (khoảng trống bên ngoài viền) giữa hai khối `div` liền kề, thuộc tính CSS nào là phù hợp nhất?</p>
<ul>
<li>A. padding</li>
<li><strong>B. margin</strong></li>
<li>C. border</li>
<li>D. outline</li>
</ul>
</div>
<div class="question-block">
<p>Câu 18: Giả sử bạn muốn tạo một hiệu ứng khi di chuột qua một liên kết (thẻ `<a>`), làm thay đổi màu sắc của văn bản liên kết. Bạn sẽ sử dụng bộ chọn giả lớp (pseudo-class) nào trong CSS?</p>
<ul>
<li>A. :active</li>
<li>B. :visited</li>
<li><strong>C. :hover</strong></li>
<li>D. :focus</li>
</ul>
</div>
<div class="question-block">
<p>Câu 19: Trong quá trình phát triển website, sau khi viết mã HTML và CSS, bước kiểm tra nào là cần thiết để đảm bảo website hoạt động đúng trên các thiết bị và trình duyệt khác nhau?</p>
<ul>
<li>A. Chỉ kiểm tra trên trình duyệt Chrome.</li>
<li>B. Chỉ kiểm tra trên một kích thước màn hình cố định.</li>
<li>C. Kiểm tra ngữ pháp tiếng Việt trên nội dung.</li>
<li><strong>D. Kiểm tra hiển thị và chức năng trên nhiều trình duyệt và kích thước màn hình khác nhau.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 20: Website được thiết kế trong Bài 18 có thể mở rộng thêm những chức năng nào để tương tác tốt hơn với người dùng và thu thập thông tin?</p>
<ul>
<li><strong>A. Thêm các biểu mẫu (Form) để đăng ký hoặc liên hệ.</strong></li>
<li>B. Chỉ thêm nhiều hình ảnh minh họa hơn.</li>
<li>C. Thay đổi màu sắc chủ đạo của website.</li>
<li>D. Giảm số lượng trang của website.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 21: Trong CSS, thuộc tính `display: block;` và `display: inline;` khác nhau cơ bản ở điểm nào?</p>
<ul>
<li>A. `block` cho phép đặt các phần tử khác bên cạnh, còn `inline` thì không.</li>
<li><strong>B. `block` luôn bắt đầu trên một dòng mới và chiếm hết chiều rộng, còn `inline` thì không bắt đầu dòng mới và chỉ chiếm chiều rộng cần thiết.</strong></li>
<li>C. `block` không thể có lề trên/dưới, còn `inline` thì có.</li>
<li>D. `block` chỉ dùng cho văn bản, còn `inline` dùng cho hình ảnh.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 22: Để căn giữa một khối `div` theo chiều ngang trên trang web, khi khối đó có chiều rộng cố định, bạn có thể sử dụng kết hợp thuộc tính CSS nào?</p>
<ul>
<li><strong>A. Đặt `margin-left: auto; margin-right: auto;` cho khối `div`.</strong></li>
<li>B. Đặt `text-align: center;` cho khối `div`.</li>
<li>C. Đặt `float: center;` cho khối `div`.</li>
<li>D. Đặt `display: inline-block;` cho khối `div`.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 23: Giả sử bạn có một danh sách các mục (ví dụ: danh sách các câu lạc bộ) mà bạn muốn hiển thị dưới dạng các mục gạch đầu dòng (bullet points). Thẻ HTML nào là phù hợp nhất để tạo danh sách này?</p>
<ul>
<li>A.
<ol></li>
<li><strong>B.
<ul></strong></li>
<li>C.
<dl></li>
<li>D.<br />
<nav></li>
</ul>
</div>
<div class="question-block">
<p>Câu 24: Trong CSS, thuộc tính `color` dùng để định dạng gì?</p>
<ul>
<li>A. Màu nền của phần tử.</li>
<li>B. Màu viền của phần tử.</li>
<li>C. Màu của đường gạch chân liên kết.</li>
<li><strong>D. Màu của văn bản.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 25: Khi thiết kế một trang web "đáp ứng" (responsive web design), mục tiêu chính là gì?</p>
<ul>
<li>A. Chỉ hiển thị website trên máy tính để bàn.</li>
<li>B. Tăng tốc độ tải trang trên mạng chậm.</li>
<li><strong>C. Đảm bảo website hiển thị và hoạt động tốt trên nhiều kích thước màn hình và thiết bị khác nhau.</strong></li>
<li>D. Sử dụng các hiệu ứng động phức tạp.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 26: Bạn muốn thêm một đoạn văn bản chú thích nhỏ dưới một hình ảnh. Thẻ HTML nào là phù hợp nhất để chứa đoạn văn bản này, đảm bảo nó được coi là một khối văn bản riêng biệt?</p>
<ul>
<li><strong>A.
<p></strong></li>
<li>B. <span></li>
<li>C. <a></li>
<li>D.<br />
<h1></li>
</ul>
</div>
<div class="question-block">
<p>Câu 27: Trong CSS, thuộc tính `font-size` dùng để định dạng gì?</p>
<ul>
<li>A. Kiểu phông chữ (ví dụ: Arial, Times New Roman).</li>
<li>B. Độ đậm của phông chữ (ví dụ: bold).</li>
<li><strong>C. Kích thước của phông chữ.</strong></li>
<li>D. Màu sắc của phông chữ.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 28: Khi thiết kế bố cục cho website, việc phân chia trang thành các khu vực như header, content, footer giúp ích gì cho cả người thiết kế và người dùng?</p>
<ul>
<li>A. Chỉ giúp tăng tốc độ tải trang.</li>
<li>B. Chỉ giúp làm cho mã nguồn ngắn gọn hơn.</li>
<li>C. Chỉ làm cho website có giao diện phức tạp hơn.</li>
<li><strong>D. Giúp tổ chức nội dung rõ ràng, dễ quản lý mã nguồn và cải thiện khả năng điều hướng cho người dùng.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 29: Bạn đã tạo một lớp CSS tên là `.featured` để làm nổi bật các mục giới thiệu đặc biệt. Nếu bạn áp dụng lớp này cho một đoạn văn bản (</p>
<p>) và một hình ảnh (<img>), điều gì sẽ xảy ra?</p>
<ul>
<li>A. Lớp `.featured` chỉ áp dụng cho đoạn văn bản (
<p>).</li>
<li><strong>B. Các thuộc tính CSS trong lớp `.featured` sẽ được áp dụng cho cả đoạn văn bản và hình ảnh.</strong></li>
<li>C. Website sẽ gặp lỗi hiển thị vì lớp CSS không thể áp dụng cho cả hai loại phần tử khác nhau.</li>
<li>D. Chỉ phần tử đầu tiên được áp dụng lớp `.featured`.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 30: Khi sử dụng thuộc tính `background-image` trong CSS để đặt ảnh nền cho một phần tử, bạn nên lưu ý điều gì để đảm bảo ảnh nền hiển thị tốt?</p>
<ul>
<li>A. Ảnh nền chỉ nên là các tệp định dạng .GIF.</li>
<li>B. Không thể đặt ảnh nền cho các phần tử khối (block elements).</li>
<li>C. Chỉ cần đặt thuộc tính `background-image` là đủ, trình duyệt sẽ tự động điều chỉnh.</li>
<li><strong>D. Cần cân nhắc kích thước ảnh và sử dụng các thuộc tính như `background-size`, `background-repeat` để kiểm soát hiển thị ảnh nền.</strong></li>
</ul>
</div>
</div>
<input type='hidden' name='ays_quiz_id' value='35299'/>
<input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-18-thuc-hanh-tong-hop-thiet-ke-trang-web-ket-noi-tri-thuc/'/>
<input type='hidden' name='ays_quiz_questions' value='1053735,1053736,1053737,1053738,1053739,1053740,1053741,1053742,1053743,1053744,1053745,1053746,1053747,1053748,1053749,1053750,1053751,1053752,1053753,1053754,1053755,1053756,1053757,1053758,1053759,1053760,1053761,1053762,1053763,1053764'>
</div>
</div><div class='step '
data-question-id='1053735'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>1 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 1: Khi bắt đầu thiết kế một trang web tổng hợp như được giới thiệu trong Bài 18, bước đầu tiên quan trọng nhất để đảm bảo cấu trúc mạch lạc và đầy đủ thông tin là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053735]' id='ays-answer-4221853-35299' value='4221853'/>
<label for='ays-answer-4221853-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Thiết kế chi tiết giao diện đồ họa (UI/UX).</label><label for='ays-answer-4221853-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053735]' id='ays-answer-4221854-35299' value='4221854'/>
<label for='ays-answer-4221854-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Viết mã HTML cho trang chủ.</label><label for='ays-answer-4221854-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053735]' id='ays-answer-4221855-35299' value='4221855'/>
<label for='ays-answer-4221855-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo tệp tin CSS để định dạng chung.</label><label for='ays-answer-4221855-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053735]' id='ays-answer-4221856-35299' value='4221856'/>
<label for='ays-answer-4221856-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Xác định rõ các trang cần có và nội dung dự kiến cho mỗi trang.</label><label for='ays-answer-4221856-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053735'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTg1MyI6IjAiLCI0MjIxODU0IjoiMCIsIjQyMjE4NTUiOiIwIiwiNDIyMTg1NiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Trước khi bắt tay vào code hay thiết kế giao diện chi tiết, việc xác định rõ website cần có những trang nào và nội dung chính trên mỗi trang là bước lập kế hoạch nền tảng, giúp định hướng toàn bộ quá trình thực hiện.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053736'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>2 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 2: Để đảm bảo tính nhất quán về phong cách trình bày (màu sắc, phông chữ, bố cục cơ bản) trên tất cả các trang của website, kỹ thuật nào sau đây thường được áp dụng hiệu quả nhất trong thiết kế web?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053736]' id='ays-answer-4221857-35299' value='4221857'/>
<label for='ays-answer-4221857-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng các thuộc tính style inline (trực tiếp trong thẻ HTML) cho mọi phần tử trên mỗi trang.</label><label for='ays-answer-4221857-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053736]' id='ays-answer-4221858-35299' value='4221858'/>
<label for='ays-answer-4221858-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo một tệp tin CSS riêng cho mỗi trang HTML.</label><label for='ays-answer-4221858-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053736]' id='ays-answer-4221859-35299' value='4221859'/>
<label for='ays-answer-4221859-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Liên kết tất cả các trang HTML đến cùng một tệp tin CSS bên ngoài.</label><label for='ays-answer-4221859-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053736]' id='ays-answer-4221860-35299' value='4221860'/>
<label for='ays-answer-4221860-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng JavaScript để áp dụng các kiểu dáng khi trang được tải.</label><label for='ays-answer-4221860-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053736'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTg1NyI6IjAiLCI0MjIxODU4IjoiMCIsIjQyMjE4NTkiOiIxIiwiNDIyMTg2MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Liên kết tất cả các trang HTML đến cùng một tệp tin CSS bên ngoài là phương pháp chuẩn và hiệu quả nhất để quản lý và đảm bảo phong cách thiết kế đồng bộ trên toàn bộ website. Thay đổi trong tệp CSS sẽ áp dụng cho tất cả các trang liên kết.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053737'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>3 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 3: Trong cấu trúc HTML của một trang web thông thường, phần tử nào thường được sử dụng để nhóm các nội dung có liên quan, tạo thành các khối riêng biệt (ví dụ: phần đầu trang, phần nội dung chính, phần cuối trang)?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053737]' id='ays-answer-4221861-35299' value='4221861'/>
<label for='ays-answer-4221861-35299' class=' ays_position_initial ays-quiz-keyboard-label'><span></label><label for='ays-answer-4221861-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053737]' id='ays-answer-4221862-35299' value='4221862'/>
<label for='ays-answer-4221862-35299' class=' ays_position_initial ays-quiz-keyboard-label'><div></label><label for='ays-answer-4221862-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053737]' id='ays-answer-4221863-35299' value='4221863'/>
<label for='ays-answer-4221863-35299' class=' ays_position_initial ays-quiz-keyboard-label'><p></label><label for='ays-answer-4221863-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053737]' id='ays-answer-4221864-35299' value='4221864'/>
<label for='ays-answer-4221864-35299' class=' ays_position_initial ays-quiz-keyboard-label'><a></label><label for='ays-answer-4221864-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053737'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTg2MSI6IjAiLCI0MjIxODYyIjoiMSIsIjQyMjE4NjMiOiIwIiwiNDIyMTg2NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ </p>
<div> là một phần tử khối chung (block-level element) được sử dụng rộng rãi trong HTML để nhóm các nội dung khác lại với nhau, tạo thành các container hoặc các khối cấu trúc lớn trên trang web, giúp dễ dàng áp dụng CSS để định dạng bố cục.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053738'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>4 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 4: Bạn muốn tạo một phần đầu trang (header) cho website, bao gồm logo và tên website nằm ở bên trái và một menu điều hướng nằm ở bên phải. Để đạt được bố cục này bằng CSS, bạn có thể sử dụng thuộc tính CSS nào cho các phần tử con (logo, tên, menu)?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053738]' id='ays-answer-4221865-35299' value='4221865'/>
<label for='ays-answer-4221865-35299' class=' ays_position_initial ays-quiz-keyboard-label'>float</label><label for='ays-answer-4221865-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053738]' id='ays-answer-4221866-35299' value='4221866'/>
<label for='ays-answer-4221866-35299' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-4221866-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053738]' id='ays-answer-4221867-35299' value='4221867'/>
<label for='ays-answer-4221867-35299' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-4221867-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053738]' id='ays-answer-4221868-35299' value='4221868'/>
<label for='ays-answer-4221868-35299' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-4221868-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053738'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTg2NSI6IjEiLCI0MjIxODY2IjoiMCIsIjQyMjE4NjciOiIwIiwiNDIyMTg2OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `float` (left/right) hoặc các kỹ thuật bố cục hiện đại hơn như Flexbox/Grid (dù bài 18 có thể tập trung vào float) là cách phổ biến để xếp các phần tử khối cạnh nhau trên cùng một hàng. Float left cho logo/tên và float right cho menu sẽ giúp chúng nằm ở hai phía đối diện trong cùng một hàng.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053739'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>5 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 5: Giả sử bạn có một lớp CSS tên là `.row` và một lớp CSS tên là `.col-3`. Nếu bạn áp dụng cấu trúc HTML `</p>
<div class='row'>
<div class='col-3'>Nội dung 1</div>
<div class='col-3'>Nội dung 2</div>
<div class='col-3'>Nội dung 3</div>
</div>
<p>`, kết quả hiển thị mong đợi là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053739]' id='ays-answer-4221869-35299' value='4221869'/>
<label for='ays-answer-4221869-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Ba khối nội dung xếp chồng lên nhau theo chiều dọc.</label><label for='ays-answer-4221869-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053739]' id='ays-answer-4221870-35299' value='4221870'/>
<label for='ays-answer-4221870-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Ba khối nội dung xếp cạnh nhau theo chiều ngang, mỗi khối chiếm khoảng 1/3 chiều rộng.</label><label for='ays-answer-4221870-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053739]' id='ays-answer-4221871-35299' value='4221871'/>
<label for='ays-answer-4221871-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ khối nội dung 1 được hiển thị.</label><label for='ays-answer-4221871-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053739]' id='ays-answer-4221872-35299' value='4221872'/>
<label for='ays-answer-4221872-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Các khối nội dung được căn giữa trang.</label><label for='ays-answer-4221872-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053739'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTg2OSI6IjAiLCI0MjIxODcwIjoiMSIsIjQyMjE4NzEiOiIwIiwiNDIyMTg3MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Cấu trúc này mô phỏng hệ thống lưới (grid system) cơ bản. Lớp `row` thường được dùng để chứa các cột và giúp chúng nằm trên cùng một hàng (ví dụ: sử dụng display: flex hoặc float: left cho các cột). Lớp `col-3` (tương tự `block_3` trong ví dụ) thường có nghĩa là chiếm 1/3 chiều rộng của hàng. Do đó, ba phần tử `div` với lớp `col-3` bên trong `div` lớp `row` sẽ xếp thành ba cột ngang hàng.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053740'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>6 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 6: Banner của website thường được đặt ở đâu trong cấu trúc HTML và có vai trò gì trong thiết kế?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053740]' id='ays-answer-4221873-35299' value='4221873'/>
<label for='ays-answer-4221873-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Ở phần đầu trang (header), giúp nhận diện thương hiệu và tạo ấn tượng ban đầu.</label><label for='ays-answer-4221873-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053740]' id='ays-answer-4221874-35299' value='4221874'/>
<label for='ays-answer-4221874-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Ở cuối trang (footer), chứa thông tin bản quyền.</label><label for='ays-answer-4221874-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053740]' id='ays-answer-4221875-35299' value='4221875'/>
<label for='ays-answer-4221875-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Ở phần nội dung chính, giới thiệu chi tiết về sản phẩm/dịch vụ.</label><label for='ays-answer-4221875-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053740]' id='ays-answer-4221876-35299' value='4221876'/>
<label for='ays-answer-4221876-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Ở thanh bên (sidebar), hiển thị các liên kết phụ.</label><label for='ays-answer-4221876-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053740'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTg3MyI6IjEiLCI0MjIxODc0IjoiMCIsIjQyMjE4NzUiOiIwIiwiNDIyMTg3NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Banner thường là phần nổi bật nhất ở đầu trang (trong phần header). Vai trò của nó là thu hút sự chú ý ban đầu của người dùng, thường chứa logo, tên website, hoặc hình ảnh/thông điệp chính.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053741'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>7 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 7: Giả sử bạn muốn thêm một hình ảnh minh họa vào phần nội dung chính của một trang. Thẻ HTML nào là phù hợp nhất để chèn hình ảnh?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053741]' id='ays-answer-4221877-35299' value='4221877'/>
<label for='ays-answer-4221877-35299' class=' ays_position_initial ays-quiz-keyboard-label'><p></label><label for='ays-answer-4221877-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053741]' id='ays-answer-4221878-35299' value='4221878'/>
<label for='ays-answer-4221878-35299' class=' ays_position_initial ays-quiz-keyboard-label'><a></label><label for='ays-answer-4221878-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053741]' id='ays-answer-4221879-35299' value='4221879'/>
<label for='ays-answer-4221879-35299' class=' ays_position_initial ays-quiz-keyboard-label'><div></label><label for='ays-answer-4221879-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053741]' id='ays-answer-4221880-35299' value='4221880'/>
<label for='ays-answer-4221880-35299' class=' ays_position_initial ays-quiz-keyboard-label'><img></label><label for='ays-answer-4221880-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053741'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTg3NyI6IjAiLCI0MjIxODc4IjoiMCIsIjQyMjE4NzkiOiIwIiwiNDIyMTg4MCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `<img>` được sử dụng cụ thể để nhúng hình ảnh vào tài liệu HTML. Các thẻ khác có mục đích khác: `</p>
<p>` cho đoạn văn, `<a>` cho liên kết, `</p>
<div>` cho nhóm nội dung.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053742'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>8 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 8: Để tạo một liên kết từ trang chủ đến trang giới thiệu câu lạc bộ thể thao, bạn sẽ sử dụng thẻ HTML nào và thuộc tính chính cần thiết là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053742]' id='ays-answer-4221881-35299' value='4221881'/>
<label for='ays-answer-4221881-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<a>` với thuộc tính `href`.</label><label for='ays-answer-4221881-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053742]' id='ays-answer-4221882-35299' value='4221882'/>
<label for='ays-answer-4221882-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<link>` với thuộc tính `rel`.</label><label for='ays-answer-4221882-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053742]' id='ays-answer-4221883-35299' value='4221883'/>
<label for='ays-answer-4221883-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<p>` với thuộc tính `src`.</label><label for='ays-answer-4221883-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053742]' id='ays-answer-4221884-35299' value='4221884'/>
<label for='ays-answer-4221884-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<div>` với thuộc tính `id`.</label><label for='ays-answer-4221884-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053742'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTg4MSI6IjEiLCI0MjIxODgyIjoiMCIsIjQyMjE4ODMiOiIwIiwiNDIyMTg4NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `<a>` được sử dụng để tạo siêu liên kết. Thuộc tính `href` chỉ định địa chỉ (URL hoặc đường dẫn tệp) mà liên kết sẽ dẫn tới.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053743'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>9 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 9: Khi thiết kế phần cuối trang (footer) cho website, những loại thông tin nào thường được đặt ở đây?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053743]' id='ays-answer-4221885-35299' value='4221885'/>
<label for='ays-answer-4221885-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Nội dung chính của bài viết hoặc sản phẩm.</label><label for='ays-answer-4221885-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053743]' id='ays-answer-4221886-35299' value='4221886'/>
<label for='ays-answer-4221886-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Banner quảng cáo lớn.</label><label for='ays-answer-4221886-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053743]' id='ays-answer-4221887-35299' value='4221887'/>
<label for='ays-answer-4221887-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Thông tin liên hệ, bản quyền, các liên kết điều hướng phụ.</label><label for='ays-answer-4221887-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053743]' id='ays-answer-4221888-35299' value='4221888'/>
<label for='ays-answer-4221888-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Menu điều hướng chính của website.</label><label for='ays-answer-4221888-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053743'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTg4NSI6IjAiLCI0MjIxODg2IjoiMCIsIjQyMjE4ODciOiIxIiwiNDIyMTg4OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Phần cuối trang (footer) thường chứa các thông tin phụ nhưng quan trọng như thông tin liên hệ, bản quyền, các liên kết nhanh đến các trang chính sách (bảo mật, điều khoản sử dụng), hoặc các liên kết mạng xã hội.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053744'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>10 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 10: Bạn muốn tạo một khu vực trên trang chủ để hiển thị tóm tắt giới thiệu về các câu lạc bộ, mỗi tóm tắt nằm trong một 'thẻ' (card) có viền và bóng đổ nhẹ. Để áp dụng cùng một kiểu dáng cho tất cả các 'thẻ' này, bạn nên sử dụng kỹ thuật CSS nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053744]' id='ays-answer-4221889-35299' value='4221889'/>
<label for='ays-answer-4221889-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Viết lại các thuộc tính CSS (như border, box-shadow) riêng cho từng thẻ HTML bằng cách sử dụng thuộc tính `style` inline.</label><label for='ays-answer-4221889-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053744]' id='ays-answer-4221890-35299' value='4221890'/>
<label for='ays-answer-4221890-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Định nghĩa một lớp CSS (ví dụ: `.card`) với các thuộc tính mong muốn và gán lớp này cho mỗi thẻ HTML.</label><label for='ays-answer-4221890-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053744]' id='ays-answer-4221891-35299' value='4221891'/>
<label for='ays-answer-4221891-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần áp dụng kiểu dáng cho phần tử cha chứa tất cả các thẻ.</label><label for='ays-answer-4221891-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053744]' id='ays-answer-4221892-35299' value='4221892'/>
<label for='ays-answer-4221892-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng JavaScript để thêm các kiểu dáng sau khi trang được tải.</label><label for='ays-answer-4221892-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053744'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTg4OSI6IjAiLCI0MjIxODkwIjoiMSIsIjQyMjE4OTEiOiIwIiwiNDIyMTg5MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Áp dụng cùng một lớp CSS cho tất cả các phần tử có cùng kiểu dáng là cách chuẩn và hiệu quả nhất. Định nghĩa kiểu dáng cho lớp CSS đó một lần trong tệp CSS chung, sau đó gán lớp này cho mọi thẻ HTML cần áp dụng kiểu dáng đó.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053745'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>11 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 11: Giả sử bạn đã tạo tệp CSS chung (ví dụ: `style.css`). Để liên kết tệp CSS này với một trang HTML (ví dụ: `index.html`), bạn sẽ đặt thẻ `<link>` ở đâu trong tệp HTML?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053745]' id='ays-answer-4221893-35299' value='4221893'/>
<label for='ays-answer-4221893-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Trong phần `<head>`.</label><label for='ays-answer-4221893-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053745]' id='ays-answer-4221894-35299' value='4221894'/>
<label for='ays-answer-4221894-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Trong phần `<body>`.</label><label for='ays-answer-4221894-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053745]' id='ays-answer-4221895-35299' value='4221895'/>
<label for='ays-answer-4221895-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Ngay sau thẻ `</html>`.</label><label for='ays-answer-4221895-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053745]' id='ays-answer-4221896-35299' value='4221896'/>
<label for='ays-answer-4221896-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Ở bất kỳ đâu trong tệp HTML.</label><label for='ays-answer-4221896-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053745'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTg5MyI6IjEiLCI0MjIxODk0IjoiMCIsIjQyMjE4OTUiOiIwIiwiNDIyMTg5NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `<link>` được sử dụng để liên kết tài nguyên bên ngoài (như tệp CSS) với tài liệu HTML. Thẻ này phải được đặt trong phần `<head>` của tài liệu HTML để trình duyệt tải và áp dụng kiểu dáng trước khi hiển thị nội dung trang.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053746'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>12 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 12: Khi thiết kế một website cho các câu lạc bộ, việc tạo các trang riêng biệt cho từng nhóm hoặc câu lạc bộ (thay vì chỉ có thông tin chung trên trang chủ) mang lại lợi ích chính nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053746]' id='ays-answer-4221897-35299' value='4221897'/>
<label for='ays-answer-4221897-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Giảm dung lượng tổng thể của website.</label><label for='ays-answer-4221897-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053746]' id='ays-answer-4221898-35299' value='4221898'/>
<label for='ays-answer-4221898-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng tốc độ tải trang chủ.</label><label for='ays-answer-4221898-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053746]' id='ays-answer-4221899-35299' value='4221899'/>
<label for='ays-answer-4221899-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Đảm bảo tất cả các trang có cùng bố cục.</label><label for='ays-answer-4221899-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053746]' id='ays-answer-4221900-35299' value='4221900'/>
<label for='ays-answer-4221900-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp tổ chức thông tin chi tiết, dễ dàng cho người dùng tìm hiểu sâu về từng chủ đề/nhóm cụ thể.</label><label for='ays-answer-4221900-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053746'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTg5NyI6IjAiLCI0MjIxODk4IjoiMCIsIjQyMjE4OTkiOiIwIiwiNDIyMTkwMCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Các trang riêng giúp tổ chức thông tin một cách rõ ràng và chi tiết cho từng câu lạc bộ cụ thể, giúp người dùng dễ dàng tìm kiếm thông tin chuyên sâu về nhóm mà họ quan tâm mà không bị lẫn lộn với thông tin của các nhóm khác.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053747'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>13 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 13: Bạn muốn tạo một tiêu đề lớn cho phần nội dung chính của trang. Thẻ HTML nào là phù hợp nhất để sử dụng cho tiêu đề cấp cao nhất (quan trọng nhất) trong phần nội dung?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053747]' id='ays-answer-4221901-35299' value='4221901'/>
<label for='ays-answer-4221901-35299' class=' ays_position_initial ays-quiz-keyboard-label'><h1></label><label for='ays-answer-4221901-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053747]' id='ays-answer-4221902-35299' value='4221902'/>
<label for='ays-answer-4221902-35299' class=' ays_position_initial ays-quiz-keyboard-label'><p></label><label for='ays-answer-4221902-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053747]' id='ays-answer-4221903-35299' value='4221903'/>
<label for='ays-answer-4221903-35299' class=' ays_position_initial ays-quiz-keyboard-label'><div></label><label for='ays-answer-4221903-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053747]' id='ays-answer-4221904-35299' value='4221904'/>
<label for='ays-answer-4221904-35299' class=' ays_position_initial ays-quiz-keyboard-label'><span></label><label for='ays-answer-4221904-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053747'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTkwMSI6IjEiLCI0MjIxOTAyIjoiMCIsIjQyMjE5MDMiOiIwIiwiNDIyMTkwNCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `</p>
<h1>` được sử dụng cho tiêu đề cấp cao nhất (tiêu đề chính) của một phần nội dung. Các thẻ `</p>
<h2>`, `</p>
<h3>`,... được dùng cho các tiêu đề phụ cấp thấp hơn. Sử dụng đúng cấp độ tiêu đề quan trọng cho cấu trúc ngữ nghĩa của trang.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053748'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>14 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 14: Để chèn một video giới thiệu hoạt động của câu lạc bộ vào trang web, thẻ HTML nào thường được sử dụng?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053748]' id='ays-answer-4221905-35299' value='4221905'/>
<label for='ays-answer-4221905-35299' class=' ays_position_initial ays-quiz-keyboard-label'><img></label><label for='ays-answer-4221905-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053748]' id='ays-answer-4221906-35299' value='4221906'/>
<label for='ays-answer-4221906-35299' class=' ays_position_initial ays-quiz-keyboard-label'><audio></label><label for='ays-answer-4221906-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053748]' id='ays-answer-4221907-35299' value='4221907'/>
<label for='ays-answer-4221907-35299' class=' ays_position_initial ays-quiz-keyboard-label'><video></label><label for='ays-answer-4221907-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053748]' id='ays-answer-4221908-35299' value='4221908'/>
<label for='ays-answer-4221908-35299' class=' ays_position_initial ays-quiz-keyboard-label'><iframe></label><label for='ays-answer-4221908-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053748'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTkwNSI6IjAiLCI0MjIxOTA2IjoiMCIsIjQyMjE5MDciOiIxIiwiNDIyMTkwOCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `<video>` là thẻ chuẩn của HTML5 để nhúng video trực tiếp vào trang web mà không cần plugin bên ngoài. Thẻ `<img>` cho ảnh, `<audio>` cho âm thanh, `<a>` cho liên kết.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053749'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>15 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 15: Khi sử dụng CSS để định dạng các phần tử, bạn có thể chọn một phần tử dựa trên tên thẻ của nó (ví dụ: `p { ... }`), dựa trên lớp của nó (ví dụ: `.my-class { ... }`), hoặc dựa trên ID của nó (ví dụ: `#my-id { ... }`). Thứ tự ưu tiên áp dụng kiểu dáng (specificity) từ cao đến thấp là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053749]' id='ays-answer-4221909-35299' value='4221909'/>
<label for='ays-answer-4221909-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Tên thẻ > Lớp > ID</label><label for='ays-answer-4221909-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053749]' id='ays-answer-4221910-35299' value='4221910'/>
<label for='ays-answer-4221910-35299' class=' ays_position_initial ays-quiz-keyboard-label'>ID > Lớp > Tên thẻ</label><label for='ays-answer-4221910-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053749]' id='ays-answer-4221911-35299' value='4221911'/>
<label for='ays-answer-4221911-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Lớp > ID > Tên thẻ</label><label for='ays-answer-4221911-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053749]' id='ays-answer-4221912-35299' value='4221912'/>
<label for='ays-answer-4221912-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Tên thẻ > ID > Lớp</label><label for='ays-answer-4221912-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053749'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTkwOSI6IjAiLCI0MjIxOTEwIjoiMSIsIjQyMjE5MTEiOiIwIiwiNDIyMTkxMiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thứ tự ưu tiên (specificity) trong CSS xác định quy tắc nào được áp dụng khi có nhiều quy tắc cùng nhắm vào một phần tử. Quy tắc có ID có độ ưu tiên cao nhất, sau đó đến lớp (class), và cuối cùng là tên thẻ (element type).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053750'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>16 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 16: Bạn muốn tạo một khoảng cách đệm (khoảng trống bên trong viền) cho nội dung bên trong một khối `div`. Thuộc tính CSS nào được sử dụng để điều chỉnh khoảng cách này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053750]' id='ays-answer-4221913-35299' value='4221913'/>
<label for='ays-answer-4221913-35299' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-4221913-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053750]' id='ays-answer-4221914-35299' value='4221914'/>
<label for='ays-answer-4221914-35299' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-4221914-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053750]' id='ays-answer-4221915-35299' value='4221915'/>
<label for='ays-answer-4221915-35299' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-4221915-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053750]' id='ays-answer-4221916-35299' value='4221916'/>
<label for='ays-answer-4221916-35299' class=' ays_position_initial ays-quiz-keyboard-label'>width</label><label for='ays-answer-4221916-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053750'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTkxMyI6IjEiLCI0MjIxOTE0IjoiMCIsIjQyMjE5MTUiOiIwIiwiNDIyMTkxNiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `padding` trong CSS kiểm soát khoảng trống giữa nội dung của một phần tử và viền của nó. `margin` kiểm soát khoảng trống bên ngoài viền, `border` định nghĩa viền, `width` định nghĩa chiều rộng.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053751'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>17 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 17: Để tạo một khoảng cách lề (khoảng trống bên ngoài viền) giữa hai khối `div` liền kề, thuộc tính CSS nào là phù hợp nhất?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053751]' id='ays-answer-4221917-35299' value='4221917'/>
<label for='ays-answer-4221917-35299' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-4221917-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053751]' id='ays-answer-4221918-35299' value='4221918'/>
<label for='ays-answer-4221918-35299' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-4221918-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053751]' id='ays-answer-4221919-35299' value='4221919'/>
<label for='ays-answer-4221919-35299' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-4221919-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053751]' id='ays-answer-4221920-35299' value='4221920'/>
<label for='ays-answer-4221920-35299' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-4221920-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053751'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTkxNyI6IjAiLCI0MjIxOTE4IjoiMSIsIjQyMjE5MTkiOiIwIiwiNDIyMTkyMCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `margin` trong CSS kiểm soát khoảng trống bên ngoài viền của một phần tử, tạo khoảng cách giữa phần tử đó và các phần tử xung quanh.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053752'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>18 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 18: Giả sử bạn muốn tạo một hiệu ứng khi di chuột qua một liên kết (thẻ `<a>`), làm thay đổi màu sắc của văn bản liên kết. Bạn sẽ sử dụng bộ chọn giả lớp (pseudo-class) nào trong CSS?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053752]' id='ays-answer-4221921-35299' value='4221921'/>
<label for='ays-answer-4221921-35299' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-4221921-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053752]' id='ays-answer-4221922-35299' value='4221922'/>
<label for='ays-answer-4221922-35299' class=' ays_position_initial ays-quiz-keyboard-label'>:visited</label><label for='ays-answer-4221922-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053752]' id='ays-answer-4221923-35299' value='4221923'/>
<label for='ays-answer-4221923-35299' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-4221923-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053752]' id='ays-answer-4221924-35299' value='4221924'/>
<label for='ays-answer-4221924-35299' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-4221924-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053752'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTkyMSI6IjAiLCI0MjIxOTIyIjoiMCIsIjQyMjE5MjMiOiIxIiwiNDIyMTkyNCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Bộ chọn giả lớp `:hover` được sử dụng để định nghĩa kiểu dáng cho một phần tử khi con trỏ chuột di chuyển qua nó.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053753'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>19 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 19: Trong quá trình phát triển website, sau khi viết mã HTML và CSS, bước kiểm tra nào là cần thiết để đảm bảo website hoạt động đúng trên các thiết bị và trình duyệt khác nhau?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053753]' id='ays-answer-4221925-35299' value='4221925'/>
<label for='ays-answer-4221925-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ kiểm tra trên trình duyệt Chrome.</label><label for='ays-answer-4221925-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053753]' id='ays-answer-4221926-35299' value='4221926'/>
<label for='ays-answer-4221926-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ kiểm tra trên một kích thước màn hình cố định.</label><label for='ays-answer-4221926-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053753]' id='ays-answer-4221927-35299' value='4221927'/>
<label for='ays-answer-4221927-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Kiểm tra ngữ pháp tiếng Việt trên nội dung.</label><label for='ays-answer-4221927-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053753]' id='ays-answer-4221928-35299' value='4221928'/>
<label for='ays-answer-4221928-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Kiểm tra hiển thị và chức năng trên nhiều trình duyệt và kích thước màn hình khác nhau.</label><label for='ays-answer-4221928-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053753'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTkyNSI6IjAiLCI0MjIxOTI2IjoiMCIsIjQyMjE5MjciOiIwIiwiNDIyMTkyOCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Kiểm tra tính tương thích trên nhiều trình duyệt (Chrome, Firefox, Edge, Safari...) và các kích thước màn hình khác nhau (máy tính, tablet, điện thoại) là cực kỳ quan trọng để đảm bảo website hiển thị và hoạt động đúng như mong đợi cho mọi người dùng.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053754'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>20 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 20: Website được thiết kế trong Bài 18 có thể mở rộng thêm những chức năng nào để tương tác tốt hơn với người dùng và thu thập thông tin?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053754]' id='ays-answer-4221929-35299' value='4221929'/>
<label for='ays-answer-4221929-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Thêm các biểu mẫu (Form) để đăng ký hoặc liên hệ.</label><label for='ays-answer-4221929-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053754]' id='ays-answer-4221930-35299' value='4221930'/>
<label for='ays-answer-4221930-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ thêm nhiều hình ảnh minh họa hơn.</label><label for='ays-answer-4221930-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053754]' id='ays-answer-4221931-35299' value='4221931'/>
<label for='ays-answer-4221931-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Thay đổi màu sắc chủ đạo của website.</label><label for='ays-answer-4221931-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053754]' id='ays-answer-4221932-35299' value='4221932'/>
<label for='ays-answer-4221932-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Giảm số lượng trang của website.</label><label for='ays-answer-4221932-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053754'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTkyOSI6IjEiLCI0MjIxOTMwIjoiMCIsIjQyMjE5MzEiOiIwIiwiNDIyMTkzMiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Việc thêm các biểu mẫu (ví dụ: biểu mẫu đăng ký thành viên, biểu mẫu liên hệ) là một cách phổ biến để website thu thập thông tin từ người dùng hoặc cho phép họ tương tác (đăng ký tham gia). Các lựa chọn khác không phù hợp với mục tiêu tương tác và thu thập thông tin trực tiếp từ người dùng theo ngữ cảnh bài học.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053755'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>21 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 21: Trong CSS, thuộc tính `display: block;` và `display: inline;` khác nhau cơ bản ở điểm nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053755]' id='ays-answer-4221933-35299' value='4221933'/>
<label for='ays-answer-4221933-35299' class=' ays_position_initial ays-quiz-keyboard-label'>`block` cho phép đặt các phần tử khác bên cạnh, còn `inline` thì không.</label><label for='ays-answer-4221933-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053755]' id='ays-answer-4221934-35299' value='4221934'/>
<label for='ays-answer-4221934-35299' class=' ays_position_initial ays-quiz-keyboard-label'>`block` luôn bắt đầu trên một dòng mới và chiếm hết chiều rộng, còn `inline` thì không bắt đầu dòng mới và chỉ chiếm chiều rộng cần thiết.</label><label for='ays-answer-4221934-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053755]' id='ays-answer-4221935-35299' value='4221935'/>
<label for='ays-answer-4221935-35299' class=' ays_position_initial ays-quiz-keyboard-label'>`block` không thể có lề trên/dưới, còn `inline` thì có.</label><label for='ays-answer-4221935-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053755]' id='ays-answer-4221936-35299' value='4221936'/>
<label for='ays-answer-4221936-35299' class=' ays_position_initial ays-quiz-keyboard-label'>`block` chỉ dùng cho văn bản, còn `inline` dùng cho hình ảnh.</label><label for='ays-answer-4221936-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053755'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTkzMyI6IjAiLCI0MjIxOTM0IjoiMSIsIjQyMjE5MzUiOiIwIiwiNDIyMTkzNiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Các phần tử `block` (như `div`, `p`, `h1`) bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng có sẵn. Các phần tử `inline` (như `span`, `a`, `img`) không bắt đầu trên dòng mới và chỉ chiếm chiều rộng vừa đủ nội dung của chúng, cho phép các phần tử khác nằm cạnh trên cùng một dòng.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053756'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>22 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 22: Để căn giữa một khối `div` theo chiều ngang trên trang web, khi khối đó có chiều rộng cố định, bạn có thể sử dụng kết hợp thuộc tính CSS nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053756]' id='ays-answer-4221937-35299' value='4221937'/>
<label for='ays-answer-4221937-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt `margin-left: auto; margin-right: auto;` cho khối `div`.</label><label for='ays-answer-4221937-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053756]' id='ays-answer-4221938-35299' value='4221938'/>
<label for='ays-answer-4221938-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt `text-align: center;` cho khối `div`.</label><label for='ays-answer-4221938-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053756]' id='ays-answer-4221939-35299' value='4221939'/>
<label for='ays-answer-4221939-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt `float: center;` cho khối `div`.</label><label for='ays-answer-4221939-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053756]' id='ays-answer-4221940-35299' value='4221940'/>
<label for='ays-answer-4221940-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt `display: inline-block;` cho khối `div`.</label><label for='ays-answer-4221940-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053756'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTkzNyI6IjEiLCI0MjIxOTM4IjoiMCIsIjQyMjE5MzkiOiIwIiwiNDIyMTk0MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Đối với một phần tử khối (block element) có chiều rộng (`width`) được xác định, đặt lề trái và lề phải tự động (`margin-left: auto; margin-right: auto;`) là cách phổ biến để căn giữa nó trong phần tử cha.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053757'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>23 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 23: Giả sử bạn có một danh sách các mục (ví dụ: danh sách các câu lạc bộ) mà bạn muốn hiển thị dưới dạng các mục gạch đầu dòng (bullet points). Thẻ HTML nào là phù hợp nhất để tạo danh sách này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053757]' id='ays-answer-4221941-35299' value='4221941'/>
<label for='ays-answer-4221941-35299' class=' ays_position_initial ays-quiz-keyboard-label'><ol></label><label for='ays-answer-4221941-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053757]' id='ays-answer-4221942-35299' value='4221942'/>
<label for='ays-answer-4221942-35299' class=' ays_position_initial ays-quiz-keyboard-label'><ul></label><label for='ays-answer-4221942-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053757]' id='ays-answer-4221943-35299' value='4221943'/>
<label for='ays-answer-4221943-35299' class=' ays_position_initial ays-quiz-keyboard-label'><dl></label><label for='ays-answer-4221943-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053757]' id='ays-answer-4221944-35299' value='4221944'/>
<label for='ays-answer-4221944-35299' class=' ays_position_initial ays-quiz-keyboard-label'><nav></label><label for='ays-answer-4221944-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053757'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTk0MSI6IjAiLCI0MjIxOTQyIjoiMSIsIjQyMjE5NDMiOiIwIiwiNDIyMTk0NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `</p>
<ul>` (unordered list) được sử dụng để tạo danh sách không có thứ tự (gạch đầu dòng), với mỗi mục trong danh sách được định nghĩa bằng thẻ `</p>
<li>` (list item). Thẻ `
<ol>` dùng cho danh sách có thứ tự (đánh số).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053758'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>24 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 24: Trong CSS, thuộc tính `color` dùng để định dạng gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053758]' id='ays-answer-4221945-35299' value='4221945'/>
<label for='ays-answer-4221945-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Màu nền của phần tử.</label><label for='ays-answer-4221945-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053758]' id='ays-answer-4221946-35299' value='4221946'/>
<label for='ays-answer-4221946-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Màu viền của phần tử.</label><label for='ays-answer-4221946-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053758]' id='ays-answer-4221947-35299' value='4221947'/>
<label for='ays-answer-4221947-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Màu của đường gạch chân liên kết.</label><label for='ays-answer-4221947-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053758]' id='ays-answer-4221948-35299' value='4221948'/>
<label for='ays-answer-4221948-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Màu của văn bản.</label><label for='ays-answer-4221948-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053758'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTk0NSI6IjAiLCI0MjIxOTQ2IjoiMCIsIjQyMjE5NDciOiIwIiwiNDIyMTk0OCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `color` trong CSS được sử dụng để thiết lập màu sắc của văn bản trong một phần tử. `background-color` dùng cho màu nền, `border-color` cho màu viền, `font-size` cho cỡ chữ.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053759'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>25 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 25: Khi thiết kế một trang web 'đáp ứng' (responsive web design), mục tiêu chính là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053759]' id='ays-answer-4221949-35299' value='4221949'/>
<label for='ays-answer-4221949-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ hiển thị website trên máy tính để bàn.</label><label for='ays-answer-4221949-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053759]' id='ays-answer-4221950-35299' value='4221950'/>
<label for='ays-answer-4221950-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng tốc độ tải trang trên mạng chậm.</label><label for='ays-answer-4221950-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053759]' id='ays-answer-4221951-35299' value='4221951'/>
<label for='ays-answer-4221951-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Đảm bảo website hiển thị và hoạt động tốt trên nhiều kích thước màn hình và thiết bị khác nhau.</label><label for='ays-answer-4221951-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053759]' id='ays-answer-4221952-35299' value='4221952'/>
<label for='ays-answer-4221952-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng các hiệu ứng động phức tạp.</label><label for='ays-answer-4221952-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053759'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTk0OSI6IjAiLCI0MjIxOTUwIjoiMCIsIjQyMjE5NTEiOiIxIiwiNDIyMTk1MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thiết kế đáp ứng nhằm mục đích làm cho bố cục và nội dung của website tự động điều chỉnh để hiển thị tốt trên mọi kích thước màn hình và thiết bị (máy tính, tablet, điện thoại), mang lại trải nghiệm người dùng tối ưu.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053760'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>26 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 26: Bạn muốn thêm một đoạn văn bản chú thích nhỏ dưới một hình ảnh. Thẻ HTML nào là phù hợp nhất để chứa đoạn văn bản này, đảm bảo nó được coi là một khối văn bản riêng biệt?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053760]' id='ays-answer-4221953-35299' value='4221953'/>
<label for='ays-answer-4221953-35299' class=' ays_position_initial ays-quiz-keyboard-label'><p></label><label for='ays-answer-4221953-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053760]' id='ays-answer-4221954-35299' value='4221954'/>
<label for='ays-answer-4221954-35299' class=' ays_position_initial ays-quiz-keyboard-label'><span></label><label for='ays-answer-4221954-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053760]' id='ays-answer-4221955-35299' value='4221955'/>
<label for='ays-answer-4221955-35299' class=' ays_position_initial ays-quiz-keyboard-label'><a></label><label for='ays-answer-4221955-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053760]' id='ays-answer-4221956-35299' value='4221956'/>
<label for='ays-answer-4221956-35299' class=' ays_position_initial ays-quiz-keyboard-label'><h1></label><label for='ays-answer-4221956-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053760'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTk1MyI6IjEiLCI0MjIxOTU0IjoiMCIsIjQyMjE5NTUiOiIwIiwiNDIyMTk1NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thẻ `</p>
<p>` được sử dụng để định nghĩa một đoạn văn bản. Đây là thẻ khối, tạo ra một khối văn bản riêng biệt, phù hợp để chứa chú thích dưới hình ảnh.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053761'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>27 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 27: Trong CSS, thuộc tính `font-size` dùng để định dạng gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053761]' id='ays-answer-4221957-35299' value='4221957'/>
<label for='ays-answer-4221957-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Kiểu phông chữ (ví dụ: Arial, Times New Roman).</label><label for='ays-answer-4221957-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053761]' id='ays-answer-4221958-35299' value='4221958'/>
<label for='ays-answer-4221958-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Độ đậm của phông chữ (ví dụ: bold).</label><label for='ays-answer-4221958-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053761]' id='ays-answer-4221959-35299' value='4221959'/>
<label for='ays-answer-4221959-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Kích thước của phông chữ.</label><label for='ays-answer-4221959-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053761]' id='ays-answer-4221960-35299' value='4221960'/>
<label for='ays-answer-4221960-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Màu sắc của phông chữ.</label><label for='ays-answer-4221960-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053761'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTk1NyI6IjAiLCI0MjIxOTU4IjoiMCIsIjQyMjE5NTkiOiIxIiwiNDIyMTk2MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Thuộc tính `font-size` trong CSS được sử dụng để thiết lập kích thước của phông chữ cho văn bản trong một phần tử.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053762'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>28 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 28: Khi thiết kế bố cục cho website, việc phân chia trang thành các khu vực như header, content, footer giúp ích gì cho cả người thiết kế và người dùng?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053762]' id='ays-answer-4221961-35299' value='4221961'/>
<label for='ays-answer-4221961-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ giúp tăng tốc độ tải trang.</label><label for='ays-answer-4221961-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053762]' id='ays-answer-4221962-35299' value='4221962'/>
<label for='ays-answer-4221962-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ giúp làm cho mã nguồn ngắn gọn hơn.</label><label for='ays-answer-4221962-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053762]' id='ays-answer-4221963-35299' value='4221963'/>
<label for='ays-answer-4221963-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ làm cho website có giao diện phức tạp hơn.</label><label for='ays-answer-4221963-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053762]' id='ays-answer-4221964-35299' value='4221964'/>
<label for='ays-answer-4221964-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp tổ chức nội dung rõ ràng, dễ quản lý mã nguồn và cải thiện khả năng điều hướng cho người dùng.</label><label for='ays-answer-4221964-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053762'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTk2MSI6IjAiLCI0MjIxOTYyIjoiMCIsIjQyMjE5NjMiOiIwIiwiNDIyMTk2NCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Phân chia trang thành các khu vực rõ ràng giúp người thiết kế dễ dàng quản lý mã nguồn và áp dụng kiểu dáng. Đối với người dùng, nó giúp họ dễ dàng nhận biết các phần khác nhau của trang và tìm kiếm thông tin (ví dụ: biết thông tin liên hệ thường ở footer, menu ở header).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053763'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>29 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 29: Bạn đã tạo một lớp CSS tên là `.featured` để làm nổi bật các mục giới thiệu đặc biệt. Nếu bạn áp dụng lớp này cho một đoạn văn bản (</p>
<p>) và một hình ảnh (<img>), điều gì sẽ xảy ra?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053763]' id='ays-answer-4221965-35299' value='4221965'/>
<label for='ays-answer-4221965-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Lớp `.featured` chỉ áp dụng cho đoạn văn bản (<p>).</label><label for='ays-answer-4221965-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053763]' id='ays-answer-4221966-35299' value='4221966'/>
<label for='ays-answer-4221966-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Các thuộc tính CSS trong lớp `.featured` sẽ được áp dụng cho cả đoạn văn bản và hình ảnh.</label><label for='ays-answer-4221966-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053763]' id='ays-answer-4221967-35299' value='4221967'/>
<label for='ays-answer-4221967-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Website sẽ gặp lỗi hiển thị vì lớp CSS không thể áp dụng cho cả hai loại phần tử khác nhau.</label><label for='ays-answer-4221967-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053763]' id='ays-answer-4221968-35299' value='4221968'/>
<label for='ays-answer-4221968-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ phần tử đầu tiên được áp dụng lớp `.featured`.</label><label for='ays-answer-4221968-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053763'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTk2NSI6IjAiLCI0MjIxOTY2IjoiMSIsIjQyMjE5NjciOiIwIiwiNDIyMTk2OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Một lớp CSS có thể được áp dụng cho bất kỳ phần tử HTML nào. Các thuộc tính CSS được định nghĩa trong lớp `.featured` sẽ được áp dụng cho cả đoạn văn bản và hình ảnh, miễn là các thuộc tính đó có ý nghĩa đối với từng loại phần tử (ví dụ: `color` áp dụng cho văn bản, `border` áp dụng cho cả hai).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1053764'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>30 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 09</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 30: Khi sử dụng thuộc tính `background-image` trong CSS để đặt ảnh nền cho một phần tử, bạn nên lưu ý điều gì để đảm bảo ảnh nền hiển thị tốt?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053764]' id='ays-answer-4221969-35299' value='4221969'/>
<label for='ays-answer-4221969-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Ảnh nền chỉ nên là các tệp định dạng .GIF.</label><label for='ays-answer-4221969-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053764]' id='ays-answer-4221970-35299' value='4221970'/>
<label for='ays-answer-4221970-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Không thể đặt ảnh nền cho các phần tử khối (block elements).</label><label for='ays-answer-4221970-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053764]' id='ays-answer-4221971-35299' value='4221971'/>
<label for='ays-answer-4221971-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần đặt thuộc tính `background-image` là đủ, trình duyệt sẽ tự động điều chỉnh.</label><label for='ays-answer-4221971-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1053764]' id='ays-answer-4221972-35299' value='4221972'/>
<label for='ays-answer-4221972-35299' class=' ays_position_initial ays-quiz-keyboard-label'>Cần cân nhắc kích thước ảnh và sử dụng các thuộc tính như `background-size`, `background-repeat` để kiểm soát hiển thị ảnh nền.</label><label for='ays-answer-4221972-35299' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_35299 === 'undefined'){
window.quizOptions_35299 = [];
}
window.quizOptions_35299['1053764'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIyMTk2OSI6IjAiLCI0MjIxOTcwIjoiMCIsIjQyMjE5NzEiOiIwIiwiNDIyMTk3MiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/>
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Khi sử dụng ảnh nền, cần lưu ý kích thước của ảnh để tránh bị vỡ hoặc lặp lại không mong muốn. Sử dụng kết hợp các thuộc tính như `background-size`, `background-repeat`, `background-position` giúp kiểm soát cách ảnh nền được hiển thị, đảm bảo nó phù hợp với kích thước phần tử và bố cục trang.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step ays_thank_you_fs'>
<div class='ays-abs-fs ays-end-page'>
<div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-35299 * { box-sizing: border-box; } #ays-quiz-container-35299 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-35299 #ays_finish_quiz_35299 { } /* Styles for Quiz container */ #ays-quiz-container-35299{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-35299 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-35299 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-35299 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-35299 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-35299 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-35299 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-35299 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-35299 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-35299.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-35299.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-35299 #ays_finish_quiz_35299 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-35299.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-35299.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-35299.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-35299.ays-quiz-container .ays-questions-container p, #ays-quiz-container-35299.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-35299.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-35299.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-35299.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-35299.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-35299.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-35299.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-35299.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-35299.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-35299 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-35299 .ays-quiz-password-message-box, #ays-quiz-container-35299 .ays-quiz-question-note-message-box, #ays-quiz-container-35299 .ays_quiz_question, #ays-quiz-container-35299 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-35299 textarea, #ays-quiz-container-35299 input::first-letter, #ays-quiz-container-35299 select::first-letter, #ays-quiz-container-35299 option::first-letter { color: initial !important; } #ays-quiz-container-35299 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-35299 .select2-container, #ays-quiz-container-35299 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-35299 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-35299 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-35299 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-35299 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-35299 .ays-questions-container .ays-field, div#ays-quiz-container-35299 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-35299 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-35299 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-35299 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-35299 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-35299 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-35299 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-35299 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-35299 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-35299 .information_form input[type='text'], #ays-quiz-container-35299 .information_form input[type='url'], #ays-quiz-container-35299 .information_form input[type='number'], #ays-quiz-container-35299 .information_form input[type='email'], #ays-quiz-container-35299 .information_form input[type='tel'], #ays-quiz-container-35299 .information_form textarea, #ays-quiz-container-35299 .information_form select, #ays-quiz-container-35299 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-35299 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-35299 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-35299 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-35299 .right_answer_text{ color:#33cc33; } #ays-quiz-container-35299 .right_answer_text p { font-size:16px; } #ays-quiz-container-35299 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-35299 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-35299 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-35299 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-35299 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-35299 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-35299 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-35299 .ays_cb_and_a, #ays-quiz-container-35299 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-35299 iframe { /*min-height: 450px;*/ } #ays-quiz-container-35299 label.ays_for_checkbox, #ays-quiz-container-35299 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-35299 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-35299 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-35299 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-35299 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-35299 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-35299 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-35299 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-35299 div.lds-spinner, #ays-quiz-container-35299 div.lds-spinner2 { color: #000000; } #ays-quiz-container-35299 div.lds-spinner div:after, #ays-quiz-container-35299 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-35299 .lds-circle, #ays-quiz-container-35299 .lds-facebook div, #ays-quiz-container-35299 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-35299 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-35299 .lds-dual-ring::after, #ays-quiz-container-35299 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-35299 .ui.rating .icon, #ays-quiz-container-35299 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-35299 #ays_finish_quiz_35299 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-35299 #ays_finish_quiz_35299 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-35299 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-35299 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-35299 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-35299 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-35299 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-35299 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-35299 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-35299 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-35299 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-35299 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-35299 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-35299 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-35299 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-35299 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-35299 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-35299 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-35299 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-35299 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-35299 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-35299 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-35299 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-35299 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-35299 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-35299 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-35299 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-35299 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-35299 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-35299 div.ays-quiz-redirection-timer, #ays-quiz-container-35299 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-35299 div.ays-quiz-after-timer * , #ays-quiz-container-35299 div.ays-quiz-redirection-timer *, #ays-quiz-container-35299 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-35299 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-35299 input#ays-submit, #ays-quiz-container-35299 #ays_finish_quiz_35299 .action-button, #ays-quiz-container-35299 #ays_finish_quiz_35299 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-35299 #ays_finish_quiz_35299 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-35299 #ays_finish_quiz_35299 .action-button.ays_restart_button, #ays-quiz-container-35299 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-35299 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-35299 input#ays-submit, #ays-quiz-container-35299 #ays_finish_quiz_35299 input.action-button, #ays-quiz-container-35299 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-35299 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-35299 #ays_finish_quiz_35299 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-35299 #ays_finish_quiz_35299 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-35299 #ays_finish_quiz_35299 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-35299 input#ays-submit:hover, #ays-quiz-container-35299 input#ays-submit:focus, #ays-quiz-container-35299 #ays_finish_quiz_35299 .action-button:hover, #ays-quiz-container-35299 #ays_finish_quiz_35299 .action-button:focus, #ays-quiz-container-35299 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-35299 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-35299 .ays_restart_button { color: #ffffff; } #ays-quiz-container-35299 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-35299 .ays_buttons_div { justify-content: center; } #ays-quiz-container-35299 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-35299 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-35299 input[type='button'], #ays-quiz-container-35299 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-35299 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-35299 input[type='button']:focus-visible, div#ays-quiz-container-35299 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-35299 #ays_finish_quiz_35299 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-35299 #ays_finish_quiz_35299 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-35299 #ays_finish_quiz_35299 i.ays_early_finish.action-button[disabled], #ays-quiz-container-35299 #ays_finish_quiz_35299 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-35299 #ays_finish_quiz_35299 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-35299 #ays_finish_quiz_35299 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-35299 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-35299 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-35299 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-35299.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-35299 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-35299 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-35299 #ays_finish_quiz_35299 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-35299 #ays_finish_quiz_35299 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-35299 #ays_finish_quiz_35299 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-35299 #ays_finish_quiz_35299 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-35299 #ays_finish_quiz_35299 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-35299 #ays_finish_quiz_35299 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-35299 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-35299 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-35299 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-35299 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-35299 #ays_finish_quiz_35299 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-35299 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-35299 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-35299 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-35299 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-35299 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-35299 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-35299 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-35299 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-35299 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-35299 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-35299 #ays_finish_quiz_35299 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-35299 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-35299 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-35299 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-35299 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-35299 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-35299 .ays-field .select2-container--default, #ays-quiz-container-35299 .ays-field .select2-container--default .selection, #ays-quiz-container-35299 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-35299 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-35299 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-35299 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-35299 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-35299 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-35299 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-35299 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-35299 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-35299 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-35299 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-35299 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-35299 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-35299 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-35299 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-35299 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-35299 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-35299 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-35299 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-35299 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-35299 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-35299 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-35299 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-35299 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-35299.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-35299.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-35299 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-35299 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-35299 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-35299 label[for^='ays-answer']:before, #ays-quiz-container-35299 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-35299 .ays_question_report { text-align: right; } div#ays-quiz-container-35299 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-35299 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-35299.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-35299.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-35299.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-35299.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-35299.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-35299.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-35299 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-35299.ays_quiz_classic_dark .correct_div, #ays-quiz-container-35299.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-35299.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-35299.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-35299.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-35299.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-35299.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-35299.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-35299 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-35299 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-35299 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-35299 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-35299 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-35299 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-35299 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-35299 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-35299 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-35299.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-35299.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-35299 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-35299 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-35299 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-35299 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-35299 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-35299 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-35299 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-35299 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-35299 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-35299 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-35299 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-35299 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-35299 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-35299 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-35299 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-35299 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-35299 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-35299 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-35299 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-35299 .ays-quiz-personality-result-box div:before, #ays-quiz-container-35299 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-35299 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-35299 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-35299 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-35299 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-35299 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-35299 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-35299 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-35299 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-35299 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-35299 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-35299 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-35299 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-35299 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-35299{ max-width: 100%; } div#ays-quiz-container-35299 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-35299.ays_quiz_modern_light .step, div#ays-quiz-container-35299.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-35299.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-35299.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-35299.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-35299.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-35299 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-35299 .select2-container, div#ays-quiz-container-35299 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-35299 input#ays-submit, div#ays-quiz-container-35299 #ays_finish_quiz_35299 .action-button, div#ays-quiz-container-35299 #ays_finish_quiz_35299 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-35299 #ays_finish_quiz_35299 .action-button.ays_restart_button, #ays-quiz-container-35299 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-35299 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-35299 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-35299 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-35299 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-35299 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-35299 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-35299 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-35299 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-35299 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style>
<style>
#ays-quiz-container-35299 p {
margin: 0.625em;
}
#ays-quiz-container-35299.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label,
#ays-quiz-container-35299.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label {
/* background-color: transparent; */
}
#ays-quiz-container-35299 .ays-field.checked_answer_div input:checked~label {
background-color: rgba(93,108,249,0.6);
}
#ays-quiz-container-35299.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'],
#ays-quiz-container-35299 .ays-field:hover{
background: rgba(93,108,249,0.8);
color: #fff;
transition: all .3s;
}
#ays-quiz-container-35299 #ays_finish_quiz_35299 .action-button:hover,
#ays-quiz-container-35299 #ays_finish_quiz_35299 .action-button:focus,
#ays-quiz-container-35299 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover,
#ays-quiz-container-35299 .ays-quiz-category-selective-submit-bttn:focus {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff;
background: #5d6cf9;
}
</style><script>
if(typeof aysQuizOptions === 'undefined'){
var aysQuizOptions = [];
}
aysQuizOptions['35299'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzNTI5OSIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDA5IiwiZGVzY3JpcHRpb24iOiI8cD48c3Ryb25nPkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDA5PFwvc3Ryb25nPiBcdTAxMTFcdTAxYjBcdTFlZTNjIHhcdTAwZTJ5IGRcdTFlZjFuZyB2XHUxZWRiaSBuaGlcdTFlYzF1IGNcdTAwZTJ1IGhcdTFlY2ZpIGNoXHUxZWE1dCBsXHUwMWIwXHUxZWUzbmcsIHNcdTAwZTF0IHZcdTFlZGJpIG5cdTFlZDlpIGR1bmcgY2hcdTAxYjBcdTAxYTFuZyB0clx1MDBlY25oIGhcdTFlY2RjLCBnaVx1MDBmYXAgYlx1MWVhMW4gZFx1MWVjNSBkXHUwMGUwbmcgXHUwMGY0biB0XHUxZWFkcCB2XHUwMGUwIGtpXHUxZWMzbSB0cmEga2lcdTFlYmZuIHRoXHUxZWU5YyBoaVx1MWVjN3UgcXVcdTFlYTMuIEhcdTAwZTN5IGNcdTAwZjluZyBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1IGxcdTAwZTBtIGJcdTAwZTBpIHRcdTFlYWRwIHRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBuZ2F5IFx1MDExMVx1MWVjMyBuXHUwMGUybmcgY2FvIGhpXHUxZWMzdSBiaVx1MWViZnQgdlx1MDBlMCBjaHVcdTFlYTluIGJcdTFlY2IgdFx1MWVkMXQgY2hvIGtcdTFlZjMgdGhpIHNcdTFlYWZwIHRcdTFlZGJpITxcL3A+XHJcblxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE6IEtoaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1IHRoaVx1MWViZnQga1x1MWViZiBtXHUxZWQ5dCB0cmFuZyB3ZWIgdFx1MWVkNW5nIGhcdTFlZTNwIG5oXHUwMWIwIFx1MDExMVx1MDFiMFx1MWVlM2MgZ2lcdTFlZGJpIHRoaVx1MWVjN3UgdHJvbmcgQlx1MDBlMGkgMTgsIGJcdTAxYjBcdTFlZGJjIFx1MDExMVx1MWVhN3UgdGlcdTAwZWFuIHF1YW4gdHJcdTFlY2RuZyBuaFx1MWVhNXQgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVhM20gYlx1MWVhM28gY1x1MWVhNXUgdHJcdTAwZmFjIG1cdTFlYTFjaCBsXHUxZWExYyB2XHUwMGUwIFx1MDExMVx1MWVhN3kgXHUwMTExXHUxZWU3IHRoXHUwMGY0bmcgdGluIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gVGhpXHUxZWJmdCBrXHUxZWJmIGNoaSB0aVx1MWViZnQgZ2lhbyBkaVx1MWVjN24gXHUwMTExXHUxZWQzIGhcdTFlY2RhIChVSVwvVVgpLjxcL2xpPlxyXG48bGk+Qi4gVmlcdTFlYmZ0IG1cdTAwZTMgSFRNTCBjaG8gdHJhbmcgY2hcdTFlZTcuPFwvbGk+XHJcbjxsaT5DLiBUXHUxZWExbyB0XHUxZWM3cCB0aW4gQ1NTIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgY2h1bmcuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIFhcdTAwZTFjIFx1MDExMVx1MWVjYm5oIHJcdTAwZjUgY1x1MDBlMWMgdHJhbmcgY1x1MWVhN24gY1x1MDBmMyB2XHUwMGUwIG5cdTFlZDlpIGR1bmcgZFx1MWVmMSBraVx1MWViZm4gY2hvIG1cdTFlZDdpIHRyYW5nLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyOiBcdTAxMTBcdTFlYzMgXHUwMTExXHUxZWEzbSBiXHUxZWEzbyB0XHUwMGVkbmggbmhcdTFlYTV0IHF1XHUwMGUxbiB2XHUxZWMxIHBob25nIGNcdTAwZTFjaCB0clx1MDBlY25oIGJcdTAwZTB5IChtXHUwMGUwdSBzXHUxZWFmYywgcGhcdTAwZjRuZyBjaFx1MWVlZiwgYlx1MWVkMSBjXHUxZWU1YyBjXHUwMWExIGJcdTFlYTNuKSB0clx1MDBlYW4gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0cmFuZyBjXHUxZWU3YSB3ZWJzaXRlLCBrXHUxZWY5IHRodVx1MWVhZHQgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDBlMXAgZFx1MWVlNW5nIGhpXHUxZWM3dSBxdVx1MWVhMyBuaFx1MWVhNXQgdHJvbmcgdGhpXHUxZWJmdCBrXHUxZWJmIHdlYj9cclxuPHVsPlxyXG48bGk+QS4gU1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBlMWMgdGh1XHUxZWQ5YyB0XHUwMGVkbmggc3R5bGUgaW5saW5lICh0clx1MWVmMWMgdGlcdTFlYmZwIHRyb25nIHRoXHUxZWJiIEhUTUwpIGNobyBtXHUxZWNkaSBwaFx1MWVhN24gdFx1MWVlZCB0clx1MDBlYW4gbVx1MWVkN2kgdHJhbmcuPFwvbGk+XHJcbjxsaT5CLiBUXHUxZWExbyBtXHUxZWQ5dCB0XHUxZWM3cCB0aW4gQ1NTIHJpXHUwMGVhbmcgY2hvIG1cdTFlZDdpIHRyYW5nIEhUTUwuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIExpXHUwMGVhbiBrXHUxZWJmdCB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRyYW5nIEhUTUwgXHUwMTExXHUxZWJmbiBjXHUwMGY5bmcgbVx1MWVkOXQgdFx1MWVjN3AgdGluIENTUyBiXHUwMGVhbiBuZ29cdTAwZTBpLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFNcdTFlZWQgZFx1MWVlNW5nIEphdmFTY3JpcHQgXHUwMTExXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIGNcdTAwZTFjIGtpXHUxZWMzdSBkXHUwMGUxbmcga2hpIHRyYW5nIFx1MDExMVx1MDFiMFx1MWVlM2MgdFx1MWVhM2kuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMzogVHJvbmcgY1x1MWVhNXUgdHJcdTAwZmFjIEhUTUwgY1x1MWVlN2EgbVx1MWVkOXQgdHJhbmcgd2ViIHRoXHUwMGY0bmcgdGhcdTAxYjBcdTFlZGRuZywgcGhcdTFlYTduIHRcdTFlZWQgblx1MDBlMG8gdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyBuaFx1MDBmM20gY1x1MDBlMWMgblx1MWVkOWkgZHVuZyBjXHUwMGYzIGxpXHUwMGVhbiBxdWFuLCB0XHUxZWExbyB0aFx1MDBlMG5oIGNcdTAwZTFjIGtoXHUxZWQxaSByaVx1MDBlYW5nIGJpXHUxZWM3dCAodlx1MDBlZCBkXHUxZWU1OiBwaFx1MWVhN24gXHUwMTExXHUxZWE3dSB0cmFuZywgcGhcdTFlYTduIG5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaCwgcGhcdTFlYTduIGN1XHUxZWQxaSB0cmFuZyk/XHJcbjx1bD5cclxuPGxpPkEuIDxzcGFuPjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiA8ZGl2PjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIDxwPjxcL2xpPlxyXG48bGk+RC4gPGE+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNDogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IHBoXHUxZWE3biBcdTAxMTFcdTFlYTd1IHRyYW5nIChoZWFkZXIpIGNobyB3ZWJzaXRlLCBiYW8gZ1x1MWVkM20gbG9nbyB2XHUwMGUwIHRcdTAwZWFuIHdlYnNpdGUgblx1MWViMW0gXHUxZWRmIGJcdTAwZWFuIHRyXHUwMGUxaSB2XHUwMGUwIG1cdTFlZDl0IG1lbnUgXHUwMTExaVx1MWVjMXUgaFx1MDFiMFx1MWVkYm5nIG5cdTFlYjFtIFx1MWVkZiBiXHUwMGVhbiBwaFx1MWVhM2kuIFx1MDExMFx1MWVjMyBcdTAxMTFcdTFlYTF0IFx1MDExMVx1MDFiMFx1MWVlM2MgYlx1MWVkMSBjXHUxZWU1YyBuXHUwMGUweSBiXHUxZWIxbmcgQ1NTLCBiXHUxZWExbiBjXHUwMGYzIHRoXHUxZWMzIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBjaG8gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgY29uIChsb2dvLCB0XHUwMGVhbiwgbWVudSk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gZmxvYXQ8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBtYXJnaW48XC9saT5cclxuPGxpPkMuIHBhZGRpbmc8XC9saT5cclxuPGxpPkQuIGNvbG9yPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNTogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBjXHUwMGYzIG1cdTFlZDl0IGxcdTFlZGJwIENTUyB0XHUwMGVhbiBsXHUwMGUwIGAucm93YCB2XHUwMGUwIG1cdTFlZDl0IGxcdTFlZGJwIENTUyB0XHUwMGVhbiBsXHUwMGUwIGAuY29sLTNgLiBOXHUxZWJmdSBiXHUxZWExbiBcdTAwZTFwIGRcdTFlZTVuZyBjXHUxZWE1dSB0clx1MDBmYWMgSFRNTCBgPGRpdiBjbGFzcz1cInJvd1wiPjxkaXYgY2xhc3M9XCJjb2wtM1wiPk5cdTFlZDlpIGR1bmcgMTxcL2Rpdj48ZGl2IGNsYXNzPVwiY29sLTNcIj5OXHUxZWQ5aSBkdW5nIDI8XC9kaXY+PGRpdiBjbGFzcz1cImNvbC0zXCI+Tlx1MWVkOWkgZHVuZyAzPFwvZGl2PjxcL2Rpdj5gLCBrXHUxZWJmdCBxdVx1MWVhMyBoaVx1MWVjM24gdGhcdTFlY2IgbW9uZyBcdTAxMTFcdTFlZTNpIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gQmEga2hcdTFlZDFpIG5cdTFlZDlpIGR1bmcgeFx1MWViZnAgY2hcdTFlZDNuZyBsXHUwMGVhbiBuaGF1IHRoZW8gY2hpXHUxZWMxdSBkXHUxZWNkYy48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gQmEga2hcdTFlZDFpIG5cdTFlZDlpIGR1bmcgeFx1MWViZnAgY1x1MWVhMW5oIG5oYXUgdGhlbyBjaGlcdTFlYzF1IG5nYW5nLCBtXHUxZWQ3aSBraFx1MWVkMWkgY2hpXHUxZWJmbSBraG9cdTFlYTNuZyAxXC8zIGNoaVx1MWVjMXUgclx1MWVkOW5nLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIENoXHUxZWM5IGtoXHUxZWQxaSBuXHUxZWQ5aSBkdW5nIDEgXHUwMTExXHUwMWIwXHUxZWUzYyBoaVx1MWVjM24gdGhcdTFlY2IuPFwvbGk+XHJcbjxsaT5ELiBDXHUwMGUxYyBraFx1MWVkMWkgblx1MWVkOWkgZHVuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIGNcdTAxMDNuIGdpXHUxZWVmYSB0cmFuZy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA2OiBCYW5uZXIgY1x1MWVlN2Egd2Vic2l0ZSB0aFx1MDFiMFx1MWVkZG5nIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMTExXHUxZWI3dCBcdTFlZGYgXHUwMTExXHUwMGUydSB0cm9uZyBjXHUxZWE1dSB0clx1MDBmYWMgSFRNTCB2XHUwMGUwIGNcdTAwZjMgdmFpIHRyXHUwMGYyIGdcdTAwZWMgdHJvbmcgdGhpXHUxZWJmdCBrXHUxZWJmP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIFx1MWVkZSBwaFx1MWVhN24gXHUwMTExXHUxZWE3dSB0cmFuZyAoaGVhZGVyKSwgZ2lcdTAwZmFwIG5oXHUxZWFkbiBkaVx1MWVjN24gdGhcdTAxYjBcdTAxYTFuZyBoaVx1MWVjN3Ugdlx1MDBlMCB0XHUxZWExbyBcdTFlYTVuIHRcdTAxYjBcdTFlZTNuZyBiYW4gXHUwMTExXHUxZWE3dS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBcdTFlZGUgY3VcdTFlZDFpIHRyYW5nIChmb290ZXIpLCBjaFx1MWVlOWEgdGhcdTAwZjRuZyB0aW4gYlx1MWVhM24gcXV5XHUxZWMxbi48XC9saT5cclxuPGxpPkMuIFx1MWVkZSBwaFx1MWVhN24gblx1MWVkOWkgZHVuZyBjaFx1MDBlZG5oLCBnaVx1MWVkYmkgdGhpXHUxZWM3dSBjaGkgdGlcdTFlYmZ0IHZcdTFlYzEgc1x1MWVhM24gcGhcdTFlYTltXC9kXHUxZWNiY2ggdlx1MWVlNS48XC9saT5cclxuPGxpPkQuIFx1MWVkZSB0aGFuaCBiXHUwMGVhbiAoc2lkZWJhciksIGhpXHUxZWMzbiB0aFx1MWVjYiBjXHUwMGUxYyBsaVx1MDBlYW4ga1x1MWViZnQgcGhcdTFlZTUuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNzogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBtdVx1MWVkMW4gdGhcdTAwZWFtIG1cdTFlZDl0IGhcdTAwZWNuaCBcdTFlYTNuaCBtaW5oIGhcdTFlY2RhIHZcdTAwZTBvIHBoXHUxZWE3biBuXHUxZWQ5aSBkdW5nIGNoXHUwMGVkbmggY1x1MWVlN2EgbVx1MWVkOXQgdHJhbmcuIFRoXHUxZWJiIEhUTUwgblx1MDBlMG8gbFx1MDBlMCBwaFx1MDBmOSBoXHUxZWUzcCBuaFx1MWVhNXQgXHUwMTExXHUxZWMzIGNoXHUwMGU4biBoXHUwMGVjbmggXHUxZWEzbmg/XHJcbjx1bD5cclxuPGxpPkEuIDxwPjxcL2xpPlxyXG48bGk+Qi4gPGE+PFwvbGk+XHJcbjxsaT5DLiA8ZGl2PjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiA8aW1nPjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA4OiBcdTAxMTBcdTFlYzMgdFx1MWVhMW8gbVx1MWVkOXQgbGlcdTAwZWFuIGtcdTFlYmZ0IHRcdTFlZWIgdHJhbmcgY2hcdTFlZTcgXHUwMTExXHUxZWJmbiB0cmFuZyBnaVx1MWVkYmkgdGhpXHUxZWM3dSBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5IHRoXHUxZWMzIHRoYW8sIGJcdTFlYTFuIHNcdTFlYmQgc1x1MWVlZCBkXHUxZWU1bmcgdGhcdTFlYmIgSFRNTCBuXHUwMGUwbyB2XHUwMGUwIHRodVx1MWVkOWMgdFx1MDBlZG5oIGNoXHUwMGVkbmggY1x1MWVhN24gdGhpXHUxZWJmdCBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gVGhcdTFlYmIgYDxhPmAgdlx1MWVkYmkgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGhyZWZgLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIFRoXHUxZWJiIGA8bGluaz5gIHZcdTFlZGJpIHRodVx1MWVkOWMgdFx1MDBlZG5oIGByZWxgLjxcL2xpPlxyXG48bGk+Qy4gVGhcdTFlYmIgYDxwPmAgdlx1MWVkYmkgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYHNyY2AuPFwvbGk+XHJcbjxsaT5ELiBUaFx1MWViYiBgPGRpdj5gIHZcdTFlZGJpIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBpZGAuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgOTogS2hpIHRoaVx1MWViZnQga1x1MWViZiBwaFx1MWVhN24gY3VcdTFlZDFpIHRyYW5nIChmb290ZXIpIGNobyB3ZWJzaXRlLCBuaFx1MWVlZm5nIGxvXHUxZWExaSB0aFx1MDBmNG5nIHRpbiBuXHUwMGUwbyB0aFx1MDFiMFx1MWVkZG5nIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMTExXHUxZWI3dCBcdTFlZGYgXHUwMTExXHUwMGUyeT9cclxuPHVsPlxyXG48bGk+QS4gTlx1MWVkOWkgZHVuZyBjaFx1MDBlZG5oIGNcdTFlZTdhIGJcdTAwZTBpIHZpXHUxZWJmdCBob1x1MWViN2Mgc1x1MWVhM24gcGhcdTFlYTltLjxcL2xpPlxyXG48bGk+Qi4gQmFubmVyIHF1XHUxZWEzbmcgY1x1MDBlMW8gbFx1MWVkYm4uPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIFRoXHUwMGY0bmcgdGluIGxpXHUwMGVhbiBoXHUxZWM3LCBiXHUxZWEzbiBxdXlcdTFlYzFuLCBjXHUwMGUxYyBsaVx1MDBlYW4ga1x1MWViZnQgXHUwMTExaVx1MWVjMXUgaFx1MDFiMFx1MWVkYm5nIHBoXHUxZWU1LjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIE1lbnUgXHUwMTExaVx1MWVjMXUgaFx1MDFiMFx1MWVkYm5nIGNoXHUwMGVkbmggY1x1MWVlN2Egd2Vic2l0ZS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMDogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGtodSB2XHUxZWYxYyB0clx1MDBlYW4gdHJhbmcgY2hcdTFlZTcgXHUwMTExXHUxZWMzIGhpXHUxZWMzbiB0aFx1MWVjYiB0XHUwMGYzbSB0XHUxZWFmdCBnaVx1MWVkYmkgdGhpXHUxZWM3dSB2XHUxZWMxIGNcdTAwZTFjIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDksIG1cdTFlZDdpIHRcdTAwZjNtIHRcdTFlYWZ0IG5cdTFlYjFtIHRyb25nIG1cdTFlZDl0IFwidGhcdTFlYmJcIiAoY2FyZCkgY1x1MDBmMyB2aVx1MWVjMW4gdlx1MDBlMCBiXHUwMGYzbmcgXHUwMTExXHUxZWQ1IG5oXHUxZWI5LiBcdTAxMTBcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcgY1x1MDBmOW5nIG1cdTFlZDl0IGtpXHUxZWMzdSBkXHUwMGUxbmcgY2hvIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgXCJ0aFx1MWViYlwiIG5cdTAwZTB5LCBiXHUxZWExbiBuXHUwMGVhbiBzXHUxZWVkIGRcdTFlZTVuZyBrXHUxZWY5IHRodVx1MWVhZHQgQ1NTIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiBWaVx1MWViZnQgbFx1MWVhMWkgY1x1MDBlMWMgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIChuaFx1MDFiMCBib3JkZXIsIGJveC1zaGFkb3cpIHJpXHUwMGVhbmcgY2hvIHRcdTFlZWJuZyB0aFx1MWViYiBIVE1MIGJcdTFlYjFuZyBjXHUwMGUxY2ggc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYHN0eWxlYCBpbmxpbmUuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIFx1MDExMFx1MWVjYm5oIG5naFx1MDEyOWEgbVx1MWVkOXQgbFx1MWVkYnAgQ1NTICh2XHUwMGVkIGRcdTFlZTU6IGAuY2FyZGApIHZcdTFlZGJpIGNcdTAwZTFjIHRodVx1MWVkOWMgdFx1MDBlZG5oIG1vbmcgbXVcdTFlZDFuIHZcdTAwZTAgZ1x1MDBlMW4gbFx1MWVkYnAgblx1MDBlMHkgY2hvIG1cdTFlZDdpIHRoXHUxZWJiIEhUTUwuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gQ2hcdTFlYzkgY1x1MWVhN24gXHUwMGUxcCBkXHUxZWU1bmcga2lcdTFlYzN1IGRcdTAwZTFuZyBjaG8gcGhcdTFlYTduIHRcdTFlZWQgY2hhIGNoXHUxZWU5YSB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRoXHUxZWJiLjxcL2xpPlxyXG48bGk+RC4gU1x1MWVlZCBkXHUxZWU1bmcgSmF2YVNjcmlwdCBcdTAxMTFcdTFlYzMgdGhcdTAwZWFtIGNcdTAwZTFjIGtpXHUxZWMzdSBkXHUwMGUxbmcgc2F1IGtoaSB0cmFuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIHRcdTFlYTNpLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDExOiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIFx1MDExMVx1MDBlMyB0XHUxZWExbyB0XHUxZWM3cCBDU1MgY2h1bmcgKHZcdTAwZWQgZFx1MWVlNTogYHN0eWxlLmNzc2ApLiBcdTAxMTBcdTFlYzMgbGlcdTAwZWFuIGtcdTFlYmZ0IHRcdTFlYzdwIENTUyBuXHUwMGUweSB2XHUxZWRiaSBtXHUxZWQ5dCB0cmFuZyBIVE1MICh2XHUwMGVkIGRcdTFlZTU6IGBpbmRleC5odG1sYCksIGJcdTFlYTFuIHNcdTFlYmQgXHUwMTExXHUxZWI3dCB0aFx1MWViYiBgPGxpbms+YCBcdTFlZGYgXHUwMTExXHUwMGUydSB0cm9uZyB0XHUxZWM3cCBIVE1MP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIFRyb25nIHBoXHUxZWE3biBgPGhlYWQ+YC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBUcm9uZyBwaFx1MWVhN24gYDxib2R5PmAuPFwvbGk+XHJcbjxsaT5DLiBOZ2F5IHNhdSB0aFx1MWViYiBgPFwvaHRtbD5gLjxcL2xpPlxyXG48bGk+RC4gXHUxZWRlIGJcdTFlYTV0IGtcdTFlZjMgXHUwMTExXHUwMGUydSB0cm9uZyB0XHUxZWM3cCBIVE1MLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEyOiBLaGkgdGhpXHUxZWJmdCBrXHUxZWJmIG1cdTFlZDl0IHdlYnNpdGUgY2hvIGNcdTAwZTFjIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDksIHZpXHUxZWM3YyB0XHUxZWExbyBjXHUwMGUxYyB0cmFuZyByaVx1MDBlYW5nIGJpXHUxZWM3dCBjaG8gdFx1MWVlYm5nIG5oXHUwMGYzbSBob1x1MWViN2MgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOSAodGhheSB2XHUwMGVjIGNoXHUxZWM5IGNcdTAwZjMgdGhcdTAwZjRuZyB0aW4gY2h1bmcgdHJcdTAwZWFuIHRyYW5nIGNoXHUxZWU3KSBtYW5nIGxcdTFlYTFpIGxcdTFlZTNpIFx1MDBlZGNoIGNoXHUwMGVkbmggblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIEdpXHUxZWEzbSBkdW5nIGxcdTAxYjBcdTFlZTNuZyB0XHUxZWQ1bmcgdGhcdTFlYzMgY1x1MWVlN2Egd2Vic2l0ZS48XC9saT5cclxuPGxpPkIuIFRcdTAxMDNuZyB0XHUxZWQxYyBcdTAxMTFcdTFlZDkgdFx1MWVhM2kgdHJhbmcgY2hcdTFlZTcuPFwvbGk+XHJcbjxsaT5DLiBcdTAxMTBcdTFlYTNtIGJcdTFlYTNvIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgdHJhbmcgY1x1MDBmMyBjXHUwMGY5bmcgYlx1MWVkMSBjXHUxZWU1Yy48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gR2lcdTAwZmFwIHRcdTFlZDUgY2hcdTFlZTljIHRoXHUwMGY0bmcgdGluIGNoaSB0aVx1MWViZnQsIGRcdTFlYzUgZFx1MDBlMG5nIGNobyBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIHRcdTAwZWNtIGhpXHUxZWMzdSBzXHUwMGUydSB2XHUxZWMxIHRcdTFlZWJuZyBjaFx1MWVlNyBcdTAxMTFcdTFlYzFcL25oXHUwMGYzbSBjXHUxZWU1IHRoXHUxZWMzLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMzogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgbFx1MWVkYm4gY2hvIHBoXHUxZWE3biBuXHUxZWQ5aSBkdW5nIGNoXHUwMGVkbmggY1x1MWVlN2EgdHJhbmcuIFRoXHUxZWJiIEhUTUwgblx1MDBlMG8gbFx1MDBlMCBwaFx1MDBmOSBoXHUxZWUzcCBuaFx1MWVhNXQgXHUwMTExXHUxZWMzIHNcdTFlZWQgZFx1MWVlNW5nIGNobyB0aVx1MDBlYXUgXHUwMTExXHUxZWMxIGNcdTFlYTVwIGNhbyBuaFx1MWVhNXQgKHF1YW4gdHJcdTFlY2RuZyBuaFx1MWVhNXQpIHRyb25nIHBoXHUxZWE3biBuXHUxZWQ5aSBkdW5nP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIDxoMT48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiA8cD48XC9saT5cclxuPGxpPkMuIDxkaXY+PFwvbGk+XHJcbjxsaT5ELiA8c3Bhbj48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNDogXHUwMTEwXHUxZWMzIGNoXHUwMGU4biBtXHUxZWQ5dCB2aWRlbyBnaVx1MWVkYmkgdGhpXHUxZWM3dSBob1x1MWVhMXQgXHUwMTExXHUxZWQ5bmcgY1x1MWVlN2EgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOSB2XHUwMGUwbyB0cmFuZyB3ZWIsIHRoXHUxZWJiIEhUTUwgblx1MDBlMG8gdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nP1xyXG48dWw+XHJcbjxsaT5BLiA8aW1nPjxcL2xpPlxyXG48bGk+Qi4gPGF1ZGlvPjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiA8dmlkZW8+PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gPGlmcmFtZT48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNTogS2hpIHNcdTFlZWQgZFx1MWVlNW5nIENTUyBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkLCBiXHUxZWExbiBjXHUwMGYzIHRoXHUxZWMzIGNoXHUxZWNkbiBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBkXHUxZWYxYSB0clx1MDBlYW4gdFx1MDBlYW4gdGhcdTFlYmIgY1x1MWVlN2Egblx1MDBmMyAodlx1MDBlZCBkXHUxZWU1OiBgcCB7IC4uLiB9YCksIGRcdTFlZjFhIHRyXHUwMGVhbiBsXHUxZWRicCBjXHUxZWU3YSBuXHUwMGYzICh2XHUwMGVkIGRcdTFlZTU6IGAubXktY2xhc3MgeyAuLi4gfWApLCBob1x1MWViN2MgZFx1MWVmMWEgdHJcdTAwZWFuIElEIGNcdTFlZTdhIG5cdTAwZjMgKHZcdTAwZWQgZFx1MWVlNTogYCNteS1pZCB7IC4uLiB9YCkuIFRoXHUxZWU5IHRcdTFlZjEgXHUwMWIwdSB0aVx1MDBlYW4gXHUwMGUxcCBkXHUxZWU1bmcga2lcdTFlYzN1IGRcdTAwZTFuZyAoc3BlY2lmaWNpdHkpIHRcdTFlZWIgY2FvIFx1MDExMVx1MWViZm4gdGhcdTFlYTVwIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gVFx1MDBlYW4gdGhcdTFlYmIgPiBMXHUxZWRicCA+IElEPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIElEID4gTFx1MWVkYnAgPiBUXHUwMGVhbiB0aFx1MWViYjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIExcdTFlZGJwID4gSUQgPiBUXHUwMGVhbiB0aFx1MWViYjxcL2xpPlxyXG48bGk+RC4gVFx1MDBlYW4gdGhcdTFlYmIgPiBJRCA+IExcdTFlZGJwPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTY6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBraG9cdTFlYTNuZyBjXHUwMGUxY2ggXHUwMTExXHUxZWM3bSAoa2hvXHUxZWEzbmcgdHJcdTFlZDFuZyBiXHUwMGVhbiB0cm9uZyB2aVx1MWVjMW4pIGNobyBuXHUxZWQ5aSBkdW5nIGJcdTAwZWFuIHRyb25nIG1cdTFlZDl0IGtoXHUxZWQxaSBgZGl2YC4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIFx1MDExMWlcdTFlYzF1IGNoXHUxZWM5bmgga2hvXHUxZWEzbmcgY1x1MDBlMWNoIG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIHBhZGRpbmc8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBtYXJnaW48XC9saT5cclxuPGxpPkMuIGJvcmRlcjxcL2xpPlxyXG48bGk+RC4gd2lkdGg8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNzogXHUwMTEwXHUxZWMzIHRcdTFlYTFvIG1cdTFlZDl0IGtob1x1MWVhM25nIGNcdTAwZTFjaCBsXHUxZWMxIChraG9cdTFlYTNuZyB0clx1MWVkMW5nIGJcdTAwZWFuIG5nb1x1MDBlMGkgdmlcdTFlYzFuKSBnaVx1MWVlZmEgaGFpIGtoXHUxZWQxaSBgZGl2YCBsaVx1MWVjMW4ga1x1MWVjMSwgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIGxcdTAwZTAgcGhcdTAwZjkgaFx1MWVlM3AgbmhcdTFlYTV0P1xyXG48dWw+XHJcbjxsaT5BLiBwYWRkaW5nPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIG1hcmdpbjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGJvcmRlcjxcL2xpPlxyXG48bGk+RC4gb3V0bGluZTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE4OiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBoaVx1MWVjN3UgXHUxZWU5bmcga2hpIGRpIGNodVx1MWVkOXQgcXVhIG1cdTFlZDl0IGxpXHUwMGVhbiBrXHUxZWJmdCAodGhcdTFlYmIgYDxhPmApLCBsXHUwMGUwbSB0aGF5IFx1MDExMVx1MWVkNWkgbVx1MDBlMHUgc1x1MWVhZmMgY1x1MWVlN2Egdlx1MDEwM24gYlx1MWVhM24gbGlcdTAwZWFuIGtcdTFlYmZ0LiBCXHUxZWExbiBzXHUxZWJkIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIGdpXHUxZWEzIGxcdTFlZGJwIChwc2V1ZG8tY2xhc3MpIG5cdTAwZTBvIHRyb25nIENTUz9cclxuPHVsPlxyXG48bGk+QS4gOmFjdGl2ZTxcL2xpPlxyXG48bGk+Qi4gOnZpc2l0ZWQ8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gOmhvdmVyPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gOmZvY3VzPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTk6IFRyb25nIHF1XHUwMGUxIHRyXHUwMGVjbmggcGhcdTAwZTF0IHRyaVx1MWVjM24gd2Vic2l0ZSwgc2F1IGtoaSB2aVx1MWViZnQgbVx1MDBlMyBIVE1MIHZcdTAwZTAgQ1NTLCBiXHUwMWIwXHUxZWRiYyBraVx1MWVjM20gdHJhIG5cdTAwZTBvIGxcdTAwZTAgY1x1MWVhN24gdGhpXHUxZWJmdCBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWEzbSBiXHUxZWEzbyB3ZWJzaXRlIGhvXHUxZWExdCBcdTAxMTFcdTFlZDluZyBcdTAxMTFcdTAwZmFuZyB0clx1MDBlYW4gY1x1MDBlMWMgdGhpXHUxZWJmdCBiXHUxZWNiIHZcdTAwZTAgdHJcdTAwZWNuaCBkdXlcdTFlYzd0IGtoXHUwMGUxYyBuaGF1P1xyXG48dWw+XHJcbjxsaT5BLiBDaFx1MWVjOSBraVx1MWVjM20gdHJhIHRyXHUwMGVhbiB0clx1MDBlY25oIGR1eVx1MWVjN3QgQ2hyb21lLjxcL2xpPlxyXG48bGk+Qi4gQ2hcdTFlYzkga2lcdTFlYzNtIHRyYSB0clx1MDBlYW4gbVx1MWVkOXQga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyBtXHUwMGUwbiBoXHUwMGVjbmggY1x1MWVkMSBcdTAxMTFcdTFlY2JuaC48XC9saT5cclxuPGxpPkMuIEtpXHUxZWMzbSB0cmEgbmdcdTFlZWYgcGhcdTAwZTFwIHRpXHUxZWJmbmcgVmlcdTFlYzd0IHRyXHUwMGVhbiBuXHUxZWQ5aSBkdW5nLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBLaVx1MWVjM20gdHJhIGhpXHUxZWMzbiB0aFx1MWVjYiB2XHUwMGUwIGNoXHUxZWU5YyBuXHUwMTAzbmcgdHJcdTAwZWFuIG5oaVx1MWVjMXUgdHJcdTAwZWNuaCBkdXlcdTFlYzd0IHZcdTAwZTAga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyBtXHUwMGUwbiBoXHUwMGVjbmgga2hcdTAwZTFjIG5oYXUuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIwOiBXZWJzaXRlIFx1MDExMVx1MDFiMFx1MWVlM2MgdGhpXHUxZWJmdCBrXHUxZWJmIHRyb25nIEJcdTAwZTBpIDE4IGNcdTAwZjMgdGhcdTFlYzMgbVx1MWVkZiByXHUxZWQ5bmcgdGhcdTAwZWFtIG5oXHUxZWVmbmcgY2hcdTFlZTljIG5cdTAxMDNuZyBuXHUwMGUwbyBcdTAxMTFcdTFlYzMgdFx1MDFiMFx1MDFhMW5nIHRcdTAwZTFjIHRcdTFlZDF0IGhcdTAxYTFuIHZcdTFlZGJpIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgdlx1MDBlMCB0aHUgdGhcdTFlYWRwIHRoXHUwMGY0bmcgdGluP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIFRoXHUwMGVhbSBjXHUwMGUxYyBiaVx1MWVjM3UgbVx1MWVhYnUgKEZvcm0pIFx1MDExMVx1MWVjMyBcdTAxMTFcdTAxMDNuZyBrXHUwMGZkIGhvXHUxZWI3YyBsaVx1MDBlYW4gaFx1MWVjNy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjOSB0aFx1MDBlYW0gbmhpXHUxZWMxdSBoXHUwMGVjbmggXHUxZWEzbmggbWluaCBoXHUxZWNkYSBoXHUwMWExbi48XC9saT5cclxuPGxpPkMuIFRoYXkgXHUwMTExXHUxZWQ1aSBtXHUwMGUwdSBzXHUxZWFmYyBjaFx1MWVlNyBcdTAxMTFcdTFlYTFvIGNcdTFlZTdhIHdlYnNpdGUuPFwvbGk+XHJcbjxsaT5ELiBHaVx1MWVhM20gc1x1MWVkMSBsXHUwMWIwXHUxZWUzbmcgdHJhbmcgY1x1MWVlN2Egd2Vic2l0ZS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMTogVHJvbmcgQ1NTLCB0aHVcdTFlZDljIHRcdTAwZWRuaCBgZGlzcGxheTogYmxvY2s7YCB2XHUwMGUwIGBkaXNwbGF5OiBpbmxpbmU7YCBraFx1MDBlMWMgbmhhdSBjXHUwMWExIGJcdTFlYTNuIFx1MWVkZiBcdTAxMTFpXHUxZWMzbSBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gYGJsb2NrYCBjaG8gcGhcdTAwZTlwIFx1MDExMVx1MWViN3QgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQga2hcdTAwZTFjIGJcdTAwZWFuIGNcdTFlYTFuaCwgY1x1MDBmMm4gYGlubGluZWAgdGhcdTAwZWMga2hcdTAwZjRuZy48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gYGJsb2NrYCBsdVx1MDBmNG4gYlx1MWVhZnQgXHUwMTExXHUxZWE3dSB0clx1MDBlYW4gbVx1MWVkOXQgZFx1MDBmMm5nIG1cdTFlZGJpIHZcdTAwZTAgY2hpXHUxZWJmbSBoXHUxZWJmdCBjaGlcdTFlYzF1IHJcdTFlZDluZywgY1x1MDBmMm4gYGlubGluZWAgdGhcdTAwZWMga2hcdTAwZjRuZyBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1IGRcdTAwZjJuZyBtXHUxZWRiaSB2XHUwMGUwIGNoXHUxZWM5IGNoaVx1MWViZm0gY2hpXHUxZWMxdSByXHUxZWQ5bmcgY1x1MWVhN24gdGhpXHUxZWJmdC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBgYmxvY2tgIGtoXHUwMGY0bmcgdGhcdTFlYzMgY1x1MDBmMyBsXHUxZWMxIHRyXHUwMGVhblwvZFx1MDFiMFx1MWVkYmksIGNcdTAwZjJuIGBpbmxpbmVgIHRoXHUwMGVjIGNcdTAwZjMuPFwvbGk+XHJcbjxsaT5ELiBgYmxvY2tgIGNoXHUxZWM5IGRcdTAwZjluZyBjaG8gdlx1MDEwM24gYlx1MWVhM24sIGNcdTAwZjJuIGBpbmxpbmVgIGRcdTAwZjluZyBjaG8gaFx1MDBlY25oIFx1MWVhM25oLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIyOiBcdTAxMTBcdTFlYzMgY1x1MDEwM24gZ2lcdTFlZWZhIG1cdTFlZDl0IGtoXHUxZWQxaSBgZGl2YCB0aGVvIGNoaVx1MWVjMXUgbmdhbmcgdHJcdTAwZWFuIHRyYW5nIHdlYiwga2hpIGtoXHUxZWQxaSBcdTAxMTFcdTAwZjMgY1x1MDBmMyBjaGlcdTFlYzF1IHJcdTFlZDluZyBjXHUxZWQxIFx1MDExMVx1MWVjYm5oLCBiXHUxZWExbiBjXHUwMGYzIHRoXHUxZWMzIHNcdTFlZWQgZFx1MWVlNW5nIGtcdTFlYmZ0IGhcdTFlZTNwIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBcdTAxMTBcdTFlYjd0IGBtYXJnaW4tbGVmdDogYXV0bzsgbWFyZ2luLXJpZ2h0OiBhdXRvO2AgY2hvIGtoXHUxZWQxaSBgZGl2YC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBcdTAxMTBcdTFlYjd0IGB0ZXh0LWFsaWduOiBjZW50ZXI7YCBjaG8ga2hcdTFlZDFpIGBkaXZgLjxcL2xpPlxyXG48bGk+Qy4gXHUwMTEwXHUxZWI3dCBgZmxvYXQ6IGNlbnRlcjtgIGNobyBraFx1MWVkMWkgYGRpdmAuPFwvbGk+XHJcbjxsaT5ELiBcdTAxMTBcdTFlYjd0IGBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7YCBjaG8ga2hcdTFlZDFpIGBkaXZgLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIzOiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgZGFuaCBzXHUwMGUxY2ggY1x1MDBlMWMgbVx1MWVlNWMgKHZcdTAwZWQgZFx1MWVlNTogZGFuaCBzXHUwMGUxY2ggY1x1MDBlMWMgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOSkgbVx1MDBlMCBiXHUxZWExbiBtdVx1MWVkMW4gaGlcdTFlYzNuIHRoXHUxZWNiIGRcdTAxYjBcdTFlZGJpIGRcdTFlYTFuZyBjXHUwMGUxYyBtXHUxZWU1YyBnXHUxZWExY2ggXHUwMTExXHUxZWE3dSBkXHUwMGYybmcgKGJ1bGxldCBwb2ludHMpLiBUaFx1MWViYiBIVE1MIG5cdTAwZTBvIGxcdTAwZTAgcGhcdTAwZjkgaFx1MWVlM3AgbmhcdTFlYTV0IFx1MDExMVx1MWVjMyB0XHUxZWExbyBkYW5oIHNcdTAwZTFjaCBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gPG9sPjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiA8dWw+PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gPGRsPjxcL2xpPlxyXG48bGk+RC4gPG5hdj48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNDogVHJvbmcgQ1NTLCB0aHVcdTFlZDljIHRcdTAwZWRuaCBgY29sb3JgIGRcdTAwZjluZyBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIE1cdTAwZTB1IG5cdTFlYzFuIGNcdTFlZTdhIHBoXHUxZWE3biB0XHUxZWVkLjxcL2xpPlxyXG48bGk+Qi4gTVx1MDBlMHUgdmlcdTFlYzFuIGNcdTFlZTdhIHBoXHUxZWE3biB0XHUxZWVkLjxcL2xpPlxyXG48bGk+Qy4gTVx1MDBlMHUgY1x1MWVlN2EgXHUwMTExXHUwMWIwXHUxZWRkbmcgZ1x1MWVhMWNoIGNoXHUwMGUybiBsaVx1MDBlYW4ga1x1MWViZnQuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIE1cdTAwZTB1IGNcdTFlZTdhIHZcdTAxMDNuIGJcdTFlYTNuLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNTogS2hpIHRoaVx1MWViZnQga1x1MWViZiBtXHUxZWQ5dCB0cmFuZyB3ZWIgXCJcdTAxMTFcdTAwZTFwIFx1MWVlOW5nXCIgKHJlc3BvbnNpdmUgd2ViIGRlc2lnbiksIG1cdTFlZTVjIHRpXHUwMGVhdSBjaFx1MDBlZG5oIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgaGlcdTFlYzNuIHRoXHUxZWNiIHdlYnNpdGUgdHJcdTAwZWFuIG1cdTAwZTF5IHRcdTAwZWRuaCBcdTAxMTFcdTFlYzMgYlx1MDBlMG4uPFwvbGk+XHJcbjxsaT5CLiBUXHUwMTAzbmcgdFx1MWVkMWMgXHUwMTExXHUxZWQ5IHRcdTFlYTNpIHRyYW5nIHRyXHUwMGVhbiBtXHUxZWExbmcgY2hcdTFlYWRtLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBcdTAxMTBcdTFlYTNtIGJcdTFlYTNvIHdlYnNpdGUgaGlcdTFlYzNuIHRoXHUxZWNiIHZcdTAwZTAgaG9cdTFlYTF0IFx1MDExMVx1MWVkOW5nIHRcdTFlZDF0IHRyXHUwMGVhbiBuaGlcdTFlYzF1IGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgbVx1MDBlMG4gaFx1MDBlY25oIHZcdTAwZTAgdGhpXHUxZWJmdCBiXHUxZWNiIGtoXHUwMGUxYyBuaGF1LjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFNcdTFlZWQgZFx1MWVlNW5nIGNcdTAwZTFjIGhpXHUxZWM3dSBcdTFlZTluZyBcdTAxMTFcdTFlZDluZyBwaFx1MWVlOWMgdFx1MWVhMXAuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjY6IEJcdTFlYTFuIG11XHUxZWQxbiB0aFx1MDBlYW0gbVx1MWVkOXQgXHUwMTExb1x1MWVhMW4gdlx1MDEwM24gYlx1MWVhM24gY2hcdTAwZmEgdGhcdTAwZWRjaCBuaFx1MWVjZiBkXHUwMWIwXHUxZWRiaSBtXHUxZWQ5dCBoXHUwMGVjbmggXHUxZWEzbmguIFRoXHUxZWJiIEhUTUwgblx1MDBlMG8gbFx1MDBlMCBwaFx1MDBmOSBoXHUxZWUzcCBuaFx1MWVhNXQgXHUwMTExXHUxZWMzIGNoXHUxZWU5YSBcdTAxMTFvXHUxZWExbiB2XHUwMTAzbiBiXHUxZWEzbiBuXHUwMGUweSwgXHUwMTExXHUxZWEzbSBiXHUxZWEzbyBuXHUwMGYzIFx1MDExMVx1MDFiMFx1MWVlM2MgY29pIGxcdTAwZTAgbVx1MWVkOXQga2hcdTFlZDFpIHZcdTAxMDNuIGJcdTFlYTNuIHJpXHUwMGVhbmcgYmlcdTFlYzd0P1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIDxwPjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIDxzcGFuPjxcL2xpPlxyXG48bGk+Qy4gPGE+PFwvbGk+XHJcbjxsaT5ELiA8aDE+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjc6IFRyb25nIENTUywgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGZvbnQtc2l6ZWAgZFx1MDBmOW5nIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gS2lcdTFlYzN1IHBoXHUwMGY0bmcgY2hcdTFlZWYgKHZcdTAwZWQgZFx1MWVlNTogQXJpYWwsIFRpbWVzIE5ldyBSb21hbikuPFwvbGk+XHJcbjxsaT5CLiBcdTAxMTBcdTFlZDkgXHUwMTExXHUxZWFkbSBjXHUxZWU3YSBwaFx1MDBmNG5nIGNoXHUxZWVmICh2XHUwMGVkIGRcdTFlZTU6IGJvbGQpLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBLXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIGNcdTFlZTdhIHBoXHUwMGY0bmcgY2hcdTFlZWYuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gTVx1MDBlMHUgc1x1MWVhZmMgY1x1MWVlN2EgcGhcdTAwZjRuZyBjaFx1MWVlZi48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyODogS2hpIHRoaVx1MWViZnQga1x1MWViZiBiXHUxZWQxIGNcdTFlZTVjIGNobyB3ZWJzaXRlLCB2aVx1MWVjN2MgcGhcdTAwZTJuIGNoaWEgdHJhbmcgdGhcdTAwZTBuaCBjXHUwMGUxYyBraHUgdlx1MWVmMWMgbmhcdTAxYjAgaGVhZGVyLCBjb250ZW50LCBmb290ZXIgZ2lcdTAwZmFwIFx1MDBlZGNoIGdcdTAwZWMgY2hvIGNcdTFlYTMgbmdcdTAxYjBcdTFlZGRpIHRoaVx1MWViZnQga1x1MWViZiB2XHUwMGUwIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmc/XHJcbjx1bD5cclxuPGxpPkEuIENoXHUxZWM5IGdpXHUwMGZhcCB0XHUwMTAzbmcgdFx1MWVkMWMgXHUwMTExXHUxZWQ5IHRcdTFlYTNpIHRyYW5nLjxcL2xpPlxyXG48bGk+Qi4gQ2hcdTFlYzkgZ2lcdTAwZmFwIGxcdTAwZTBtIGNobyBtXHUwMGUzIG5ndVx1MWVkM24gbmdcdTFlYWZuIGdcdTFlY2RuIGhcdTAxYTFuLjxcL2xpPlxyXG48bGk+Qy4gQ2hcdTFlYzkgbFx1MDBlMG0gY2hvIHdlYnNpdGUgY1x1MDBmMyBnaWFvIGRpXHUxZWM3biBwaFx1MWVlOWMgdFx1MWVhMXAgaFx1MDFhMW4uPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIEdpXHUwMGZhcCB0XHUxZWQ1IGNoXHUxZWU5YyBuXHUxZWQ5aSBkdW5nIHJcdTAwZjUgclx1MDBlMG5nLCBkXHUxZWM1IHF1XHUxZWEzbiBsXHUwMGZkIG1cdTAwZTMgbmd1XHUxZWQzbiB2XHUwMGUwIGNcdTFlYTNpIHRoaVx1MWVjN24ga2hcdTFlYTMgblx1MDEwM25nIFx1MDExMWlcdTFlYzF1IGhcdTAxYjBcdTFlZGJuZyBjaG8gbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZy48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjk6IEJcdTFlYTFuIFx1MDExMVx1MDBlMyB0XHUxZWExbyBtXHUxZWQ5dCBsXHUxZWRicCBDU1MgdFx1MDBlYW4gbFx1MDBlMCBgLmZlYXR1cmVkYCBcdTAxMTFcdTFlYzMgbFx1MDBlMG0gblx1MWVkNWkgYlx1MWVhZHQgY1x1MDBlMWMgbVx1MWVlNWMgZ2lcdTFlZGJpIHRoaVx1MWVjN3UgXHUwMTExXHUxZWI3YyBiaVx1MWVjN3QuIE5cdTFlYmZ1IGJcdTFlYTFuIFx1MDBlMXAgZFx1MWVlNW5nIGxcdTFlZGJwIG5cdTAwZTB5IGNobyBtXHUxZWQ5dCBcdTAxMTFvXHUxZWExbiB2XHUwMTAzbiBiXHUxZWEzbiAoPHA+KSB2XHUwMGUwIG1cdTFlZDl0IGhcdTAwZWNuaCBcdTFlYTNuaCAoPGltZz4pLCBcdTAxMTFpXHUxZWMxdSBnXHUwMGVjIHNcdTFlYmQgeFx1MWVhM3kgcmE/XHJcbjx1bD5cclxuPGxpPkEuIExcdTFlZGJwIGAuZmVhdHVyZWRgIGNoXHUxZWM5IFx1MDBlMXAgZFx1MWVlNW5nIGNobyBcdTAxMTFvXHUxZWExbiB2XHUwMTAzbiBiXHUxZWEzbiAoPHA+KS48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gQ1x1MDBlMWMgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIHRyb25nIGxcdTFlZGJwIGAuZmVhdHVyZWRgIHNcdTFlYmQgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gY1x1MWVhMyBcdTAxMTFvXHUxZWExbiB2XHUwMTAzbiBiXHUxZWEzbiB2XHUwMGUwIGhcdTAwZWNuaCBcdTFlYTNuaC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBXZWJzaXRlIHNcdTFlYmQgZ1x1MWViN3AgbFx1MWVkN2kgaGlcdTFlYzNuIHRoXHUxZWNiIHZcdTAwZWMgbFx1MWVkYnAgQ1NTIGtoXHUwMGY0bmcgdGhcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIGNcdTFlYTMgaGFpIGxvXHUxZWExaSBwaFx1MWVhN24gdFx1MWVlZCBraFx1MDBlMWMgbmhhdS48XC9saT5cclxuPGxpPkQuIENoXHUxZWM5IHBoXHUxZWE3biB0XHUxZWVkIFx1MDExMVx1MWVhN3UgdGlcdTAwZWFuIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMGUxcCBkXHUxZWU1bmcgbFx1MWVkYnAgYC5mZWF0dXJlZGAuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMzA6IEtoaSBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgYmFja2dyb3VuZC1pbWFnZWAgdHJvbmcgQ1NTIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlYjd0IFx1MWVhM25oIG5cdTFlYzFuIGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCwgYlx1MWVhMW4gblx1MDBlYW4gbFx1MDFiMHUgXHUwMGZkIFx1MDExMWlcdTFlYzF1IGdcdTAwZWMgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVhM20gYlx1MWVhM28gXHUxZWEzbmggblx1MWVjMW4gaGlcdTFlYzNuIHRoXHUxZWNiIHRcdTFlZDF0P1xyXG48dWw+XHJcbjxsaT5BLiBcdTFlYTJuaCBuXHUxZWMxbiBjaFx1MWVjOSBuXHUwMGVhbiBsXHUwMGUwIGNcdTAwZTFjIHRcdTFlYzdwIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyAuR0lGLjxcL2xpPlxyXG48bGk+Qi4gS2hcdTAwZjRuZyB0aFx1MWVjMyBcdTAxMTFcdTFlYjd0IFx1MWVhM25oIG5cdTFlYzFuIGNobyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBraFx1MWVkMWkgKGJsb2NrIGVsZW1lbnRzKS48XC9saT5cclxuPGxpPkMuIENoXHUxZWM5IGNcdTFlYTduIFx1MDExMVx1MWViN3QgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGJhY2tncm91bmQtaW1hZ2VgIGxcdTAwZTAgXHUwMTExXHUxZWU3LCB0clx1MDBlY25oIGR1eVx1MWVjN3Qgc1x1MWViZCB0XHUxZWYxIFx1MDExMVx1MWVkOW5nIFx1MDExMWlcdTFlYzF1IGNoXHUxZWM5bmguPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIENcdTFlYTduIGNcdTAwZTJuIG5oXHUxZWFmYyBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIFx1MWVhM25oIHZcdTAwZTAgc1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBlMWMgdGh1XHUxZWQ5YyB0XHUwMGVkbmggbmhcdTAxYjAgYGJhY2tncm91bmQtc2l6ZWAsIGBiYWNrZ3JvdW5kLXJlcGVhdGAgXHUwMTExXHUxZWMzIGtpXHUxZWMzbSBzb1x1MDBlMXQgaGlcdTFlYzNuIHRoXHUxZWNiIFx1MWVhM25oIG5cdTFlYzFuLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMzMDIiLCJxdWVzdGlvbl9pZHMiOiIxMDUzNzM1LDEwNTM3MzYsMTA1MzczNywxMDUzNzM4LDEwNTM3MzksMTA1Mzc0MCwxMDUzNzQxLDEwNTM3NDIsMTA1Mzc0MywxMDUzNzQ0LDEwNTM3NDUsMTA1Mzc0NiwxMDUzNzQ3LDEwNTM3NDgsMTA1Mzc0OSwxMDUzNzUwLDEwNTM3NTEsMTA1Mzc1MiwxMDUzNzUzLDEwNTM3NTQsMTA1Mzc1NSwxMDUzNzU2LDEwNTM3NTcsMTA1Mzc1OCwxMDUzNzU5LDEwNTM3NjAsMTA1Mzc2MSwxMDUzNzYyLDEwNTM3NjMsMTA1Mzc2NCIsIm9yZGVyaW5nIjoiMzUyOTkiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ==';
</script>
<input type='hidden' name='quiz_id' value='35299'/>
<input type='hidden' name='start_date' class='ays-start-date'/>
<input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/>
<input type='hidden' name='ays_finish_quiz_nonce_35299' value='45d85a0ccb'/>
</form></div>
</div>
</div></div>
<div class="panel blogger"><div class='ays-quiz-wrap'>
<div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active'
data-quest-effect='shake'
data-hide-bg-image='false'
id='ays-quiz-container-36237'>
<div class='ays-questions-container'>
<div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap">
<a class="ays-quiz-full-screen-container">
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>
</svg>
</a>
</div></div>
<span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span>
<form
action=''
method='post'
autocomplete='off'
id='ays_finish_quiz_36237'
class='ays-quiz-form enable_questions_result '
><input type='hidden' class='ays_question_count_per_page' value='30'>
<input type='hidden' value='list' class='answer_view_class'>
<input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'>
<div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p>
</div>
<div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p>
</div>
<hr style='height:1px;'>
</section>
<div class='step active-step'>
<div class='ays-abs-fs ays-start-page'>
<div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong></p></div>
<p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 10</p>
<div class='ays_buttons_div'>
<input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" />
</div>
<div class='ays-fs-subtitle'><p><strong>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 10</strong> được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!</p>
<div class="question-block">
<p>Câu 1: Khi thiết kế cấu trúc cơ bản cho một trang web theo hướng dẫn của Bài 18, việc phân chia trang thành các khu vực như đầu trang (Header), nội dung chính (Content), và chân trang (Footer) nhằm mục đích chính là gì?</p>
<ul>
<li>A. Giảm dung lượng tệp tin HTML.</li>
<li>B. Bắt buộc trình duyệt hiển thị theo một thứ tự nhất định.</li>
<li>C. Tăng tốc độ tải trang web.</li>
<li><strong>D. Tổ chức nội dung logic, dễ quản lý và áp dụng định dạng CSS.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 2: Để đảm bảo tất cả các trang trong website (Trang chủ, trang Giới thiệu CLB Thể thao, trang Giới thiệu CLB Nghệ thuật,...) có giao diện và phong cách đồng nhất, phương pháp hiệu quả nhất được đề cập trong bài học là gì?</p>
<ul>
<li>A. Sao chép và dán toàn bộ mã CSS vào từng tệp HTML riêng lẻ.</li>
<li>B. Định nghĩa lại các quy tắc CSS trực tiếp trong thẻ `<br />
<style>` ở mỗi tệp HTML.</li>
<li><strong>C. Sử dụng một tệp tin CSS duy nhất và liên kết tới nó từ tất cả các tệp tin HTML.</strong></li>
<li>D. Chỉ sử dụng các thuộc tính CSS nội tuyến (inline styles) cho từng phần tử.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 3: Trong phần đầu trang (Header) của website, khu vực Banner thường được sử dụng để chứa những loại nội dung nào theo gợi ý của bài học?</p>
<ul>
<li>A. Danh sách các câu lạc bộ và liên kết đến trang chi tiết.</li>
<li><strong>B. Hình ảnh lớn làm nền và tiêu đề chính của website.</strong></li>
<li>C. Thông tin liên hệ và bản quyền.</li>
<li>D. Biểu mẫu đăng ký tham gia câu lạc bộ.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 4: Giả sử bạn muốn tạo một khu vực trên trang web hiển thị ba khối nội dung nhỏ (ví dụ: ba khẩu hiệu hoặc ba hình ảnh đại diện) nằm cạnh nhau trên cùng một hàng. Dựa trên cách tiếp cận của Bài 18, bạn sẽ sử dụng kết hợp các lớp CSS nào để đạt được bố cục này?</p>
<ul>
<li><strong>A. Một lớp chứa (`Row`) và các lớp cho phần tử con (`block_3`).</strong></li>
<li>B. Chỉ cần sử dụng lớp `block_3` cho từng phần tử.</li>
<li>C. Sử dụng lớp `Header` và lớp `Slogan`.</li>
<li>D. Sử dụng thuộc tính CSS `display: block` cho các phần tử.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 5: Lớp CSS `block_3` trong bài học có tác dụng định dạng chính là gì khi được đặt trong một lớp chứa (`Row`)?</p>
<ul>
<li>A. Đặt màu nền cho khối nội dung.</li>
<li>B. Hiển thị khối nội dung dưới dạng danh sách.</li>
<li>C. Định nghĩa khối nội dung chiếm toàn bộ chiều rộng trang.</li>
<li><strong>D. Định nghĩa khối nội dung chiếm khoảng 1/3 chiều rộng của khối chứa và hiển thị cạnh nhau.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 6: Giả sử bạn muốn thêm một video giới thiệu về hoạt động của câu lạc bộ vào trang chi tiết của câu lạc bộ đó. Bạn sẽ sử dụng thẻ HTML nào để nhúng video trực tiếp vào trang web?</p>
<ul>
<li>A. `<img>`</li>
<li>B. `<a>`</li>
<li><strong>C. `<video>`</strong></li>
<li>D. `
<p>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 7: Chức năng chính của trang chủ (Homepage) trong cấu trúc website được xây dựng theo Bài 18 là gì?</p>
<ul>
<li><strong>A. Cung cấp thông tin tổng quan về website và các liên kết điều hướng chính.</strong></li>
<li>B. Hiển thị thông tin chi tiết của một câu lạc bộ cụ thể.</li>
<li>C. Chứa biểu mẫu đăng ký thành viên.</li>
<li>D. Hiển thị thông tin liên hệ của người quản trị.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 8: Khi thiết kế phần chân trang (Footer) của website, bạn thường đặt những loại thông tin nào tại khu vực này?</p>
<ul>
<li>A. Tiêu đề chính của trang web.</li>
<li>B. Các bài viết mới nhất.</li>
<li>C. Hình ảnh lớn làm nền.</li>
<li><strong>D. Thông tin bản quyền, liên hệ hoặc các liên kết phụ.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 9: Để tạo liên kết từ một trang này sang một trang khác trong cùng website, bạn sẽ sử dụng thẻ HTML nào?</p>
<ul>
<li><strong>A. `<a>`</strong></li>
<li>B. `<img>`</li>
<li>C. `<link>`</li>
<li>D. `<script>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 10: Giả sử bạn muốn thay đổi màu nền cho toàn bộ phần nội dung chính (Content) của một trang. Bạn nên thực hiện việc này bằng cách nào hiệu quả nhất theo nguyên tắc sử dụng CSS?</p>
<ul>
<li>A. Đặt thuộc tính `background-color` trực tiếp vào thẻ HTML `<body>`.</li>
<li>B. Đặt thuộc tính `background-color` trực tiếp vào từng thẻ HTML bên trong phần nội dung.</li>
<li><strong>C. Định nghĩa một lớp CSS cho khu vực nội dung chính và áp dụng thuộc tính `background-color` cho lớp đó.</strong></li>
<li>D. Sử dụng thẻ `<br />
<style>` trong phần nội dung để viết CSS.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 11: Khi thiết kế một trang web có nhiều phần tử cần xếp theo hàng ngang (ví dụ: menu, các cột nội dung), việc sử dụng các kỹ thuật bố cục như `display: flex`, `float`, hoặc mô hình cột (`Row`, `block_3`) mang lại lợi ích gì so với việc chỉ sử dụng `display: block`?</p>
<ul>
<li>A. Giảm số lượng mã HTML cần viết.</li>
<li><strong>B. Cho phép các phần tử hiển thị cạnh nhau và kiểm soát khoảng cách, căn chỉnh.</strong></li>
<li>C. Tự động điều chỉnh kích thước hình ảnh trong trang.</li>
<li>D. Chỉ áp dụng được cho văn bản.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 12: Trong quá trình thực hành thiết kế, nếu bạn muốn một hình ảnh trong phần Banner tự động điều chỉnh kích thước để vừa với chiều rộng của khu vực Banner mà không làm biến dạng hình ảnh, bạn có thể sử dụng thuộc tính CSS nào cho thẻ `<img>`?</p>
<ul>
<li><strong>A. `width: 100%; height: auto;`</strong></li>
<li>B. `display: block;`</li>
<li>C. `float: left;`</li>
<li>D. `margin: auto;`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 13: Khi xây dựng trang chi tiết cho một câu lạc bộ cụ thể (ví dụ: CLB Bóng đá), nội dung chính trên trang này nên tập trung vào điều gì?</p>
<ul>
<li>A. Thông tin chung về tất cả các câu lạc bộ.</li>
<li>B. Biểu mẫu đăng ký chung cho mọi hoạt động.</li>
<li>C. Thông tin liên hệ của người quản trị website.</li>
<li><strong>D. Thông tin chi tiết về CLB đó: giới thiệu, lịch hoạt động, thành tích, hình ảnh/video.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 14: Để thêm một đoạn văn bản mô tả ngắn gọn về website hoặc khẩu hiệu (slogan) ngay dưới Banner trong phần Header, bạn sẽ đặt nội dung này trong khu vực nào theo cấu trúc được gợi ý?</p>
<ul>
<li>A. Footer</li>
<li>B. Content</li>
<li><strong>C. Slogan (trong Header)</strong></li>
<li>D. Banner (trong Header)</li>
</ul>
</div>
<div class="question-block">
<p>Câu 15: Việc sử dụng các thẻ HTML ngữ nghĩa (semantic tags) như `</p>
<header>`, `<main>`, `</p>
<footer>`, `</p>
<nav>`, `</p>
<article>`, `</p>
<aside>` thay vì chỉ dùng `</p>
<div>` cho mọi thứ mang lại lợi ích chính nào cho việc thiết kế và phát triển web?</p>
<ul>
<li>A. Làm cho trang web tải nhanh hơn.</li>
<li><strong>B. Cải thiện khả năng đọc hiểu mã nguồn cho lập trình viên và hỗ trợ công cụ tìm kiếm/trình đọc màn hình (SEO & Accessibility).</strong></li>
<li>C. Tự động áp dụng các kiểu dáng CSS đẹp hơn.</li>
<li>D. Bắt buộc người dùng phải đăng nhập mới xem được nội dung.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 16: Nếu bạn muốn tạo một danh sách các liên kết để điều hướng người dùng đến các trang khác nhau của website (ví dụ: Trang chủ, Thể thao, Nghệ thuật), bạn thường đặt danh sách này ở đâu trên trang web để người dùng dễ dàng truy cập?</p>
<ul>
<li><strong>A. Trong phần Header hoặc ngay dưới Header (thanh điều hướng).</strong></li>
<li>B. Chỉ ở cuối mỗi trang (Footer).</li>
<li>C. Rải rác trong phần nội dung chính.</li>
<li>D. Chỉ trên trang chủ.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 17: Khi thiết kế biểu mẫu đăng ký tham gia câu lạc bộ, bạn sẽ sử dụng các thẻ HTML nào để tạo các ô nhập liệu cho người dùng (ví dụ: Tên, Lớp, Email)?</p>
<ul>
<li>A. `<br />
<h1>`, `</p>
<h2>`, `</p>
<p>`</li>
<li>B. `<img>`, `<video>`</li>
<li><strong>C. `<input>`, `<textarea>`, `<select>`</strong></li>
<li>D. `<a>`, `<link>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 18: Giả sử bạn đã định nghĩa một lớp CSS tên là `.highlight` để làm nổi bật văn bản. Để áp dụng lớp này cho một đoạn văn bản cụ thể trong tệp HTML, bạn sẽ sử dụng thuộc tính HTML nào trong thẻ chứa đoạn văn bản đó?</p>
<ul>
<li>A. `id`</li>
<li><strong>B. `class`</strong></li>
<li>C. `style`</li>
<li>D. `src`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 19: Tại sao việc sử dụng hình ảnh và video chất lượng cao nhưng có kích thước tệp tin được tối ưu lại quan trọng khi thiết kế trang web?</p>
<ul>
<li><strong>A. Đảm bảo trang web tải nhanh hơn và hiển thị đẹp mắt trên nhiều thiết bị.</strong></li>
<li>B. Chỉ để trang web trông chuyên nghiệp hơn.</li>
<li>C. Giúp công cụ tìm kiếm xếp hạng trang web cao hơn.</li>
<li>D. Bắt buộc phải làm vậy theo chuẩn HTML5.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 20: Trong tệp CSS, quy tắc nào được sử dụng để chọn tất cả các phần tử có cùng một lớp cụ thể (ví dụ: lớp `block_3`) để áp dụng kiểu dáng?</p>
<ul>
<li>A. `#tên_lớp`</li>
<li>B. `tên_lớp`</li>
<li>C. `element tên_lớp`</li>
<li><strong>D. `.tên_lớp`</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 21: Để tạo khoảng trống (lề) bên ngoài đường viền của một phần tử HTML, bạn sẽ sử dụng thuộc tính CSS nào?</p>
<ul>
<li>A. `padding`</li>
<li><strong>B. `margin`</strong></li>
<li>C. `border`</li>
<li>D. `outline`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 22: Để tạo khoảng trống (đệm) bên trong đường viền của một phần tử HTML, giữa nội dung và đường viền, bạn sẽ sử dụng thuộc tính CSS nào?</p>
<ul>
<li><strong>A. `padding`</strong></li>
<li>B. `margin`</li>
<li>C. `border`</li>
<li>D. `spacing`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 23: Giả sử bạn muốn đặt tiêu đề chính của trang web (ví dụ: "Website Câu lạc bộ") nằm chính giữa theo chiều ngang trong khu vực Banner. Bạn có thể sử dụng kết hợp các thuộc tính CSS nào cho phần tử chứa tiêu đề hoặc cho khối chứa nó?</p>
<ul>
<li>A. `float: center;`</li>
<li><strong>B. `text-align: center;` (áp dụng cho khối chứa văn bản)</strong></li>
<li>C. `margin-left: 50%;`</li>
<li>D. `display: inline;`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 24: Nếu bạn muốn thêm một đường viền xung quanh khu vực nội dung chính (Content) để phân biệt nó rõ ràng hơn với các khu vực khác, bạn sẽ sử dụng thuộc tính CSS nào?</p>
<ul>
<li>A. `outline`</li>
<li>B. `margin`</li>
<li><strong>C. `border`</strong></li>
<li>D. `background`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 25: Khi thiết kế menu điều hướng, việc sử dụng danh sách không thứ tự (`</p>
<ul>` và `</p>
<li>`) kết hợp với CSS để loại bỏ dấu chấm đầu dòng và xếp các mục theo chiều ngang là một kỹ thuật phổ biến. Lợi ích chính của cách làm này là gì?
<ul>
<li>A. Làm cho menu có hiệu ứng động đẹp mắt.</li>
<li>B. Giảm thời gian viết mã HTML.</li>
<li>C. Tự động tạo hiệu ứng hover cho các mục menu.</li>
<li><strong>D. Tách biệt cấu trúc danh sách khỏi kiểu dáng hiển thị, dễ quản lý và có ý nghĩa ngữ nghĩa.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 26: Giả sử bạn muốn tạo một trang riêng chỉ chứa biểu mẫu để người dùng điền thông tin đăng ký tham gia. Trang này nên có cấu trúc cơ bản như thế nào so với các trang khác trong website?</p>
<ul>
<li><strong>A. Nên giữ lại Header và Footer giống các trang khác để đảm bảo tính nhất quán, chỉ thay đổi nội dung chính (Content) bằng biểu mẫu.</strong></li>
<li>B. Không cần Header và Footer, chỉ cần hiển thị biểu mẫu ở giữa trang.</li>
<li>C. Chỉ cần Header, bỏ qua Footer và nội dung chính.</li>
<li>D. Cần một tệp CSS hoàn toàn khác so với các trang còn lại.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 27: Khi sử dụng các lớp CSS như `Row` và `block_3` để tạo bố cục cột, điều gì sẽ xảy ra nếu tổng chiều rộng của các `block_3` vượt quá chiều rộng của `Row` chứa chúng?</p>
<ul>
<li>A. Các `block_3` sẽ tự động co lại để vừa với `Row`.</li>
<li>B. Các `block_3` sẽ biến mất khỏi trang.</li>
<li><strong>C. Các `block_3` sẽ tràn ra ngoài `Row` hoặc một số `block_3` sẽ bị đẩy xuống hàng tiếp theo.</strong></li>
<li>D. Trình duyệt sẽ báo lỗi và không hiển thị gì cả.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 28: Mục đích của việc đặt các liên kết điều hướng chính (ví dụ: đến Trang chủ, Thể thao, Nghệ thuật) ở vị trí dễ thấy trong phần Header hoặc ngay dưới Header là gì?</p>
<ul>
<li>A. Để làm cho Header trông đầy đặn hơn.</li>
<li>B. Để làm tăng dung lượng tệp tin HTML.</li>
<li>C. Vì đó là vị trí duy nhất mà liên kết hoạt động.</li>
<li><strong>D. Giúp người dùng dễ dàng tìm thấy và di chuyển giữa các trang quan trọng của website.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 29: Giả sử bạn muốn thêm một hình ảnh nhỏ làm logo bên cạnh tiêu đề chính trong Banner. Thẻ HTML nào phù hợp nhất để chèn hình ảnh này?</p>
<ul>
<li>A. `<video>`</li>
<li><strong>B. `<img>`</strong></li>
<li>C. `<a>`</li>
<li>D. `
<p>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 30: Khi sử dụng CSS để định dạng một phần tử HTML, thứ tự ưu tiên áp dụng các quy tắc CSS (ví dụ: inline style, internal style trong `</p>
<style>`, external style từ tệp `.css`) ảnh hưởng như thế nào đến kết quả hiển thị cuối cùng?</p>
<ul>
<li><strong>A. Các quy tắc có độ ưu tiên cao hơn (ví dụ: inline style) sẽ ghi đè lên các quy tắc có độ ưu tiên thấp hơn (ví dụ: external style) nếu cùng áp dụng cho một thuộc tính.</strong></li>
<li>B. Quy tắc được viết sau cùng trong bất kỳ tệp nào luôn có độ ưu tiên cao nhất.</li>
<li>C. Chỉ có các quy tắc trong tệp `.css` ngoài mới được áp dụng.</li>
<li>D. Thứ tự áp dụng không quan trọng, trình duyệt sẽ chọn quy tắc ngẫu nhiên.</li>
</ul>
</div>
</div>
<input type='hidden' name='ays_quiz_id' value='36237'/>
<input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-18-thuc-hanh-tong-hop-thiet-ke-trang-web-ket-noi-tri-thuc/'/>
<input type='hidden' name='ays_quiz_questions' value='1081751,1081752,1081753,1081754,1081755,1081756,1081757,1081758,1081759,1081760,1081761,1081762,1081763,1081764,1081765,1081766,1081767,1081768,1081769,1081770,1081771,1081772,1081773,1081774,1081775,1081776,1081777,1081778,1081779,1081780'>
</div>
</div><div class='step '
data-question-id='1081751'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>1 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 1: Khi thiết kế cấu trúc cơ bản cho một trang web theo hướng dẫn của Bài 18, việc phân chia trang thành các khu vực như đầu trang (Header), nội dung chính (Content), và chân trang (Footer) nhằm mục đích chính là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081751]' id='ays-answer-4330889-36237' value='4330889'/>
<label for='ays-answer-4330889-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Giảm dung lượng tệp tin HTML.</label><label for='ays-answer-4330889-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081751]' id='ays-answer-4330890-36237' value='4330890'/>
<label for='ays-answer-4330890-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Bắt buộc trình duyệt hiển thị theo một thứ tự nhất định.</label><label for='ays-answer-4330890-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081751]' id='ays-answer-4330891-36237' value='4330891'/>
<label for='ays-answer-4330891-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng tốc độ tải trang web.</label><label for='ays-answer-4330891-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081751]' id='ays-answer-4330892-36237' value='4330892'/>
<label for='ays-answer-4330892-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Tổ chức nội dung logic, dễ quản lý và áp dụng định dạng CSS.</label><label for='ays-answer-4330892-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081751'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDg4OSI6IjAiLCI0MzMwODkwIjoiMCIsIjQzMzA4OTEiOiIwIiwiNDMzMDg5MiI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra hiểu biết về mục đích của việc phân chia cấu trúc trang web theo các khu vực chức năng. Việc này giúp tổ chức nội dung, quản lý bố cục dễ dàng hơn và cải thiện khả năng bảo trì.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081752'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>2 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 2: Để đảm bảo tất cả các trang trong website (Trang chủ, trang Giới thiệu CLB Thể thao, trang Giới thiệu CLB Nghệ thuật,...) có giao diện và phong cách đồng nhất, phương pháp hiệu quả nhất được đề cập trong bài học là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081752]' id='ays-answer-4330893-36237' value='4330893'/>
<label for='ays-answer-4330893-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Sao chép và dán toàn bộ mã CSS vào từng tệp HTML riêng lẻ.</label><label for='ays-answer-4330893-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081752]' id='ays-answer-4330894-36237' value='4330894'/>
<label for='ays-answer-4330894-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Định nghĩa lại các quy tắc CSS trực tiếp trong thẻ `<style>` ở mỗi tệp HTML.</label><label for='ays-answer-4330894-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081752]' id='ays-answer-4330895-36237' value='4330895'/>
<label for='ays-answer-4330895-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng một tệp tin CSS duy nhất và liên kết tới nó từ tất cả các tệp tin HTML.</label><label for='ays-answer-4330895-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081752]' id='ays-answer-4330896-36237' value='4330896'/>
<label for='ays-answer-4330896-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ sử dụng các thuộc tính CSS nội tuyến (inline styles) cho từng phần tử.</label><label for='ays-answer-4330896-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081752'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDg5MyI6IjAiLCI0MzMwODk0IjoiMCIsIjQzMzA4OTUiOiIxIiwiNDMzMDg5NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kỹ năng áp dụng kiến thức về CSS để duy trì tính nhất quán. Sử dụng một tệp CSS chung và liên kết tới nó từ tất cả các trang HTML là phương pháp chuẩn để đảm bảo phong cách đồng nhất.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081753'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>3 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 3: Trong phần đầu trang (Header) của website, khu vực Banner thường được sử dụng để chứa những loại nội dung nào theo gợi ý của bài học?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081753]' id='ays-answer-4330897-36237' value='4330897'/>
<label for='ays-answer-4330897-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Danh sách các câu lạc bộ và liên kết đến trang chi tiết.</label><label for='ays-answer-4330897-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081753]' id='ays-answer-4330898-36237' value='4330898'/>
<label for='ays-answer-4330898-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Hình ảnh lớn làm nền và tiêu đề chính của website.</label><label for='ays-answer-4330898-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081753]' id='ays-answer-4330899-36237' value='4330899'/>
<label for='ays-answer-4330899-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Thông tin liên hệ và bản quyền.</label><label for='ays-answer-4330899-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081753]' id='ays-answer-4330900-36237' value='4330900'/>
<label for='ays-answer-4330900-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Biểu mẫu đăng ký tham gia câu lạc bộ.</label><label for='ays-answer-4330900-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081753'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDg5NyI6IjAiLCI0MzMwODk4IjoiMSIsIjQzMzA4OTkiOiIwIiwiNDMzMDkwMCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về các thành phần cơ bản của trang web. Banner thường chứa các yếu tố nhận diện thương hiệu hoặc chủ đề chính của trang.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081754'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>4 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 4: Giả sử bạn muốn tạo một khu vực trên trang web hiển thị ba khối nội dung nhỏ (ví dụ: ba khẩu hiệu hoặc ba hình ảnh đại diện) nằm cạnh nhau trên cùng một hàng. Dựa trên cách tiếp cận của Bài 18, bạn sẽ sử dụng kết hợp các lớp CSS nào để đạt được bố cục này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081754]' id='ays-answer-4330901-36237' value='4330901'/>
<label for='ays-answer-4330901-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Một lớp chứa (`Row`) và các lớp cho phần tử con (`block_3`).</label><label for='ays-answer-4330901-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081754]' id='ays-answer-4330902-36237' value='4330902'/>
<label for='ays-answer-4330902-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần sử dụng lớp `block_3` cho từng phần tử.</label><label for='ays-answer-4330902-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081754]' id='ays-answer-4330903-36237' value='4330903'/>
<label for='ays-answer-4330903-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng lớp `Header` và lớp `Slogan`.</label><label for='ays-answer-4330903-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081754]' id='ays-answer-4330904-36237' value='4330904'/>
<label for='ays-answer-4330904-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính CSS `display: block` cho các phần tử.</label><label for='ays-answer-4330904-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081754'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDkwMSI6IjEiLCI0MzMwOTAyIjoiMCIsIjQzMzA5MDMiOiIwIiwiNDMzMDkwNCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu áp dụng kiến thức về các lớp CSS được giới thiệu để tạo bố cục ngang. Bài học sử dụng lớp 'Row' để chứa các phần tử và lớp 'block_3' để định dạng các phần tử con có độ rộng bằng nhau (1/3) và xếp ngang.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081755'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>5 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 5: Lớp CSS `block_3` trong bài học có tác dụng định dạng chính là gì khi được đặt trong một lớp chứa (`Row`)?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081755]' id='ays-answer-4330905-36237' value='4330905'/>
<label for='ays-answer-4330905-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt màu nền cho khối nội dung.</label><label for='ays-answer-4330905-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081755]' id='ays-answer-4330906-36237' value='4330906'/>
<label for='ays-answer-4330906-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Hiển thị khối nội dung dưới dạng danh sách.</label><label for='ays-answer-4330906-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081755]' id='ays-answer-4330907-36237' value='4330907'/>
<label for='ays-answer-4330907-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Định nghĩa khối nội dung chiếm toàn bộ chiều rộng trang.</label><label for='ays-answer-4330907-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081755]' id='ays-answer-4330908-36237' value='4330908'/>
<label for='ays-answer-4330908-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Định nghĩa khối nội dung chiếm khoảng 1/3 chiều rộng của khối chứa và hiển thị cạnh nhau.</label><label for='ays-answer-4330908-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081755'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDkwNSI6IjAiLCI0MzMwOTA2IjoiMCIsIjQzMzA5MDciOiIwIiwiNDMzMDkwOCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra hiểu biết chi tiết về vai trò của lớp `block_3` trong ngữ cảnh bố cục ngang được giới thiệu. Nó định nghĩa kích thước và cách hiển thị của các phần tử con.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081756'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>6 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 6: Giả sử bạn muốn thêm một video giới thiệu về hoạt động của câu lạc bộ vào trang chi tiết của câu lạc bộ đó. Bạn sẽ sử dụng thẻ HTML nào để nhúng video trực tiếp vào trang web?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081756]' id='ays-answer-4330909-36237' value='4330909'/>
<label for='ays-answer-4330909-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`<img>`</label><label for='ays-answer-4330909-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081756]' id='ays-answer-4330910-36237' value='4330910'/>
<label for='ays-answer-4330910-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`<a>`</label><label for='ays-answer-4330910-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081756]' id='ays-answer-4330911-36237' value='4330911'/>
<label for='ays-answer-4330911-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`<video>`</label><label for='ays-answer-4330911-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081756]' id='ays-answer-4330912-36237' value='4330912'/>
<label for='ays-answer-4330912-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`<p>`</label><label for='ays-answer-4330912-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081756'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDkwOSI6IjAiLCI0MzMwOTEwIjoiMCIsIjQzMzA5MTEiOiIxIiwiNDMzMDkxMiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức cơ bản về thẻ HTML dùng để nhúng nội dung đa phương tiện. Thẻ `<video>` là thẻ chuẩn để nhúng video.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081757'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>7 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 7: Chức năng chính của trang chủ (Homepage) trong cấu trúc website được xây dựng theo Bài 18 là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081757]' id='ays-answer-4330913-36237' value='4330913'/>
<label for='ays-answer-4330913-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Cung cấp thông tin tổng quan về website và các liên kết điều hướng chính.</label><label for='ays-answer-4330913-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081757]' id='ays-answer-4330914-36237' value='4330914'/>
<label for='ays-answer-4330914-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Hiển thị thông tin chi tiết của một câu lạc bộ cụ thể.</label><label for='ays-answer-4330914-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081757]' id='ays-answer-4330915-36237' value='4330915'/>
<label for='ays-answer-4330915-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Chứa biểu mẫu đăng ký thành viên.</label><label for='ays-answer-4330915-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081757]' id='ays-answer-4330916-36237' value='4330916'/>
<label for='ays-answer-4330916-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Hiển thị thông tin liên hệ của người quản trị.</label><label for='ays-answer-4330916-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081757'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDkxMyI6IjEiLCI0MzMwOTE0IjoiMCIsIjQzMzA5MTUiOiIwIiwiNDMzMDkxNiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra hiểu biết về vai trò của trang chủ. Trang chủ là điểm vào chính, cung cấp cái nhìn tổng quan và dẫn hướng người dùng.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081758'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>8 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 8: Khi thiết kế phần chân trang (Footer) của website, bạn thường đặt những loại thông tin nào tại khu vực này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081758]' id='ays-answer-4330917-36237' value='4330917'/>
<label for='ays-answer-4330917-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Tiêu đề chính của trang web.</label><label for='ays-answer-4330917-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081758]' id='ays-answer-4330918-36237' value='4330918'/>
<label for='ays-answer-4330918-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Các bài viết mới nhất.</label><label for='ays-answer-4330918-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081758]' id='ays-answer-4330919-36237' value='4330919'/>
<label for='ays-answer-4330919-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Hình ảnh lớn làm nền.</label><label for='ays-answer-4330919-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081758]' id='ays-answer-4330920-36237' value='4330920'/>
<label for='ays-answer-4330920-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Thông tin bản quyền, liên hệ hoặc các liên kết phụ.</label><label for='ays-answer-4330920-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081758'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDkxNyI6IjAiLCI0MzMwOTE4IjoiMCIsIjQzMzA5MTkiOiIwIiwiNDMzMDkyMCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về nội dung thường có trong phần chân trang của website.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081759'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>9 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 9: Để tạo liên kết từ một trang này sang một trang khác trong cùng website, bạn sẽ sử dụng thẻ HTML nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081759]' id='ays-answer-4330921-36237' value='4330921'/>
<label for='ays-answer-4330921-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`<a>`</label><label for='ays-answer-4330921-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081759]' id='ays-answer-4330922-36237' value='4330922'/>
<label for='ays-answer-4330922-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`<img>`</label><label for='ays-answer-4330922-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081759]' id='ays-answer-4330923-36237' value='4330923'/>
<label for='ays-answer-4330923-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`<link>`</label><label for='ays-answer-4330923-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081759]' id='ays-answer-4330924-36237' value='4330924'/>
<label for='ays-answer-4330924-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`<script>`</label><label for='ays-answer-4330924-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081759'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDkyMSI6IjEiLCI0MzMwOTIyIjoiMCIsIjQzMzA5MjMiOiIwIiwiNDMzMDkyNCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về thẻ HTML tạo siêu liên kết.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081760'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>10 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 10: Giả sử bạn muốn thay đổi màu nền cho toàn bộ phần nội dung chính (Content) của một trang. Bạn nên thực hiện việc này bằng cách nào hiệu quả nhất theo nguyên tắc sử dụng CSS?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081760]' id='ays-answer-4330925-36237' value='4330925'/>
<label for='ays-answer-4330925-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt thuộc tính `background-color` trực tiếp vào thẻ HTML `<body>`.</label><label for='ays-answer-4330925-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081760]' id='ays-answer-4330926-36237' value='4330926'/>
<label for='ays-answer-4330926-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt thuộc tính `background-color` trực tiếp vào từng thẻ HTML bên trong phần nội dung.</label><label for='ays-answer-4330926-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081760]' id='ays-answer-4330927-36237' value='4330927'/>
<label for='ays-answer-4330927-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Định nghĩa một lớp CSS cho khu vực nội dung chính và áp dụng thuộc tính `background-color` cho lớp đó.</label><label for='ays-answer-4330927-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081760]' id='ays-answer-4330928-36237' value='4330928'/>
<label for='ays-answer-4330928-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thẻ `<style>` trong phần nội dung để viết CSS.</label><label for='ays-answer-4330928-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081760'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDkyNSI6IjAiLCI0MzMwOTI2IjoiMCIsIjQzMzA5MjciOiIxIiwiNDMzMDkyOCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kỹ năng áp dụng CSS để định dạng một khu vực lớn. Sử dụng lớp CSS cho khu vực đó là cách làm chuẩn.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081761'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>11 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 11: Khi thiết kế một trang web có nhiều phần tử cần xếp theo hàng ngang (ví dụ: menu, các cột nội dung), việc sử dụng các kỹ thuật bố cục như `display: flex`, `float`, hoặc mô hình cột (`Row`, `block_3`) mang lại lợi ích gì so với việc chỉ sử dụng `display: block`?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081761]' id='ays-answer-4330929-36237' value='4330929'/>
<label for='ays-answer-4330929-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Giảm số lượng mã HTML cần viết.</label><label for='ays-answer-4330929-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081761]' id='ays-answer-4330930-36237' value='4330930'/>
<label for='ays-answer-4330930-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Cho phép các phần tử hiển thị cạnh nhau và kiểm soát khoảng cách, căn chỉnh.</label><label for='ays-answer-4330930-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081761]' id='ays-answer-4330931-36237' value='4330931'/>
<label for='ays-answer-4330931-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động điều chỉnh kích thước hình ảnh trong trang.</label><label for='ays-answer-4330931-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081761]' id='ays-answer-4330932-36237' value='4330932'/>
<label for='ays-answer-4330932-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ áp dụng được cho văn bản.</label><label for='ays-answer-4330932-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081761'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDkyOSI6IjAiLCI0MzMwOTMwIjoiMSIsIjQzMzA5MzEiOiIwIiwiNDMzMDkzMiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu phân tích lợi ích của các kỹ thuật bố cục nâng cao so với bố cục mặc định (khối xếp dọc). Các kỹ thuật này giúp kiểm soát vị trí và sắp xếp phần tử linh hoạt hơn.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081762'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>12 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 12: Trong quá trình thực hành thiết kế, nếu bạn muốn một hình ảnh trong phần Banner tự động điều chỉnh kích thước để vừa với chiều rộng của khu vực Banner mà không làm biến dạng hình ảnh, bạn có thể sử dụng thuộc tính CSS nào cho thẻ `<img>`?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081762]' id='ays-answer-4330933-36237' value='4330933'/>
<label for='ays-answer-4330933-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`width: 100%; height: auto;`</label><label for='ays-answer-4330933-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081762]' id='ays-answer-4330934-36237' value='4330934'/>
<label for='ays-answer-4330934-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`display: block;`</label><label for='ays-answer-4330934-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081762]' id='ays-answer-4330935-36237' value='4330935'/>
<label for='ays-answer-4330935-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`float: left;`</label><label for='ays-answer-4330935-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081762]' id='ays-answer-4330936-36237' value='4330936'/>
<label for='ays-answer-4330936-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`margin: auto;`</label><label for='ays-answer-4330936-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081762'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDkzMyI6IjEiLCI0MzMwOTM0IjoiMCIsIjQzMzA5MzUiOiIwIiwiNDMzMDkzNiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra khả năng áp dụng CSS để xử lý hình ảnh trong bố cục đáp ứng cơ bản. `width: 100%` và `height: auto` (hoặc chỉ `width: 100%` thường đủ) là cách phổ biến.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081763'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>13 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 13: Khi xây dựng trang chi tiết cho một câu lạc bộ cụ thể (ví dụ: CLB Bóng đá), nội dung chính trên trang này nên tập trung vào điều gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081763]' id='ays-answer-4330937-36237' value='4330937'/>
<label for='ays-answer-4330937-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Thông tin chung về tất cả các câu lạc bộ.</label><label for='ays-answer-4330937-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081763]' id='ays-answer-4330938-36237' value='4330938'/>
<label for='ays-answer-4330938-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Biểu mẫu đăng ký chung cho mọi hoạt động.</label><label for='ays-answer-4330938-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081763]' id='ays-answer-4330939-36237' value='4330939'/>
<label for='ays-answer-4330939-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Thông tin liên hệ của người quản trị website.</label><label for='ays-answer-4330939-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081763]' id='ays-answer-4330940-36237' value='4330940'/>
<label for='ays-answer-4330940-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Thông tin chi tiết về CLB đó: giới thiệu, lịch hoạt động, thành tích, hình ảnh/video.</label><label for='ays-answer-4330940-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081763'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDkzNyI6IjAiLCI0MzMwOTM4IjoiMCIsIjQzMzA5MzkiOiIwIiwiNDMzMDk0MCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra hiểu biết về mục đích và nội dung của các trang con trong cấu trúc website dự án.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081764'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>14 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 14: Để thêm một đoạn văn bản mô tả ngắn gọn về website hoặc khẩu hiệu (slogan) ngay dưới Banner trong phần Header, bạn sẽ đặt nội dung này trong khu vực nào theo cấu trúc được gợi ý?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081764]' id='ays-answer-4330941-36237' value='4330941'/>
<label for='ays-answer-4330941-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Footer</label><label for='ays-answer-4330941-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081764]' id='ays-answer-4330942-36237' value='4330942'/>
<label for='ays-answer-4330942-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Content</label><label for='ays-answer-4330942-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081764]' id='ays-answer-4330943-36237' value='4330943'/>
<label for='ays-answer-4330943-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Slogan (trong Header)</label><label for='ays-answer-4330943-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081764]' id='ays-answer-4330944-36237' value='4330944'/>
<label for='ays-answer-4330944-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Banner (trong Header)</label><label for='ays-answer-4330944-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081764'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDk0MSI6IjAiLCI0MzMwOTQyIjoiMCIsIjQzMzA5NDMiOiIxIiwiNDMzMDk0NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về các thành phần trong phần đầu trang.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081765'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>15 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 15: Việc sử dụng các thẻ HTML ngữ nghĩa (semantic tags) như `</p>
<header>`, `<main>`, `</p>
<footer>`, `</p>
<nav>`, `</p>
<article>`, `</p>
<aside>` thay vì chỉ dùng `</p>
<div>` cho mọi thứ mang lại lợi ích chính nào cho việc thiết kế và phát triển web?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081765]' id='ays-answer-4330945-36237' value='4330945'/>
<label for='ays-answer-4330945-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho trang web tải nhanh hơn.</label><label for='ays-answer-4330945-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081765]' id='ays-answer-4330946-36237' value='4330946'/>
<label for='ays-answer-4330946-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Cải thiện khả năng đọc hiểu mã nguồn cho lập trình viên và hỗ trợ công cụ tìm kiếm/trình đọc màn hình (SEO & Accessibility).</label><label for='ays-answer-4330946-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081765]' id='ays-answer-4330947-36237' value='4330947'/>
<label for='ays-answer-4330947-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động áp dụng các kiểu dáng CSS đẹp hơn.</label><label for='ays-answer-4330947-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081765]' id='ays-answer-4330948-36237' value='4330948'/>
<label for='ays-answer-4330948-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Bắt buộc người dùng phải đăng nhập mới xem được nội dung.</label><label for='ays-answer-4330948-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081765'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDk0NSI6IjAiLCI0MzMwOTQ2IjoiMSIsIjQzMzA5NDciOiIwIiwiNDMzMDk0OCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra hiểu biết về tầm quan trọng của HTML ngữ nghĩa, một khái niệm liên quan đến cấu trúc trang web hiệu quả.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081766'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>16 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 16: Nếu bạn muốn tạo một danh sách các liên kết để điều hướng người dùng đến các trang khác nhau của website (ví dụ: Trang chủ, Thể thao, Nghệ thuật), bạn thường đặt danh sách này ở đâu trên trang web để người dùng dễ dàng truy cập?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081766]' id='ays-answer-4330949-36237' value='4330949'/>
<label for='ays-answer-4330949-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Trong phần Header hoặc ngay dưới Header (thanh điều hướng).</label><label for='ays-answer-4330949-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081766]' id='ays-answer-4330950-36237' value='4330950'/>
<label for='ays-answer-4330950-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ ở cuối mỗi trang (Footer).</label><label for='ays-answer-4330950-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081766]' id='ays-answer-4330951-36237' value='4330951'/>
<label for='ays-answer-4330951-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Rải rác trong phần nội dung chính.</label><label for='ays-answer-4330951-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081766]' id='ays-answer-4330952-36237' value='4330952'/>
<label for='ays-answer-4330952-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ trên trang chủ.</label><label for='ays-answer-4330952-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081766'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDk0OSI6IjEiLCI0MzMwOTUwIjoiMCIsIjQzMzA5NTEiOiIwIiwiNDMzMDk1MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về vị trí đặt thanh điều hướng (navigation).</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081767'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>17 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 17: Khi thiết kế biểu mẫu đăng ký tham gia câu lạc bộ, bạn sẽ sử dụng các thẻ HTML nào để tạo các ô nhập liệu cho người dùng (ví dụ: Tên, Lớp, Email)?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081767]' id='ays-answer-4330953-36237' value='4330953'/>
<label for='ays-answer-4330953-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`<h1>`, `<h2>`, `<p>`</label><label for='ays-answer-4330953-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081767]' id='ays-answer-4330954-36237' value='4330954'/>
<label for='ays-answer-4330954-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`<img>`, `<video>`</label><label for='ays-answer-4330954-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081767]' id='ays-answer-4330955-36237' value='4330955'/>
<label for='ays-answer-4330955-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`<input>`, `<textarea>`, `<select>`</label><label for='ays-answer-4330955-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081767]' id='ays-answer-4330956-36237' value='4330956'/>
<label for='ays-answer-4330956-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`<a>`, `<link>`</label><label for='ays-answer-4330956-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081767'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDk1MyI6IjAiLCI0MzMwOTU0IjoiMCIsIjQzMzA5NTUiOiIxIiwiNDMzMDk1NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về các thẻ HTML dùng để tạo form nhập liệu.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081768'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>18 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 18: Giả sử bạn đã định nghĩa một lớp CSS tên là `.highlight` để làm nổi bật văn bản. Để áp dụng lớp này cho một đoạn văn bản cụ thể trong tệp HTML, bạn sẽ sử dụng thuộc tính HTML nào trong thẻ chứa đoạn văn bản đó?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081768]' id='ays-answer-4330957-36237' value='4330957'/>
<label for='ays-answer-4330957-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`id`</label><label for='ays-answer-4330957-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081768]' id='ays-answer-4330958-36237' value='4330958'/>
<label for='ays-answer-4330958-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`class`</label><label for='ays-answer-4330958-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081768]' id='ays-answer-4330959-36237' value='4330959'/>
<label for='ays-answer-4330959-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`style`</label><label for='ays-answer-4330959-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081768]' id='ays-answer-4330960-36237' value='4330960'/>
<label for='ays-answer-4330960-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`src`</label><label for='ays-answer-4330960-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081768'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDk1NyI6IjAiLCI0MzMwOTU4IjoiMSIsIjQzMzA5NTkiOiIwIiwiNDMzMDk2MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kỹ năng áp dụng lớp CSS vào phần tử HTML.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081769'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>19 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 19: Tại sao việc sử dụng hình ảnh và video chất lượng cao nhưng có kích thước tệp tin được tối ưu lại quan trọng khi thiết kế trang web?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081769]' id='ays-answer-4330961-36237' value='4330961'/>
<label for='ays-answer-4330961-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Đảm bảo trang web tải nhanh hơn và hiển thị đẹp mắt trên nhiều thiết bị.</label><label for='ays-answer-4330961-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081769]' id='ays-answer-4330962-36237' value='4330962'/>
<label for='ays-answer-4330962-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ để trang web trông chuyên nghiệp hơn.</label><label for='ays-answer-4330962-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081769]' id='ays-answer-4330963-36237' value='4330963'/>
<label for='ays-answer-4330963-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp công cụ tìm kiếm xếp hạng trang web cao hơn.</label><label for='ays-answer-4330963-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081769]' id='ays-answer-4330964-36237' value='4330964'/>
<label for='ays-answer-4330964-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Bắt buộc phải làm vậy theo chuẩn HTML5.</label><label for='ays-answer-4330964-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081769'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDk2MSI6IjEiLCI0MzMwOTYyIjoiMCIsIjQzMzA5NjMiOiIwIiwiNDMzMDk2NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu phân tích ảnh hưởng của tài nguyên đa phương tiện đến hiệu suất trang web.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081770'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>20 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 20: Trong tệp CSS, quy tắc nào được sử dụng để chọn tất cả các phần tử có cùng một lớp cụ thể (ví dụ: lớp `block_3`) để áp dụng kiểu dáng?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081770]' id='ays-answer-4330965-36237' value='4330965'/>
<label for='ays-answer-4330965-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`#tên_lớp`</label><label for='ays-answer-4330965-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081770]' id='ays-answer-4330966-36237' value='4330966'/>
<label for='ays-answer-4330966-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`tên_lớp`</label><label for='ays-answer-4330966-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081770]' id='ays-answer-4330967-36237' value='4330967'/>
<label for='ays-answer-4330967-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`element tên_lớp`</label><label for='ays-answer-4330967-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081770]' id='ays-answer-4330968-36237' value='4330968'/>
<label for='ays-answer-4330968-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`.tên_lớp`</label><label for='ays-answer-4330968-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081770'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDk2NSI6IjAiLCI0MzMwOTY2IjoiMCIsIjQzMzA5NjciOiIwIiwiNDMzMDk2OCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về cú pháp bộ chọn (selector) trong CSS.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081771'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>21 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 21: Để tạo khoảng trống (lề) bên ngoài đường viền của một phần tử HTML, bạn sẽ sử dụng thuộc tính CSS nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081771]' id='ays-answer-4330969-36237' value='4330969'/>
<label for='ays-answer-4330969-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`padding`</label><label for='ays-answer-4330969-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081771]' id='ays-answer-4330970-36237' value='4330970'/>
<label for='ays-answer-4330970-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`margin`</label><label for='ays-answer-4330970-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081771]' id='ays-answer-4330971-36237' value='4330971'/>
<label for='ays-answer-4330971-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`border`</label><label for='ays-answer-4330971-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081771]' id='ays-answer-4330972-36237' value='4330972'/>
<label for='ays-answer-4330972-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`outline`</label><label for='ays-answer-4330972-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081771'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDk2OSI6IjAiLCI0MzMwOTcwIjoiMSIsIjQzMzA5NzEiOiIwIiwiNDMzMDk3MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về các thuộc tính CSS Box Model cơ bản.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081772'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>22 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 22: Để tạo khoảng trống (đệm) bên trong đường viền của một phần tử HTML, giữa nội dung và đường viền, bạn sẽ sử dụng thuộc tính CSS nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081772]' id='ays-answer-4330973-36237' value='4330973'/>
<label for='ays-answer-4330973-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`padding`</label><label for='ays-answer-4330973-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081772]' id='ays-answer-4330974-36237' value='4330974'/>
<label for='ays-answer-4330974-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`margin`</label><label for='ays-answer-4330974-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081772]' id='ays-answer-4330975-36237' value='4330975'/>
<label for='ays-answer-4330975-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`border`</label><label for='ays-answer-4330975-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081772]' id='ays-answer-4330976-36237' value='4330976'/>
<label for='ays-answer-4330976-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`spacing`</label><label for='ays-answer-4330976-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081772'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDk3MyI6IjEiLCI0MzMwOTc0IjoiMCIsIjQzMzA5NzUiOiIwIiwiNDMzMDk3NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về các thuộc tính CSS Box Model cơ bản.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081773'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>23 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 23: Giả sử bạn muốn đặt tiêu đề chính của trang web (ví dụ: 'Website Câu lạc bộ') nằm chính giữa theo chiều ngang trong khu vực Banner. Bạn có thể sử dụng kết hợp các thuộc tính CSS nào cho phần tử chứa tiêu đề hoặc cho khối chứa nó?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081773]' id='ays-answer-4330977-36237' value='4330977'/>
<label for='ays-answer-4330977-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`float: center;`</label><label for='ays-answer-4330977-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081773]' id='ays-answer-4330978-36237' value='4330978'/>
<label for='ays-answer-4330978-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`text-align: center;` (áp dụng cho khối chứa văn bản)</label><label for='ays-answer-4330978-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081773]' id='ays-answer-4330979-36237' value='4330979'/>
<label for='ays-answer-4330979-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`margin-left: 50%;`</label><label for='ays-answer-4330979-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081773]' id='ays-answer-4330980-36237' value='4330980'/>
<label for='ays-answer-4330980-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`display: inline;`</label><label for='ays-answer-4330980-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081773'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDk3NyI6IjAiLCI0MzMwOTc4IjoiMSIsIjQzMzA5NzkiOiIwIiwiNDMzMDk4MCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu áp dụng các thuộc tính CSS để căn chỉnh văn bản hoặc khối. `text-align: center` cho văn bản hoặc các kỹ thuật căn giữa khối (`margin: auto`, `display: flex` + `justify-content: center`) đều là các phương pháp.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081774'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>24 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 24: Nếu bạn muốn thêm một đường viền xung quanh khu vực nội dung chính (Content) để phân biệt nó rõ ràng hơn với các khu vực khác, bạn sẽ sử dụng thuộc tính CSS nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081774]' id='ays-answer-4330981-36237' value='4330981'/>
<label for='ays-answer-4330981-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`outline`</label><label for='ays-answer-4330981-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081774]' id='ays-answer-4330982-36237' value='4330982'/>
<label for='ays-answer-4330982-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`margin`</label><label for='ays-answer-4330982-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081774]' id='ays-answer-4330983-36237' value='4330983'/>
<label for='ays-answer-4330983-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`border`</label><label for='ays-answer-4330983-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081774]' id='ays-answer-4330984-36237' value='4330984'/>
<label for='ays-answer-4330984-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`background`</label><label for='ays-answer-4330984-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081774'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDk4MSI6IjAiLCI0MzMwOTgyIjoiMCIsIjQzMzA5ODMiOiIxIiwiNDMzMDk4NCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về thuộc tính CSS để tạo đường viền.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081775'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>25 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 25: Khi thiết kế menu điều hướng, việc sử dụng danh sách không thứ tự (`</p>
<ul>` và `</p>
<li>`) kết hợp với CSS để loại bỏ dấu chấm đầu dòng và xếp các mục theo chiều ngang là một kỹ thuật phổ biến. Lợi ích chính của cách làm này là gì?<br />
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081775]' id='ays-answer-4330985-36237' value='4330985'/>
<label for='ays-answer-4330985-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho menu có hiệu ứng động đẹp mắt.</label><label for='ays-answer-4330985-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081775]' id='ays-answer-4330986-36237' value='4330986'/>
<label for='ays-answer-4330986-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Giảm thời gian viết mã HTML.</label><label for='ays-answer-4330986-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081775]' id='ays-answer-4330987-36237' value='4330987'/>
<label for='ays-answer-4330987-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động tạo hiệu ứng hover cho các mục menu.</label><label for='ays-answer-4330987-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081775]' id='ays-answer-4330988-36237' value='4330988'/>
<label for='ays-answer-4330988-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Tách biệt cấu trúc danh sách khỏi kiểu dáng hiển thị, dễ quản lý và có ý nghĩa ngữ nghĩa.</label><label for='ays-answer-4330988-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081775'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDk4NSI6IjAiLCI0MzMwOTg2IjoiMCIsIjQzMzA5ODciOiIwIiwiNDMzMDk4OCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi yêu cầu phân tích lợi ích của việc sử dụng các thẻ HTML ngữ nghĩa cho mục đích cụ thể (danh sách) và sau đó dùng CSS để trình bày. Nó giúp tách biệt cấu trúc (HTML) khỏi trình bày (CSS) và cải thiện ngữ nghĩa.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081776'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>26 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 26: Giả sử bạn muốn tạo một trang riêng chỉ chứa biểu mẫu để người dùng điền thông tin đăng ký tham gia. Trang này nên có cấu trúc cơ bản như thế nào so với các trang khác trong website?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081776]' id='ays-answer-4330989-36237' value='4330989'/>
<label for='ays-answer-4330989-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Nên giữ lại Header và Footer giống các trang khác để đảm bảo tính nhất quán, chỉ thay đổi nội dung chính (Content) bằng biểu mẫu.</label><label for='ays-answer-4330989-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081776]' id='ays-answer-4330990-36237' value='4330990'/>
<label for='ays-answer-4330990-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Không cần Header và Footer, chỉ cần hiển thị biểu mẫu ở giữa trang.</label><label for='ays-answer-4330990-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081776]' id='ays-answer-4330991-36237' value='4330991'/>
<label for='ays-answer-4330991-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần Header, bỏ qua Footer và nội dung chính.</label><label for='ays-answer-4330991-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081776]' id='ays-answer-4330992-36237' value='4330992'/>
<label for='ays-answer-4330992-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Cần một tệp CSS hoàn toàn khác so với các trang còn lại.</label><label for='ays-answer-4330992-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081776'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDk4OSI6IjEiLCI0MzMwOTkwIjoiMCIsIjQzMzA5OTEiOiIwIiwiNDMzMDk5MiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra hiểu biết về tính nhất quán trong cấu trúc website. Các trang con thường giữ lại các phần chung như Header và Footer.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081777'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>27 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 27: Khi sử dụng các lớp CSS như `Row` và `block_3` để tạo bố cục cột, điều gì sẽ xảy ra nếu tổng chiều rộng của các `block_3` vượt quá chiều rộng của `Row` chứa chúng?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081777]' id='ays-answer-4330993-36237' value='4330993'/>
<label for='ays-answer-4330993-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Các `block_3` sẽ tự động co lại để vừa với `Row`.</label><label for='ays-answer-4330993-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081777]' id='ays-answer-4330994-36237' value='4330994'/>
<label for='ays-answer-4330994-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Các `block_3` sẽ biến mất khỏi trang.</label><label for='ays-answer-4330994-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081777]' id='ays-answer-4330995-36237' value='4330995'/>
<label for='ays-answer-4330995-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Các `block_3` sẽ tràn ra ngoài `Row` hoặc một số `block_3` sẽ bị đẩy xuống hàng tiếp theo.</label><label for='ays-answer-4330995-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081777]' id='ays-answer-4330996-36237' value='4330996'/>
<label for='ays-answer-4330996-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Trình duyệt sẽ báo lỗi và không hiển thị gì cả.</label><label for='ays-answer-4330996-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081777'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDk5MyI6IjAiLCI0MzMwOTk0IjoiMCIsIjQzMzA5OTUiOiIxIiwiNDMzMDk5NiI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra khả năng phân tích kết quả của các quy tắc CSS bố cục khi có xung đột về kích thước.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081778'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>28 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 28: Mục đích của việc đặt các liên kết điều hướng chính (ví dụ: đến Trang chủ, Thể thao, Nghệ thuật) ở vị trí dễ thấy trong phần Header hoặc ngay dưới Header là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081778]' id='ays-answer-4330997-36237' value='4330997'/>
<label for='ays-answer-4330997-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Để làm cho Header trông đầy đặn hơn.</label><label for='ays-answer-4330997-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081778]' id='ays-answer-4330998-36237' value='4330998'/>
<label for='ays-answer-4330998-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Để làm tăng dung lượng tệp tin HTML.</label><label for='ays-answer-4330998-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081778]' id='ays-answer-4330999-36237' value='4330999'/>
<label for='ays-answer-4330999-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Vì đó là vị trí duy nhất mà liên kết hoạt động.</label><label for='ays-answer-4330999-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081778]' id='ays-answer-4331000-36237' value='4331000'/>
<label for='ays-answer-4331000-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp người dùng dễ dàng tìm thấy và di chuyển giữa các trang quan trọng của website.</label><label for='ays-answer-4331000-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081778'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMDk5NyI6IjAiLCI0MzMwOTk4IjoiMCIsIjQzMzA5OTkiOiIwIiwiNDMzMTAwMCI6IjEifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra hiểu biết về nguyên tắc thiết kế trải nghiệm người dùng (UX) liên quan đến điều hướng.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081779'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>29 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 29: Giả sử bạn muốn thêm một hình ảnh nhỏ làm logo bên cạnh tiêu đề chính trong Banner. Thẻ HTML nào phù hợp nhất để chèn hình ảnh này?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081779]' id='ays-answer-4331001-36237' value='4331001'/>
<label for='ays-answer-4331001-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`<video>`</label><label for='ays-answer-4331001-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081779]' id='ays-answer-4331002-36237' value='4331002'/>
<label for='ays-answer-4331002-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`<img>`</label><label for='ays-answer-4331002-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081779]' id='ays-answer-4331003-36237' value='4331003'/>
<label for='ays-answer-4331003-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`<a>`</label><label for='ays-answer-4331003-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081779]' id='ays-answer-4331004-36237' value='4331004'/>
<label for='ays-answer-4331004-36237' class=' ays_position_initial ays-quiz-keyboard-label'>`<p>`</label><label for='ays-answer-4331004-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081779'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMTAwMSI6IjAiLCI0MzMxMDAyIjoiMSIsIjQzMzEwMDMiOiIwIiwiNDMzMTAwNCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra kiến thức về thẻ HTML dùng để nhúng hình ảnh.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='1081780'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>30 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 10</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 30: Khi sử dụng CSS để định dạng một phần tử HTML, thứ tự ưu tiên áp dụng các quy tắc CSS (ví dụ: inline style, internal style trong `</p>
<style>`, external style từ tệp `.css`) ảnh hưởng như thế nào đến kết quả hiển thị cuối cùng?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081780]' id='ays-answer-4331005-36237' value='4331005'/>
<label for='ays-answer-4331005-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Các quy tắc có độ ưu tiên cao hơn (ví dụ: inline style) sẽ ghi đè lên các quy tắc có độ ưu tiên thấp hơn (ví dụ: external style) nếu cùng áp dụng cho một thuộc tính.</label><label for='ays-answer-4331005-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081780]' id='ays-answer-4331006-36237' value='4331006'/>
<label for='ays-answer-4331006-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Quy tắc được viết sau cùng trong bất kỳ tệp nào luôn có độ ưu tiên cao nhất.</label><label for='ays-answer-4331006-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081780]' id='ays-answer-4331007-36237' value='4331007'/>
<label for='ays-answer-4331007-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có các quy tắc trong tệp `.css` ngoài mới được áp dụng.</label><label for='ays-answer-4331007-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-1081780]' id='ays-answer-4331008-36237' value='4331008'/>
<label for='ays-answer-4331008-36237' class=' ays_position_initial ays-quiz-keyboard-label'>Thứ tự áp dụng không quan trọng, trình duyệt sẽ chọn quy tắc ngẫu nhiên.</label><label for='ays-answer-4331008-36237' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_36237 === 'undefined'){
window.quizOptions_36237 = [];
}
window.quizOptions_36237['1081780'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMzMTAwNSI6IjEiLCI0MzMxMDA2IjoiMCIsIjQzMzEwMDciOiIwIiwiNDMzMTAwOCI6IjAifX0=';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' />
<i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/>
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>Câu hỏi kiểm tra hiểu biết về tính 'Cascading' (thứ tự ưu tiên) của CSS. Đây là một khái niệm cốt lõi để hiểu cách các quy tắc CSS được áp dụng.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step ays_thank_you_fs'>
<div class='ays-abs-fs ays-end-page'>
<div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-36237 * { box-sizing: border-box; } #ays-quiz-container-36237 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-36237 #ays_finish_quiz_36237 { } /* Styles for Quiz container */ #ays-quiz-container-36237{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-36237 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-36237 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-36237 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-36237 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-36237 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-36237 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-36237 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-36237 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-36237.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-36237.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-36237 #ays_finish_quiz_36237 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-36237.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-36237.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-36237.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-36237.ays-quiz-container .ays-questions-container p, #ays-quiz-container-36237.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-36237.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-36237.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-36237.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-36237.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-36237.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-36237.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-36237.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-36237.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-36237 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-36237 .ays-quiz-password-message-box, #ays-quiz-container-36237 .ays-quiz-question-note-message-box, #ays-quiz-container-36237 .ays_quiz_question, #ays-quiz-container-36237 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-36237 textarea, #ays-quiz-container-36237 input::first-letter, #ays-quiz-container-36237 select::first-letter, #ays-quiz-container-36237 option::first-letter { color: initial !important; } #ays-quiz-container-36237 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-36237 .select2-container, #ays-quiz-container-36237 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-36237 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-36237 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-36237 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-36237 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-36237 .ays-questions-container .ays-field, div#ays-quiz-container-36237 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-36237 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-36237 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-36237 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-36237 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-36237 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-36237 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-36237 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-36237 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-36237 .information_form input[type='text'], #ays-quiz-container-36237 .information_form input[type='url'], #ays-quiz-container-36237 .information_form input[type='number'], #ays-quiz-container-36237 .information_form input[type='email'], #ays-quiz-container-36237 .information_form input[type='tel'], #ays-quiz-container-36237 .information_form textarea, #ays-quiz-container-36237 .information_form select, #ays-quiz-container-36237 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-36237 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-36237 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-36237 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-36237 .right_answer_text{ color:#33cc33; } #ays-quiz-container-36237 .right_answer_text p { font-size:16px; } #ays-quiz-container-36237 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-36237 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-36237 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-36237 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-36237 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-36237 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-36237 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-36237 .ays_cb_and_a, #ays-quiz-container-36237 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-36237 iframe { /*min-height: 450px;*/ } #ays-quiz-container-36237 label.ays_for_checkbox, #ays-quiz-container-36237 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-36237 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-36237 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-36237 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-36237 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-36237 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-36237 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-36237 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-36237 div.lds-spinner, #ays-quiz-container-36237 div.lds-spinner2 { color: #000000; } #ays-quiz-container-36237 div.lds-spinner div:after, #ays-quiz-container-36237 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-36237 .lds-circle, #ays-quiz-container-36237 .lds-facebook div, #ays-quiz-container-36237 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-36237 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-36237 .lds-dual-ring::after, #ays-quiz-container-36237 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-36237 .ui.rating .icon, #ays-quiz-container-36237 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-36237 #ays_finish_quiz_36237 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-36237 #ays_finish_quiz_36237 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-36237 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-36237 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-36237 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-36237 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-36237 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-36237 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-36237 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-36237 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-36237 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-36237 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-36237 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-36237 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-36237 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-36237 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-36237 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-36237 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-36237 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-36237 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-36237 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-36237 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-36237 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-36237 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-36237 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-36237 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-36237 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-36237 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-36237 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-36237 div.ays-quiz-redirection-timer, #ays-quiz-container-36237 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-36237 div.ays-quiz-after-timer * , #ays-quiz-container-36237 div.ays-quiz-redirection-timer *, #ays-quiz-container-36237 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-36237 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-36237 input#ays-submit, #ays-quiz-container-36237 #ays_finish_quiz_36237 .action-button, #ays-quiz-container-36237 #ays_finish_quiz_36237 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-36237 #ays_finish_quiz_36237 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-36237 #ays_finish_quiz_36237 .action-button.ays_restart_button, #ays-quiz-container-36237 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-36237 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-36237 input#ays-submit, #ays-quiz-container-36237 #ays_finish_quiz_36237 input.action-button, #ays-quiz-container-36237 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-36237 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-36237 #ays_finish_quiz_36237 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-36237 #ays_finish_quiz_36237 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-36237 #ays_finish_quiz_36237 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-36237 input#ays-submit:hover, #ays-quiz-container-36237 input#ays-submit:focus, #ays-quiz-container-36237 #ays_finish_quiz_36237 .action-button:hover, #ays-quiz-container-36237 #ays_finish_quiz_36237 .action-button:focus, #ays-quiz-container-36237 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-36237 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-36237 .ays_restart_button { color: #ffffff; } #ays-quiz-container-36237 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-36237 .ays_buttons_div { justify-content: center; } #ays-quiz-container-36237 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-36237 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-36237 input[type='button'], #ays-quiz-container-36237 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-36237 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-36237 input[type='button']:focus-visible, div#ays-quiz-container-36237 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-36237 #ays_finish_quiz_36237 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-36237 #ays_finish_quiz_36237 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-36237 #ays_finish_quiz_36237 i.ays_early_finish.action-button[disabled], #ays-quiz-container-36237 #ays_finish_quiz_36237 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-36237 #ays_finish_quiz_36237 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-36237 #ays_finish_quiz_36237 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-36237 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-36237 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-36237 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-36237.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-36237 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-36237 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-36237 #ays_finish_quiz_36237 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-36237 #ays_finish_quiz_36237 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-36237 #ays_finish_quiz_36237 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-36237 #ays_finish_quiz_36237 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-36237 #ays_finish_quiz_36237 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-36237 #ays_finish_quiz_36237 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-36237 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-36237 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-36237 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-36237 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-36237 #ays_finish_quiz_36237 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-36237 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-36237 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-36237 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-36237 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-36237 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-36237 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-36237 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-36237 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-36237 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-36237 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-36237 #ays_finish_quiz_36237 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-36237 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-36237 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-36237 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-36237 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-36237 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-36237 .ays-field .select2-container--default, #ays-quiz-container-36237 .ays-field .select2-container--default .selection, #ays-quiz-container-36237 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-36237 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-36237 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-36237 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-36237 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-36237 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-36237 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-36237 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-36237 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-36237 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-36237 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-36237 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-36237 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-36237 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-36237 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-36237 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-36237 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-36237 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-36237 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-36237 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-36237 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-36237 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-36237 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-36237 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-36237.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-36237.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-36237 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-36237 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-36237 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-36237 label[for^='ays-answer']:before, #ays-quiz-container-36237 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-36237 .ays_question_report { text-align: right; } div#ays-quiz-container-36237 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-36237 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-36237.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-36237.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-36237.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-36237.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-36237.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-36237.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-36237 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-36237.ays_quiz_classic_dark .correct_div, #ays-quiz-container-36237.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-36237.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-36237.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-36237.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-36237.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-36237.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-36237.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-36237 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-36237 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-36237 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-36237 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-36237 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-36237 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-36237 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-36237 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-36237 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-36237.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-36237.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-36237 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-36237 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-36237 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-36237 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-36237 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-36237 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-36237 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-36237 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-36237 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-36237 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-36237 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-36237 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-36237 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-36237 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-36237 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-36237 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-36237 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-36237 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-36237 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-36237 .ays-quiz-personality-result-box div:before, #ays-quiz-container-36237 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-36237 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-36237 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-36237 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-36237 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-36237 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-36237 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-36237 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-36237 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-36237 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-36237 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-36237 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-36237 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-36237 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-36237{ max-width: 100%; } div#ays-quiz-container-36237 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-36237.ays_quiz_modern_light .step, div#ays-quiz-container-36237.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-36237.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-36237.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-36237.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-36237.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-36237 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-36237 .select2-container, div#ays-quiz-container-36237 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-36237 input#ays-submit, div#ays-quiz-container-36237 #ays_finish_quiz_36237 .action-button, div#ays-quiz-container-36237 #ays_finish_quiz_36237 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-36237 #ays_finish_quiz_36237 .action-button.ays_restart_button, #ays-quiz-container-36237 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-36237 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-36237 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-36237 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-36237 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-36237 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-36237 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-36237 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-36237 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-36237 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style>
<style>
#ays-quiz-container-36237 p {
margin: 0.625em;
}
#ays-quiz-container-36237.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label,
#ays-quiz-container-36237.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label {
/* background-color: transparent; */
}
#ays-quiz-container-36237 .ays-field.checked_answer_div input:checked~label {
background-color: rgba(93,108,249,0.6);
}
#ays-quiz-container-36237.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'],
#ays-quiz-container-36237 .ays-field:hover{
background: rgba(93,108,249,0.8);
color: #fff;
transition: all .3s;
}
#ays-quiz-container-36237 #ays_finish_quiz_36237 .action-button:hover,
#ays-quiz-container-36237 #ays_finish_quiz_36237 .action-button:focus,
#ays-quiz-container-36237 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover,
#ays-quiz-container-36237 .ays-quiz-category-selective-submit-bttn:focus {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff;
background: #5d6cf9;
}
</style><script>
if(typeof aysQuizOptions === 'undefined'){
var aysQuizOptions = [];
}
aysQuizOptions['36237'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzNjIzNyIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDEwIiwiZGVzY3JpcHRpb24iOiI8cD48c3Ryb25nPkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gS1x1MWViZnQgblx1MWVkMWkgdHJpIHRoXHUxZWU5YyAtIEJcdTAwZTBpIDE4OiBUaFx1MWVmMWMgaFx1MDBlMG5oIHRcdTFlZDVuZyBoXHUxZWUzcCB0aGlcdTFlYmZ0IGtcdTFlYmYgdHJhbmcgd2ViIC0gXHUwMTEwXHUwMGVhXHUwMzAwIDEwPFwvc3Ryb25nPiBcdTAxMTFcdTAxYjBcdTFlZTNjIHhcdTAwZTJ5IGRcdTFlZjFuZyB2XHUxZWRiaSBuaGlcdTFlYzF1IGNcdTAwZTJ1IGhcdTFlY2ZpIGNoXHUxZWE1dCBsXHUwMWIwXHUxZWUzbmcsIHNcdTAwZTF0IHZcdTFlZGJpIG5cdTFlZDlpIGR1bmcgY2hcdTAxYjBcdTAxYTFuZyB0clx1MDBlY25oIGhcdTFlY2RjLCBnaVx1MDBmYXAgYlx1MWVhMW4gZFx1MWVjNSBkXHUwMGUwbmcgXHUwMGY0biB0XHUxZWFkcCB2XHUwMGUwIGtpXHUxZWMzbSB0cmEga2lcdTFlYmZuIHRoXHUxZWU5YyBoaVx1MWVjN3UgcXVcdTFlYTMuIEhcdTAwZTN5IGNcdTAwZjluZyBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1IGxcdTAwZTBtIGJcdTAwZTBpIHRcdTFlYWRwIHRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBuZ2F5IFx1MDExMVx1MWVjMyBuXHUwMGUybmcgY2FvIGhpXHUxZWMzdSBiaVx1MWViZnQgdlx1MDBlMCBjaHVcdTFlYTluIGJcdTFlY2IgdFx1MWVkMXQgY2hvIGtcdTFlZjMgdGhpIHNcdTFlYWZwIHRcdTFlZGJpITxcL3A+XHJcblxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgY1x1MWVhNXUgdHJcdTAwZmFjIGNcdTAxYTEgYlx1MWVhM24gY2hvIG1cdTFlZDl0IHRyYW5nIHdlYiB0aGVvIGhcdTAxYjBcdTFlZGJuZyBkXHUxZWFibiBjXHUxZWU3YSBCXHUwMGUwaSAxOCwgdmlcdTFlYzdjIHBoXHUwMGUybiBjaGlhIHRyYW5nIHRoXHUwMGUwbmggY1x1MDBlMWMga2h1IHZcdTFlZjFjIG5oXHUwMWIwIFx1MDExMVx1MWVhN3UgdHJhbmcgKEhlYWRlciksIG5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaCAoQ29udGVudCksIHZcdTAwZTAgY2hcdTAwZTJuIHRyYW5nIChGb290ZXIpIG5oXHUxZWIxbSBtXHUxZWU1YyBcdTAxMTFcdTAwZWRjaCBjaFx1MDBlZG5oIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gR2lcdTFlYTNtIGR1bmcgbFx1MDFiMFx1MWVlM25nIHRcdTFlYzdwIHRpbiBIVE1MLjxcL2xpPlxyXG48bGk+Qi4gQlx1MWVhZnQgYnVcdTFlZDljIHRyXHUwMGVjbmggZHV5XHUxZWM3dCBoaVx1MWVjM24gdGhcdTFlY2IgdGhlbyBtXHUxZWQ5dCB0aFx1MWVlOSB0XHUxZWYxIG5oXHUxZWE1dCBcdTAxMTFcdTFlY2JuaC48XC9saT5cclxuPGxpPkMuIFRcdTAxMDNuZyB0XHUxZWQxYyBcdTAxMTFcdTFlZDkgdFx1MWVhM2kgdHJhbmcgd2ViLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBUXHUxZWQ1IGNoXHUxZWU5YyBuXHUxZWQ5aSBkdW5nIGxvZ2ljLCBkXHUxZWM1IHF1XHUxZWEzbiBsXHUwMGZkIHZcdTAwZTAgXHUwMGUxcCBkXHUxZWU1bmcgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIENTUy48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjogXHUwMTEwXHUxZWMzIFx1MDExMVx1MWVhM20gYlx1MWVhM28gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0cmFuZyB0cm9uZyB3ZWJzaXRlIChUcmFuZyBjaFx1MWVlNywgdHJhbmcgR2lcdTFlZGJpIHRoaVx1MWVjN3UgQ0xCIFRoXHUxZWMzIHRoYW8sIHRyYW5nIEdpXHUxZWRiaSB0aGlcdTFlYzd1IENMQiBOZ2hcdTFlYzcgdGh1XHUxZWFkdCwuLi4pIGNcdTAwZjMgZ2lhbyBkaVx1MWVjN24gdlx1MDBlMCBwaG9uZyBjXHUwMGUxY2ggXHUwMTExXHUxZWQzbmcgbmhcdTFlYTV0LCBwaFx1MDFiMFx1MDFhMW5nIHBoXHUwMGUxcCBoaVx1MWVjN3UgcXVcdTFlYTMgbmhcdTFlYTV0IFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMTExXHUxZWMxIGNcdTFlYWRwIHRyb25nIGJcdTAwZTBpIGhcdTFlY2RjIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gU2FvIGNoXHUwMGU5cCB2XHUwMGUwIGRcdTAwZTFuIHRvXHUwMGUwbiBiXHUxZWQ5IG1cdTAwZTMgQ1NTIHZcdTAwZTBvIHRcdTFlZWJuZyB0XHUxZWM3cCBIVE1MIHJpXHUwMGVhbmcgbFx1MWViYi48XC9saT5cclxuPGxpPkIuIFx1MDExMFx1MWVjYm5oIG5naFx1MDEyOWEgbFx1MWVhMWkgY1x1MDBlMWMgcXV5IHRcdTFlYWZjIENTUyB0clx1MWVmMWMgdGlcdTFlYmZwIHRyb25nIHRoXHUxZWJiIGA8c3R5bGU+YCBcdTFlZGYgbVx1MWVkN2kgdFx1MWVjN3AgSFRNTC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gU1x1MWVlZCBkXHUxZWU1bmcgbVx1MWVkOXQgdFx1MWVjN3AgdGluIENTUyBkdXkgbmhcdTFlYTV0IHZcdTAwZTAgbGlcdTAwZWFuIGtcdTFlYmZ0IHRcdTFlZGJpIG5cdTAwZjMgdFx1MWVlYiB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRcdTFlYzdwIHRpbiBIVE1MLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIENoXHUxZWM5IHNcdTFlZWQgZFx1MWVlNW5nIGNcdTAwZTFjIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUxZWQ5aSB0dXlcdTFlYmZuIChpbmxpbmUgc3R5bGVzKSBjaG8gdFx1MWVlYm5nIHBoXHUxZWE3biB0XHUxZWVkLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDM6IFRyb25nIHBoXHUxZWE3biBcdTAxMTFcdTFlYTd1IHRyYW5nIChIZWFkZXIpIGNcdTFlZTdhIHdlYnNpdGUsIGtodSB2XHUxZWYxYyBCYW5uZXIgdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyBjaFx1MWVlOWEgbmhcdTFlZWZuZyBsb1x1MWVhMWkgblx1MWVkOWkgZHVuZyBuXHUwMGUwbyB0aGVvIGdcdTFlZTNpIFx1MDBmZCBjXHUxZWU3YSBiXHUwMGUwaSBoXHUxZWNkYz9cclxuPHVsPlxyXG48bGk+QS4gRGFuaCBzXHUwMGUxY2ggY1x1MDBlMWMgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOSB2XHUwMGUwIGxpXHUwMGVhbiBrXHUxZWJmdCBcdTAxMTFcdTFlYmZuIHRyYW5nIGNoaSB0aVx1MWViZnQuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIEhcdTAwZWNuaCBcdTFlYTNuaCBsXHUxZWRibiBsXHUwMGUwbSBuXHUxZWMxbiB2XHUwMGUwIHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgY2hcdTAwZWRuaCBjXHUxZWU3YSB3ZWJzaXRlLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIFRoXHUwMGY0bmcgdGluIGxpXHUwMGVhbiBoXHUxZWM3IHZcdTAwZTAgYlx1MWVhM24gcXV5XHUxZWMxbi48XC9saT5cclxuPGxpPkQuIEJpXHUxZWMzdSBtXHUxZWFidSBcdTAxMTFcdTAxMDNuZyBrXHUwMGZkIHRoYW0gZ2lhIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNDogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQga2h1IHZcdTFlZjFjIHRyXHUwMGVhbiB0cmFuZyB3ZWIgaGlcdTFlYzNuIHRoXHUxZWNiIGJhIGtoXHUxZWQxaSBuXHUxZWQ5aSBkdW5nIG5oXHUxZWNmICh2XHUwMGVkIGRcdTFlZTU6IGJhIGtoXHUxZWE5dSBoaVx1MWVjN3UgaG9cdTFlYjdjIGJhIGhcdTAwZWNuaCBcdTFlYTNuaCBcdTAxMTFcdTFlYTFpIGRpXHUxZWM3bikgblx1MWViMW0gY1x1MWVhMW5oIG5oYXUgdHJcdTAwZWFuIGNcdTAwZjluZyBtXHUxZWQ5dCBoXHUwMGUwbmcuIERcdTFlZjFhIHRyXHUwMGVhbiBjXHUwMGUxY2ggdGlcdTFlYmZwIGNcdTFlYWRuIGNcdTFlZTdhIEJcdTAwZTBpIDE4LCBiXHUxZWExbiBzXHUxZWJkIHNcdTFlZWQgZFx1MWVlNW5nIGtcdTFlYmZ0IGhcdTFlZTNwIGNcdTAwZTFjIGxcdTFlZGJwIENTUyBuXHUwMGUwbyBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWExdCBcdTAxMTFcdTAxYjBcdTFlZTNjIGJcdTFlZDEgY1x1MWVlNWMgblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gTVx1MWVkOXQgbFx1MWVkYnAgY2hcdTFlZTlhIChgUm93YCkgdlx1MDBlMCBjXHUwMGUxYyBsXHUxZWRicCBjaG8gcGhcdTFlYTduIHRcdTFlZWQgY29uIChgYmxvY2tfM2ApLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIENoXHUxZWM5IGNcdTFlYTduIHNcdTFlZWQgZFx1MWVlNW5nIGxcdTFlZGJwIGBibG9ja18zYCBjaG8gdFx1MWVlYm5nIHBoXHUxZWE3biB0XHUxZWVkLjxcL2xpPlxyXG48bGk+Qy4gU1x1MWVlZCBkXHUxZWU1bmcgbFx1MWVkYnAgYEhlYWRlcmAgdlx1MDBlMCBsXHUxZWRicCBgU2xvZ2FuYC48XC9saT5cclxuPGxpPkQuIFNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBgZGlzcGxheTogYmxvY2tgIGNobyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA1OiBMXHUxZWRicCBDU1MgYGJsb2NrXzNgIHRyb25nIGJcdTAwZTBpIGhcdTFlY2RjIGNcdTAwZjMgdFx1MDBlMWMgZFx1MWVlNW5nIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBjaFx1MDBlZG5oIGxcdTAwZTAgZ1x1MDBlYyBraGkgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAxMTFcdTFlYjd0IHRyb25nIG1cdTFlZDl0IGxcdTFlZGJwIGNoXHUxZWU5YSAoYFJvd2ApP1xyXG48dWw+XHJcbjxsaT5BLiBcdTAxMTBcdTFlYjd0IG1cdTAwZTB1IG5cdTFlYzFuIGNobyBraFx1MWVkMWkgblx1MWVkOWkgZHVuZy48XC9saT5cclxuPGxpPkIuIEhpXHUxZWMzbiB0aFx1MWVjYiBraFx1MWVkMWkgblx1MWVkOWkgZHVuZyBkXHUwMWIwXHUxZWRiaSBkXHUxZWExbmcgZGFuaCBzXHUwMGUxY2guPFwvbGk+XHJcbjxsaT5DLiBcdTAxMTBcdTFlY2JuaCBuZ2hcdTAxMjlhIGtoXHUxZWQxaSBuXHUxZWQ5aSBkdW5nIGNoaVx1MWViZm0gdG9cdTAwZTBuIGJcdTFlZDkgY2hpXHUxZWMxdSByXHUxZWQ5bmcgdHJhbmcuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIFx1MDExMFx1MWVjYm5oIG5naFx1MDEyOWEga2hcdTFlZDFpIG5cdTFlZDlpIGR1bmcgY2hpXHUxZWJmbSBraG9cdTFlYTNuZyAxXC8zIGNoaVx1MWVjMXUgclx1MWVkOW5nIGNcdTFlZTdhIGtoXHUxZWQxaSBjaFx1MWVlOWEgdlx1MDBlMCBoaVx1MWVjM24gdGhcdTFlY2IgY1x1MWVhMW5oIG5oYXUuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDY6IEdpXHUxZWEzIHNcdTFlZWQgYlx1MWVhMW4gbXVcdTFlZDFuIHRoXHUwMGVhbSBtXHUxZWQ5dCB2aWRlbyBnaVx1MWVkYmkgdGhpXHUxZWM3dSB2XHUxZWMxIGhvXHUxZWExdCBcdTAxMTFcdTFlZDluZyBjXHUxZWU3YSBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5IHZcdTAwZTBvIHRyYW5nIGNoaSB0aVx1MWViZnQgY1x1MWVlN2EgY1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOSBcdTAxMTFcdTAwZjMuIEJcdTFlYTFuIHNcdTFlYmQgc1x1MWVlZCBkXHUxZWU1bmcgdGhcdTFlYmIgSFRNTCBuXHUwMGUwbyBcdTAxMTFcdTFlYzMgbmhcdTAwZmFuZyB2aWRlbyB0clx1MWVmMWMgdGlcdTFlYmZwIHZcdTAwZTBvIHRyYW5nIHdlYj9cclxuPHVsPlxyXG48bGk+QS4gYDxpbWc+YDxcL2xpPlxyXG48bGk+Qi4gYDxhPmA8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gYDx2aWRlbz5gPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gYDxwPmA8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA3OiBDaFx1MWVlOWMgblx1MDEwM25nIGNoXHUwMGVkbmggY1x1MWVlN2EgdHJhbmcgY2hcdTFlZTcgKEhvbWVwYWdlKSB0cm9uZyBjXHUxZWE1dSB0clx1MDBmYWMgd2Vic2l0ZSBcdTAxMTFcdTAxYjBcdTFlZTNjIHhcdTAwZTJ5IGRcdTFlZjFuZyB0aGVvIEJcdTAwZTBpIDE4IGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBDdW5nIGNcdTFlYTVwIHRoXHUwMGY0bmcgdGluIHRcdTFlZDVuZyBxdWFuIHZcdTFlYzEgd2Vic2l0ZSB2XHUwMGUwIGNcdTAwZTFjIGxpXHUwMGVhbiBrXHUxZWJmdCBcdTAxMTFpXHUxZWMxdSBoXHUwMWIwXHUxZWRibmcgY2hcdTAwZWRuaC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBIaVx1MWVjM24gdGhcdTFlY2IgdGhcdTAwZjRuZyB0aW4gY2hpIHRpXHUxZWJmdCBjXHUxZWU3YSBtXHUxZWQ5dCBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5IGNcdTFlZTUgdGhcdTFlYzMuPFwvbGk+XHJcbjxsaT5DLiBDaFx1MWVlOWEgYmlcdTFlYzN1IG1cdTFlYWJ1IFx1MDExMVx1MDEwM25nIGtcdTAwZmQgdGhcdTAwZTBuaCB2aVx1MDBlYW4uPFwvbGk+XHJcbjxsaT5ELiBIaVx1MWVjM24gdGhcdTFlY2IgdGhcdTAwZjRuZyB0aW4gbGlcdTAwZWFuIGhcdTFlYzcgY1x1MWVlN2EgbmdcdTAxYjBcdTFlZGRpIHF1XHUxZWEzbiB0clx1MWVjYi48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA4OiBLaGkgdGhpXHUxZWJmdCBrXHUxZWJmIHBoXHUxZWE3biBjaFx1MDBlMm4gdHJhbmcgKEZvb3RlcikgY1x1MWVlN2Egd2Vic2l0ZSwgYlx1MWVhMW4gdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTFlYjd0IG5oXHUxZWVmbmcgbG9cdTFlYTFpIHRoXHUwMGY0bmcgdGluIG5cdTAwZTBvIHRcdTFlYTFpIGtodSB2XHUxZWYxYyBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gVGlcdTAwZWF1IFx1MDExMVx1MWVjMSBjaFx1MDBlZG5oIGNcdTFlZTdhIHRyYW5nIHdlYi48XC9saT5cclxuPGxpPkIuIENcdTAwZTFjIGJcdTAwZTBpIHZpXHUxZWJmdCBtXHUxZWRiaSBuaFx1MWVhNXQuPFwvbGk+XHJcbjxsaT5DLiBIXHUwMGVjbmggXHUxZWEzbmggbFx1MWVkYm4gbFx1MDBlMG0gblx1MWVjMW4uPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIFRoXHUwMGY0bmcgdGluIGJcdTFlYTNuIHF1eVx1MWVjMW4sIGxpXHUwMGVhbiBoXHUxZWM3IGhvXHUxZWI3YyBjXHUwMGUxYyBsaVx1MDBlYW4ga1x1MWViZnQgcGhcdTFlZTUuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDk6IFx1MDExMFx1MWVjMyB0XHUxZWExbyBsaVx1MDBlYW4ga1x1MWViZnQgdFx1MWVlYiBtXHUxZWQ5dCB0cmFuZyBuXHUwMGUweSBzYW5nIG1cdTFlZDl0IHRyYW5nIGtoXHUwMGUxYyB0cm9uZyBjXHUwMGY5bmcgd2Vic2l0ZSwgYlx1MWVhMW4gc1x1MWViZCBzXHUxZWVkIGRcdTFlZTVuZyB0aFx1MWViYiBIVE1MIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGA8YT5gPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gYDxpbWc+YDxcL2xpPlxyXG48bGk+Qy4gYDxsaW5rPmA8XC9saT5cclxuPGxpPkQuIGA8c2NyaXB0PmA8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMDogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBtdVx1MWVkMW4gdGhheSBcdTAxMTFcdTFlZDVpIG1cdTAwZTB1IG5cdTFlYzFuIGNobyB0b1x1MDBlMG4gYlx1MWVkOSBwaFx1MWVhN24gblx1MWVkOWkgZHVuZyBjaFx1MDBlZG5oIChDb250ZW50KSBjXHUxZWU3YSBtXHUxZWQ5dCB0cmFuZy4gQlx1MWVhMW4gblx1MDBlYW4gdGhcdTFlZjFjIGhpXHUxZWM3biB2aVx1MWVjN2Mgblx1MDBlMHkgYlx1MWViMW5nIGNcdTAwZTFjaCBuXHUwMGUwbyBoaVx1MWVjN3UgcXVcdTFlYTMgbmhcdTFlYTV0IHRoZW8gbmd1eVx1MDBlYW4gdFx1MWVhZmMgc1x1MWVlZCBkXHUxZWU1bmcgQ1NTP1xyXG48dWw+XHJcbjxsaT5BLiBcdTAxMTBcdTFlYjd0IHRodVx1MWVkOWMgdFx1MDBlZG5oIGBiYWNrZ3JvdW5kLWNvbG9yYCB0clx1MWVmMWMgdGlcdTFlYmZwIHZcdTAwZTBvIHRoXHUxZWJiIEhUTUwgYDxib2R5PmAuPFwvbGk+XHJcbjxsaT5CLiBcdTAxMTBcdTFlYjd0IHRodVx1MWVkOWMgdFx1MDBlZG5oIGBiYWNrZ3JvdW5kLWNvbG9yYCB0clx1MWVmMWMgdGlcdTFlYmZwIHZcdTAwZTBvIHRcdTFlZWJuZyB0aFx1MWViYiBIVE1MIGJcdTAwZWFuIHRyb25nIHBoXHUxZWE3biBuXHUxZWQ5aSBkdW5nLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBcdTAxMTBcdTFlY2JuaCBuZ2hcdTAxMjlhIG1cdTFlZDl0IGxcdTFlZGJwIENTUyBjaG8ga2h1IHZcdTFlZjFjIG5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaCB2XHUwMGUwIFx1MDBlMXAgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBiYWNrZ3JvdW5kLWNvbG9yYCBjaG8gbFx1MWVkYnAgXHUwMTExXHUwMGYzLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFNcdTFlZWQgZFx1MWVlNW5nIHRoXHUxZWJiIGA8c3R5bGU+YCB0cm9uZyBwaFx1MWVhN24gblx1MWVkOWkgZHVuZyBcdTAxMTFcdTFlYzMgdmlcdTFlYmZ0IENTUy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMTogS2hpIHRoaVx1MWViZnQga1x1MWViZiBtXHUxZWQ5dCB0cmFuZyB3ZWIgY1x1MDBmMyBuaGlcdTFlYzF1IHBoXHUxZWE3biB0XHUxZWVkIGNcdTFlYTduIHhcdTFlYmZwIHRoZW8gaFx1MDBlMG5nIG5nYW5nICh2XHUwMGVkIGRcdTFlZTU6IG1lbnUsIGNcdTAwZTFjIGNcdTFlZDl0IG5cdTFlZDlpIGR1bmcpLCB2aVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBlMWMga1x1MWVmOSB0aHVcdTFlYWR0IGJcdTFlZDEgY1x1MWVlNWMgbmhcdTAxYjAgYGRpc3BsYXk6IGZsZXhgLCBgZmxvYXRgLCBob1x1MWViN2MgbVx1MDBmNCBoXHUwMGVjbmggY1x1MWVkOXQgKGBSb3dgLCBgYmxvY2tfM2ApIG1hbmcgbFx1MWVhMWkgbFx1MWVlM2kgXHUwMGVkY2ggZ1x1MDBlYyBzbyB2XHUxZWRiaSB2aVx1MWVjN2MgY2hcdTFlYzkgc1x1MWVlZCBkXHUxZWU1bmcgYGRpc3BsYXk6IGJsb2NrYD9cclxuPHVsPlxyXG48bGk+QS4gR2lcdTFlYTNtIHNcdTFlZDEgbFx1MDFiMFx1MWVlM25nIG1cdTAwZTMgSFRNTCBjXHUxZWE3biB2aVx1MWViZnQuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIENobyBwaFx1MDBlOXAgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgaGlcdTFlYzNuIHRoXHUxZWNiIGNcdTFlYTFuaCBuaGF1IHZcdTAwZTAga2lcdTFlYzNtIHNvXHUwMGUxdCBraG9cdTFlYTNuZyBjXHUwMGUxY2gsIGNcdTAxMDNuIGNoXHUxZWM5bmguPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gVFx1MWVmMSBcdTAxMTFcdTFlZDluZyBcdTAxMTFpXHUxZWMxdSBjaFx1MWVjOW5oIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgaFx1MDBlY25oIFx1MWVhM25oIHRyb25nIHRyYW5nLjxcL2xpPlxyXG48bGk+RC4gQ2hcdTFlYzkgXHUwMGUxcCBkXHUxZWU1bmcgXHUwMTExXHUwMWIwXHUxZWUzYyBjaG8gdlx1MDEwM24gYlx1MWVhM24uPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTI6IFRyb25nIHF1XHUwMGUxIHRyXHUwMGVjbmggdGhcdTFlZjFjIGhcdTAwZTBuaCB0aGlcdTFlYmZ0IGtcdTFlYmYsIG5cdTFlYmZ1IGJcdTFlYTFuIG11XHUxZWQxbiBtXHUxZWQ5dCBoXHUwMGVjbmggXHUxZWEzbmggdHJvbmcgcGhcdTFlYTduIEJhbm5lciB0XHUxZWYxIFx1MDExMVx1MWVkOW5nIFx1MDExMWlcdTFlYzF1IGNoXHUxZWM5bmgga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyBcdTAxMTFcdTFlYzMgdlx1MWVlYmEgdlx1MWVkYmkgY2hpXHUxZWMxdSByXHUxZWQ5bmcgY1x1MWVlN2Ega2h1IHZcdTFlZjFjIEJhbm5lciBtXHUwMGUwIGtoXHUwMGY0bmcgbFx1MDBlMG0gYmlcdTFlYmZuIGRcdTFlYTFuZyBoXHUwMGVjbmggXHUxZWEzbmgsIGJcdTFlYTFuIGNcdTAwZjMgdGhcdTFlYzMgc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIGNobyB0aFx1MWViYiBgPGltZz5gP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGB3aWR0aDogMTAwJTsgaGVpZ2h0OiBhdXRvO2A8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBgZGlzcGxheTogYmxvY2s7YDxcL2xpPlxyXG48bGk+Qy4gYGZsb2F0OiBsZWZ0O2A8XC9saT5cclxuPGxpPkQuIGBtYXJnaW46IGF1dG87YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEzOiBLaGkgeFx1MDBlMnkgZFx1MWVmMW5nIHRyYW5nIGNoaSB0aVx1MWViZnQgY2hvIG1cdTFlZDl0IGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkgY1x1MWVlNSB0aFx1MWVjMyAodlx1MDBlZCBkXHUxZWU1OiBDTEIgQlx1MDBmM25nIFx1MDExMVx1MDBlMSksIG5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaCB0clx1MDBlYW4gdHJhbmcgblx1MDBlMHkgblx1MDBlYW4gdFx1MWVhZHAgdHJ1bmcgdlx1MDBlMG8gXHUwMTExaVx1MWVjMXUgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gVGhcdTAwZjRuZyB0aW4gY2h1bmcgdlx1MWVjMSB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGxcdTFlYTFjIGJcdTFlZDkuPFwvbGk+XHJcbjxsaT5CLiBCaVx1MWVjM3UgbVx1MWVhYnUgXHUwMTExXHUwMTAzbmcga1x1MDBmZCBjaHVuZyBjaG8gbVx1MWVjZGkgaG9cdTFlYTF0IFx1MDExMVx1MWVkOW5nLjxcL2xpPlxyXG48bGk+Qy4gVGhcdTAwZjRuZyB0aW4gbGlcdTAwZWFuIGhcdTFlYzcgY1x1MWVlN2EgbmdcdTAxYjBcdTFlZGRpIHF1XHUxZWEzbiB0clx1MWVjYiB3ZWJzaXRlLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBUaFx1MDBmNG5nIHRpbiBjaGkgdGlcdTFlYmZ0IHZcdTFlYzEgQ0xCIFx1MDExMVx1MDBmMzogZ2lcdTFlZGJpIHRoaVx1MWVjN3UsIGxcdTFlY2JjaCBob1x1MWVhMXQgXHUwMTExXHUxZWQ5bmcsIHRoXHUwMGUwbmggdFx1MDBlZGNoLCBoXHUwMGVjbmggXHUxZWEzbmhcL3ZpZGVvLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNDogXHUwMTEwXHUxZWMzIHRoXHUwMGVhbSBtXHUxZWQ5dCBcdTAxMTFvXHUxZWExbiB2XHUwMTAzbiBiXHUxZWEzbiBtXHUwMGY0IHRcdTFlYTMgbmdcdTFlYWZuIGdcdTFlY2RuIHZcdTFlYzEgd2Vic2l0ZSBob1x1MWViN2Mga2hcdTFlYTl1IGhpXHUxZWM3dSAoc2xvZ2FuKSBuZ2F5IGRcdTAxYjBcdTFlZGJpIEJhbm5lciB0cm9uZyBwaFx1MWVhN24gSGVhZGVyLCBiXHUxZWExbiBzXHUxZWJkIFx1MDExMVx1MWViN3Qgblx1MWVkOWkgZHVuZyBuXHUwMGUweSB0cm9uZyBraHUgdlx1MWVmMWMgblx1MDBlMG8gdGhlbyBjXHUxZWE1dSB0clx1MDBmYWMgXHUwMTExXHUwMWIwXHUxZWUzYyBnXHUxZWUzaSBcdTAwZmQ/XHJcbjx1bD5cclxuPGxpPkEuIEZvb3RlcjxcL2xpPlxyXG48bGk+Qi4gQ29udGVudDxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBTbG9nYW4gKHRyb25nIEhlYWRlcik8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBCYW5uZXIgKHRyb25nIEhlYWRlcik8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNTogVmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIGNcdTAwZTFjIHRoXHUxZWJiIEhUTUwgbmdcdTFlZWYgbmdoXHUwMTI5YSAoc2VtYW50aWMgdGFncykgbmhcdTAxYjAgYDxoZWFkZXI+YCwgYDxtYWluPmAsIGA8Zm9vdGVyPmAsIGA8bmF2PmAsIGA8YXJ0aWNsZT5gLCBgPGFzaWRlPmAgdGhheSB2XHUwMGVjIGNoXHUxZWM5IGRcdTAwZjluZyBgPGRpdj5gIGNobyBtXHUxZWNkaSB0aFx1MWVlOSBtYW5nIGxcdTFlYTFpIGxcdTFlZTNpIFx1MDBlZGNoIGNoXHUwMGVkbmggblx1MDBlMG8gY2hvIHZpXHUxZWM3YyB0aGlcdTFlYmZ0IGtcdTFlYmYgdlx1MDBlMCBwaFx1MDBlMXQgdHJpXHUxZWMzbiB3ZWI/XHJcbjx1bD5cclxuPGxpPkEuIExcdTAwZTBtIGNobyB0cmFuZyB3ZWIgdFx1MWVhM2kgbmhhbmggaFx1MDFhMW4uPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIENcdTFlYTNpIHRoaVx1MWVjN24ga2hcdTFlYTMgblx1MDEwM25nIFx1MDExMVx1MWVjZGMgaGlcdTFlYzN1IG1cdTAwZTMgbmd1XHUxZWQzbiBjaG8gbFx1MWVhZHAgdHJcdTAwZWNuaCB2aVx1MDBlYW4gdlx1MDBlMCBoXHUxZWQ3IHRyXHUxZWUzIGNcdTAwZjRuZyBjXHUxZWU1IHRcdTAwZWNtIGtpXHUxZWJmbVwvdHJcdTAwZWNuaCBcdTAxMTFcdTFlY2RjIG1cdTAwZTBuIGhcdTAwZWNuaCAoU0VPICYgQWNjZXNzaWJpbGl0eSkuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gVFx1MWVmMSBcdTAxMTFcdTFlZDluZyBcdTAwZTFwIGRcdTFlZTVuZyBjXHUwMGUxYyBraVx1MWVjM3UgZFx1MDBlMW5nIENTUyBcdTAxMTFcdTFlYjlwIGhcdTAxYTFuLjxcL2xpPlxyXG48bGk+RC4gQlx1MWVhZnQgYnVcdTFlZDljIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgcGhcdTFlYTNpIFx1MDExMVx1MDEwM25nIG5oXHUxZWFkcCBtXHUxZWRiaSB4ZW0gXHUwMTExXHUwMWIwXHUxZWUzYyBuXHUxZWQ5aSBkdW5nLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE2OiBOXHUxZWJmdSBiXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQgZGFuaCBzXHUwMGUxY2ggY1x1MDBlMWMgbGlcdTAwZWFuIGtcdTFlYmZ0IFx1MDExMVx1MWVjMyBcdTAxMTFpXHUxZWMxdSBoXHUwMWIwXHUxZWRibmcgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBcdTAxMTFcdTFlYmZuIGNcdTAwZTFjIHRyYW5nIGtoXHUwMGUxYyBuaGF1IGNcdTFlZTdhIHdlYnNpdGUgKHZcdTAwZWQgZFx1MWVlNTogVHJhbmcgY2hcdTFlZTcsIFRoXHUxZWMzIHRoYW8sIE5naFx1MWVjNyB0aHVcdTFlYWR0KSwgYlx1MWVhMW4gdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTFlYjd0IGRhbmggc1x1MDBlMWNoIG5cdTAwZTB5IFx1MWVkZiBcdTAxMTFcdTAwZTJ1IHRyXHUwMGVhbiB0cmFuZyB3ZWIgXHUwMTExXHUxZWMzIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgZFx1MWVjNSBkXHUwMGUwbmcgdHJ1eSBjXHUxZWFkcD9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBUcm9uZyBwaFx1MWVhN24gSGVhZGVyIGhvXHUxZWI3YyBuZ2F5IGRcdTAxYjBcdTFlZGJpIEhlYWRlciAodGhhbmggXHUwMTExaVx1MWVjMXUgaFx1MDFiMFx1MWVkYm5nKS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjOSBcdTFlZGYgY3VcdTFlZDFpIG1cdTFlZDdpIHRyYW5nIChGb290ZXIpLjxcL2xpPlxyXG48bGk+Qy4gUlx1MWVhM2kgclx1MDBlMWMgdHJvbmcgcGhcdTFlYTduIG5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaC48XC9saT5cclxuPGxpPkQuIENoXHUxZWM5IHRyXHUwMGVhbiB0cmFuZyBjaFx1MWVlNy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNzogS2hpIHRoaVx1MWViZnQga1x1MWViZiBiaVx1MWVjM3UgbVx1MWVhYnUgXHUwMTExXHUwMTAzbmcga1x1MDBmZCB0aGFtIGdpYSBjXHUwMGUydSBsXHUxZWExYyBiXHUxZWQ5LCBiXHUxZWExbiBzXHUxZWJkIHNcdTFlZWQgZFx1MWVlNW5nIGNcdTAwZTFjIHRoXHUxZWJiIEhUTUwgblx1MDBlMG8gXHUwMTExXHUxZWMzIHRcdTFlYTFvIGNcdTAwZTFjIFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IGNobyBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nICh2XHUwMGVkIGRcdTFlZTU6IFRcdTAwZWFuLCBMXHUxZWRicCwgRW1haWwpP1xyXG48dWw+XHJcbjxsaT5BLiBgPGgxPmAsIGA8aDI+YCwgYDxwPmA8XC9saT5cclxuPGxpPkIuIGA8aW1nPmAsIGA8dmlkZW8+YDxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBgPGlucHV0PmAsIGA8dGV4dGFyZWE+YCwgYDxzZWxlY3Q+YDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIGA8YT5gLCBgPGxpbms+YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE4OiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIFx1MDExMVx1MDBlMyBcdTAxMTFcdTFlY2JuaCBuZ2hcdTAxMjlhIG1cdTFlZDl0IGxcdTFlZGJwIENTUyB0XHUwMGVhbiBsXHUwMGUwIGAuaGlnaGxpZ2h0YCBcdTAxMTFcdTFlYzMgbFx1MDBlMG0gblx1MWVkNWkgYlx1MWVhZHQgdlx1MDEwM24gYlx1MWVhM24uIFx1MDExMFx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBsXHUxZWRicCBuXHUwMGUweSBjaG8gbVx1MWVkOXQgXHUwMTExb1x1MWVhMW4gdlx1MDEwM24gYlx1MWVhM24gY1x1MWVlNSB0aFx1MWVjMyB0cm9uZyB0XHUxZWM3cCBIVE1MLCBiXHUxZWExbiBzXHUxZWJkIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIEhUTUwgblx1MDBlMG8gdHJvbmcgdGhcdTFlYmIgY2hcdTFlZTlhIFx1MDExMW9cdTFlYTFuIHZcdTAxMDNuIGJcdTFlYTNuIFx1MDExMVx1MDBmMz9cclxuPHVsPlxyXG48bGk+QS4gYGlkYDxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBgY2xhc3NgPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gYHN0eWxlYDxcL2xpPlxyXG48bGk+RC4gYHNyY2A8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxOTogVFx1MWVhMWkgc2FvIHZpXHUxZWM3YyBzXHUxZWVkIGRcdTFlZTVuZyBoXHUwMGVjbmggXHUxZWEzbmggdlx1MDBlMCB2aWRlbyBjaFx1MWVhNXQgbFx1MDFiMFx1MWVlM25nIGNhbyBuaFx1MDFiMG5nIGNcdTAwZjMga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyB0XHUxZWM3cCB0aW4gXHUwMTExXHUwMWIwXHUxZWUzYyB0XHUxZWQxaSBcdTAxYjB1IGxcdTFlYTFpIHF1YW4gdHJcdTFlY2RuZyBraGkgdGhpXHUxZWJmdCBrXHUxZWJmIHRyYW5nIHdlYj9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBcdTAxMTBcdTFlYTNtIGJcdTFlYTNvIHRyYW5nIHdlYiB0XHUxZWEzaSBuaGFuaCBoXHUwMWExbiB2XHUwMGUwIGhpXHUxZWMzbiB0aFx1MWVjYiBcdTAxMTFcdTFlYjlwIG1cdTFlYWZ0IHRyXHUwMGVhbiBuaGlcdTFlYzF1IHRoaVx1MWViZnQgYlx1MWVjYi48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjOSBcdTAxMTFcdTFlYzMgdHJhbmcgd2ViIHRyXHUwMGY0bmcgY2h1eVx1MDBlYW4gbmdoaVx1MWVjN3AgaFx1MDFhMW4uPFwvbGk+XHJcbjxsaT5DLiBHaVx1MDBmYXAgY1x1MDBmNG5nIGNcdTFlZTUgdFx1MDBlY20ga2lcdTFlYmZtIHhcdTFlYmZwIGhcdTFlYTFuZyB0cmFuZyB3ZWIgY2FvIGhcdTAxYTFuLjxcL2xpPlxyXG48bGk+RC4gQlx1MWVhZnQgYnVcdTFlZDljIHBoXHUxZWEzaSBsXHUwMGUwbSB2XHUxZWFkeSB0aGVvIGNodVx1MWVhOW4gSFRNTDUuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjA6IFRyb25nIHRcdTFlYzdwIENTUywgcXV5IHRcdTFlYWZjIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIGNoXHUxZWNkbiB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjMgY1x1MDBmOW5nIG1cdTFlZDl0IGxcdTFlZGJwIGNcdTFlZTUgdGhcdTFlYzMgKHZcdTAwZWQgZFx1MWVlNTogbFx1MWVkYnAgYGJsb2NrXzNgKSBcdTAxMTFcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcga2lcdTFlYzN1IGRcdTAwZTFuZz9cclxuPHVsPlxyXG48bGk+QS4gYCN0XHUwMGVhbl9sXHUxZWRicGA8XC9saT5cclxuPGxpPkIuIGB0XHUwMGVhbl9sXHUxZWRicGA8XC9saT5cclxuPGxpPkMuIGBlbGVtZW50IHRcdTAwZWFuX2xcdTFlZGJwYDxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBgLnRcdTAwZWFuX2xcdTFlZGJwYDxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMTogXHUwMTEwXHUxZWMzIHRcdTFlYTFvIGtob1x1MWVhM25nIHRyXHUxZWQxbmcgKGxcdTFlYzEpIGJcdTAwZWFuIG5nb1x1MDBlMGkgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIGNcdTFlZTdhIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIEhUTUwsIGJcdTFlYTFuIHNcdTFlYmQgc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiBgcGFkZGluZ2A8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gYG1hcmdpbmA8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBgYm9yZGVyYDxcL2xpPlxyXG48bGk+RC4gYG91dGxpbmVgPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjI6IFx1MDExMFx1MWVjMyB0XHUxZWExbyBraG9cdTFlYTNuZyB0clx1MWVkMW5nIChcdTAxMTFcdTFlYzdtKSBiXHUwMGVhbiB0cm9uZyBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gY1x1MWVlN2EgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgSFRNTCwgZ2lcdTFlZWZhIG5cdTFlZDlpIGR1bmcgdlx1MDBlMCBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4sIGJcdTFlYTFuIHNcdTFlYmQgc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGBwYWRkaW5nYDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIGBtYXJnaW5gPFwvbGk+XHJcbjxsaT5DLiBgYm9yZGVyYDxcL2xpPlxyXG48bGk+RC4gYHNwYWNpbmdgPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjM6IEdpXHUxZWEzIHNcdTFlZWQgYlx1MWVhMW4gbXVcdTFlZDFuIFx1MDExMVx1MWViN3QgdGlcdTAwZWF1IFx1MDExMVx1MWVjMSBjaFx1MDBlZG5oIGNcdTFlZTdhIHRyYW5nIHdlYiAodlx1MDBlZCBkXHUxZWU1OiBcIldlYnNpdGUgQ1x1MDBlMnUgbFx1MWVhMWMgYlx1MWVkOVwiKSBuXHUxZWIxbSBjaFx1MDBlZG5oIGdpXHUxZWVmYSB0aGVvIGNoaVx1MWVjMXUgbmdhbmcgdHJvbmcga2h1IHZcdTFlZjFjIEJhbm5lci4gQlx1MWVhMW4gY1x1MDBmMyB0aFx1MWVjMyBzXHUxZWVkIGRcdTFlZTVuZyBrXHUxZWJmdCBoXHUxZWUzcCBjXHUwMGUxYyB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gY2hvIHBoXHUxZWE3biB0XHUxZWVkIGNoXHUxZWU5YSB0aVx1MDBlYXUgXHUwMTExXHUxZWMxIGhvXHUxZWI3YyBjaG8ga2hcdTFlZDFpIGNoXHUxZWU5YSBuXHUwMGYzP1xyXG48dWw+XHJcbjxsaT5BLiBgZmxvYXQ6IGNlbnRlcjtgPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIGB0ZXh0LWFsaWduOiBjZW50ZXI7YCAoXHUwMGUxcCBkXHUxZWU1bmcgY2hvIGtoXHUxZWQxaSBjaFx1MWVlOWEgdlx1MDEwM24gYlx1MWVhM24pPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gYG1hcmdpbi1sZWZ0OiA1MCU7YDxcL2xpPlxyXG48bGk+RC4gYGRpc3BsYXk6IGlubGluZTtgPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjQ6IE5cdTFlYmZ1IGJcdTFlYTFuIG11XHUxZWQxbiB0aFx1MDBlYW0gbVx1MWVkOXQgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIHh1bmcgcXVhbmgga2h1IHZcdTFlZjFjIG5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaCAoQ29udGVudCkgXHUwMTExXHUxZWMzIHBoXHUwMGUybiBiaVx1MWVjN3Qgblx1MDBmMyByXHUwMGY1IHJcdTAwZTBuZyBoXHUwMWExbiB2XHUxZWRiaSBjXHUwMGUxYyBraHUgdlx1MWVmMWMga2hcdTAwZTFjLCBiXHUxZWExbiBzXHUxZWJkIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gYG91dGxpbmVgPFwvbGk+XHJcbjxsaT5CLiBgbWFyZ2luYDxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBgYm9yZGVyYDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIGBiYWNrZ3JvdW5kYDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI1OiBLaGkgdGhpXHUxZWJmdCBrXHUxZWJmIG1lbnUgXHUwMTExaVx1MWVjMXUgaFx1MDFiMFx1MWVkYm5nLCB2aVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgZGFuaCBzXHUwMGUxY2gga2hcdTAwZjRuZyB0aFx1MWVlOSB0XHUxZWYxIChgPHVsPmAgdlx1MDBlMCBgPGxpPmApIGtcdTFlYmZ0IGhcdTFlZTNwIHZcdTFlZGJpIENTUyBcdTAxMTFcdTFlYzMgbG9cdTFlYTFpIGJcdTFlY2YgZFx1MWVhNXUgY2hcdTFlYTVtIFx1MDExMVx1MWVhN3UgZFx1MDBmMm5nIHZcdTAwZTAgeFx1MWViZnAgY1x1MDBlMWMgbVx1MWVlNWMgdGhlbyBjaGlcdTFlYzF1IG5nYW5nIGxcdTAwZTAgbVx1MWVkOXQga1x1MWVmOSB0aHVcdTFlYWR0IHBoXHUxZWQ1IGJpXHUxZWJmbi4gTFx1MWVlM2kgXHUwMGVkY2ggY2hcdTAwZWRuaCBjXHUxZWU3YSBjXHUwMGUxY2ggbFx1MDBlMG0gblx1MDBlMHkgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiBMXHUwMGUwbSBjaG8gbWVudSBjXHUwMGYzIGhpXHUxZWM3dSBcdTFlZTluZyBcdTAxMTFcdTFlZDluZyBcdTAxMTFcdTFlYjlwIG1cdTFlYWZ0LjxcL2xpPlxyXG48bGk+Qi4gR2lcdTFlYTNtIHRoXHUxZWRkaSBnaWFuIHZpXHUxZWJmdCBtXHUwMGUzIEhUTUwuPFwvbGk+XHJcbjxsaT5DLiBUXHUxZWYxIFx1MDExMVx1MWVkOW5nIHRcdTFlYTFvIGhpXHUxZWM3dSBcdTFlZTluZyBob3ZlciBjaG8gY1x1MDBlMWMgbVx1MWVlNWMgbWVudS48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gVFx1MDBlMWNoIGJpXHUxZWM3dCBjXHUxZWE1dSB0clx1MDBmYWMgZGFuaCBzXHUwMGUxY2gga2hcdTFlY2ZpIGtpXHUxZWMzdSBkXHUwMGUxbmcgaGlcdTFlYzNuIHRoXHUxZWNiLCBkXHUxZWM1IHF1XHUxZWEzbiBsXHUwMGZkIHZcdTAwZTAgY1x1MDBmMyBcdTAwZmQgbmdoXHUwMTI5YSBuZ1x1MWVlZiBuZ2hcdTAxMjlhLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNjogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQgdHJhbmcgcmlcdTAwZWFuZyBjaFx1MWVjOSBjaFx1MWVlOWEgYmlcdTFlYzN1IG1cdTFlYWJ1IFx1MDExMVx1MWVjMyBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIFx1MDExMWlcdTFlYzFuIHRoXHUwMGY0bmcgdGluIFx1MDExMVx1MDEwM25nIGtcdTAwZmQgdGhhbSBnaWEuIFRyYW5nIG5cdTAwZTB5IG5cdTAwZWFuIGNcdTAwZjMgY1x1MWVhNXUgdHJcdTAwZmFjIGNcdTAxYTEgYlx1MWVhM24gbmhcdTAxYjAgdGhcdTFlYmYgblx1MDBlMG8gc28gdlx1MWVkYmkgY1x1MDBlMWMgdHJhbmcga2hcdTAwZTFjIHRyb25nIHdlYnNpdGU/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gTlx1MDBlYW4gZ2lcdTFlZWYgbFx1MWVhMWkgSGVhZGVyIHZcdTAwZTAgRm9vdGVyIGdpXHUxZWQxbmcgY1x1MDBlMWMgdHJhbmcga2hcdTAwZTFjIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlYTNtIGJcdTFlYTNvIHRcdTAwZWRuaCBuaFx1MWVhNXQgcXVcdTAwZTFuLCBjaFx1MWVjOSB0aGF5IFx1MDExMVx1MWVkNWkgblx1MWVkOWkgZHVuZyBjaFx1MDBlZG5oIChDb250ZW50KSBiXHUxZWIxbmcgYmlcdTFlYzN1IG1cdTFlYWJ1LjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIEtoXHUwMGY0bmcgY1x1MWVhN24gSGVhZGVyIHZcdTAwZTAgRm9vdGVyLCBjaFx1MWVjOSBjXHUxZWE3biBoaVx1MWVjM24gdGhcdTFlY2IgYmlcdTFlYzN1IG1cdTFlYWJ1IFx1MWVkZiBnaVx1MWVlZmEgdHJhbmcuPFwvbGk+XHJcbjxsaT5DLiBDaFx1MWVjOSBjXHUxZWE3biBIZWFkZXIsIGJcdTFlY2YgcXVhIEZvb3RlciB2XHUwMGUwIG5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaC48XC9saT5cclxuPGxpPkQuIENcdTFlYTduIG1cdTFlZDl0IHRcdTFlYzdwIENTUyBob1x1MDBlMG4gdG9cdTAwZTBuIGtoXHUwMGUxYyBzbyB2XHUxZWRiaSBjXHUwMGUxYyB0cmFuZyBjXHUwMGYybiBsXHUxZWExaS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNzogS2hpIHNcdTFlZWQgZFx1MWVlNW5nIGNcdTAwZTFjIGxcdTFlZGJwIENTUyBuaFx1MDFiMCBgUm93YCB2XHUwMGUwIGBibG9ja18zYCBcdTAxMTFcdTFlYzMgdFx1MWVhMW8gYlx1MWVkMSBjXHUxZWU1YyBjXHUxZWQ5dCwgXHUwMTExaVx1MWVjMXUgZ1x1MDBlYyBzXHUxZWJkIHhcdTFlYTN5IHJhIG5cdTFlYmZ1IHRcdTFlZDVuZyBjaGlcdTFlYzF1IHJcdTFlZDluZyBjXHUxZWU3YSBjXHUwMGUxYyBgYmxvY2tfM2Agdlx1MDFiMFx1MWVlM3QgcXVcdTAwZTEgY2hpXHUxZWMxdSByXHUxZWQ5bmcgY1x1MWVlN2EgYFJvd2AgY2hcdTFlZTlhIGNoXHUwMGZhbmc/XHJcbjx1bD5cclxuPGxpPkEuIENcdTAwZTFjIGBibG9ja18zYCBzXHUxZWJkIHRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgY28gbFx1MWVhMWkgXHUwMTExXHUxZWMzIHZcdTFlZWJhIHZcdTFlZGJpIGBSb3dgLjxcL2xpPlxyXG48bGk+Qi4gQ1x1MDBlMWMgYGJsb2NrXzNgIHNcdTFlYmQgYmlcdTFlYmZuIG1cdTFlYTV0IGtoXHUxZWNmaSB0cmFuZy48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gQ1x1MDBlMWMgYGJsb2NrXzNgIHNcdTFlYmQgdHJcdTAwZTBuIHJhIG5nb1x1MDBlMGkgYFJvd2AgaG9cdTFlYjdjIG1cdTFlZDl0IHNcdTFlZDEgYGJsb2NrXzNgIHNcdTFlYmQgYlx1MWVjYiBcdTAxMTFcdTFlYTl5IHh1XHUxZWQxbmcgaFx1MDBlMG5nIHRpXHUxZWJmcCB0aGVvLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFRyXHUwMGVjbmggZHV5XHUxZWM3dCBzXHUxZWJkIGJcdTAwZTFvIGxcdTFlZDdpIHZcdTAwZTAga2hcdTAwZjRuZyBoaVx1MWVjM24gdGhcdTFlY2IgZ1x1MDBlYyBjXHUxZWEzLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI4OiBNXHUxZWU1YyBcdTAxMTFcdTAwZWRjaCBjXHUxZWU3YSB2aVx1MWVjN2MgXHUwMTExXHUxZWI3dCBjXHUwMGUxYyBsaVx1MDBlYW4ga1x1MWViZnQgXHUwMTExaVx1MWVjMXUgaFx1MDFiMFx1MWVkYm5nIGNoXHUwMGVkbmggKHZcdTAwZWQgZFx1MWVlNTogXHUwMTExXHUxZWJmbiBUcmFuZyBjaFx1MWVlNywgVGhcdTFlYzMgdGhhbywgTmdoXHUxZWM3IHRodVx1MWVhZHQpIFx1MWVkZiB2XHUxZWNiIHRyXHUwMGVkIGRcdTFlYzUgdGhcdTFlYTV5IHRyb25nIHBoXHUxZWE3biBIZWFkZXIgaG9cdTFlYjdjIG5nYXkgZFx1MDFiMFx1MWVkYmkgSGVhZGVyIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gXHUwMTEwXHUxZWMzIGxcdTAwZTBtIGNobyBIZWFkZXIgdHJcdTAwZjRuZyBcdTAxMTFcdTFlYTd5IFx1MDExMVx1MWViN24gaFx1MDFhMW4uPFwvbGk+XHJcbjxsaT5CLiBcdTAxMTBcdTFlYzMgbFx1MDBlMG0gdFx1MDEwM25nIGR1bmcgbFx1MDFiMFx1MWVlM25nIHRcdTFlYzdwIHRpbiBIVE1MLjxcL2xpPlxyXG48bGk+Qy4gVlx1MDBlYyBcdTAxMTFcdTAwZjMgbFx1MDBlMCB2XHUxZWNiIHRyXHUwMGVkIGR1eSBuaFx1MWVhNXQgbVx1MDBlMCBsaVx1MDBlYW4ga1x1MWViZnQgaG9cdTFlYTF0IFx1MDExMVx1MWVkOW5nLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBHaVx1MDBmYXAgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBkXHUxZWM1IGRcdTAwZTBuZyB0XHUwMGVjbSB0aFx1MWVhNXkgdlx1MDBlMCBkaSBjaHV5XHUxZWMzbiBnaVx1MWVlZmEgY1x1MDBlMWMgdHJhbmcgcXVhbiB0clx1MWVjZG5nIGNcdTFlZTdhIHdlYnNpdGUuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI5OiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIG11XHUxZWQxbiB0aFx1MDBlYW0gbVx1MWVkOXQgaFx1MDBlY25oIFx1MWVhM25oIG5oXHUxZWNmIGxcdTAwZTBtIGxvZ28gYlx1MDBlYW4gY1x1MWVhMW5oIHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgY2hcdTAwZWRuaCB0cm9uZyBCYW5uZXIuIFRoXHUxZWJiIEhUTUwgblx1MDBlMG8gcGhcdTAwZjkgaFx1MWVlM3AgbmhcdTFlYTV0IFx1MDExMVx1MWVjMyBjaFx1MDBlOG4gaFx1MDBlY25oIFx1MWVhM25oIG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiBgPHZpZGVvPmA8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gYDxpbWc+YDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGA8YT5gPFwvbGk+XHJcbjxsaT5ELiBgPHA+YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDMwOiBLaGkgc1x1MWVlZCBkXHUxZWU1bmcgQ1NTIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgSFRNTCwgdGhcdTFlZTkgdFx1MWVmMSBcdTAxYjB1IHRpXHUwMGVhbiBcdTAwZTFwIGRcdTFlZTVuZyBjXHUwMGUxYyBxdXkgdFx1MWVhZmMgQ1NTICh2XHUwMGVkIGRcdTFlZTU6IGlubGluZSBzdHlsZSwgaW50ZXJuYWwgc3R5bGUgdHJvbmcgYDxzdHlsZT5gLCBleHRlcm5hbCBzdHlsZSB0XHUxZWViIHRcdTFlYzdwIGAuY3NzYCkgXHUxZWEzbmggaFx1MDFiMFx1MWVkZm5nIG5oXHUwMWIwIHRoXHUxZWJmIG5cdTAwZTBvIFx1MDExMVx1MWViZm4ga1x1MWViZnQgcXVcdTFlYTMgaGlcdTFlYzNuIHRoXHUxZWNiIGN1XHUxZWQxaSBjXHUwMGY5bmc/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQ1x1MDBlMWMgcXV5IHRcdTFlYWZjIGNcdTAwZjMgXHUwMTExXHUxZWQ5IFx1MDFiMHUgdGlcdTAwZWFuIGNhbyBoXHUwMWExbiAodlx1MDBlZCBkXHUxZWU1OiBpbmxpbmUgc3R5bGUpIHNcdTFlYmQgZ2hpIFx1MDExMVx1MDBlOCBsXHUwMGVhbiBjXHUwMGUxYyBxdXkgdFx1MWVhZmMgY1x1MDBmMyBcdTAxMTFcdTFlZDkgXHUwMWIwdSB0aVx1MDBlYW4gdGhcdTFlYTVwIGhcdTAxYTFuICh2XHUwMGVkIGRcdTFlZTU6IGV4dGVybmFsIHN0eWxlKSBuXHUxZWJmdSBjXHUwMGY5bmcgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIG1cdTFlZDl0IHRodVx1MWVkOWMgdFx1MDBlZG5oLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIFF1eSB0XHUxZWFmYyBcdTAxMTFcdTAxYjBcdTFlZTNjIHZpXHUxZWJmdCBzYXUgY1x1MDBmOW5nIHRyb25nIGJcdTFlYTV0IGtcdTFlZjMgdFx1MWVjN3Agblx1MDBlMG8gbHVcdTAwZjRuIGNcdTAwZjMgXHUwMTExXHUxZWQ5IFx1MDFiMHUgdGlcdTAwZWFuIGNhbyBuaFx1MWVhNXQuPFwvbGk+XHJcbjxsaT5DLiBDaFx1MWVjOSBjXHUwMGYzIGNcdTAwZTFjIHF1eSB0XHUxZWFmYyB0cm9uZyB0XHUxZWM3cCBgLmNzc2AgbmdvXHUwMGUwaSBtXHUxZWRiaSBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDBlMXAgZFx1MWVlNW5nLjxcL2xpPlxyXG48bGk+RC4gVGhcdTFlZTkgdFx1MWVmMSBcdTAwZTFwIGRcdTFlZTVuZyBraFx1MDBmNG5nIHF1YW4gdHJcdTFlY2RuZywgdHJcdTAwZWNuaCBkdXlcdTFlYzd0IHNcdTFlYmQgY2hcdTFlY2RuIHF1eSB0XHUxZWFmYyBuZ1x1MWVhYnUgbmhpXHUwMGVhbi48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMzMDIiLCJxdWVzdGlvbl9pZHMiOiIxMDgxNzUxLDEwODE3NTIsMTA4MTc1MywxMDgxNzU0LDEwODE3NTUsMTA4MTc1NiwxMDgxNzU3LDEwODE3NTgsMTA4MTc1OSwxMDgxNzYwLDEwODE3NjEsMTA4MTc2MiwxMDgxNzYzLDEwODE3NjQsMTA4MTc2NSwxMDgxNzY2LDEwODE3NjcsMTA4MTc2OCwxMDgxNzY5LDEwODE3NzAsMTA4MTc3MSwxMDgxNzcyLDEwODE3NzMsMTA4MTc3NCwxMDgxNzc1LDEwODE3NzYsMTA4MTc3NywxMDgxNzc4LDEwODE3NzksMTA4MTc4MCIsIm9yZGVyaW5nIjoiMzYyMzciLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ==';
</script>
<input type='hidden' name='quiz_id' value='36237'/>
<input type='hidden' name='start_date' class='ays-start-date'/>
<input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/>
<input type='hidden' name='ays_finish_quiz_nonce_36237' value='45d85a0ccb'/>
</form></div>
</div>
</div></div>
</div>
</div>
<div class='yarpp yarpp-related yarpp-related-website yarpp-template-list'>
<!-- YARPP List -->
<h3>Đề trắc nghiệm liên quan:</h3><ol>
<li><a href="https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-24-so-bo-ve-thiet-ke-mang-ket-noi-tri-thuc/" rel="bookmark" title="Đề Trắc nghiệm Tin học 12 – Bài 24: Sơ bộ về thiết kế mạng (Kết Nối Tri Thức)">Đề Trắc nghiệm Tin học 12 – Bài 24: Sơ bộ về thiết kế mạng (Kết Nối Tri Thức)</a></li>
<li><a href="https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-15-tao-mau-cho-chu-va-nen-ket-noi-tri-thuc/" rel="bookmark" title="Đề Trắc nghiệm Tin học 12 – Bài 15: Tạo màu cho chữ và nền (Kết Nối Tri Thức)">Đề Trắc nghiệm Tin học 12 – Bài 15: Tạo màu cho chữ và nền (Kết Nối Tri Thức)</a></li>
<li><a href="https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-3-mot-so-thiet-bi-mang-thong-dung-ket-noi-tri-thuc/" rel="bookmark" title="Đề Trắc nghiệm Tin học 12 – Bài 3: Một số thiết bị mạng thông dụng (Kết Nối Tri Thức)">Đề Trắc nghiệm Tin học 12 – Bài 3: Một số thiết bị mạng thông dụng (Kết Nối Tri Thức)</a></li>
<li><a href="https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-16-dinh-dang-khung-ket-noi-tri-thuc/" rel="bookmark" title="Đề Trắc nghiệm Tin học 12 – Bài 16: Định dạng khung (Kết Nối Tri Thức)">Đề Trắc nghiệm Tin học 12 – Bài 16: Định dạng khung (Kết Nối Tri Thức)</a></li>
<li><a href="https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-29-mo-phong-trong-giai-quyet-van-de-ket-noi-tri-thuc/" rel="bookmark" title="Đề Trắc nghiệm Tin học 12 – Bài 29: Mô phỏng trong giải quyết vấn đề (Kết Nối Tri Thức)">Đề Trắc nghiệm Tin học 12 – Bài 29: Mô phỏng trong giải quyết vấn đề (Kết Nối Tri Thức)</a></li>
</ol>
</div>
</div>
<footer class="entry-meta" aria-label="Meta bài viết">
<span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Danh mục </span><a href="https://tracnghiem.org/thpt/trac-nghiem-lop-12/trac-nghiem-mon-tin-hoc-12-ket-noi-tri-thuc/" rel="category tag">Trắc Nghiệm Môn Tin Học 12 - Kết Nối Tri Thức</a></span> </footer>
</div>
</article>
<div class="comments-area">
<div id="comments">
<div id="respond" class="comment-respond">
<h3 id="reply-title" class="comment-reply-title">Viết một bình luận</h3><form action="https://tracnghiem.org/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-form-comment"><label for="comment" class="screen-reader-text">Bình luận</label><textarea id="comment" name="comment" cols="45" rows="8" required></textarea></p><label for="author" class="screen-reader-text">Tên</label><input placeholder="Tên" id="author" name="author" type="text" value="" size="30" />
<label for="email" class="screen-reader-text">Email</label><input placeholder="Email" id="email" name="email" type="email" value="" size="30" />
<label for="url" class="screen-reader-text">Trang web</label><input placeholder="Trang web" id="url" name="url" type="url" value="" size="30" />
<p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Gửi bình luận" /> <input type='hidden' name='comment_post_ID' value='9113' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p></form> </div><!-- #respond -->
</div><!-- #comments -->
</div>
</main>
</div>
</div>
</div>
<div class="site-footer grid-container">
<div id="footer-widgets" class="site footer-widgets">
<div class="footer-widgets-container grid-container">
<div class="inside-footer-widgets">
<div class="footer-widget-1">
<aside id="block-14" class="widget inner-padding widget_block">
<h4 class="wp-block-heading"><strong>Brand</strong></h4>
</aside><aside id="block-23" class="widget inner-padding widget_block widget_media_image"><div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img fetchpriority="high" decoding="async" width="500" height="500" src="http://tracnghiem.org/wp-content/uploads/2025/04/lam-trac-nghiem-logo.png" alt="" class="wp-image-486" style="width:156px;height:auto"/></figure></div></aside> </div>
<div class="footer-widget-2">
<aside id="block-16" class="widget inner-padding widget_block">
<h4 class="wp-block-heading"><strong>Về chúng tôi</strong></h4>
</aside><aside id="block-22" class="widget inner-padding widget_block widget_text">
<p><strong>Làm Trắc Nghiệm</strong> là nền tảng học tập trực tuyến miễn phí, chuyên cung cấp bài tập trắc nghiệm và ôn thi. Website được thiết kế để hỗ trợ bạn trong suốt quá trình học và ôn luyện, giúp bạn chuẩn bị tốt nhất cho các kỳ thi một cách hiệu quả và đơn giản.</p>
</aside> </div>
<div class="footer-widget-3">
<aside id="block-17" class="widget inner-padding widget_block">
<h4 class="wp-block-heading"><strong>Kết nối với chúng tôi</strong></h4>
</aside><aside id="block-18" class="widget inner-padding widget_block">
<ul class="wp-block-social-links is-layout-flex wp-block-social-links-is-layout-flex"><li class="wp-social-link wp-social-link-facebook wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Facebook</span></a></li>
<li class="wp-social-link wp-social-link-x wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z" /></svg><span class="wp-block-social-link-label screen-reader-text">X</span></a></li>
<li class="wp-social-link wp-social-link-bluesky wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M6.3,4.2c2.3,1.7,4.8,5.3,5.7,7.2.9-1.9,3.4-5.4,5.7-7.2,1.7-1.3,4.3-2.2,4.3.9s-.4,5.2-.6,5.9c-.7,2.6-3.3,3.2-5.6,2.8,4,.7,5.1,3,2.9,5.3-5,5.2-6.7-2.8-6.7-2.8,0,0-1.7,8-6.7,2.8-2.2-2.3-1.2-4.6,2.9-5.3-2.3.4-4.9-.3-5.6-2.8-.2-.7-.6-5.3-.6-5.9,0-3.1,2.7-2.1,4.3-.9h0Z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Bluesky</span></a></li>
<li class="wp-social-link wp-social-link-youtube wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path></svg><span class="wp-block-social-link-label screen-reader-text">YouTube</span></a></li></ul>
</aside> </div>
<div class="footer-widget-4">
<aside id="block-25" class="widget inner-padding widget_block">
<h4 class="wp-block-heading"><strong>Tìm kiếm</strong></h4>
</aside><aside id="block-26" class="widget inner-padding widget_block widget_search"><form role="search" method="get" action="https://tracnghiem.org/" class="wp-block-search__button-inside wp-block-search__icon-button aligncenter wp-block-search" ><label class="wp-block-search__label screen-reader-text" for="wp-block-search__input-1" >Tìm kiếm</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="Tìm kiếm" class="wp-block-search__button has-icon wp-element-button" type="submit" ><svg class="search-icon" viewBox="0 0 24 24" width="24" height="24">
<path d="M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z"></path>
</svg></button></div></form></aside> </div>
</div>
</div>
</div>
<footer class="site-info" aria-label="Trang" itemtype="https://schema.org/WPFooter" itemscope>
<div class="inside-site-info grid-container">
<div class="copyright-bar">
© 2025 Làm Trắc Nghiệm
<br>
<a href="https://tracnghiem.org/about-us/" target="_blank" rel="noopener nofollow">Giới thiệu</a> - <a href="https://tracnghiem.org/disclaimer/" target="_blank" rel="noopener nofollow">Miễn trừ trách nhiệm</a> - <a href="https://tracnghiem.org/policy/" target="_blank" rel="noopener nofollow">Chính sách bảo mật</a> - <a href="https://tracnghiem.org/policy/content/" target="_blank" rel="noopener nofollow">Chính sách nội dung</a> - <a href="https://tracnghiem.org/contact/" target="_blank" rel="noopener nofollow">Liên hệ</a>
</div>
</div>
</footer>
</div>
<a title="Di chuyển lên đầu trang" aria-label="Di chuyển lên đầu trang" rel="nofollow" href="#" class="generate-back-to-top" data-scroll-speed="400" data-start-scroll="300" role="button">
<span class="gp-icon icon-arrow-up"><svg viewBox="0 0 330 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M305.863 314.916c0 2.266-1.133 4.815-2.832 6.514l-14.157 14.163c-1.699 1.7-3.964 2.832-6.513 2.832-2.265 0-4.813-1.133-6.512-2.832L164.572 224.276 53.295 335.593c-1.699 1.7-4.247 2.832-6.512 2.832-2.265 0-4.814-1.133-6.513-2.832L26.113 321.43c-1.699-1.7-2.831-4.248-2.831-6.514s1.132-4.816 2.831-6.515L158.06 176.408c1.699-1.7 4.247-2.833 6.512-2.833 2.265 0 4.814 1.133 6.513 2.833L303.03 308.4c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero" /></svg></span>
</a><script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/generatepress\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script id="generate-a11y">!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();</script> <div class="gp-modal gp-search-modal" id="gp-search">
<div class="gp-modal__overlay" tabindex="-1" data-gpmodal-close>
<div class="gp-modal__container">
<form role="search" method="get" class="search-modal-form" action="https://tracnghiem.org/">
<label for="search-modal-input" class="screen-reader-text">Tìm kiếm cho:</label>
<div class="search-modal-fields">
<input id="search-modal-input" type="search" class="search-field" placeholder="Tìm kiếm …" value="" name="s" />
<button aria-label="Tìm kiếm"><span class="gp-icon icon-search"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path fill-rule="evenodd" clip-rule="evenodd" d="M208 48c-88.366 0-160 71.634-160 160s71.634 160 160 160 160-71.634 160-160S296.366 48 208 48zM0 208C0 93.125 93.125 0 208 0s208 93.125 208 208c0 48.741-16.765 93.566-44.843 129.024l133.826 134.018c9.366 9.379 9.355 24.575-.025 33.941-9.379 9.366-24.575 9.355-33.941-.025L337.238 370.987C301.747 399.167 256.839 416 208 416 93.125 416 0 322.875 0 208z" /></svg></span></button>
</div>
</form>
</div>
</div>
</div>
<script>
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
</script>
<link rel='stylesheet' id='quiz-maker-font-awesome-css' href='https://tracnghiem.org/wp-content/plugins/quiz-maker/public/css/quiz-maker-font-awesome.min.css?ver=21.8.1' media='all' />
<link rel='stylesheet' id='quiz-maker-sweetalert-css-css' href='https://tracnghiem.org/wp-content/plugins/quiz-maker/public/css/quiz-maker-sweetalert2.min.css?ver=21.8.1' media='all' />
<link rel='stylesheet' id='quiz-maker-animate-css' href='https://tracnghiem.org/wp-content/plugins/quiz-maker/public/css/animate.css?ver=21.8.1' media='all' />
<link rel='stylesheet' id='quiz-maker-animations-css' href='https://tracnghiem.org/wp-content/plugins/quiz-maker/public/css/animations.css?ver=21.8.1' media='all' />
<link rel='stylesheet' id='quiz-maker-rating-css' href='https://tracnghiem.org/wp-content/plugins/quiz-maker/public/css/rating.min.css?ver=21.8.1' media='all' />
<link rel='stylesheet' id='quiz-maker-select2-css' href='https://tracnghiem.org/wp-content/plugins/quiz-maker/public/css/quiz-maker-select2.min.css?ver=21.8.1' media='all' />
<link rel='stylesheet' id='quiz-maker-loaders-css' href='https://tracnghiem.org/wp-content/plugins/quiz-maker/public/css/loaders.css?ver=21.8.1' media='all' />
<link rel='stylesheet' id='quiz-maker-dataTable-min-css' href='https://tracnghiem.org/wp-content/plugins/quiz-maker/public/css/quiz-maker-dataTables.min.css?ver=21.8.1' media='all' />
<!--[if lte IE 11]>
<script src="https://tracnghiem.org/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.5.1" id="generate-classlist-js"></script>
<![endif]-->
<script id="generate-menu-js-extra">
var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"M\u1edf Sub-menu","closeSubMenuLabel":"\u0110\u00f3ng Sub-menu"};
</script>
<script src="https://tracnghiem.org/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.5.1" id="generate-menu-js"></script>
<script src="https://tracnghiem.org/wp-content/themes/generatepress/assets/dist/modal.js?ver=3.5.1" id="generate-modal-js"></script>
<script id="generate-back-to-top-js-extra">
var generatepressBackToTop = {"smooth":"1"};
</script>
<script src="https://tracnghiem.org/wp-content/themes/generatepress/assets/js/back-to-top.min.js?ver=3.5.1" id="generate-back-to-top-js"></script>
<script src="https://tracnghiem.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script src="https://tracnghiem.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script src="https://tracnghiem.org/wp-includes/js/jquery/ui/effect.min.js?ver=1.13.3" id="jquery-effects-core-js"></script>
<script src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/js/quiz-maker-select2.min.js?ver=21.8.1" id="quiz-maker-select2js-js"></script>
<script src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/js/quiz-maker-sweetalert2.all.min.js?ver=21.8.1" id="quiz-maker-sweetalert-js-js"></script>
<script src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/js/rating.min.js?ver=21.8.1" id="quiz-maker-rate-quiz-js"></script>
<script id="quiz-maker-datatable-min-js-extra">
var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"};
var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"};
var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"};
var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"};
var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"};
var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"};
var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"};
var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"};
var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"};
var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"};
</script>
<script src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/js/quiz-maker-datatable.min.js?ver=21.8.1" id="quiz-maker-datatable-min-js"></script>
<script src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/js/quiz-maker-functions.js?ver=21.8.1" id="quiz-maker-functions.js-js"></script>
<script id="quiz-maker-ajax-public-js-extra">
var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
</script>
<script src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/js/quiz-maker-public-ajax.js?ver=1748787066" id="quiz-maker-ajax-public-js"></script>
<script id="quiz-maker-js-extra">
var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"};
</script>
<script src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/js/quiz-maker-public.js?ver=1748787066" id="quiz-maker-js"></script>
</body>
</html>
