Xin css đoạn giới thiệu trang web

Thảo luận trong 'Hỗ trợ về mã nguồn, code' bắt đầu bởi blogmeyeu, 16/1/18.

  1. blogmeyeu

    blogmeyeu Member

    Bài viết:
    1,154
    Đã thích:
    88
  2. thanhthai

    thanhthai Thích Trảm Sát

    Bài viết:
    210
    Đã thích:
    68
    Nên tự trang bị cho mình kiến thức để làm những cái đơn giản này bạn nhé. Vì không ai có thể giúp bạn mãi được, nhưng nếu bạn trả tiền thì sẽ có người nhận làm :v :v :v
    HTML:
    <div class="vnt-row sitedoc-about">
        <div class="vnt-title">
            <div class="wellcome">Welcome</div>
        </div>
        <div class="vnt-body">
            <div class="inner">
                <h1><span style="font-size:18px;"><span style="color:#006400;"><strong>Công ty quà tặng chuyên cung cấp quà tặng quảng cáo, quà tặng doanh nghiệp số lượng lớn.</strong></span></span></h1>
    
    <p>&nbsp;</p>
    
    <p style="text-align: justify;"><span style="font-size:14px;"><img alt="icon gift" src="/vnt_upload/File/06_2016/gift-3-xxl.png" style="width: 20px; height: 20px;" />&nbsp;<span style="font-size:16px;">Công ty được thành lập năm 2008,&nbsp;với kinh nghiệm nhiều năm trong lĩnh cung cấp quà tặng số lượng lớn đang dần khẳng đinh vị trí của mình đối với khách hàng. Sản phẩm công ty cung cấp có chất lượng cao, đảm bảo uy tín, giao hàng đúng hẹn cùng với đó là giá cả tốt nhất thị trường và thái độ phục vụ nhiệt tình, chu đáo sẽ làm hài lòng những khách hàng khó tính nhất.</span></span></p>
    
    <p style="text-align: center;"><img alt="công ty quà tặng" src="/vnt_upload/File/06_2016/CONGTYQUATANG.jpg" style="opacity: 0.9; line-height: 20.8px; text-align: center; width: 500px; height: 188px;" /></p>
    
    <h2><span style="font-size:18px;"><span style="color:#006400;"><strong>Quà tặng quảng cáo công ty Nguyễn Minh Đức là lựa chọn tốt nhất cho doanh nghiệp.</strong></span></span></h2>
    
    <p>&nbsp;</p>
    
    <p style="text-align: justify;"><span style="font-size:14px;"><img alt="icon quà tặng" src="/vnt_upload/File/06_2016/gift-3-xxl.png" style="width: 20px; height: 20px;" /><strong>&nbsp;<span style="font-size:16px;">Quà tặng quảng cáo</span></strong><span style="font-size:16px;"> tại Minh Đức được thiết kế với đa dạng&nbsp;những&nbsp;mẫu mã bắt mắt, chi tiết, hoa văn độc đáo, từ những sản phẩm cao cấp cho đến những sản phẩm vật dụng quen thuộc hàng ngày đều được công ty chúng tôi tận dụng biến chúng thành những sản phẩm quà tặng có ý nghĩa. Đặc biệt, <span style="color:#8B4513;"><span style="font-size:18px;"><strong>logo thương hiệu, slogan doanh nghiệp đều đươc in ấn, khắc laser thật sắc nét</strong></span></span>, có sức thu hút mạnh mẽ, để lại dấu ấn sâu đậm từ cái nhìn đầu tiên.&nbsp;</span></span></p>
    
    <p style="text-align: justify;">&nbsp;</p>
    
    <p style="text-align: justify;"><span style="font-size:14px;"><img alt="icon gift" src="/vnt_upload/File/06_2016/gift-3-xxl.png" style="width: 20px; height: 20px;" />&nbsp;<span style="font-size:16px;"><strong>Quà tặng doanh nghiệp</strong>&nbsp;mà Minh Đức cung cấp có độ bền cao, đa dạng về chủng loại và trên hết vẫn là mang nét độc đáo riêng biệt, tạo ấn tượng sâu sắc</span>.</span></p>
    
    <p>&nbsp;</p>
    
    <p style="text-align: justify;"><span style="font-size:14px;"><img alt="icon gift" src="/vnt_upload/File/06_2016/gift-3-xxl.png" style="width: 20px; height: 20px;" />&nbsp;<span style="font-size:16px;">Liên hệ <strong>công ty quà tặng</strong> Nguyễn&nbsp;Minh Đức để được tư vấn và đặt hàng với giá ưu đãi nhất.&nbsp;</span></span></p>
            </div>
        </div>
    </div>
    Mã:
    .sitedoc-about {
        background: url(../images/about_main_top.png) no-repeat;
        font-size: 15px;
        line-height: 1.5em;
        margin: 20px auto;
        padding: 80px 40px 60px 60px;
        position: relative;
    }
    .wellcome {
        font-size: 100px;
        font-family: 'AdineKirnberg-Script';
        color: #000;
        margin-bottom: 30px;
    }
    .sitedoc-about .inner {
     padding-right: 20px;
    }
    
    Thiếu chỗ nào thì tự mò cho nâng cao level nhé :)
    --- Post updated ---
    Quên, cần mỗi css thôi mà nhỉ :)
     
  3. blogmeyeu

    blogmeyeu Member

    Bài viết:
    1,154
    Đã thích:
    88
    Bác ơi, bác lỡ giúp giúp e luôn với ,e ko lấy dc hình ảnh viền của nó về bác ạ :(
     
  4. thanhthai

    thanhthai Thích Trảm Sát

    Bài viết:
    210
    Đã thích:
    68
     
  5. blogmeyeu

    blogmeyeu Member

    Bài viết:
    1,154
    Đã thích:
    88
    em mò mãi rồi bác ạ, ko sao lấy dc cái ảnh viền background :(
     
  6. aslanphan

    aslanphan New Member

    Bài viết:
    11
    Đã thích:
    3
    nó nhúng trong Css làm background thì nếu bác mò source html cả đời cũng ko ra. bật Developer tools lên vừa soi html/css luôn.
    Mã:
    http://www.qua24.net/modules/main/images/about_main_top.png
     
  7. blogmeyeu

    blogmeyeu Member

    Bài viết:
    1,154
    Đã thích:
    88
    vâng bác, cái ảnh ở dưới bác giúp em tìm links với ạ
     
  8. haonguyenplus

    haonguyenplus Member

    Bài viết:
    150
    Đã thích:
    8
    Đây nhé bác:
    Mã:
    http://www.qua24.net/modules/main/images/about_main_bottom.png
     
Đang tải...
Đang tải...