Web nhanh

web giá rẻ

Thiết kế của websitedalat.com có nội dung hấp dẫn, đầy đủ, phù hợp với ngành nghề lĩnh vực kinh doanh của doanh nghiệp. Website được sắp xếp, bố cục một cách hợp lý, tạo điều kiện cho người đọc dễ khai thác và tìm kiếm thông tin trong website.

  • CMS Personal Training
    CMS Personal Training

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta vestibulum sem ac accumsan. Integer suscipit diam.

  • Easy Data Access
    Easy Data Access

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta vestibulum sem ac accumsan. Integer suscipit diam.

  • Electronic Business Template
    Electronic Business Template

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta vestibulum sem ac accumsan. Integer suscipit diam.

  • Jewellery Joomla Template
    Jewellery Joomla Template

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta vestibulum sem ac accumsan. Integer suscipit diam.

  • Market Targeting
    Market Targeting

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta vestibulum sem ac accumsan. Integer suscipit diam.

Typography

User Rating:  / 0
PoorBest 

 

Price table for modules

 

Example 1

<div class="jm-price-table"> <div class="jm-pt-title-wrap"> <div class="jm-pt-title">basic</div> </div> <div class="jm-pt-price-wrap"><span class="jm-pt-price-unit">$</span> <span class="jm-pt-price-value">29</span> <div class="jm-pt-price-duration">per month</div> </div> <p class="jm-yes row0">Lorem ipsum dolor</p> <p class="jm-no row1">consectetur adipisicing</p> <div class="jm-readmore-wrap"><a class="readmore" href="#">Check Offer</a></div> </div>
 

 

basic
$ 29
per month

Lorem ipsum dolor

consectetur adipisicing

Example 2

<div class="jm-price-table red"> <div class="jm-pt-title-wrap"> <div class="jm-pt-title">regular</div> </div> <div class="jm-pt-price-wrap"><span class="jm-pt-price-unit">$</span> <span class="jm-pt-price-value">59</span> <div class="jm-pt-price-duration">per month</div> </div> <p class="jm-yes row0">Lorem ipsum dolor</p> <p class="jm-no row1">consectetur adipisicing</p> <div class="jm-readmore-wrap"><a class="readmore" href="#">Check Offer</a></div> </div>

 

regular
$ 59
per month

Lorem ipsum dolor

consectetur adipisicing

Example 3

<div class="jm-price-table blue"> <div class="jm-pt-title-wrap"> <div class="jm-pt-title">premium</div> </div> <div class="jm-pt-price-wrap"><span class="jm-pt-price-unit">$</span> <span class="jm-pt-price-value">89</span> <div class="jm-pt-price-duration">per month</div> </div> <p class="jm-yes row0">Lorem ipsum dolor</p> <p class="jm-no row1">consectetur adipisicing</p> <div class="jm-readmore-wrap"><a class="readmore" href="#">Check Offer</a></div> </div>

 

premium
$ 89
per month

Lorem ipsum dolor

consectetur adipisicing

 

Animated hover CSS3 effects for images

This code allows you to display an image and its description with animated CSS3 effect.
Note: If you would like to add your own text into the image description, just modify the code below or edit an existing code in the custom module of the demo template.

 

Example 1

<div class="dj-image-hover"> <div class="view view-first"><a href="#"><img src="/image.jpg" /><a> <div class="mask"> <h2><a href="#">Title goes here</a> </h2> <p>Custom description goes here.</p> <a class="readmore" href="#">Read More</a></div> </div> </div>

 

Web Development

Title goes here

Custom description goes here

Read More

 

Example 2

<div class="dj-image-hover"> <div class="view view-second"><a href="#"><img src="/image.jpg" /><a> <div class="mask"> <h2><a href="#">Title goes here</a> </h2> <p>Custom description goes here.</p> <a class="readmore" href="#">Read More</a></div> </div> </div>

 

Web Development

Title goes here

Custom description goes here.

Read More

 

Example 3

