Đây là giao diện mẫu được thiết kế sẵn bởi Admin và có sự hướng dẫn của ZendVN. Mục đích: Để chia sẻ cho các bạn và phục vụ dịch vụ thiết kế website của mình sau này. Đây là giao diện BoxA - Title CODE: Select All <!doctype html><html><head><meta charset="utf-8"><title>boxA title</title><style type="text/css">*{ margin: 0px; padding: 0px;}.boxA{ background-color: #7CC592;}.right{ width:400px; border: 2px solid #000000; margin: 30px auto; padding: 10px;}.boxA .header{ font: italic bold 24px/47px Arial, Helvetica, san-serif; padding: 6px 25px;}.boxA .content{ padding: 9px; }.boxA .line{ height: 1px; background-color:#FFFFFF;}</style></head><body><div class="right"><div class="boxA"><div class="header">Title</div><div class="line"></div><div class="content">Khi tham gia vào chương trình Học trước trả sau tại ZendVN, bạn sẽ được học thử các khóa học mà KHÔNG CẦN thanh toán bất kỳ chi phí gì nào ZendVN cả. Với việc học thử như thế này bạn sẽ biết được chất lượng của khóa học, nội dung của khóa học có phù hợp với bạn hay không trước khi bỏ ra một số tiền để tham gia vào khóa học chính thức.</div></div></div></body></html> 2. BoxB - Title CODE: Select All <!doctype html><html><head><meta charset="utf-8"><title>boxB title</title><style type="text/css">*{ margin: 0px; padding: 0px;}.boxB{ background-color: #7CC592; border: 2px solid #525252;}.right{ width:400px; border: 2px solid red; margin: 30px auto; padding: 10px;}.boxB .header{ font: italic bold 24px/47px Arial, Helvetica, san-serif; padding: 6px 30px; background:url(http://cnttqn.com/lap-trinh-web/images/icon.png) 12px center no-repeat;}.boxB .content{ padding: 9px; }.boxB .line{ height: 2px; background-color:#525252;}</style></head><body><div class="right"><div class="boxB"><div class="header">Title</div><div class="line"></div><div class="content">Khi tham gia vào chương trình Học trước trả sau tại ZendVN, bạn sẽ được học thử các khóa học mà KHÔNG CẦN thanh toán bất kỳ chi phí gì nào ZendVN cả. Với việc học thử như thế này bạn sẽ biết được chất lượng của khóa học, nội dung của khóa học có phù hợp với bạn hay không trước khi bỏ ra một số tiền để tham gia vào khóa học chính thức.</div></div></div></body></html> 3. BoxC - Title CODE: Select All <!doctype html><html><head><meta charset="utf-8"><title>boxC title</title><style type="text/css">*{ margin: 0px; padding: 0px;}.boxC{ background: url(http://cnttqn.com/lap-trinh-web/images/title.png) left top repeat-x #14A854; border: 2px solid #525252;}.right{ width:400px; border: 2px solid red; margin: 30px auto; padding: 10px;}.boxC .header{ font: italic bold 24px/47px Arial, Helvetica, san-serif; padding: 6px 30px; background:url(http://cnttqn.com/lap-trinh-web/images/icon.png) 12px center no-repeat;}.boxC .content{ padding: 9px; }.boxC .line{ height: 2px; background-color:#525252;}</style></head><body><div class="right"><div class="boxC"><div class="header">Title</div><div class="line"></div><div class="content">Khi tham gia vào chương trình Học trước trả sau tại ZendVN, bạn sẽ được học thử các khóa học mà KHÔNG CẦN thanh toán bất kỳ chi phí gì nào ZendVN cả. Với việc học thử như thế này bạn sẽ biết được chất lượng của khóa học, nội dung của khóa học có phù hợp với bạn hay không trước khi bỏ ra một số tiền để tham gia vào khóa học chính thức.</div></div></div></body></html> 3. BoxD - Title CODE: Select All <!doctype html><html><head><meta charset="utf-8"><title>boxC title</title><style type="text/css">*{ margin: 0px; padding: 0px;}.boxC{ background: url(http://cnttqn.com/lap-trinh-web/images/title.png) left top repeat-x #14A854; border: 2px solid #525252;}.right{ width:400px; border: 2px solid red; margin: 30px auto; padding: 10px; }.boxC .header{ font: italic bold 24px/47px Arial, Helvetica, san-serif; padding: 6px 30px; background:url(http://cnttqn.com/lap-trinh-web/images/icon.png) 12px center no-repeat;}.boxC .content{ padding: 9px; background:url(content.png) left top repeat-x #FFFFFF; }.boxC .line{ height: 2px; background-color:#525252; }</style></head><body><div class="right"><div class="boxC"><div class="header">Title</div><div class="line"></div><div class="content">Khi tham gia vào chương trình Học trước trả sau tại ZendVN, bạn sẽ được học thử các khóa học mà KHÔNG CẦN thanh toán bất kỳ chi phí gì nào ZendVN cả. Với việc học thử như thế này bạn sẽ biết được chất lượng của khóa học, nội dung của khóa học có phù hợp với bạn hay không trước khi bỏ ra một số tiền để tham gia vào khóa học chính thức.</div></div></div></body></html>