<div class="dj-image-hover"> <div class="view view-third"><a href="#"><img src="/image.jpg" /><a> <div class="mask"> <h2><a href="#">Title goes here</a> </h2> <p>Custom description goes here.</p> <a class="readmore" href="#">Read More</a></div> </div> </div>

 

Web Development

Title goes here

Custom description goes here.

Read More

 

Image Borders

<img class="border_img1" src="/image.jpg" />
Wed Development
<img class="border_img2" src="/image.jpg" />
Web Development
<img class="border_img3" src="/image.jpg" />
Web Development

 

Headings

This is Heading One (h1)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


This is Heading Two (h2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


This is Heading Three (h3)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.

This is Heading Four (h4)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


This is Heading Five (h5)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


This is Heading Six (h6)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.

 

Numered blocks

<p class="jm-block"><span>01</span>Text goes here</p>

01Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

02Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

03Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

<p class="jm-block second"><span>a</span>Text goes here</p>

aLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

bLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

cLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

 

Colored blocks

this is a paragraph with the class "blue"
<p class="blue" > Text goes here</p>

 

this is a paragraph with the class "green"
<p class="green" > Text goes here</p>

 

this is a paragraph with the class "red"
<p class="red" > Text goes here</p>

this is a paragraph with the class "bluefill"
<p class="bluefill" > Text goes here</p>

this is a paragraph with the class "greenfill"
<p class="greenfill" > Text goes here</p>

this is a paragraph with the class "redfill"
<p class="redfill" > Text goes here</p>

 

Quote blocks

this is a paragraph with the class "quote-left"
<p class="quote-left" > Text goes here</p>

this is a paragraph with the class "quote-right"
<p class="quote-right" > Text goes here</p>

 

Icon blocks

this is a paragraph with the class "badge"
<p class="badge" > Text goes here</p>

this is a paragraph with the class "calendar"
<p class="calendar" > Text goes here</p>

this is a paragraph with the class "chat"
<p class="chat" > Text goes here</p>

this is a paragraph with the class "check"
<p class="check" > Text goes here</p>

this is a paragraph with the class "cloud"
<p class="cloud" > Text goes here</p>

this is a paragraph with the class "direction"
<p class="direction" > Text goes here</p>

this is a paragraph with the class "divide"
<p class="divide" > Text goes here</p>

this is a paragraph with the class "error"
<p class="error" > Text goes here</p>

this is a paragraph with the class "fire"
<p class="fire" > Text goes here</p>

this is a paragraph with the class "flag"
<p class="flag" > Text goes here</p>

this is a paragraph with the class "heart"
<p class="heart" > Text goes here</p>

this is a paragraph with the class "home"
<p class="home" > Text goes here</p>

this is a paragraph with the class "info"
<p class="info" > Text goes here</p>

this is a paragraph with the class "list"
<p class="list" > Text goes here</p>

this is a paragraph with the class "mail"
<p class="mail" > Text goes here</p>

this is a paragraph with the class "people"
<p class="people" > Text goes here</p>

this is a paragraph with the class "star"
<p class="star" > Text goes here</p>

this is a paragraph with the class "stat"
<p class="stat" > Text goes here</p>

 

Unordered lists


Default list
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
This is a list with the class "jm-gray"
Enter the class name to ul tag <ul class="gray">
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
This is a list with the class "jm-light"
Enter the class name to ul tag <ul class="jm-light">
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum

 

Ordered lists


Default list
  1. Duis tincidunt nunc sit amet ipsum
  2. Duis tincidunt nunc sit amet ipsum
  3. Duis tincidunt nunc sit amet ipsum
    1. Duis tincidunt nunc sit amet ipsum
    2. Duis tincidunt nunc sit amet ipsum
      1. Duis tincidunt nunc sit amet ipsum
      2. Duis tincidunt nunc sit amet ipsum
      3. Duis tincidunt nunc sit amet ipsum
This is a list with the class "jm-roman"
Enter the class name to ol tag <ol class="jm-roman">
  1. Duis tincidunt nunc sit amet ipsum
  2. Duis tincidunt nunc sit amet ipsum
  3. Duis tincidunt nunc sit amet ipsum
    1. Duis tincidunt nunc sit amet ipsum
    2. Duis tincidunt nunc sit amet ipsum
      1. Duis tincidunt nunc sit amet ipsum
      2. Duis tincidunt nunc sit amet ipsum
      3. Duis tincidunt nunc sit amet ipsum
This is a list with the class "jm-alpha"
Enter the class name to ol tag <ol class="jm-alpha">
  1. Duis tincidunt nunc sit amet ipsum
  2. Duis tincidunt nunc sit amet ipsum
  3. Duis tincidunt nunc sit amet ipsum
    1. Duis tincidunt nunc sit amet ipsum
    2. Duis tincidunt nunc sit amet ipsum
      1. Duis tincidunt nunc sit amet ipsum
      2. Duis tincidunt nunc sit amet ipsum
      3. Duis tincidunt nunc sit amet ipsum

 

Social icons with CSS3 effect

<p class="jm-icons"><a href="/index.php" style="display: inline-block;"><span class="jm-facebook" style="margin: 0 10px 0 0;">&nbsp;</span></a><a href="/index.php" style="display: inline-block;"><span class="jm-twitter" style="margin: 0 10px;">&nbsp;</span></a><a href="/index.php" style="display: inline-block;"><span class="jm-youtube" style="margin: 0 10px;">&nbsp;</span></a><a href="/index.php" style="display: inline-block;"><span class="jm-rss" style="margin: 0 0 0 10px;"> &nbsp;</span></a></p>

 

  

 

Read More Button

This is a read more link with the class "readmore"
Enter the class name to a tag <a class="readmore" />

Read more

bán ebook mẫu shop virtuemart facebook store trang web mua bán nhà Google map plugin bán file PDF đồng phục thể dục đặt dịch vụ link thân thiện dụng cụ cửa hàng tạp hóa trải nghiệm người dùng kim khí điện máy việc làm không thanh toán online EShop BowThemes VinaGecko JoomlaUX mẫu web nhà đất website ảnh động Cửa hàng thời trang Lợi ích của SEO layout grid Trendy Store giày dép online Factory Press tích hợp shop facebook Joomla Buff dạng lưới IT OrchidShop giá rẻ mà đẹp tự cập nhật SEO Offpage bán phần mềm Solidres web đặt hoa shop giày dép JHotelReservation mẫu JSN One làm vườn mẫu Zenith web căn hộ dịch vụ sửa nhà list MijoShop web cưới hỏi SJ Job4U VikBooking DJ-Flyer thời trang teen Hika Shop website giày dép web thời trang web nhà sách website chuyên nghiệp Joomla Viet bán sách in Widget JoomShoping phiếu tập GYM Brainos themeforest j2store cart website bán nhà nút mua hàng bán hàng facebook cửa hàng hoa tươi AcyMailing mẫu web bất động sản Jomres joomdonation iFrame facebook vật tư xây dựng flyte tees LEO theme Shopy bất động sản công cụ booking JoomLoc-Free Joomshopping LT Jobboard Artio Booking shop mẫu Radon nhà đất OS Services Booking JoomlaShine dịch vụ cưới hỏi website bán hàng hiệu sách Facebook fanpage mẫu Shopy tích hợp bitcoin trang web nhà sách Gardener Joobi jStore Nextend Smart Slider layout dạng lưới giới thiệu công ty

Bạn được gì?

Home
Cập nhật thường xuyên
Nâng cấp web, đăng bài viết.
Email
Chi phí thấp
Trả tiền ít nhưng lợi ích nhiều.
Email
Tăng doanh số
Bạn sẽ có web, có FB; G+,..

Liên hệ

Home
Cài đặt website
271 Lê Văn Lương, Quận7
Email
ĐT: 0918222944
Email: This email address is being protected from spambots. You need JavaScript enabled to view it.
Email
Chỉ đường
Xem bản đồ đường đi